@band-app/server 0.27.1 → 0.27.3

package/dist/server/assets/{router-BtsNvWXM.js → router-CR7HN8s9.js}

@@ -42845,53 +42845,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-BuqNnUeC.js").then((m2) => m2.javascript());
+        return import("./index-B5dMBifU.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-BuqNnUeC.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-B5dMBifU.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-BuqNnUeC.js").then(
+        return import("./index-B5dMBifU.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-BuqNnUeC.js").then(
+        return import("./index-B5dMBifU.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-BDXNcXpX.js").then((m2) => m2.python());
+        return import("./index-DiOWAuOY.js").then((m2) => m2.python());
       case "html":
-        return import("./index-BFyODGGJ.js").then((m2) => m2.html());
+        return import("./index-BXk4pv-g.js").then((m2) => m2.html());
       case "css":
-        return import("./index-jCxJanyY.js").then((m2) => m2.css());
+        return import("./index-BQv--Qjo.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-DsR_UKQx.js").then((m2) => m2.sass());
+        return import("./index-DdaOGobb.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-B9mYm2Iv.js").then((m2) => m2.less());
+        return import("./index-KPo7KIkm.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-BFxM6c1Y.js").then((m2) => m2.json());
+        return import("./index-D6jZJSOh.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-CEHzgT6Q.js").then((m2) => m2.markdown());
+        return import("./index-BEsP2c6g.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-DsyhmvSr.js").then((m2) => m2.xml());
+        return import("./index-BF6XsxA6.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-DRNvWTdD.js").then((m2) => m2.yaml());
+        return import("./index-DT6J-4jr.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-CGdiDxDM.js").then((m2) => m2.sql());
+        return import("./index-CUY0UnXR.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-Dvcd3xwL.js").then((m2) => m2.rust());
+        return import("./index-dm2nvbnJ.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-CXNHt9Li.js").then((m2) => m2.go());
+        return import("./index-DArdojNV.js").then((m2) => m2.go());
       case "java":
-        return import("./index-BPA-V89G.js").then((m2) => m2.java());
+        return import("./index-RFarsX-T.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-BPA-V89G.js").then((m2) => m2.java());
+        return import("./index-RFarsX-T.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-CX4yKGY7.js").then((m2) => m2.cpp());
+        return import("./index-fJY8Y2Yn.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-D022D6yP.js").then((m2) => m2.php());
+        return import("./index-BFYV5eTz.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -68122,13 +68122,13 @@ function NavControls({
     ] })
   ] });
 }
-function SidebarTitleBar({ sidebarVisible, offsetClass, ...nav2 }) {
+function SidebarTitleBar() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `h-[38px] shrink-0 flex items-center gap-0.5 border-b border-border bg-sidebar pr-2 ${offsetClass}`,
-      style: DRAG_STYLE,
-      children: sidebarVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { sidebarVisible, ...nav2 })
+      "data-testid": "desktop-title-bar__sidebar-surface",
+      className: "h-[38px] shrink-0 flex items-center border-b border-border bg-sidebar",
+      style: DRAG_STYLE
     }
   );
 }
@@ -68140,10 +68140,7 @@ function WorkspaceTitleBar({
   onWorkspaceNameClick,
   panelItems,
   hiddenPanels,
-  onTogglePanelVisibility,
-  sidebarVisible,
-  offsetClass,
-  ...nav2
+  onTogglePanelVisibility
 }) {
   const [appTitle, setAppTitle] = reactExports.useState(title ?? "Band");
   reactExports.useEffect(() => {
@@ -68157,11 +68154,11 @@ function WorkspaceTitleBar({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `h-[38px] shrink-0 flex items-center gap-1 border-b border-border bg-background pr-2 ${sidebarVisible ? "pl-2" : offsetClass}`,
+      "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: [
-        !sidebarVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { sidebarVisible, ...nav2 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center min-w-0 px-1", children: workspaceName ? onWorkspaceNameClick ? (
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-x-0 top-0 flex h-full items-center justify-center min-w-0 px-1 pointer-events-none", children: workspaceName ? onWorkspaceNameClick ? (
           // Interactive: clicking opens the workspace picker (mirrors the
           // mobile header). Lives inside the drag region, so it must reapply
           // NO_DRAG_STYLE and keep pointer events enabled, like the other
@@ -68190,41 +68187,48 @@ function WorkspaceTitleBar({
             ] })
           ] })
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground select-none pointer-events-none truncate max-w-[50%]", children: workspaceName }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground select-none pointer-events-none", children: appTitle }) }),
-        (hasEditorPicker || hasPanels) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1 pointer-events-auto", style: NO_DRAG_STYLE, children: [
-          hasEditorPicker && /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPicker, { workspacePath, onCopyPath }),
-          hasPanels && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "flex items-center justify-center rounded-md p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelTop, { className: "size-5" })
-                }
-              ) }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "Switch Panel" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: panelItems?.map((item) => {
-              const Icon2 = item.icon;
-              const isVisible2 = !hiddenPanels?.includes(item.id);
-              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                DropdownMenuCheckboxItem,
-                {
-                  checked: isVisible2,
-                  onCheckedChange: () => {
-                    onTogglePanelVisibility?.(item.id);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4" }),
-                    item.label,
-                    item.shortcut && /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuShortcut, { children: item.shortcut })
-                  ]
-                },
-                item.id
-              );
-            }) })
-          ] })
-        ] })
+        (hasEditorPicker || hasPanels) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "relative ml-auto flex shrink-0 items-center gap-1 pointer-events-auto",
+            style: NO_DRAG_STYLE,
+            children: [
+              hasEditorPicker && /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPicker, { workspacePath, onCopyPath }),
+              hasPanels && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "flex items-center justify-center rounded-md p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelTop, { className: "size-5" })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "Switch Panel" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: panelItems?.map((item) => {
+                  const Icon2 = item.icon;
+                  const isVisible2 = !hiddenPanels?.includes(item.id);
+                  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    DropdownMenuCheckboxItem,
+                    {
+                      checked: isVisible2,
+                      onCheckedChange: () => {
+                        onTogglePanelVisibility?.(item.id);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4" }),
+                        item.label,
+                        item.shortcut && /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuShortcut, { children: item.shortcut })
+                      ]
+                    },
+                    item.id
+                  );
+                }) })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
@@ -83316,6 +83320,48 @@ function refreshEdgeGroupVisibility(api, forceVisible) {
   }
 }
 const edgeAnimTimers = /* @__PURE__ */ new WeakMap();
+function attachSyncLayout(el, api) {
+  const observer = new ResizeObserver((entries2) => {
+    const rect2 = entries2[entries2.length - 1]?.contentRect;
+    if (!rect2) return;
+    api.layout(Math.round(rect2.width), Math.round(rect2.height));
+  });
+  observer.observe(el);
+  return () => observer.disconnect();
+}
+function prepareMaximizeRestoreAnimation(root2) {
+  if (!root2) return;
+  anchorHiddenGridViews(root2);
+  void root2.offsetWidth;
+}
+function anchorHiddenGridViews(root2) {
+  for (const sv of Array.from(
+    root2.querySelectorAll(".dv-branch-node > .dv-split-view-container")
+  )) {
+    if (sv.closest(".dv-content-container")) continue;
+    const horizontal = sv.classList.contains("dv-horizontal");
+    const views = Array.from(
+      sv.querySelectorAll(":scope > .dv-view-container > .dv-view")
+    );
+    let farEdge = 0;
+    for (const v2 of views) {
+      if (!v2.classList.contains("visible")) continue;
+      const start2 = Number.parseFloat(horizontal ? v2.style.left : v2.style.top) || 0;
+      const size2 = Number.parseFloat(horizontal ? v2.style.width : v2.style.height) || 0;
+      farEdge = Math.max(farEdge, start2 + size2);
+    }
+    let seenVisible = false;
+    for (const v2 of views) {
+      if (v2.classList.contains("visible")) {
+        seenVisible = true;
+        continue;
+      }
+      if (!seenVisible) continue;
+      if (horizontal) v2.style.left = `${farEdge}px`;
+      else v2.style.top = `${farEdge}px`;
+    }
+  }
+}
 function applyMaximizeEdgeVisibility(api, maximized, animateRoot) {
   if (animateRoot) {
     const pending2 = edgeAnimTimers.get(animateRoot);
@@ -109587,7 +109633,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-Bl56ZglV.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-DxGbXpmP.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 }) })] }) });
@@ -109909,7 +109955,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-DyXquuLm.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-CqEUholX.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;
@@ -162080,12 +162126,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-CRjo2D7K.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-C53aXdHn.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-j4JEpP33.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-8L7qoph4.js"), "loader")
       }
     ]
   ]);
@@ -162524,7 +162570,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-B1Go7qzd.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-Djjx3FUg.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -162541,7 +162587,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-CONOX4ru.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-D1kYppZx.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -162564,7 +162610,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-CONOX4ru.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-D1kYppZx.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -162578,7 +162624,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-Gt2ujaN1.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-mlZJG843.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -162592,7 +162638,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-JAQOltND.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CHliXae8.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -162606,7 +162652,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-LO1CZhBF.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BNYjNZVL.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -162620,7 +162666,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-wZZ4hEZ9.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-DEOibC6Q.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -162633,7 +162679,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-5evhP6Hm.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-BEtrfCpy.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -162646,7 +162692,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-Cg2-kPDC.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-DfXQpEA4.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -162660,7 +162706,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-BRCOemWX.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-CKCHHdDW.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -162674,7 +162720,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-DjOyZt1t.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-3z4zT_nr.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -162688,7 +162734,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-fn9HXFXZ.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-ChJn4TpL.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -162705,7 +162751,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-UX-9XQ-6.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-X7KqLhKF.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -162722,7 +162768,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-UX-9XQ-6.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-X7KqLhKF.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -162739,7 +162785,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-Ct7juWxD.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-BRxaFuGJ.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -162759,7 +162805,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Bp505XWR.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-J4KgDBnn.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -162773,7 +162819,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-CBD0jzUu.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-CtYwst4K.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -162840,7 +162886,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CONOX4ru.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-D1kYppZx.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -162854,7 +162900,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-Dw8oeGiX.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-BNQ8o88X.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -162868,7 +162914,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-jjxDAUjJ.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-RAE-a2QS.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -162882,7 +162928,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-9SKGIQ4n.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-C9CcRx0A.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -162896,7 +162942,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-Bun0ZHSn.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-BWszyZFo.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -162910,7 +162956,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-Bzc1B5Be.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-H4AlTtTe.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -162923,7 +162969,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-DXbEv4yb.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-CGC_d1Cr.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -162936,7 +162982,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-Bjf6umts.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-MLospk27.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -162950,7 +162996,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-B9hdFdgc.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DmPaiPb0.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -162964,7 +163010,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CdcM_CoU.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-wT0t2ud3.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -178780,6 +178826,7 @@ function createEntry(terminalId, opts) {
   let autoFocusPending = autoFocus ?? paneMetadata?.focus ?? false;
   let lastActive = Date.now();
   let webglSuspect = false;
+  let atlasSuspect = false;
   let selectionAnchor = null;
   let selectionHead = null;
   let destroyed = false;
@@ -179139,11 +179186,25 @@ function createEntry(terminalId, opts) {
         probeConnection();
       }
     };
+    const handleForeground = () => {
+      handleResume();
+      atlasSuspect = true;
+      scheduleRepair();
+    };
     const handleVisibility = () => {
-      if (!document.hidden) handleResume();
+      if (!document.hidden) handleForeground();
     };
     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(() => {
+      });
+    }
     connect();
     term.onData((data) => {
       if (ws && ws.readyState === WebSocket.OPEN) ws.send(data);
@@ -179235,6 +179296,10 @@ function createEntry(terminalId, opts) {
         fit.fit();
       }
       webglSuspect = false;
+      if (atlasSuspect) {
+        atlasSuspect = false;
+        webglAddon?.clearTextureAtlas();
+      }
       if (term.rows > 0) term.refresh(0, term.rows - 1);
       sendPtyResize();
     };
@@ -179246,7 +179311,9 @@ function createEntry(terminalId, opts) {
       clearReconnectTimer();
       stopHeartbeat();
       window.removeEventListener("online", handleResume);
+      window.removeEventListener("focus", handleForeground);
       document.removeEventListener("visibilitychange", handleVisibility);
+      unlistenSystemResumed?.();
       themeObserver.disconnect();
       resizeObserver.disconnect();
       searchResultsDisposable.dispose();
@@ -203173,12 +203240,12 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-BIJPTTun.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-CYIzkS7Q.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
 const DockviewBrowserContainer = reactExports.lazy(
-  () => import("./DockviewBrowserContainer-CxzZY1qq.js").then((m2) => ({
+  () => import("./DockviewBrowserContainer-CnSo-OTW.js").then((m2) => ({
     default: m2.DockviewBrowserContainer
   }))
 );
@@ -203389,9 +203456,13 @@ const MainGroupRightActions = reactExports.memo(function MainGroupRightActions2(
       {
         type: "button",
         "aria-label": label,
-        onClick: () => {
-          if (props.api.isMaximized()) props.api.exitMaximized();
-          else props.api.maximize();
+        onClick: (e3) => {
+          if (props.api.isMaximized()) {
+            prepareMaximizeRestoreAnimation(e3.currentTarget.closest(".dv-shell"));
+            props.api.exitMaximized();
+          } else {
+            props.api.maximize();
+          }
         },
         className: "inline-flex size-7 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-3.5" })
@@ -203835,11 +203906,18 @@ function SharedDockviewLayout() {
         const active = api.activeGroup;
         if (!active) return;
         if (active.api.location.type !== "grid") {
-          if (api.hasMaximizedGroup()) api.exitMaximizedGroup();
+          if (api.hasMaximizedGroup()) {
+            prepareMaximizeRestoreAnimation(containerRef.current);
+            api.exitMaximizedGroup();
+          }
           return;
         }
-        if (active.api.isMaximized()) active.api.exitMaximized();
-        else active.api.maximize();
+        if (active.api.isMaximized()) {
+          prepareMaximizeRestoreAnimation(containerRef.current);
+          active.api.exitMaximized();
+        } else {
+          active.api.maximize();
+        }
       }
     };
     window.addEventListener("keydown", handler, true);
@@ -204128,6 +204206,9 @@ function SharedDockviewLayout() {
           if (!initializedRef.current) return;
           if (inSaveLayoutToJSON) return;
           applyMaximizeEdgeVisibility(event.api, !!e3.isMaximized, containerRef.current);
+          if (e3.isMaximized && containerRef.current) {
+            anchorHiddenGridViews(containerRef.current);
+          }
           const workspaceId = activeWorkspaceIdRef.current;
           if (!workspaceId) return;
           if (e3.isMaximized && !e3.group?.id) return;
@@ -204148,6 +204229,12 @@ function SharedDockviewLayout() {
     },
     [buildDefaultLayout, addMissingPanel]
   );
+  reactExports.useEffect(() => {
+    const el = containerRef.current;
+    const api = apiRef.current;
+    if (!el || !api) return;
+    return attachSyncLayout(el, api);
+  }, []);
   reactExports.useEffect(() => {
     const panel = apiRef.current?.getPanel("changes");
     if (!panel) return;
@@ -204161,6 +204248,9 @@ function SharedDockviewLayout() {
     if (activeState) {
       applyGroupActiveViewsToApi(api, activeState);
     }
+    if (api.hasMaximizedGroup()) {
+      prepareMaximizeRestoreAnimation(containerRef.current);
+    }
     applyMaximizedGroupToApi(api, activeState?.maximizedGroup);
     applyMaximizeEdgeVisibility(api, !!activeState?.maximizedGroup);
   }, [activeWorkspaceId]);
@@ -204184,17 +204274,6 @@ function SharedDockviewLayout() {
       }
     }
   }, [hiddenPanels, addMissingPanel]);
-  reactExports.useEffect(() => {
-    if (!apiRef.current || !containerRef.current) return;
-    const api = apiRef.current;
-    const el = containerRef.current;
-    requestAnimationFrame(() => {
-      const { clientWidth, clientHeight } = el;
-      if (clientWidth !== api.width || clientHeight !== api.height) {
-        api.layout(clientWidth, clientHeight);
-      }
-    });
-  }, []);
   reactExports.useEffect(() => {
     const api = apiRef.current;
     if (!api) return;
@@ -204423,6 +204502,12 @@ function useZoom() {
         e3.preventDefault();
         e3.stopPropagation();
         zoomOut();
+        return;
+      }
+      if (e3.shiftKey && e3.code === "Digit0") {
+        e3.preventDefault();
+        e3.stopPropagation();
+        zoomReset();
       }
     };
     window.addEventListener("keydown", handler, true);
@@ -204799,64 +204884,72 @@ function AppShell() {
   if (!useDesktopLayout) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {});
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Ut$1,
-    {
-      orientation: "horizontal",
-      defaultLayout: sidebarDefaultLayout,
-      onLayoutChanged: handleSidebarLayoutChanged,
-      className: "h-full w-full",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Yt$1,
-          {
-            id: "sidebar",
-            panelRef: sidebarPanelRef,
-            elementRef: sidebarElRef,
-            defaultSize: SIDEBAR_MIN_SIZE,
-            minSize: SIDEBAR_MIN_SIZE,
-            maxSize: SIDEBAR_MAX_SIZE,
-            collapsible: true,
-            collapsedSize: "0%",
-            onResize: handleSidebarResize,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar",
-                "data-testid": "app-shell__sidebar",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, { ...navControlProps, offsetClass: titleBarOffset }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideTitleBar: true, bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}) }) })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "main", elementRef: mainElRef, minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-w-0 overflow-hidden", children: [
+  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: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Ut$1,
+      {
+        orientation: "horizontal",
+        defaultLayout: sidebarDefaultLayout,
+        onLayoutChanged: handleSidebarLayoutChanged,
+        className: "h-full w-full",
+        children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            WorkspaceTitleBar,
+            Yt$1,
             {
-              ...navControlProps,
-              offsetClass: titleBarOffset,
-              workspaceName: activeWorkspaceId ?? void 0,
-              workspacePath: activeWorkspaceId ? workspacePath : void 0,
-              onCopyPath: activeWorkspaceId ? handleCopyPath : void 0,
-              onWorkspaceNameClick: activeWorkspaceId ? handleWorkspaceNameClick : void 0,
-              panelItems: activeWorkspaceId ? panelItems : void 0,
-              hiddenPanels: activeWorkspaceId ? hiddenPanels : void 0,
-              onTogglePanelVisibility: activeWorkspaceId ? handleTogglePanelVisibility : void 0
+              id: "sidebar",
+              panelRef: sidebarPanelRef,
+              elementRef: sidebarElRef,
+              defaultSize: SIDEBAR_MIN_SIZE,
+              minSize: SIDEBAR_MIN_SIZE,
+              maxSize: SIDEBAR_MAX_SIZE,
+              collapsible: true,
+              collapsedSize: "0%",
+              onResize: handleSidebarResize,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar",
+                  "data-testid": "app-shell__sidebar",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, {}),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideTitleBar: true, bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}) }) })
+                  ]
+                }
+              )
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden relative", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SharedDockviewLayout, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserHostBridge, {})
-          ] })
-        ] }) })
-      ]
-    }
-  ) }) }) });
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "main", elementRef: mainElRef, minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-w-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              WorkspaceTitleBar,
+              {
+                workspaceName: activeWorkspaceId ?? void 0,
+                workspacePath: activeWorkspaceId ? workspacePath : void 0,
+                onCopyPath: activeWorkspaceId ? handleCopyPath : void 0,
+                onWorkspaceNameClick: activeWorkspaceId ? handleWorkspaceNameClick : void 0,
+                panelItems: activeWorkspaceId ? panelItems : void 0,
+                hiddenPanels: activeWorkspaceId ? hiddenPanels : void 0,
+                onTogglePanelVisibility: activeWorkspaceId ? handleTogglePanelVisibility : void 0
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden relative", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SharedDockviewLayout, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserHostBridge, {})
+            ] })
+          ] }) })
+        ]
+      }
+    ) }),
+    /* @__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() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("html", { lang: "en", children: [
@@ -204876,12 +204969,12 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-BVjGe10C.js");
+const $$splitComponentImporter$1 = () => import("./index-B3SSmK1B.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-joQQNCnQ.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-GwRuI3oS.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-BbhvV92H.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-tLQe65Z7.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,