From 9129543f5dcaeac72803fc0872bebb6cbe2841e5 Mon Sep 17 00:00:00 2001
From: Tyler <tyler@crispygoat.com>
Date: Sun, 21 Jun 2026 11:57:45 -0600
Subject: [PATCH] feat(drill): hover affordance CSS + App wrapped in
 DrillStackProvider

---
 src/App.tsx   |  5 +++--
 src/index.css | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 26c1bc5..45c6fd7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import { Route, Routes } from "react-router-dom";
 import { Toaster } from "sonner";
 import { Layout } from "@/components/Layout";
+import { DrillStackProvider } from "@/components/drill/DrillStackProvider";
 import { Dashboard } from "@/pages/Dashboard";
 import { Claims } from "@/pages/Claims";
 import { Remittances } from "@/pages/Remittances";
@@ -24,7 +25,7 @@ function NotFound() {
 
 export default function App() {
   return (
-    <>
+    <DrillStackProvider>
       <Routes>
         <Route element={<Layout />}>
           <Route index element={<Dashboard />} />
@@ -52,6 +53,6 @@ export default function App() {
           },
         }}
       />
-    </>
+    </DrillStackProvider>
   );
 }
diff --git a/src/index.css b/src/index.css
index e623d36..678cab8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -413,3 +413,18 @@
     animation-duration: 0s !important;
   }
 }
+
+/* Universal drill-down affordance — applied by DrillableCell. */
+.drillable {
+  cursor: pointer;
+  transition: background-color 120ms ease;
+}
+.drillable:hover {
+  background-color: hsl(var(--accent) / 0.08);
+}
+.drillable:hover::after {
+  content: "›";
+  margin-left: 6px;
+  color: hsl(var(--accent));
+  font-weight: 600;
+}