@band-app/server 0.27.2 → 0.27.4

package/dist/server/assets/{router-CR-9ZnLb.js → router-C9NidQ-X.js}

@@ -14974,16 +14974,18 @@ function CommandInput({
     )
   ] });
 }
-function CommandList({ className, ...props }) {
+const CommandList = reactExports.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     _e$4.List,
     {
+      ref,
       "data-slot": "command-list",
       className: cn$2("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
       ...props
     }
   );
-}
+});
+CommandList.displayName = "CommandList";
 function CommandEmpty({ ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     _e$4.Empty,
@@ -42845,53 +42847,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-BO8SzaHU.js").then((m2) => m2.javascript());
+        return import("./index-DZmRRECf.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-BO8SzaHU.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-DZmRRECf.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-BO8SzaHU.js").then(
+        return import("./index-DZmRRECf.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-BO8SzaHU.js").then(
+        return import("./index-DZmRRECf.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-C9huWiJ-.js").then((m2) => m2.python());
+        return import("./index-DbLhvHra.js").then((m2) => m2.python());
       case "html":
-        return import("./index-BfY0gR9U.js").then((m2) => m2.html());
+        return import("./index-BxYuwM7Q.js").then((m2) => m2.html());
       case "css":
-        return import("./index-BaRsZ-GG.js").then((m2) => m2.css());
+        return import("./index-Cp92kaYL.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-DG7cMtrE.js").then((m2) => m2.sass());
+        return import("./index-DLkj4gSq.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-CWreRmYM.js").then((m2) => m2.less());
+        return import("./index-CR9tIh-1.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-Bn2w4FXC.js").then((m2) => m2.json());
+        return import("./index-Kg2aIzUf.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-B4Nb7YRL.js").then((m2) => m2.markdown());
+        return import("./index-BdrLgWO5.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-DtBrHSR6.js").then((m2) => m2.xml());
+        return import("./index-Cwemo6S-.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-DL8Aq-MC.js").then((m2) => m2.yaml());
+        return import("./index-CDFvULyA.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-BOujpirM.js").then((m2) => m2.sql());
+        return import("./index-De_YRKmd.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-Cwo9DINN.js").then((m2) => m2.rust());
+        return import("./index-7uNi8Nrl.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-BkzW7_Ky.js").then((m2) => m2.go());
+        return import("./index-BM8TQu5I.js").then((m2) => m2.go());
       case "java":
-        return import("./index-DGLaWKzg.js").then((m2) => m2.java());
+        return import("./index-Buq7_809.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-DGLaWKzg.js").then((m2) => m2.java());
+        return import("./index-Buq7_809.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-CoXEmnej.js").then((m2) => m2.cpp());
+        return import("./index-B7HlWFDb.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-Cf9HnAif.js").then((m2) => m2.php());
+        return import("./index-CZCksM4t.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -60329,6 +60331,8 @@ function QuickOpenDialog({
   const [files, setFiles] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(false);
   const debounceRef = reactExports.useRef(null);
+  const [selectedValue, setSelectedValue] = reactExports.useState("");
+  const listRef = reactExports.useRef(null);
   const searchResolved = reactExports.useRef(false);
   reactExports.useEffect(() => {
     if (open2) {
@@ -60459,6 +60463,16 @@ function QuickOpenDialog({
   }, [onOpenChange, workspaceId]);
   const displayFiles = showRecent ? recentFiles : files;
   const groupHeading = showRecent ? "Recent files" : void 0;
+  const firstFile = reactExports.useMemo(() => displayFiles[0] ?? "", [displayFiles]);
+  const resultKey = reactExports.useMemo(() => displayFiles.join("\n"), [displayFiles]);
+  const fileNames2 = reactExports.useMemo(
+    () => displayFiles.map((file2) => file2.split("/").pop() || file2),
+    [displayFiles]
+  );
+  reactExports.useEffect(() => {
+    setSelectedValue(firstFile);
+    if (listRef.current) listRef.current.scrollTop = 0;
+  }, [resultKey, firstFile]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2 && dialogVisible, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     DialogContent,
     {
@@ -60471,7 +60485,7 @@ function QuickOpenDialog({
           /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Quick Open" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Search for files by name" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { shouldFilter: false, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { shouldFilter: false, value: selectedValue, onValueChange: setSelectedValue, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             CommandInput,
             {
@@ -60490,7 +60504,7 @@ function QuickOpenDialog({
               currentFile.split("/").pop()
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandList, { className: "max-h-[360px]", children: isGoToLine && currentFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { onSelect: handleGoToLine, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandList, { ref: listRef, className: "max-h-[360px]", children: isGoToLine && currentFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { onSelect: handleGoToLine, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm", children: [
             "Go to line ",
             parsedQuery.line,
             parsedQuery.lineEnd != null && `-${parsedQuery.lineEnd}`,
@@ -60498,8 +60512,8 @@ function QuickOpenDialog({
             currentFile
           ] }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: loading ? "Searching..." : "No files found." }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { heading: groupHeading, children: displayFiles.map((file2) => {
-              const fileName = file2.split("/").pop() || file2;
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { heading: groupHeading, children: displayFiles.map((file2, index2) => {
+              const fileName = fileNames2[index2];
               const Icon2 = getFileIcon(fileName);
               return /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandItem, { value: file2, onSelect: () => handleSelect(file2), children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4 shrink-0 text-muted-foreground" }),
@@ -60541,6 +60555,7 @@ function SearchFilesDialog({
   const [loading, setLoading] = reactExports.useState(false);
   const debounceRef = reactExports.useRef(null);
   const searchBarRef = reactExports.useRef(null);
+  const listRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
     if (!open2 || !adapter2.searchWorkspaceContent || query.length < 2) {
       if (query.length < 2) setResults([]);
@@ -60586,23 +60601,16 @@ function SearchFilesDialog({
     }
     return Array.from(map2.entries());
   }, [results]);
-  const selectedValueRef = reactExports.useRef(selectedValue);
-  selectedValueRef.current = selectedValue;
+  const itemValues = reactExports.useMemo(
+    () => grouped.flatMap(([file2, matches2]) => matches2.map((m2) => `${file2}:${m2.line}:${m2.content}`)),
+    [grouped]
+  );
+  const firstValue = itemValues[0] ?? "";
+  const resultKey = reactExports.useMemo(() => itemValues.join("\n"), [itemValues]);
   reactExports.useEffect(() => {
-    if (grouped.length > 0) {
-      const current2 = selectedValueRef.current;
-      const stillValid = current2 && grouped.some(
-        ([file2, matches2]) => matches2.some((m2) => `${file2}:${m2.line}:${m2.content}` === current2)
-      );
-      if (!stillValid) {
-        const [file2, matches2] = grouped[0];
-        const first = matches2[0];
-        setSelectedValue(`${file2}:${first.line}:${first.content}`);
-      }
-    } else {
-      setSelectedValue("");
-    }
-  }, [grouped]);
+    setSelectedValue(firstValue);
+    if (listRef.current) listRef.current.scrollTop = 0;
+  }, [resultKey, firstValue]);
   const handleSelect = reactExports.useCallback(
     (filePath, line2) => {
       onOpenFile(formatFileLocation(filePath, line2));
@@ -60611,6 +60619,7 @@ function SearchFilesDialog({
     [onOpenFile, onOpenChange]
   );
   const totalMatches = results.length;
+  let rowIndex = 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     DialogContent,
     {
@@ -60636,7 +60645,7 @@ function SearchFilesDialog({
               className: "max-lg:border-t max-lg:border-b-0"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[400px]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { ref: listRef, className: "max-h-[400px]", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: loading ? "Searching..." : query.length < 2 ? "Type at least 2 characters to search." : "No results found." }),
             grouped.map(([file2, matches2]) => {
               const FileIcon = getFileIcon(file2);
@@ -60647,18 +60656,21 @@ function SearchFilesDialog({
                     /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-3" }),
                     file2
                   ] }),
-                  children: matches2.map((match) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    CommandItem,
-                    {
-                      value: `${file2}:${match.line}:${match.content}`,
-                      onSelect: () => handleSelect(file2, match.line),
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-8 shrink-0 text-right font-mono text-xs text-muted-foreground", children: match.line }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono text-xs", children: match.content })
-                      ]
-                    },
-                    `${file2}:${match.line}:${match.content}`
-                  ))
+                  children: matches2.map((match) => {
+                    const value = itemValues[rowIndex++];
+                    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      CommandItem,
+                      {
+                        value,
+                        onSelect: () => handleSelect(file2, match.line),
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-8 shrink-0 text-right font-mono text-xs text-muted-foreground", children: match.line }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono text-xs", children: match.content })
+                        ]
+                      },
+                      value
+                    );
+                  })
                 },
                 file2
               );
@@ -68126,6 +68138,7 @@ function SidebarTitleBar() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
+      "data-testid": "desktop-title-bar__sidebar-surface",
       className: "h-[38px] shrink-0 flex items-center border-b border-border bg-sidebar",
       style: DRAG_STYLE
     }
@@ -68153,6 +68166,7 @@ function WorkspaceTitleBar({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
+      "data-testid": "desktop-title-bar__workspace-surface",
       className: "relative h-[38px] shrink-0 flex items-center gap-1 border-b border-border bg-background pr-2 pl-2",
       style: DRAG_STYLE,
       children: [
@@ -109631,7 +109645,7 @@ var tn = f$5("block", "before:content-[counter(line)]", "before:inline-block", "
 var et$1 = ({ className: e3, language: t2, style: o3, isIncomplete: n2, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f$5("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e3), "data-incomplete": n2 || void 0, "data-language": t2, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o3 }, ...s2 });
 var Se$1 = reactExports.createContext({ code: "" }), de$2 = () => reactExports.useContext(Se$1);
 var ot$1 = ({ language: e3 }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e3, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e3 }) });
-var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-B-KIjXRR.js").then((e3) => ({ default: e3.HighlightedCodeBlockBody }))), rt = ({ code: e3, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
+var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-Ds7zEs0y.js").then((e3) => ({ default: e3.HighlightedCodeBlockBody }))), rt = ({ code: e3, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
   let i2 = reactExports.useMemo(() => e3.replace(cn, ""), [e3]), 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$1.Provider, { value: { code: e3 }, children: jsxRuntimeExports.jsxs(et$1, { isIncomplete: s2, language: t2, children: [jsxRuntimeExports.jsx(ot$1, { 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$1, { className: o3, language: t2, result: c2, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o3, code: i2, language: t2, raw: c2, ...r2 }) })] }) });
@@ -109953,7 +109967,7 @@ var Dt = ({ children: e3, className: t2, onDownload: o3, onError: n2 }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i2, children: [jsxRuntimeExports.jsx("button", { className: f$5("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: e3 != null ? e3 : jsxRuntimeExports.jsx(Z$2, { 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: e3, 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$5("w-full divide-y divide-border", t2), "data-streamdown": "table", ...n2, children: e3 }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-B7ZUN_Qp.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BoR5kuvd.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke$1(e3, t2) {
   if (!(e3 != null && e3.position || t2 != null && t2.position)) return true;
   if (!(e3 != null && e3.position && (t2 != null && t2.position))) return false;
@@ -162124,12 +162138,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-8RUa3xMj.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-gU04QoSw.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-DJIkSye6.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-C78B1ORz.js"), "loader")
       }
     ]
   ]);
@@ -162568,7 +162582,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-BgCS3qmn.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-C3jkSdD9.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -162585,7 +162599,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-CGQvsM8y.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-FcBuhx49.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -162608,7 +162622,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-CGQvsM8y.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-FcBuhx49.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -162622,7 +162636,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-C8BE13tX.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-C0uoxJfP.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -162636,7 +162650,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CTvj2CUF.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-DgGB0zLV.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -162650,7 +162664,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CEYzmLyS.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BJLM__sZ.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -162664,7 +162678,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-CanJ2UdU.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-CF3lD8Hj.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -162677,7 +162691,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-Dcjcisnd.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-Cj9IhzpK.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -162690,7 +162704,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-PVZmGqa8.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-Ca_Km6NW.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -162704,7 +162718,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-Bu3TCZ6_.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-B_WTbxnm.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -162718,7 +162732,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-o3XZfWHL.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-B10NUcDP.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -162732,7 +162746,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-DLHwNIY3.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-66w3Fu7P.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -162749,7 +162763,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-lqwd66j1.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-B70hdwjK.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -162766,7 +162780,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-lqwd66j1.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-B70hdwjK.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -162783,7 +162797,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-Doy5tRH0.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-BF13jpOR.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -162803,7 +162817,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-C9UezhSz.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-CLzluOcO.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -162817,7 +162831,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-DHO36eI-.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-BzSKw8p3.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -162884,7 +162898,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CGQvsM8y.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-FcBuhx49.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -162898,7 +162912,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-DQgqc0il.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-DqUaZhgR.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -162912,7 +162926,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-abL0gs0k.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-DD9Mnxbe.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -162926,7 +162940,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-CVMwRab0.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-B6umSvfu.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -162940,7 +162954,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-DJ9W5U5_.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-SqO2OCDE.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -162954,7 +162968,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-WsMSDccc.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-DMjsbO_u.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -162967,7 +162981,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-CDO-gP_F.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-1sOyiIeW.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -162980,7 +162994,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-4VOCVg9L.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-j83tbVbT.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -162994,7 +163008,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DTAYCIJW.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-Se4TzoDa.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -163008,7 +163022,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-flj7QMtm.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-o17lkoPU.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -178824,6 +178838,7 @@ function createEntry(terminalId, opts) {
   let autoFocusPending = autoFocus ?? paneMetadata?.focus ?? false;
   let lastActive = Date.now();
   let webglSuspect = false;
+  let lastWebglBuildAt = 0;
   let selectionAnchor = null;
   let selectionHead = null;
   let destroyed = false;
@@ -178887,6 +178902,7 @@ function createEntry(terminalId, opts) {
           webglCanvas.style.touchAction = "none";
         }
         webglAddon = addon;
+        lastWebglBuildAt = Date.now();
         webglContextLossDisposable?.dispose();
         webglContextLossDisposable = addon.onContextLoss(() => {
           console.warn("[terminal-cache] WebGL context lost, reattaching addon");
@@ -179185,6 +179201,7 @@ function createEntry(terminalId, opts) {
     };
     const handleForeground = () => {
       handleResume();
+      webglSuspect = true;
       scheduleRepair();
     };
     const handleVisibility = () => {
@@ -179193,6 +179210,21 @@ function createEntry(terminalId, opts) {
     window.addEventListener("online", handleResume);
     window.addEventListener("focus", handleForeground);
     document.addEventListener("visibilitychange", handleVisibility);
+    let unlistenSystemResumed = null;
+    if (isDesktop) {
+      listen("system-resumed", handleForeground).then((off) => {
+        if (destroyed) off();
+        else unlistenSystemResumed = off;
+      }).catch(() => {
+      });
+    }
+    const handleFocusIn = () => {
+      if (!useWebGL || lastWebglBuildAt === 0) return;
+      if (Date.now() - lastWebglBuildAt < 1e3) return;
+      webglSuspect = true;
+      scheduleRepair();
+    };
+    wrapper.addEventListener("focusin", handleFocusIn);
     connect();
     term.onData((data) => {
       if (ws && ws.readyState === WebSocket.OPEN) ws.send(data);
@@ -179274,10 +179306,8 @@ function createEntry(terminalId, opts) {
       if (!attached || !hostIsVisible()) return;
       const dprChanged = handleDprChange();
       if (!dprChanged) {
-        if (webglSuspect && webglAddon == null && useWebGL) {
-          attachWebGL();
-        } else if (webglSuspect && webglAddon) {
-          webglAddon.dispose();
+        if (webglSuspect && useWebGL) {
+          webglAddon?.dispose();
           webglAddon = null;
           attachWebGL();
         }
@@ -179297,6 +179327,7 @@ function createEntry(terminalId, opts) {
       window.removeEventListener("online", handleResume);
       window.removeEventListener("focus", handleForeground);
       document.removeEventListener("visibilitychange", handleVisibility);
+      unlistenSystemResumed?.();
       themeObserver.disconnect();
       resizeObserver.disconnect();
       searchResultsDisposable.dispose();
@@ -179349,6 +179380,7 @@ function createEntry(terminalId, opts) {
       if (destroyed) return;
       attached = false;
       liveContainer = null;
+      webglSuspect = true;
       if (repairRafId !== null) {
         cancelAnimationFrame(repairRafId);
         repairRafId = null;
@@ -203223,12 +203255,12 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-C1qdx1Wr.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-B87sNBox.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
 const DockviewBrowserContainer = reactExports.lazy(
-  () => import("./DockviewBrowserContainer-Cwa58lvF.js").then((m2) => ({
+  () => import("./DockviewBrowserContainer-DBXFi4ZT.js").then((m2) => ({
     default: m2.DockviewBrowserContainer
   }))
 );
@@ -204868,13 +204900,6 @@ function AppShell() {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {});
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col h-full w-full overflow-hidden bg-background text-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: `pointer-events-none absolute top-0 left-0 z-10 flex h-[38px] items-center ${titleBarOffset}`,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { ...navControlProps })
-      }
-    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Ut$1,
       {
@@ -204930,7 +204955,15 @@ function AppShell() {
           ] }) })
         ]
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        "data-testid": "app-shell__nav-overlay",
+        className: `pointer-events-none absolute top-0 left-0 z-10 flex h-[38px] items-center ${titleBarOffset}`,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { ...navControlProps })
+      }
+    )
   ] }) });
 }
 function RootLayout() {
@@ -204951,12 +204984,12 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-DnkAwjsP.js");
+const $$splitComponentImporter$1 = () => import("./index-DDznQd6m.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-D89v3gxu.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-Du6uUhkr.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-B89sPs9R.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-cPTD7fRv.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,