@band-app/server 0.3.0 → 0.3.1

package/dist/server/assets/{router-BejKXIrT.js → router-ui6wVh7X.js}

@@ -40420,53 +40420,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-A_IwCrQa.js").then((m2) => m2.javascript());
+        return import("./index-v2ZoIblX.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-A_IwCrQa.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-v2ZoIblX.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-A_IwCrQa.js").then(
+        return import("./index-v2ZoIblX.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-A_IwCrQa.js").then(
+        return import("./index-v2ZoIblX.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-Cj7do86C.js").then((m2) => m2.python());
+        return import("./index-ehJX-x7u.js").then((m2) => m2.python());
       case "html":
-        return import("./index-E4GEYitW.js").then((m2) => m2.html());
+        return import("./index-Dpdg8d2x.js").then((m2) => m2.html());
       case "css":
-        return import("./index-xMc3ZlRc.js").then((m2) => m2.css());
+        return import("./index-CiwZb3K7.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-CnuRAKgr.js").then((m2) => m2.sass());
+        return import("./index-DcSGnX9Y.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-cStp1vpB.js").then((m2) => m2.less());
+        return import("./index-D3nc-6Y6.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-BR76j4Vk.js").then((m2) => m2.json());
+        return import("./index-BsiXULyc.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-CS3QeU4e.js").then((m2) => m2.markdown());
+        return import("./index-TSafpX9w.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-D5lNe_xt.js").then((m2) => m2.xml());
+        return import("./index-BR3UKwL5.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-CQTgGi5V.js").then((m2) => m2.yaml());
+        return import("./index-kawf-mXU.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-vnItYDqO.js").then((m2) => m2.sql());
+        return import("./index-BfIGXl0c.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-CA8DyWtN.js").then((m2) => m2.rust());
+        return import("./index-DTO2Bghw.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-Du735q5O.js").then((m2) => m2.go());
+        return import("./index-DLBp1ZlP.js").then((m2) => m2.go());
       case "java":
-        return import("./index-RhBuqPPl.js").then((m2) => m2.java());
+        return import("./index-BL6ldRfC.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-RhBuqPPl.js").then((m2) => m2.java());
+        return import("./index-BL6ldRfC.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-BOtyo6Nx.js").then((m2) => m2.cpp());
+        return import("./index-lgqrOY_d.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-BG9HkusL.js").then((m2) => m2.php());
+        return import("./index-CjogWqmh.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -46546,6 +46546,44 @@ function useUpdateSettings() {
     }
   });
 }
+const EXPERIMENTAL_FLAG_KEYS = {
+  contextMeter: "band.experimental.context-meter"
+};
+function readFlag(key2) {
+  if (typeof window === "undefined") return false;
+  return window.localStorage.getItem(key2) === "true";
+}
+function writeFlag(key2, value) {
+  if (typeof window === "undefined") return;
+  window.localStorage.setItem(key2, value ? "true" : "false");
+  window.dispatchEvent(new CustomEvent("band:experimental-flag-change", { detail: { key: key2 } }));
+}
+function useExperimentalFlag(key2) {
+  const [enabled, setEnabled] = reactExports.useState(() => readFlag(key2));
+  reactExports.useEffect(() => {
+    const sync = (e2) => {
+      if (e2 instanceof CustomEvent && e2.detail?.key !== key2) return;
+      setEnabled(readFlag(key2));
+    };
+    window.addEventListener("band:experimental-flag-change", sync);
+    window.addEventListener("storage", sync);
+    return () => {
+      window.removeEventListener("band:experimental-flag-change", sync);
+      window.removeEventListener("storage", sync);
+    };
+  }, [key2]);
+  const set2 = reactExports.useCallback(
+    (value) => {
+      writeFlag(key2, value);
+      setEnabled(value);
+    },
+    [key2]
+  );
+  return [enabled, set2];
+}
+function useExperimentalContextMeter() {
+  return useExperimentalFlag(EXPERIMENTAL_FLAG_KEYS.contextMeter);
+}
 function SettingsRow({
   label,
   description,
@@ -46625,6 +46663,14 @@ const KNOWN_AGENTS = [
   { id: "opencode", type: "opencode", label: "OpenCode", defaultCommand: "opencode" }
 ];
 const MODEL_DEFAULT_SENTINEL = "__band_default__";
+function formatCtxWindow$1(n2) {
+  if (n2 >= 1e6) {
+    const m2 = n2 / 1e6;
+    return `${Number.isInteger(m2) ? m2.toFixed(0) : m2.toFixed(1)}M`;
+  }
+  if (n2 >= 1e3) return `${Math.round(n2 / 1e3)}k`;
+  return String(n2);
+}
 function SettingsPage({ open: open2, onOpenChange }) {
   const { settings } = useSettingsQuery();
   const updateSettingsMutation = useUpdateSettings();
@@ -46649,6 +46695,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
   );
   const [selectedTheme, setSelectedTheme] = reactExports.useState(settings.theme ?? "system");
   const [agentModels, setAgentModels] = reactExports.useState({});
+  const [contextMeterEnabled, setContextMeterEnabled] = useExperimentalContextMeter();
   const adapter2 = useAdapter();
   reactExports.useEffect(() => {
     if (!adapter2.listModels) return;
@@ -46977,6 +47024,22 @@ function SettingsPage({ open: open2, onOpenChange }) {
                     )
                   }
                 ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  SettingsRow,
+                  {
+                    htmlFor: "agents-context-meter",
+                    label: "Context window meter",
+                    description: "Show a context-usage donut next to the session-history button in the chat input. Token counting accuracy varies by agent — disable if numbers look wrong.",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Switch,
+                      {
+                        id: "agents-context-meter",
+                        checked: contextMeterEnabled,
+                        onCheckedChange: setContextMeterEnabled
+                      }
+                    )
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Accordion, { type: "multiple", className: "w-full", children: KNOWN_AGENTS.map((known) => {
                   const agent = codingAgents.find((a2) => a2.type === known.type);
                   const enabled = !!agent;
@@ -47075,7 +47138,13 @@ function SettingsPage({ open: open2, onOpenChange }) {
                                   /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Default" }) }),
                                   /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
                                     /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: MODEL_DEFAULT_SENTINEL, children: "Default" }),
-                                    models.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: m2.id, children: m2.name }, m2.id))
+                                    models.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: m2.id, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex w-full items-baseline justify-between gap-2", children: [
+                                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: m2.name }),
+                                      m2.contextWindow !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tabular-nums text-muted-foreground", children: [
+                                        formatCtxWindow$1(m2.contextWindow),
+                                        " ctx"
+                                      ] })
+                                    ] }) }, m2.id))
                                   ] })
                                 ]
                               }
@@ -47298,7 +47367,7 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar }) {
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, { className: "size-5" })
                   }
                 ) }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "More" })
+                /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "More" })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "start", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: () => setEditMode((v2) => !v2), children: [
@@ -47370,7 +47439,7 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar }) {
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-5" })
               }
             ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Add project" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "Add project" })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -51791,7 +51860,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
           workspaceId,
           projectName: project.name,
           branch: worktree.branch,
-          agent: statuses[workspaceId]?.agent ?? worktree.agent
+          agent: statuses.get(workspaceId)?.agent
         });
       }
     }
@@ -131842,12 +131911,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-C1atBmRs.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-L-yKb3Zq.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-9mJAWvad.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-DmleNa4v.js"), "loader")
       }
     ]
   ]);
@@ -132286,7 +132355,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-DyIulYvs.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-Bv39r0cE.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -132303,7 +132372,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-qQuNi_ek.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CKOlpEYf.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -132326,7 +132395,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-qQuNi_ek.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CKOlpEYf.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -132340,7 +132409,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-DqzNX--h.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-B8SLNOhT.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -132354,7 +132423,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BIMAii04.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-LTcGOQh8.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -132368,7 +132437,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CvxepebM.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-Cz_3Y_fm.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -132382,7 +132451,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-C2Qm4J_0.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-CHCI1AvB.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -132395,7 +132464,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-BYnq3CiI.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CHCBgglI.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -132408,7 +132477,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-Bg0bur0-.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-D1Es_GIX.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -132422,7 +132491,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-AnGllwBT.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-_U_JrS6w.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -132436,7 +132505,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-BiHrf5LP.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-CgQ8ccM0.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -132450,7 +132519,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-CSRhSSG0.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-DSjsmvhJ.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -132467,7 +132536,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-DX-De1xE.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-Bm6tgj68.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -132484,7 +132553,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-DX-De1xE.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-Bm6tgj68.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -132501,7 +132570,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-B_CCwVLH.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-D1P44e7A.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -132521,7 +132590,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Br6BE9Dl.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BUB-g8R5.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -132535,7 +132604,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-C0cd_WBg.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-DnaN-6ze.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -132602,7 +132671,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-qQuNi_ek.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CKOlpEYf.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -132616,7 +132685,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-CpqSODIH.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-o0TWDfVE.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -132630,7 +132699,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-C2uLj2ri.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-D4mbSp8m.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -132644,7 +132713,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-kcejmLgx.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-JU-5yrQV.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -132658,7 +132727,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-BLGAaS-t.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-dV-3kXAD.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -132672,7 +132741,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-Bn4ENm4_.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-CT98niKC.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -132685,7 +132754,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-DzfTH21h.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-CPIjUINK.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -132698,7 +132767,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-D4Kk0Ngg.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-L5ieGxFF.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -132712,7 +132781,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-Zlx9bJA4.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-C5DZiZyi.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -132726,7 +132795,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CyGQvN3g.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CLQUsOvK.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -148404,7 +148473,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et2 = ({ className: e2, language: t2, style: o3, isIncomplete: n2, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e2), "data-incomplete": n2 || void 0, "data-language": t2, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o3 }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot2 = ({ language: e2 }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e2, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e2 }) });
-var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-imCkdLOn.js").then((e2) => ({ default: e2.HighlightedCodeBlockBody }))), rt = ({ code: e2, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
+var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-uXJZSUGv.js").then((e2) => ({ default: e2.HighlightedCodeBlockBody }))), rt = ({ code: e2, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
   let i2 = reactExports.useMemo(() => e2.replace(cn, ""), [e2]), c2 = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i2.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i2]);
   return jsxRuntimeExports.jsx(Se.Provider, { value: { code: e2 }, children: jsxRuntimeExports.jsxs(et2, { isIncomplete: s2, language: t2, children: [jsxRuntimeExports.jsx(ot2, { language: t2 }), n2 ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n2 }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe, { className: o3, language: t2, result: c2, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o3, code: i2, language: t2, raw: c2, ...r2 }) })] }) });
@@ -148726,7 +148795,7 @@ var Dt = ({ children: e2, className: t2, onDownload: o3, onError: n2 }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i2, children: [jsxRuntimeExports.jsx("button", { className: f("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t2), disabled: c2, onClick: () => r2(!s2), title: "Download table", type: "button", children: e2 != null ? e2 : jsxRuntimeExports.jsx(Z, { size: 14 }) }), s2 ? jsxRuntimeExports.jsxs("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
 };
 var Vt = ({ children: e2, className: t2, showControls: o3, ...n2 }) => jsxRuntimeExports.jsxs("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [o3 ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [jsxRuntimeExports.jsx(Ht, {}), jsxRuntimeExports.jsx(Dt, {})] }) : null, jsxRuntimeExports.jsx("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: jsxRuntimeExports.jsx("table", { className: f("w-full divide-y divide-border", t2), "data-streamdown": "table", ...n2, children: e2 }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-B3JY0bnx.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-CKq41YLn.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke(e2, t2) {
   if (!(e2 != null && e2.position || t2 != null && t2.position)) return true;
   if (!(e2 != null && e2.position && (t2 != null && t2.position))) return false;
@@ -151105,18 +151174,26 @@ function DockviewBrowserContainer({
           console.error("[DockviewBrowserContainer] fromJSON failed, creating default:", err);
           createDefaultPanel$1(event.api, workspaceId);
         }
+        let dropped = 0;
         if (knownBrowserIds) {
           const orphans = event.api.panels.filter((p3) => !knownBrowserIds.has(p3.id));
           for (const orphan of orphans) {
             event.api.removePanel(orphan);
+            dropped++;
           }
           if (event.api.panels.length === 0) {
             createDefaultPanel$1(event.api, workspaceId);
+            dropped++;
           }
         }
         setTimeout(() => {
           isRestoringRef.current = false;
         }, 0);
+        if (dropped > 0) {
+          persistToServer$1(workspaceId, event.api.toJSON(), {
+            queryClient: queryClientRef.current
+          });
+        }
       } else {
         createDefaultPanel$1(event.api, workspaceId);
         persistToServer$1(workspaceId, event.api.toJSON(), { queryClient: queryClientRef.current });
@@ -160473,12 +160550,14 @@ const PromptInputAttach = ({ className, ...props }) => {
       {
         type: "button",
         className: cn$2(
-          "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          // Match the icon-button shell used by SessionHistoryMenu / ModeMenu /
+          // AgentModelMenu in the action row so all affordances line up.
+          "inline-flex shrink-0 items-center justify-center rounded-md px-1.5 py-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
           className
         ),
         onClick: () => fileInputRef.current?.click(),
         ...props,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Paperclip, { className: "size-5 lg:size-4" })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Paperclip, { className: "size-4" })
       }
     )
   ] });
@@ -160549,7 +160628,6 @@ const PromptInputSubmit = ({
   className,
   status,
   onStop,
-  queueCount,
   ...props
 }) => {
   const { hasContent: hasContent2 } = reactExports.useContext(PromptInputContext);
@@ -160557,15 +160635,11 @@ const PromptInputSubmit = ({
   const isStreaming = status === "streaming";
   const isBusy = isSubmitting || isStreaming;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
-    queueCount != null && queueCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "text-xs tabular-nums", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-      queueCount
-    ] }),
     isStreaming && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         type: "button",
-        className: "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-full bg-foreground text-background transition-colors hover:bg-foreground/80",
+        className: "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-full bg-secondary text-secondary-foreground transition-colors hover:bg-secondary/80",
         onClick: onStop,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Square, { className: "size-4 lg:size-3.5 fill-current" })
       }
@@ -161914,6 +161988,8 @@ function ChatView({
   const [initialSessionCleared, setInitialSessionCleared] = reactExports.useState(false);
   const currentSessionId = activeSessionId ?? (initialSessionCleared ? void 0 : initialSessionId);
   const [hasMore, setHasMore] = reactExports.useState(false);
+  const [usage, setUsage] = reactExports.useState(void 0);
+  const [contextMeterEnabled] = useExperimentalContextMeter();
   const [loadingOlder, setLoadingOlder] = reactExports.useState(false);
   const scrollHeightBeforePrependRef = reactExports.useRef(null);
   const sentinelRef = reactExports.useRef(null);
@@ -161982,6 +162058,18 @@ function ChatView({
   const [agentDefaultModel, setAgentDefaultModel] = reactExports.useState();
   const [userModelOverride, setUserModelOverride] = reactExports.useState();
   const selectedModel = userModelOverride ?? agentDefaultModel;
+  const selectedModelInfo = reactExports.useMemo(
+    () => models.find((m2) => m2.id === selectedModel),
+    [models, selectedModel]
+  );
+  reactExports.useEffect(() => {
+    if (!selectedModel) return;
+    setUsage((prev2) => {
+      if (!prev2 || prev2.maxContextTokens === void 0) return prev2;
+      const { maxContextTokens: _drop, ...rest } = prev2;
+      return rest;
+    });
+  }, [selectedModel]);
   reactExports.useEffect(() => {
     const modelsP = trpc.models.listAll.query().then((data) => {
       setAgentGroups(data.agents);
@@ -162055,6 +162143,25 @@ function ChatView({
         const sid = dataPart.data.sessionId;
         sessionIdRef.current = sid;
         onActiveSessionChange?.(sid);
+      } else if (dataPart.type === "data-usage" && dataPart.data != null && typeof dataPart.data === "object") {
+        const data = dataPart.data;
+        if (typeof data.inputTokens === "number" && typeof data.outputTokens === "number") {
+          const next2 = {
+            provider: data.provider,
+            inputTokens: data.inputTokens,
+            outputTokens: data.outputTokens,
+            cacheReadTokens: data.cacheReadTokens,
+            cacheCreationTokens: data.cacheCreationTokens,
+            reasoningOutputTokens: data.reasoningOutputTokens,
+            contextTokens: data.contextTokens,
+            totalProcessedTokens: data.totalProcessedTokens,
+            maxContextTokens: data.maxContextTokens
+          };
+          setUsage((prev2) => {
+            const shouldUseNext = prev2?.totalProcessedTokens !== void 0 && next2.totalProcessedTokens !== void 0 ? next2.totalProcessedTokens >= prev2.totalProcessedTokens : usageContextSize(next2) >= usageContextSize(prev2);
+            return shouldUseNext ? next2 : prev2;
+          });
+        }
       }
     }
   });
@@ -162149,6 +162256,19 @@ function ChatView({
         firstEventIdRef.current = data.firstEventId ?? void 0;
         firstMessageIndexRef.current = data.firstMessageIndex ?? void 0;
         setHasMore(data.hasMore);
+        if (data.lastUsage) {
+          setUsage({
+            provider: data.lastUsage.provider,
+            inputTokens: data.lastUsage.inputTokens,
+            outputTokens: data.lastUsage.outputTokens,
+            cacheReadTokens: data.lastUsage.cacheReadTokens,
+            cacheCreationTokens: data.lastUsage.cacheCreationTokens,
+            reasoningOutputTokens: data.lastUsage.reasoningOutputTokens,
+            contextTokens: data.lastUsage.contextTokens,
+            totalProcessedTokens: data.lastUsage.totalProcessedTokens,
+            maxContextTokens: data.lastUsage.maxContextTokens
+          });
+        }
       } finally {
         setLoadingHistory(false);
       }
@@ -162276,6 +162396,7 @@ function ChatView({
       onActiveSessionChange?.(sessionId);
       setMessages([]);
       setQueuedMessages([]);
+      setUsage(void 0);
       trpc.queue.clear.mutate({ workspaceId, chatId }).catch(() => {
       });
       onShowSessionListChange(false);
@@ -162305,6 +162426,7 @@ function ChatView({
     onActiveSessionChange?.(void 0);
     setMessages([]);
     setQueuedMessages([]);
+    setUsage(void 0);
     trpc.queue.clear.mutate({ workspaceId, chatId }).catch(() => {
     });
     onShowSessionListChange(false);
@@ -162561,6 +162683,17 @@ function ChatView({
             /* @__PURE__ */ jsxRuntimeExports.jsxs(PromptInputActions, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(PromptInputAttach, {}),
+                supportsSessionListing && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  SessionHistoryMenu,
+                  {
+                    workspaceId,
+                    chatId,
+                    activeSessionId: activeSessionId ?? sessionIdRef.current,
+                    onSelectSession: handleSelectSession,
+                    onNewSession: handleNewSession
+                  }
+                ),
+                contextMeterEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMeter, { usage, model: selectedModel, modelInfo: selectedModelInfo }),
                 (agentGroups.length > 0 || models.length > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   AgentModelMenu,
                   {
@@ -162573,26 +162706,9 @@ function ChatView({
                     disabled: status !== "ready" && status !== "error"
                   }
                 ),
-                modes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ModeMenu, { modes, selected: selectedMode, onSelect: handleModeSelect }),
-                supportsSessionListing && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SessionHistoryMenu,
-                  {
-                    workspaceId,
-                    chatId,
-                    activeSessionId: activeSessionId ?? sessionIdRef.current,
-                    onSelectSession: handleSelectSession,
-                    onNewSession: handleNewSession
-                  }
-                )
+                modes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ModeMenu, { modes, selected: selectedMode, onSelect: handleModeSelect })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                PromptInputSubmit,
-                {
-                  status,
-                  onStop: handleStop,
-                  queueCount: queuedMessages.length
-                }
-              )
+              /* @__PURE__ */ jsxRuntimeExports.jsx(PromptInputSubmit, { status, onStop: handleStop })
             ] })
           ]
         }
@@ -162622,7 +162738,7 @@ function ModeMenu({
         "button",
         {
           type: "button",
-          className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+          className: "inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(ModeIcon, { modeId: current?.id ?? "", className: "size-3" }),
             current?.name ?? "Mode"
@@ -162672,7 +162788,7 @@ function AgentModelMenu({
         type: "button",
         disabled,
         className: cn$2(
-          "inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+          "inline-flex items-center gap-1 rounded-md px-1.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
           disabled && "opacity-50 cursor-not-allowed"
         ),
         children: [
@@ -162704,7 +162820,7 @@ function AgentModelMenu({
               isCurrentAgent && model.id === selectedModel ? "bg-accent" : ""
             ),
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: model.name }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ModelLine, { model }),
               model.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: model.description })
             ]
           },
@@ -162731,7 +162847,7 @@ function AgentModelMenu({
           model.id === selectedModel ? "bg-accent" : ""
         ),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: model.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ModelLine, { model }),
           model.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: model.description })
         ]
       },
@@ -162751,6 +162867,181 @@ function relativeTime$2(ms) {
   const months = Math.floor(days / 30);
   return `${months}mo ago`;
 }
+const MODEL_CONTEXT_WINDOWS = {
+  // Claude — Opus 4.x ships a 200k default and a separate [1m] long-context
+  // tier. Sonnet 4.6 is 1M GA at standard pricing (the [1m] suffix is a
+  // legacy alias). Haiku 4.5 stays at 200k.
+  "claude-opus-4-7[1m]": 1e6,
+  "claude-opus-4-6[1m]": 1e6,
+  "claude-opus-4-7": 2e5,
+  "claude-opus-4-6": 2e5,
+  "claude-sonnet-4-6[1m]": 1e6,
+  "claude-sonnet-4-6": 1e6,
+  "claude-haiku-4-5": 2e5,
+  // OpenAI — GPT-5 family runs at 400k inside Codex CLI (the Responses API
+  // tier is 1M but Band shells out to the codex binary which caps at 400k).
+  "gpt-5": 4e5,
+  "gpt-4.1": 1e6,
+  "gpt-4o": 128e3,
+  // Gemini 2.5 Pro and Flash are both 1M (~1,048,576).
+  "gemini-2.5-pro": 1e6,
+  "gemini-2.5-flash": 1e6
+};
+function getContextWindow(model) {
+  if (!model) return 2e5;
+  if (MODEL_CONTEXT_WINDOWS[model]) return MODEL_CONTEXT_WINDOWS[model];
+  const entries2 = Object.entries(MODEL_CONTEXT_WINDOWS).sort(([a2], [b2]) => b2.length - a2.length);
+  for (const [key2, value] of entries2) {
+    if (model.startsWith(key2)) return value;
+  }
+  return 2e5;
+}
+function formatTokens(n2) {
+  if (n2 >= 1e6) return `${(n2 / 1e6).toFixed(1)}M`;
+  if (n2 >= 1e3) return `${(n2 / 1e3).toFixed(n2 >= 1e4 ? 0 : 1)}k`;
+  return String(n2);
+}
+function formatCtxWindow(n2) {
+  if (n2 >= 1e6) {
+    const m2 = n2 / 1e6;
+    return `${Number.isInteger(m2) ? m2.toFixed(0) : m2.toFixed(1)}M`;
+  }
+  if (n2 >= 1e3) return `${Math.round(n2 / 1e3)}k`;
+  return String(n2);
+}
+function ModelLine({ model }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex w-full items-baseline justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: model.name }),
+    model.contextWindow !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tabular-nums text-muted-foreground", children: [
+      formatCtxWindow(model.contextWindow),
+      " ctx"
+    ] })
+  ] });
+}
+const DONUT_RADIUS = 9;
+const DONUT_CIRCUMFERENCE = 2 * Math.PI * DONUT_RADIUS;
+function ContextMeter({
+  usage,
+  model,
+  modelInfo
+}) {
+  const contextSize = usage ? usage.contextTokens ?? legacyContextSize(usage) : 0;
+  const window2 = usage?.maxContextTokens ?? modelInfo?.contextWindow ?? getContextWindow(model);
+  const pct = Math.min(100, contextSize / window2 * 100);
+  const pctRounded = Math.round(pct);
+  const danger = pct >= 85;
+  const warn = !danger && pct >= 65;
+  const progressColor = danger ? "stroke-foreground" : warn ? "stroke-muted-foreground" : "stroke-muted-foreground/60";
+  const dashOffset = pct <= 0 ? DONUT_CIRCUMFERENCE : DONUT_CIRCUMFERENCE * (1 - pct / 100);
+  const [open2, setOpen] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open: open2, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Context window: ${pctRounded}% of ${formatTokens(window2)}`,
+        className: "inline-flex items-center justify-center rounded-md px-1.5 py-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        onPointerEnter: (e2) => {
+          if (e2.pointerType === "mouse") setOpen(true);
+        },
+        onPointerLeave: (e2) => {
+          if (e2.pointerType === "mouse") setOpen(false);
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", className: "size-5 -rotate-90 shrink-0", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "circle",
+            {
+              cx: "12",
+              cy: "12",
+              r: DONUT_RADIUS,
+              fill: "none",
+              className: "stroke-muted-foreground/25",
+              strokeWidth: "3"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "circle",
+            {
+              cx: "12",
+              cy: "12",
+              r: DONUT_RADIUS,
+              fill: "none",
+              className: cn$2("transition-all", progressColor),
+              strokeWidth: "3",
+              strokeLinecap: "round",
+              strokeDasharray: DONUT_CIRCUMFERENCE,
+              strokeDashoffset: dashOffset
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PopoverContent,
+      {
+        onPointerEnter: (e2) => {
+          if (e2.pointerType === "mouse") setOpen(true);
+        },
+        onPointerLeave: (e2) => {
+          if (e2.pointerType === "mouse") setOpen(false);
+        },
+        className: "w-auto p-2",
+        side: "top",
+        align: "end",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0.5 text-xs", children: usage ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "Input: ",
+            usage.inputTokens.toLocaleString()
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "Output: ",
+            usage.outputTokens.toLocaleString()
+          ] }),
+          usage.cacheReadTokens !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "Cache read: ",
+            usage.cacheReadTokens.toLocaleString()
+          ] }),
+          usage.cacheCreationTokens !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "Cache write: ",
+            usage.cacheCreationTokens.toLocaleString()
+          ] }),
+          usage.reasoningOutputTokens !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "Reasoning output: ",
+            usage.reasoningOutputTokens.toLocaleString()
+          ] }),
+          usage.totalProcessedTokens !== void 0 && usage.totalProcessedTokens > contextSize && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "Total processed: ",
+            usage.totalProcessedTokens.toLocaleString()
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 border-t pt-1", children: [
+            "Context: ",
+            contextSize.toLocaleString(),
+            " / ",
+            window2.toLocaleString(),
+            " (",
+            pctRounded,
+            "%)"
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          "Context window: ",
+          window2.toLocaleString(),
+          " tokens"
+        ] }) })
+      }
+    )
+  ] });
+}
+function usageContextSize(usage) {
+  if (!usage) return 0;
+  return usage.contextTokens ?? legacyContextSize(usage);
+}
+function legacyContextSize(usage) {
+  const isClaude = usage.provider === "claude" || usage.cacheCreationTokens !== void 0;
+  if (isClaude) {
+    return usage.inputTokens + (usage.cacheReadTokens ?? 0) + (usage.cacheCreationTokens ?? 0) + (usage.reasoningOutputTokens ?? 0);
+  }
+  return usage.inputTokens + (usage.reasoningOutputTokens ?? 0);
+}
 function SessionHistoryMenu({
   workspaceId,
   chatId,
@@ -162772,8 +163063,8 @@ function SessionHistoryMenu({
         "button",
         {
           type: "button",
-          className: "inline-flex items-center justify-center rounded-md px-2 py-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" })
+          className: "inline-flex items-center justify-center rounded-md px-1.5 py-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-4" })
         }
       ) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Session history" })
@@ -163259,6 +163550,7 @@ function DockviewChatContainer({
   visible,
   wsActive
 }) {
+  const adapter2 = useAdapter();
   const queryClient2 = useQueryClient();
   const apiRef = reactExports.useRef(null);
   const isRestoringRef = reactExports.useRef(false);
@@ -163266,8 +163558,14 @@ function DockviewChatContainer({
   const { data: initialData } = useQuery({
     queryKey: chatLayoutKey(workspaceId),
     queryFn: async () => {
-      const { tree } = await trpc.chatLayout.get.query({ workspaceId }).catch(() => ({ tree: null }));
-      return { layout: tree };
+      const [{ tree }, { chats }] = await Promise.all([
+        trpc.chatLayout.get.query({ workspaceId }).catch(() => ({ tree: null })),
+        trpc.chats.list.query({ workspaceId }).catch(() => ({ chats: [] }))
+      ]);
+      return {
+        layout: tree,
+        chatIds: new Set(chats.map((c2) => c2.id))
+      };
     },
     staleTime: Number.POSITIVE_INFINITY
     // never auto-refetch — we manage persistence ourselves
@@ -163362,6 +163660,9 @@ function DockviewChatContainer({
     if (panel) {
       api.removePanel(panel);
     }
+    trpc.chats.remove.mutate({ chatId }).catch((err) => {
+      console.error("[DockviewChatContainer] failed to remove chat:", err);
+    });
   }, []);
   reactExports.useEffect(() => {
     if (!visible) return;
@@ -163410,14 +163711,42 @@ function DockviewChatContainer({
     window.addEventListener("keydown", handler, true);
     return () => window.removeEventListener("keydown", handler, true);
   }, [visible, closeTab, handleSplit, handleAddTab]);
+  reactExports.useEffect(() => {
+    return adapter2.subscribeStatusEvents((event) => {
+      if (event.workspaceId !== workspaceId) return;
+      const api = apiRef.current;
+      if (!api) return;
+      if (event.kind === "chat-created" && typeof event.chatId === "string") {
+        if (api.getPanel(event.chatId)) return;
+        api.addPanel({
+          id: event.chatId,
+          component: "chatTab",
+          tabComponent: "chatTab",
+          title: "Chat",
+          params: { workspaceId, chatId: event.chatId }
+        });
+      } else if (event.kind === "chat-removed" && typeof event.chatId === "string") {
+        const panel = api.getPanel(event.chatId);
+        if (panel) {
+          api.removePanel(panel);
+          if (api.panels.length === 0) {
+            createDefaultPanel(api, workspaceId);
+          }
+        }
+      }
+    });
+  }, [adapter2, workspaceId]);
   addTabRef.current = { onAdd: handleAddTab, onSplit: handleSplit };
   closeTabRef.current = closeTab;
   const initialLayoutRef = reactExports.useRef(null);
   initialLayoutRef.current = initialData?.layout ?? null;
+  const initialChatIdsRef = reactExports.useRef(null);
+  initialChatIdsRef.current = initialData?.chatIds ?? null;
   const onReady = reactExports.useCallback(
     (event) => {
       apiRef.current = event.api;
       const savedLayout = initialLayoutRef.current;
+      const knownChatIds = initialChatIdsRef.current;
       if (savedLayout && isDockviewLayout(savedLayout)) {
         isRestoringRef.current = true;
         try {
@@ -163426,9 +163755,26 @@ function DockviewChatContainer({
           console.error("[DockviewChatContainer] fromJSON failed, creating default:", err);
           createDefaultPanel(event.api, workspaceId);
         }
+        let dropped = 0;
+        if (knownChatIds) {
+          const orphans = event.api.panels.filter((p3) => !knownChatIds.has(p3.id));
+          for (const orphan of orphans) {
+            event.api.removePanel(orphan);
+            dropped++;
+          }
+          if (event.api.panels.length === 0) {
+            createDefaultPanel(event.api, workspaceId);
+            dropped++;
+          }
+        }
         setTimeout(() => {
           isRestoringRef.current = false;
         }, 0);
+        if (dropped > 0) {
+          persistToServer(workspaceId, event.api.toJSON(), {
+            queryClient: queryClientRef.current
+          });
+        }
       } else {
         createDefaultPanel(event.api, workspaceId);
         persistToServer(workspaceId, event.api.toJSON(), { queryClient: queryClientRef.current });
@@ -163494,7 +163840,7 @@ const PANEL_SHORTCUTS = {
   browser: "⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-0lBzSHAB.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-BJRCcV8V.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
@@ -167455,11 +167801,11 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$7 = () => import("./index-BZuMEWyk.js");
+const $$splitComponentImporter$7 = () => import("./index-GifGhqSy.js");
 const Route$7 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-BbEoQ0xz.js");
+const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-BKa2ZK9u.js");
 const Route$6 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
@@ -167478,11 +167824,11 @@ const FindInFileContext = reactExports.createContext({
 function useFindInFileContext() {
   return reactExports.useContext(FindInFileContext);
 }
-const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-ZhjhoB2w.js");
+const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-ac3z18YW.js");
 const Route$5 = createFileRoute("/workspace/$workspaceId/")({
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-Bi68U-9c.js");
+const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-CvQaDekl.js");
 const Route$4 = createFileRoute("/workspace/$workspaceId/terminal")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
@@ -167490,15 +167836,15 @@ const $$splitComponentImporter$3 = () => import("./workspace._workspaceId.code-C
 const Route$3 = createFileRoute("/workspace/$workspaceId/code")({
   component: lazyRouteComponent($$splitComponentImporter$3, "component")
 });
-const $$splitComponentImporter$2 = () => import("./workspace._workspaceId.changes-DRDZGvmq.js");
+const $$splitComponentImporter$2 = () => import("./workspace._workspaceId.changes-B8i8BeUK.js");
 const Route$2 = createFileRoute("/workspace/$workspaceId/changes")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-BDyHn77d.js");
+const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-BTqIEfGL.js");
 const Route$1 = createFileRoute("/workspace/$workspaceId/code/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-B5vvVD15.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-4IwwK8EO.js");
 const Route2 = createFileRoute("/workspace/$workspaceId/code/$")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });