fix(usage): mount spend panel in-flow per surface; drop floating dock

- Ask My Data: panel at foot of the ContextRail, under Suggested follow-ups /
  Memory cues / Related threads
- Analyze: panel pinned to the bottom of the left model-list sidebar, below
  all semantic models (sidebar is now flex-col: list scrolls, panel pins)
- removed TokenSpendDock (the fixed overlay that floated into the left margin)
- Today unchanged (right aside, under Agent Log)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: josers18

app/(banker)/layout.tsx

@@ -3,7 +3,6 @@ import { cookies } from "next/headers";
 import { LeftRail } from "@/components/nav/LeftRail";
 import { MobileNav } from "@/components/horizon/mobile/MobileNav";
 import { SessionUsageProvider } from "@/components/horizon/SessionUsageProvider";
-import { TokenSpendDock } from "@/components/horizon/TokenSpendDock";
 
 export const dynamic = "force-dynamic";
 
@@ -31,7 +30,8 @@ export default async function BankerLayout({
   // SessionUsageProvider wraps every banker surface (Today / Ask / Analyze)
   // so the token-spend tally is one shared, cross-tab total — the panel reads
   // from a single hz_sid session in Postgres regardless of which tab spent the
-  // tokens. The dock renders the panel consistently on every tab.
+  // tokens. Each surface mounts the panel in-flow in its own right rail /
+  // sidebar (Today aside, Ask ContextRail, Analyze model sidebar).
   return (
     <SessionUsageProvider>
       <div className="flex min-h-dvh">
@@ -42,7 +42,6 @@ export default async function BankerLayout({
           <Suspense fallback={null}>{children}</Suspense>
         </div>
         <MobileNav signedIn={signedIn} />
-        {signedIn && <TokenSpendDock />}
       </div>
     </SessionUsageProvider>
   );

components/analyze/AnalyzeWorkspace.tsx

@@ -1,5 +1,6 @@
 import { ModelList } from "./ModelList";
 import { AnalyzeMobileSidebar } from "./AnalyzeMobileSidebar";
+import { TokenSpendPanel } from "@/components/horizon/TokenSpendPanel";
 
 /**
  * 2-column shell for /analyze and /analyze/[modelId].
@@ -16,8 +17,14 @@ export function AnalyzeWorkspace({ children }: { children: React.ReactNode }) {
   return (
     <div className="grid min-h-[calc(100vh-120px)] grid-cols-1 gap-6 lg:grid-cols-[280px_minmax(0,1fr)]">
       <aside className="hidden border-r border-border-soft/40 pt-4 lg:block">
-        <div className="sticky top-[96px] h-[calc(100vh-120px)]">
-          <ModelList />
+        <div className="sticky top-[96px] flex h-[calc(100vh-120px)] flex-col">
+          {/* Model list scrolls; spend panel pins to the foot of the rail. */}
+          <div className="min-h-0 flex-1">
+            <ModelList />
+          </div>
+          <div className="shrink-0 border-t border-border-soft/40 px-2 pb-2 pt-1">
+            <TokenSpendPanel />
+          </div>
         </div>
       </aside>
 

components/ask-data/ContextRail.tsx

@@ -2,6 +2,7 @@
 
 import { useFollowUps } from "./followUpsBus";
 import { ASK_DATA_FOLLOW_UP_PICK_EVENT } from "./askDataEvents";
+import { TokenSpendPanel } from "@/components/horizon/TokenSpendPanel";
 
 /**
  * Right rail on /ask. Per spec §T1-2: "Suggested follow-ups / Memory
@@ -57,6 +58,10 @@ export function ContextRail() {
       <ContextCard title="Related threads">
         Past conversations touching similar clients or segments.
       </ContextCard>
+
+      {/* Session token spend — in-flow at the foot of the rail, expands
+          downward. Renders null until there's spend to show. */}
+      <TokenSpendPanel />
     </aside>
   );
 }