@hachej/boring-workspace 0.1.71 → 0.1.72

package/dist/{WorkspaceLoadingState-D3i4X-eH.js → WorkspaceLoadingState-TgOWTNJC.js}

@@ -1,39 +1,39 @@
-import { Bt as e, Gt as t, Rt as n, Ut as r, Y as i, _ as a, b as o, fn as s, it as c, o as l, pn as u, x as ee } from "./WorkspaceProvider-Ddx7GByq.js";
+import { Kt as e, S as t, Vt as n, Wt as r, X as i, _ as a, at as o, mn as s, o as c, pn as l, v as u, x as ee, zt as te } from "./WorkspaceProvider-DcOiZU24.js";
 import { t as d } from "./utils-BRcxFdrz.js";
-import { Suspense as f, createContext as te, createElement as p, useCallback as m, useContext as ne, useEffect as h, useMemo as g, useRef as _, useState as v, useSyncExternalStore as y } from "react";
-import { Fragment as re, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Maximize2 as ie, MessageSquare as ae, Minimize2 as oe, PanelRightClose as se, PanelRightOpen as ce, Plus as S, Search as C } from "lucide-react";
-import { Button as le, IconButton as w, Kbd as T, LoadingState as E, ResizeHandle as ue } from "@hachej/boring-ui-kit";
+import { Suspense as ne, createContext as f, createElement as p, useCallback as m, useContext as h, useEffect as g, useMemo as _, useRef as v, useState as y, useSyncExternalStore as re } from "react";
+import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ArrowLeft as ae, Maximize2 as oe, MessageSquare as se, Minimize2 as ce, PanelRightClose as S, PanelRightOpen as C, Plus as le, Search as w } from "lucide-react";
+import { Button as T, IconButton as E, Kbd as ue, LoadingState as de, ResizeHandle as D } from "@hachej/boring-ui-kit";
 //#region src/shared/plugins/appLeftOverlayChrome.ts
-var de = te({
+var O = f({
 	headerInsetStart: !1,
 	headerInsetEnd: !1
 });
-function D({ value: e, children: t }) {
-	return p(de.Provider, { value: e }, t);
+function fe({ value: e, children: t }) {
+	return p(O.Provider, { value: e }, t);
 }
-function O() {
-	return ne(de);
+function k() {
+	return h(O);
 }
 //#endregion
 //#region src/shared/plugins/workspaceShellCapabilities.ts
-var k = (e) => ({
+var pe = (e) => ({
 	success: !1,
 	reason: "open-failed",
 	message: e
-}), A = te({
+}), A = f({
 	openArtifact: () => ({
 		success: !1,
 		reason: "no-artifact",
 		message: "No artifact is available."
 	}),
-	openDetachedChat: () => k("Workspace shell capabilities are not available.")
+	openDetachedChat: () => pe("Workspace shell capabilities are not available.")
 });
 function j({ value: e, children: t }) {
 	return p(A.Provider, { value: e }, t);
 }
 function M() {
-	return ne(A);
+	return h(A);
 }
 //#endregion
 //#region src/front/store/localStorageValues.ts
@@ -46,12 +46,12 @@ function N(e, t, n = !0) {
 	} catch {}
 	return t;
 }
-function P(e, t, n = !0) {
+function me(e, t, n = !0) {
 	if (!(!n || typeof window > "u")) try {
 		window.localStorage.setItem(e, t ? "1" : "0");
 	} catch {}
 }
-function F(e, t, n = !0) {
+function P(e, t, n = !0) {
 	if (!n || typeof window > "u") return t;
 	try {
 		let n = window.localStorage.getItem(e);
@@ -61,20 +61,20 @@ function F(e, t, n = !0) {
 	} catch {}
 	return t;
 }
-function I(e, t, n = !0) {
+function F(e, t, n = !0) {
 	if (!(!n || typeof window > "u")) try {
 		window.localStorage.setItem(e, String(Math.round(t)));
 	} catch {}
 }
 //#endregion
 //#region src/front/layout/cornerChrome.tsx
-var fe = "pointer-events-auto relative border border-border/70 bg-muted text-muted-foreground transition-colors hover:bg-foreground/[0.06] hover:text-foreground", L = "border-border bg-foreground/[0.09] text-foreground";
+var I = "pointer-events-auto relative border border-border/70 bg-muted text-muted-foreground transition-colors hover:bg-foreground/[0.06] hover:text-foreground", L = "border-border bg-foreground/[0.09] text-foreground";
 function R({ label: e, hint: t, side: n = "bottom", onClick: r, pressed: a, pulse: o = !1, children: s }) {
 	return /* @__PURE__ */ b(i, {
 		label: e,
 		hint: t,
 		side: n,
-		children: /* @__PURE__ */ x(w, {
+		children: /* @__PURE__ */ x(E, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-xs",
@@ -82,7 +82,7 @@ function R({ label: e, hint: t, side: n = "bottom", onClick: r, pressed: a, puls
 			"aria-label": e,
 			"aria-pressed": a,
 			title: e,
-			className: d(fe, a && L),
+			className: d(I, a && L),
 			children: [s, o ? /* @__PURE__ */ b("span", {
 				className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-[color:var(--accent)] ring-1 ring-background",
 				"aria-hidden": "true"
@@ -91,6 +91,113 @@ function R({ label: e, hint: t, side: n = "bottom", onClick: r, pressed: a, puls
 	});
 }
 //#endregion
+//#region src/front/layout/mobileShell.tsx
+function he({ pane: e, totalPanes: t, topActions: n, onClosePane: r, renderPane: i }) {
+	return /* @__PURE__ */ x("div", {
+		"data-boring-workspace-part": "mobile-chat-pane",
+		className: "flex h-full min-h-0 flex-col bg-background",
+		children: [/* @__PURE__ */ x("div", {
+			className: "flex min-h-11 items-center gap-2 border-b border-border px-3 py-2",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ b("div", {
+						className: "truncate text-sm font-semibold",
+						children: u(e)
+					}), t > 1 ? /* @__PURE__ */ x("div", {
+						className: "text-[11px] font-medium text-muted-foreground",
+						children: [
+							"Showing 1 of ",
+							t,
+							" chats — split panes are disabled on mobile."
+						]
+					}) : null]
+				}),
+				n ? /* @__PURE__ */ b("div", {
+					className: "flex shrink-0 items-center gap-1",
+					children: n
+				}) : null,
+				t > 1 && r ? /* @__PURE__ */ b("button", {
+					type: "button",
+					className: "min-h-9 rounded-full border border-border px-3 text-xs font-semibold text-muted-foreground",
+					onClick: () => r(e.id),
+					children: "Close"
+				}) : null
+			]
+		}), /* @__PURE__ */ b("div", {
+			"data-boring-workspace-part": "chat-pane",
+			"data-boring-state": "active",
+			className: "min-h-0 flex-1 overflow-hidden",
+			children: i(e)
+		})]
+	});
+}
+function ge({ canOpenNav: e, canOpenWorkspace: t, onOpenNav: n, onOpenWorkspace: r }) {
+	return /* @__PURE__ */ x("div", {
+		"data-boring-workspace-part": "mobile-chat-bar",
+		className: "flex min-h-12 items-center gap-2 border-b border-border bg-background px-2 py-2",
+		style: { paddingLeft: "4rem" },
+		children: [
+			e ? /* @__PURE__ */ b("button", {
+				type: "button",
+				className: "inline-flex min-h-10 items-center rounded-full border border-border px-3 text-sm font-semibold text-foreground",
+				onClick: n,
+				children: "Sessions"
+			}) : null,
+			/* @__PURE__ */ x("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ b("div", {
+					className: "truncate text-sm font-semibold",
+					children: "Chat"
+				}), /* @__PURE__ */ b("div", {
+					className: "truncate text-[11px] font-medium text-muted-foreground",
+					children: "One active thread on mobile"
+				})]
+			}),
+			t ? /* @__PURE__ */ b("button", {
+				type: "button",
+				className: "inline-flex min-h-10 items-center rounded-full border border-border px-3 text-sm font-semibold text-foreground",
+				onClick: r,
+				children: "Workspace"
+			}) : null
+		]
+	});
+}
+function _e({ onBack: e }) {
+	return /* @__PURE__ */ x("div", {
+		"data-boring-workspace-part": "mobile-workspace-bar",
+		className: "flex min-h-12 items-center gap-2 border-b border-border bg-background px-2 py-2",
+		style: { paddingLeft: "4rem" },
+		children: [/* @__PURE__ */ x("button", {
+			type: "button",
+			className: "inline-flex min-h-10 items-center gap-1 rounded-full border border-border px-3 text-sm font-semibold text-foreground",
+			onClick: e,
+			children: [/* @__PURE__ */ b(ae, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}), "Chat"]
+		}), /* @__PURE__ */ x("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ b("div", {
+				className: "truncate text-sm font-semibold",
+				children: "Workspace"
+			}), /* @__PURE__ */ b("div", {
+				className: "truncate text-[11px] font-medium text-muted-foreground",
+				children: "One active panel on mobile"
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/front/layout/useViewportWidth.ts
+function ve() {
+	let [e, t] = y(() => typeof window > "u" ? 1200 : window.innerWidth);
+	return g(() => {
+		let e = () => t(window.innerWidth);
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), e;
+}
+//#endregion
 //#region src/front/layout/ChatLayout.tsx
 function z(e = {}) {
 	let { nav: t = "session-list", navParams: n, center: r = "chat", centerParams: i, surface: a, surfaceParams: o, sidebar: s, sidebarParams: c } = e, l = [];
@@ -137,58 +244,58 @@ function z(e = {}) {
 	};
 }
 function B(i) {
-	let l = i.nav !== null, u = i.surface !== void 0, f = !!i.surface, te = i.nav || "session-list", p = i.center ?? "chat", ne = i.surface || "artifact-surface", y = he(), [re, ie] = pe(i.storageKey ? `${i.storageKey}:drawerWidth` : void 0, 260), [ae, oe] = pe(i.storageKey ? `${i.storageKey}:surfaceWidth` : void 0, 680), [se, ce] = pe(i.storageKey ? `${i.storageKey}:sidebarWidth` : void 0, 280), [S, C] = me(i.storageKey ? `${i.storageKey}:chatCollapsed` : void 0, !1), [le, w] = v(!1), { blockers: T } = o(), E = i.activeChatPaneId ?? i.centerParams?.sessionId, ue = g(() => T.filter((e) => !e.sessionId || !E || e.sessionId === E), [E, T]), de = g(() => T.some((e) => !!e.sessionId && !!ee(e)), [T]), D = s(), O = V(re, 200, 360), k = V(se, 200, Math.max(240, Math.floor(y * .5))), A = Math.max(480, Math.floor(y * .72)), j = V(ae, 480, A), M = H(i.centerParams, "getSurface"), N = H(i.centerParams, "isWorkbenchOpen"), P = H(i.centerParams, "openWorkbench"), F = H(i.centerParams, "openWorkbenchSources"), I = H(i.centerParams, "closeWorkbench"), fe = _e(i.centerParams, "surfaceDispatch"), L = U(i.navParams, "onClose"), R = U(i.surfaceParams, "onClose"), z = U(i.sidebarParams, "onClose"), B = U(i.navParams, "onCreate"), G = i.chatPanes?.filter((e) => e.id.length > 0) ?? [], Se = G.length > 0, K = !!i.sidebar, q = l ? !!L : !!i.onOpenNav, J = f ? !!R : !!i.onOpenSurface, Y = K ? !!z : !!i.onOpenSidebar, X = m(() => {
-		if (l) {
-			L?.();
+	let s = i.nav !== null, c = i.surface !== void 0, u = !!i.surface, ne = i.nav || "session-list", f = i.center ?? "chat", p = i.surface || "artifact-surface", h = ve(), [re, ie] = ye(i.storageKey ? `${i.storageKey}:drawerWidth` : void 0, 260), [ae, oe] = ye(i.storageKey ? `${i.storageKey}:surfaceWidth` : void 0, 680), [se, ce] = ye(i.storageKey ? `${i.storageKey}:sidebarWidth` : void 0, 280), [S, C] = be(i.storageKey ? `${i.storageKey}:chatCollapsed` : void 0, !1), [le, w] = y(!1), { blockers: T } = ee(), E = i.activeChatPaneId ?? i.centerParams?.sessionId, ue = _(() => T.filter((e) => !e.sessionId || !E || e.sessionId === E), [E, T]), de = _(() => T.some((e) => !!e.sessionId && !!t(e)), [T]), D = l(), O = i.mobileShellEnabled === !0 && h < 640, fe = O ? Math.min(Math.max(280, Math.floor(h * .86)), 360) : V(re, 200, 360), k = O ? h : V(se, 200, Math.max(240, Math.floor(h * .5))), pe = O ? h : Math.max(480, Math.floor(h * .72)), A = O ? h : V(ae, 480, pe), j = H(i.centerParams, "getSurface"), M = H(i.centerParams, "isWorkbenchOpen"), N = H(i.centerParams, "openWorkbench"), me = H(i.centerParams, "openWorkbenchSources"), P = H(i.centerParams, "closeWorkbench"), F = Se(i.centerParams, "surfaceDispatch"), I = U(i.navParams, "onClose"), L = U(i.surfaceParams, "onClose"), R = U(i.sidebarParams, "onClose"), z = U(i.navParams, "onCreate"), B = i.chatPanes?.filter((e) => e.id.length > 0) ?? [], G = B.length > 0, De = G ? B.find((e) => e.id === i.activeChatPaneId) ?? B[0] : void 0, K = !!i.sidebar, q = s ? !!I : !!i.onOpenNav, J = u ? !!L : !!i.onOpenSurface, Y = K ? !!R : !!i.onOpenSidebar, X = m(() => {
+		if (s) {
+			I?.();
 			return;
 		}
 		i.onOpenNav?.();
 	}, [
-		L,
-		l,
+		I,
+		s,
 		i.onOpenNav
 	]), Z = m(() => {
-		if (f) {
-			R?.();
+		if (u) {
+			L?.();
 			return;
 		}
 		i.onOpenSurface?.();
 	}, [
-		R,
+		L,
 		i.onOpenSurface,
-		f
-	]), Q = m(() => {
+		u
+	]), Oe = m(() => {
 		if (K) {
-			z?.();
+			R?.();
 			return;
 		}
 		i.onOpenSidebar?.();
 	}, [
-		z,
+		R,
 		i.onOpenSidebar,
 		K
-	]), $ = m(() => {
-		S && C(!1), l && L?.(), f && R?.(), ve(), ye();
+	]), Q = m(() => {
+		S && C(!1), s && I?.(), u && L?.(), Ce(), we();
 	}, [
 		S,
+		I,
 		L,
-		R,
-		l,
+		s,
 		C,
-		f
-	]), Ce = _(!1), we = m(() => {
-		!S && i.chatOverlay && (Ce.current = !0), C((e) => {
+		u
+	]), ke = v(!1), Ae = m(() => {
+		!S && i.chatOverlay && (ke.current = !0), C((e) => {
 			let t = !e;
-			return t && !f && i.onOpenSurface?.(), t;
+			return t && !u && i.onOpenSurface?.(), t;
 		}), w(!1);
 	}, [
 		S,
 		i.chatOverlay,
 		i.onOpenSurface,
 		C,
-		f
+		u
 	]);
-	c({ shortcuts: g(() => {
+	o({ shortcuts: _(() => {
 		let e = [];
 		return q && e.push({
 			key: "1",
@@ -202,37 +309,37 @@ function B(i) {
 			key: "3",
 			mod: !0,
 			allowInEditable: !0,
-			handler: Q
-		}), p === "chat" && (e.push({
+			handler: Oe
+		}), f === "chat" && (e.push({
 			key: "Escape",
 			allowInEditable: !0,
-			handler: $
+			handler: Q
 		}), e.push({
 			key: "\\",
 			mod: !0,
 			allowInEditable: !0,
-			handler: we
+			handler: Ae
 		})), e;
 	}, [
 		q,
 		Y,
 		J,
-		p,
-		$,
-		we,
-		X,
+		f,
 		Q,
+		Ae,
+		X,
+		Oe,
 		Z
-	]) }), h(() => {
+	]) }), g(() => {
 		let e = "workspace:chat-layout", t = "agent:chat-layout";
 		return D.unregisterByPluginId(e), D.unregisterByPluginId(t), D.registerCommand({
 			id: "workspace:open-session-history",
-			title: l ? "Close Session History" : "Open Session History",
+			title: s ? "Close Session History" : "Open Session History",
 			keywords: [
 				"sessions",
 				"history",
 				"drawer",
-				l ? "close" : "open"
+				s ? "close" : "open"
 			],
 			shortcut: "⌘1",
 			pluginId: e,
@@ -240,13 +347,13 @@ function B(i) {
 			run: X
 		}), D.registerCommand({
 			id: "workspace:open-workbench",
-			title: f ? "Close Workbench" : "Open Workbench",
+			title: u ? "Close Workbench" : "Open Workbench",
 			keywords: [
 				"surface",
 				"artifacts",
 				"sources",
 				"workbench",
-				f ? "close" : "open"
+				u ? "close" : "open"
 			],
 			shortcut: "⌘2",
 			pluginId: e,
@@ -265,8 +372,8 @@ function B(i) {
 			shortcut: "⌘3",
 			pluginId: e,
 			when: () => Y,
-			run: Q
-		}), p === "chat" && D.registerCommand({
+			run: Oe
+		}), f === "chat" && D.registerCommand({
 			id: "agent:focus-chat",
 			title: "Focus Chat",
 			keywords: [
@@ -278,8 +385,8 @@ function B(i) {
 				"focus"
 			],
 			pluginId: t,
-			run: $
-		}), B && D.registerCommand({
+			run: Q
+		}), z && D.registerCommand({
 			id: "agent:new-chat",
 			title: "New Chat",
 			keywords: [
@@ -289,16 +396,16 @@ function B(i) {
 				"new"
 			],
 			pluginId: t,
-			run: B
+			run: z
 		}), () => {
 			D.unregisterByPluginId(e), D.unregisterByPluginId(t);
 		};
 	}, [
 		D,
-		l,
-		p,
-		u,
+		s,
 		f,
+		c,
+		u,
 		i.navParams,
 		i.surfaceParams,
 		i.onOpenNav,
@@ -307,67 +414,68 @@ function B(i) {
 		q,
 		J,
 		Y,
+		I,
 		L,
 		R,
 		z,
-		B,
-		$,
+		Q,
 		K,
 		X,
 		Z,
-		Q
-	]), h(() => {
-		let e = fe ?? (M && N && P ? {
-			surface: M,
-			isWorkbenchOpen: N,
-			openWorkbench: P,
-			openWorkbenchSources: F,
-			closeWorkbench: I,
+		Oe
+	]), g(() => {
+		let t = F ?? (j && M && N ? {
+			surface: j,
+			isWorkbenchOpen: M,
+			openWorkbench: N,
+			openWorkbenchSources: me,
+			closeWorkbench: P,
 			shouldOpenSurface: (e) => e.meta?.openOnlyWhenSessionOpen !== !0
 		} : void 0);
-		if (e) return n.on(r.uiCommand, ({ command: n }) => {
-			t(n, e);
+		if (t) return te.on(r.uiCommand, ({ command: n }) => {
+			e(n, t);
 		});
 	}, [
-		fe,
+		F,
+		j,
 		M,
 		N,
-		P,
-		F,
-		I
-	]), e(r.agentData, () => {
+		me,
+		P
+	]), n(r.agentData, () => {
 		S && w(!0);
-	}), h(() => {
+	}), g(() => {
 		if (!S) {
 			w(!1);
 			return;
 		}
-		ue.length > 0 && (C(!1), w(!1), ye());
+		ue.length > 0 && (C(!1), w(!1), we());
 	}, [
 		ue.length,
 		S,
 		C
 	]);
-	let Te = _(E);
-	h(() => {
-		let e = Te.current;
-		Te.current = E, e !== void 0 && E !== void 0 && E !== e && S && C(!1);
+	let je = v(E);
+	g(() => {
+		let e = je.current;
+		je.current = E, e !== void 0 && E !== void 0 && E !== e && S && C(!1);
 	}, [
 		E,
 		S,
 		C
-	]), h(() => {
-		!f || S || i.chatOverlay || y < 1180 && C(!0);
+	]), g(() => {
+		O || !u || S || i.chatOverlay || h < 1180 && C(!0);
 	}, [
 		S,
+		O,
 		i.chatOverlay,
 		C,
-		f,
-		y
-	]), h(() => {
+		u,
+		h
+	]), g(() => {
 		if (!(!i.chatOverlay || !S)) {
-			if (Ce.current) {
-				Ce.current = !1;
+			if (ke.current) {
+				ke.current = !1;
 				return;
 			}
 			C(!1);
@@ -377,38 +485,54 @@ function B(i) {
 		i.chatOverlay,
 		C
 	]);
-	let Ee = _(f);
-	return h(() => {
-		let e = Ee.current;
-		Ee.current = f, e && !f && S && C(!1);
+	let Me = v(u);
+	g(() => {
+		let e = Me.current;
+		Me.current = u, e && !u && S && C(!1);
 	}, [
-		f,
+		u,
 		S,
 		C
-	]), /* @__PURE__ */ x("div", {
+	]);
+	let $ = S || O && u, Ne = O && u;
+	return /* @__PURE__ */ x("div", {
 		"data-boring-workspace": "",
 		"data-boring-workspace-part": "shell",
+		"data-boring-mobile-shell": i.mobileShellEnabled === !0 ? "" : void 0,
+		"data-mobile-shell": O ? "true" : "false",
 		className: d("relative flex h-full min-h-0 w-full overflow-hidden bg-background", i.className),
 		children: [
+			O && s && I ? /* @__PURE__ */ b("div", {
+				"aria-hidden": "true",
+				"data-boring-workspace-part": "session-drawer-mobile-scrim",
+				className: "absolute inset-0 z-40 bg-foreground/30",
+				onClick: I
+			}) : null,
+			O && K && R ? /* @__PURE__ */ b("div", {
+				"aria-hidden": "true",
+				"data-boring-workspace-part": "workbench-left-mobile-scrim",
+				className: "absolute inset-0 z-30 bg-foreground/30",
+				onClick: R
+			}) : null,
 			/* @__PURE__ */ x("aside", {
 				"data-boring-workspace-part": "session-drawer",
-				"data-boring-state": l ? "expanded" : "collapsed",
+				"data-boring-state": s ? "expanded" : "collapsed",
 				"aria-label": "Session browser",
-				"aria-hidden": !l,
-				className: d("relative h-full min-h-0 shrink-0 overflow-hidden bg-background", "transition-[width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", l ? "z-30 border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]" : "pointer-events-none z-0"),
+				"aria-hidden": !s,
+				className: d(O ? "absolute inset-y-0 left-0 z-50 h-full shadow-2xl" : "relative h-full shrink-0", "min-h-0 overflow-hidden bg-background", "transition-[width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", s ? "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]" : "pointer-events-none z-0"),
 				style: {
-					width: l ? O : 0,
-					minWidth: l ? O : 0,
-					maxWidth: l ? O : 0,
+					width: s ? fe : 0,
+					minWidth: s ? fe : 0,
+					maxWidth: s ? fe : 0,
 					willChange: "width"
 				},
 				children: [/* @__PURE__ */ b("div", {
-					className: d("h-full min-h-0 overflow-hidden", "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]", l ? "opacity-100" : "invisible pointer-events-none opacity-0"),
+					className: d("h-full min-h-0 overflow-hidden", "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]", s ? "opacity-100" : "invisible pointer-events-none opacity-0"),
 					children: /* @__PURE__ */ b(W, {
-						id: te,
+						id: ne,
 						params: i.navParams
 					})
-				}), l ? /* @__PURE__ */ b(ge, {
+				}), s && !O ? /* @__PURE__ */ b(xe, {
 					side: "drawer-right",
 					ariaLabel: "Resize sessions drawer",
 					onResize: (e) => ie((t) => V(t + e, 200, 360))
@@ -419,7 +543,7 @@ function B(i) {
 				"data-boring-state": K ? "expanded" : "collapsed",
 				"aria-label": K ? "Workbench left panel" : void 0,
 				"aria-hidden": !K,
-				className: d("relative h-full min-h-0 shrink-0 overflow-hidden bg-background", "transition-[width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", K && "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"),
+				className: d(O ? "absolute inset-0 z-40 h-full" : "relative h-full shrink-0", "min-h-0 overflow-hidden bg-background", "transition-[width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", K && "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"),
 				style: {
 					width: K ? k : 0,
 					minWidth: K ? k : 0,
@@ -432,87 +556,117 @@ function B(i) {
 						id: i.sidebar ?? "workbench-left",
 						params: i.sidebarParams
 					}) : null
-				}), K ? /* @__PURE__ */ b(ge, {
+				}), K && !O ? /* @__PURE__ */ b(xe, {
 					side: "drawer-right",
 					ariaLabel: "Resize workbench left panel",
-					onResize: (e) => ce((t) => V(t + e, 200, Math.max(240, Math.floor(y * .5))))
+					onResize: (e) => ce((t) => V(t + e, 200, Math.max(240, Math.floor(h * .5))))
 				}) : null]
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "relative flex h-full min-h-0 min-w-0 flex-1 overflow-hidden bg-background",
 				children: [/* @__PURE__ */ x("main", {
 					"data-boring-workspace-part": "chat-stage",
-					"data-boring-state": S ? "collapsed" : "expanded",
-					"aria-label": S ? "Collapsed chat" : "Chat",
-					"aria-hidden": S,
-					className: d("relative h-full min-h-0 min-w-0 overflow-hidden bg-background", "transition-[flex-grow,flex-basis,width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", S ? "min-w-0 flex-[0_0_0px]" : "flex-1 border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"),
-					children: [/* @__PURE__ */ b("div", {
-						className: d("h-full min-h-0 overflow-hidden", "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]", S ? "opacity-0" : "opacity-100"),
-						children: Se ? /* @__PURE__ */ b(a, {
-							panes: G,
-							topActions: i.chatTopActions,
-							activePaneId: i.activeChatPaneId,
-							onActivePaneChange: i.onActiveChatPaneChange,
-							onClosePane: i.onCloseChatPane,
-							flashPaneId: i.flashChatPaneId,
-							storageKey: i.storageKey,
-							onDropSession: i.onDropChatSession,
-							renderPane: (e) => /* @__PURE__ */ b(W, {
-								id: e.panel ?? p,
-								params: e.params ?? i.centerParams
+					"data-boring-state": $ ? "collapsed" : "expanded",
+					"aria-label": $ ? "Collapsed chat" : "Chat",
+					"aria-hidden": $,
+					className: d("relative h-full min-h-0 min-w-0 overflow-hidden bg-background", O && !$ && "flex flex-col", "transition-[flex-grow,flex-basis,width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", $ ? "min-w-0 flex-[0_0_0px]" : "flex-1 border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"),
+					children: [
+						O && !$ ? /* @__PURE__ */ b(ge, {
+							canOpenNav: !!i.onOpenNav,
+							canOpenWorkspace: J,
+							onOpenNav: i.onOpenNav,
+							onOpenWorkspace: Z
+						}) : null,
+						/* @__PURE__ */ b("div", {
+							className: d(O && !$ ? "min-h-0 flex-1 overflow-hidden" : "h-full min-h-0 overflow-hidden", "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]", $ ? "opacity-0" : "opacity-100"),
+							children: G && O && De ? /* @__PURE__ */ b(he, {
+								pane: De,
+								totalPanes: B.length,
+								topActions: i.chatTopActions,
+								onClosePane: i.onCloseChatPane,
+								renderPane: (e) => /* @__PURE__ */ b(W, {
+									id: e.panel ?? f,
+									params: e.params ?? i.centerParams
+								})
+							}) : G ? /* @__PURE__ */ b(a, {
+								panes: B,
+								topActions: i.chatTopActions,
+								activePaneId: i.activeChatPaneId,
+								onActivePaneChange: i.onActiveChatPaneChange,
+								onClosePane: i.onCloseChatPane,
+								flashPaneId: i.flashChatPaneId,
+								storageKey: i.storageKey,
+								onDropSession: i.onDropChatSession,
+								renderPane: (e) => /* @__PURE__ */ b(W, {
+									id: e.panel ?? f,
+									params: e.params ?? i.centerParams
+								})
+							}) : /* @__PURE__ */ b(W, {
+								id: f,
+								params: i.centerParams
 							})
-						}) : /* @__PURE__ */ b(W, {
-							id: p,
-							params: i.centerParams
-						})
-					}), i.chatOverlay ? /* @__PURE__ */ b("div", {
-						"data-boring-workspace-part": "chat-left-overlay",
-						"aria-hidden": S,
-						className: "absolute inset-0 z-40 flex bg-background",
-						children: /* @__PURE__ */ b("div", {
-							className: "flex h-full w-full flex-col border-r border-border bg-background",
-							children: i.chatOverlay
-						})
-					}) : null]
-				}), u ? /* @__PURE__ */ x("aside", {
+						}),
+						i.chatOverlay ? /* @__PURE__ */ b("div", {
+							"data-boring-workspace-part": "chat-left-overlay",
+							"aria-hidden": S,
+							className: "absolute inset-0 z-40 flex bg-background",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex h-full w-full flex-col border-r border-border bg-background",
+								children: i.chatOverlay
+							})
+						}) : null
+					]
+				}), c ? /* @__PURE__ */ x("aside", {
 					"data-boring-workspace-part": "workbench",
-					"data-boring-state": f ? "expanded" : "collapsed",
-					"aria-label": f ? "Surface" : void 0,
-					"aria-hidden": !f,
-					className: d("relative h-full min-h-0 overflow-hidden bg-background", S && f ? "min-w-0 flex-1" : "shrink-0", "transition-[flex-grow,flex-basis,width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", f && "border-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"),
-					style: S && f ? { willChange: "width" } : {
-						width: f ? j : 0,
-						minWidth: f ? j : 0,
-						maxWidth: f ? j : 0,
+					"data-boring-state": u ? "expanded" : "collapsed",
+					"aria-label": u ? "Surface" : void 0,
+					"aria-hidden": !u,
+					className: d(O ? "absolute inset-0 z-40" : "relative", "h-full min-h-0 overflow-hidden bg-background", (S || Ne) && u ? "min-w-0 flex-1" : "shrink-0", "transition-[flex-grow,flex-basis,width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]", u && !O && "border-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"),
+					style: {
+						width: u ? A : 0,
+						minWidth: u ? A : 0,
+						maxWidth: u ? A : 0,
 						willChange: "width"
 					},
 					children: [/* @__PURE__ */ b("div", {
-						className: d("h-full min-h-0 overflow-hidden", "transition-[opacity,padding] duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]", f ? "opacity-100" : "opacity-0"),
-						children: i.surfaceOverlay ? /* @__PURE__ */ b("div", {
+						className: d("h-full min-h-0 overflow-hidden", "transition-[opacity,padding] duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]", u ? "opacity-100" : "opacity-0"),
+						children: Ne ? /* @__PURE__ */ x("div", {
+							className: "flex h-full min-h-0 flex-col",
+							children: [/* @__PURE__ */ b(_e, { onBack: Q }), /* @__PURE__ */ b("div", {
+								className: "min-h-0 flex-1 overflow-hidden",
+								children: i.surfaceOverlay ? /* @__PURE__ */ b("div", {
+									className: "relative h-full min-h-0",
+									children: i.surfaceOverlay
+								}) : /* @__PURE__ */ b(W, {
+									id: p,
+									params: i.surfaceParams
+								})
+							})]
+						}) : i.surfaceOverlay ? /* @__PURE__ */ b("div", {
 							className: "relative h-full min-h-0",
 							children: i.surfaceOverlay
 						}) : /* @__PURE__ */ b(W, {
-							id: ne,
+							id: p,
 							params: i.surfaceParams
 						})
-					}), f && !S ? /* @__PURE__ */ b(ge, {
+					}), u && !S && !O ? /* @__PURE__ */ b(xe, {
 						side: "surface-left",
 						ariaLabel: "Resize workbench",
-						onResize: (e) => oe((t) => V(t - e, 480, A))
+						onResize: (e) => oe((t) => V(t - e, 480, pe))
 					}) : null]
 				}) : null]
 			}),
-			/* @__PURE__ */ b(be, {
-				surfaceOpen: f,
+			O ? null : /* @__PURE__ */ b(Te, {
+				surfaceOpen: u,
 				canToggleSurface: J,
 				onToggleSurface: Z,
 				chatCollapsed: S,
-				canToggleChat: p === "chat" && (!u || f && !S),
-				onToggleChat: we,
+				canToggleChat: f === "chat" && (!c || u && !S),
+				onToggleChat: Ae,
 				chatPulse: le || T.length > 0,
-				surfaceConfigured: u
+				surfaceConfigured: c
 			}),
-			!l && i.onOpenNav ? /* @__PURE__ */ b(xe, {
+			!O && !s && i.onOpenNav ? /* @__PURE__ */ b(Ee, {
 				side: "left",
 				icon: "sessions",
 				onClick: i.onOpenNav,
@@ -520,11 +674,11 @@ function B(i) {
 				hint: "⌘1",
 				pulse: de
 			}) : null,
-			!S && !l && Se && i.onCreateChatPaneAfter ? /* @__PURE__ */ b(xe, {
+			!O && !S && !s && G && i.onCreateChatPaneAfter ? /* @__PURE__ */ b(Ee, {
 				side: "left",
 				icon: "plus",
 				onClick: () => {
-					let e = i.activeChatPaneId ?? G[G.length - 1]?.id;
+					let e = i.activeChatPaneId ?? B[B.length - 1]?.id;
 					e && i.onCreateChatPaneAfter?.(e);
 				},
 				label: "New chat",
@@ -536,20 +690,20 @@ function B(i) {
 function V(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function pe(e, t) {
-	let [n, r] = v(() => e ? F(e, t) : t);
-	return h(() => {
-		r(e ? F(e, t) : t);
+function ye(e, t) {
+	let [n, r] = y(() => e ? P(e, t) : t);
+	return g(() => {
+		r(e ? P(e, t) : t);
 	}, [e, t]), [n, m((t) => {
 		r((n) => {
 			let r = typeof t == "function" ? t(n) : t;
-			return e && I(e, r), r;
+			return e && F(e, r), r;
 		});
 	}, [e])];
 }
-function me(e, t) {
-	let [n, r] = v(() => !e || typeof window > "u" ? t : window.localStorage.getItem(e) === "1");
-	return h(() => {
+function be(e, t) {
+	let [n, r] = y(() => !e || typeof window > "u" ? t : window.localStorage.getItem(e) === "1");
+	return g(() => {
 		if (!e || typeof window > "u") {
 			r(t);
 			return;
@@ -563,15 +717,8 @@ function me(e, t) {
 		});
 	}, [e])];
 }
-function he() {
-	let [e, t] = v(() => typeof window < "u" ? window.innerWidth : 1200);
-	return h(() => {
-		let e = () => t(window.innerWidth);
-		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, []), e;
-}
-function ge({ side: e, ariaLabel: t, onResize: n }) {
-	let r = _(null), i = m((e) => {
+function xe({ side: e, ariaLabel: t, onResize: n }) {
+	let r = v(null), i = m((e) => {
 		e.preventDefault(), r.current = e.clientX, e.currentTarget.setPointerCapture(e.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
 	}, []), a = m((e) => {
 		if (r.current === null) return;
@@ -580,7 +727,7 @@ function ge({ side: e, ariaLabel: t, onResize: n }) {
 	}, [n]), o = m((e) => {
 		r.current !== null && (r.current = null, e.currentTarget.releasePointerCapture(e.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
 	}, []);
-	return /* @__PURE__ */ b(ue, {
+	return /* @__PURE__ */ b(D, {
 		"aria-label": t,
 		orientation: "vertical",
 		onResizeStart: i,
@@ -590,7 +737,7 @@ function ge({ side: e, ariaLabel: t, onResize: n }) {
 		className: d("absolute -top-px -bottom-px z-20 w-3 bg-transparent hover:!bg-transparent active:!bg-transparent", "after:absolute after:inset-y-2 after:left-1/2 after:w-px after:-translate-x-1/2 after:rounded-full after:bg-border/55", "after:transition-[width,background-color] after:duration-150 hover:after:w-1 hover:after:bg-foreground/35 active:after:w-1 active:after:bg-foreground/50", e === "drawer-right" ? "right-0" : "-left-1.5")
 	});
 }
-function _e(e, t) {
+function Se(e, t) {
 	let n = e?.[t];
 	if (!n || typeof n != "object") return;
 	let r = n;
@@ -603,18 +750,18 @@ function H(e, t) {
 function U(e, t) {
 	return H(e, t);
 }
-function ve() {
+function Ce() {
 	typeof document > "u" || (document.querySelector("[data-boring-workspace-part=\"chat-pane\"][data-boring-state=\"active\"]") ?? document).querySelector("[data-boring-agent] textarea[name=\"message\"], textarea[name=\"message\"]")?.focus();
 }
-function ye() {
+function we() {
 	typeof window > "u" || window.requestAnimationFrame(() => {
-		ve(), window.setTimeout(ve, 320);
+		Ce(), window.setTimeout(Ce, 320);
 	});
 }
 function W({ id: e, params: t }) {
-	let n = u(), { debug: r } = l(), i = g(() => n.getComponents(), [n, y(n.subscribe, n.getSnapshot, n.getSnapshot)])[e], a = g(() => G(e), [e]);
-	return i ? /* @__PURE__ */ b(f, {
-		fallback: /* @__PURE__ */ b(E, { centered: !0 }),
+	let n = s(), { debug: r } = c(), i = _(() => n.getComponents(), [n, re(n.subscribe, n.getSnapshot, n.getSnapshot)])[e], a = _(() => G(e), [e]);
+	return i ? /* @__PURE__ */ b(ne, {
+		fallback: /* @__PURE__ */ b(de, { centered: !0 }),
 		children: /* @__PURE__ */ b(i, {
 			params: {
 				...t,
@@ -646,7 +793,7 @@ function G(e) {
 		onDidConstraintsChange: () => ({ dispose() {} })
 	};
 }
-function be({ surfaceOpen: e, canToggleSurface: t, onToggleSurface: n, chatCollapsed: r, canToggleChat: i, onToggleChat: a, chatPulse: o, surfaceConfigured: s }) {
+function Te({ surfaceOpen: e, canToggleSurface: t, onToggleSurface: n, chatCollapsed: r, canToggleChat: i, onToggleChat: a, chatPulse: o, surfaceConfigured: s }) {
 	let c = t, l = i;
 	return !c && !l ? null : /* @__PURE__ */ x("div", {
 		className: "pointer-events-none absolute right-3 top-2.5 z-[70] flex items-center gap-1",
@@ -656,7 +803,7 @@ function be({ surfaceOpen: e, canToggleSurface: t, onToggleSurface: n, chatColla
 			onClick: a,
 			pressed: r,
 			pulse: o,
-			children: b(r ? oe : ie, {
+			children: b(r ? ce : oe, {
 				className: "size-3",
 				strokeWidth: 1.75
 			})
@@ -665,20 +812,20 @@ function be({ surfaceOpen: e, canToggleSurface: t, onToggleSurface: n, chatColla
 			hint: "⌘2",
 			onClick: n,
 			pressed: e,
-			children: b(e ? se : ce, {
+			children: b(e ? S : C, {
 				className: "size-3",
 				strokeWidth: 1.75
 			})
 		}) : null]
 	});
 }
-function xe({ side: e, icon: t, onClick: n, label: r, hint: a, bottomOffset: o, stackIndex: s = 0, pulse: c = !1 }) {
+function Ee({ side: e, icon: t, onClick: n, label: r, hint: a, bottomOffset: o, stackIndex: s = 0, pulse: c = !1 }) {
 	let l = e === "right" && o !== void 0, u = s * 44;
 	return /* @__PURE__ */ b(i, {
 		label: r,
 		hint: a,
 		side: e === "left" ? "right" : "left",
-		children: /* @__PURE__ */ b(w, {
+		children: /* @__PURE__ */ b(E, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-sm",
@@ -713,7 +860,7 @@ function xe({ side: e, icon: t, onClick: n, label: r, hint: a, bottomOffset: o,
 				}) : null]
 			}) : t === "chat" ? /* @__PURE__ */ x("span", {
 				className: "relative flex items-center justify-center",
-				children: [/* @__PURE__ */ b(ae, {
+				children: [/* @__PURE__ */ b(se, {
 					className: "h-[15px] w-[15px]",
 					strokeWidth: 1.8,
 					"aria-hidden": "true"
@@ -751,7 +898,7 @@ function xe({ side: e, icon: t, onClick: n, label: r, hint: a, bottomOffset: o,
 }
 //#endregion
 //#region src/front/layout/TopBar.tsx
-function Se({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNewChat: r, topBarLeft: i, topBarRight: a, className: o }) {
+function De({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNewChat: r, topBarLeft: i, topBarRight: a, className: o }) {
 	let s = a ?? null, c = t || e;
 	return /* @__PURE__ */ x("header", {
 		"data-boring-workspace-part": "topbar",
@@ -760,7 +907,7 @@ function Se({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNe
 		children: [
 			/* @__PURE__ */ b("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2.5 leading-none",
-				children: i ?? /* @__PURE__ */ x(re, { children: [/* @__PURE__ */ b("span", {
+				children: i ?? /* @__PURE__ */ x(ie, { children: [/* @__PURE__ */ b("span", {
 					"aria-hidden": "true",
 					className: "grid size-[22px] shrink-0 place-items-center rounded-sm bg-foreground text-[11px] font-semibold leading-none tracking-tight text-background",
 					children: (c?.[0] ?? "B").toUpperCase()
@@ -769,7 +916,7 @@ function Se({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNe
 					children: c
 				})] })
 			}),
-			/* @__PURE__ */ x(le, {
+			/* @__PURE__ */ x(T, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
@@ -778,7 +925,7 @@ function Se({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNe
 				"aria-label": "Search catalogs and commands",
 				title: "Command palette (⌘K)",
 				children: [
-					/* @__PURE__ */ b(C, {
+					/* @__PURE__ */ b(w, {
 						className: "h-3.5 w-3.5 shrink-0 opacity-80",
 						strokeWidth: 1.75
 					}),
@@ -786,7 +933,7 @@ function Se({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNe
 						className: "font-normal tracking-tight",
 						children: "Search"
 					}),
-					/* @__PURE__ */ b(T, {
+					/* @__PURE__ */ b(ue, {
 						className: "ml-0.5 bg-muted/40 leading-none shadow-none",
 						children: "⌘K"
 					})
@@ -794,14 +941,14 @@ function Se({ appTitle: e = "Boring", sessionTitle: t, onCommandPalette: n, onNe
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "flex flex-1 shrink-0 items-center justify-end gap-1",
-				children: [r && /* @__PURE__ */ b(w, {
+				children: [r && /* @__PURE__ */ b(E, {
 					type: "button",
 					variant: "ghost",
 					size: "icon-sm",
 					onClick: r,
 					"aria-label": "New chat",
 					title: "New chat",
-					children: /* @__PURE__ */ b(S, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ b(le, { className: "h-4 w-4" })
 				}), s]
 			})
 		]
@@ -844,4 +991,4 @@ function K({ title: e = "Loading workspace", description: t = "Preparing the wor
 	});
 }
 //#endregion
-export { N as a, I as c, D as d, O as f, z as i, j as l, Se as n, F as o, B as r, P as s, K as t, M as u };
+export { ve as a, me as c, M as d, fe as f, z as i, F as l, De as n, N as o, k as p, B as r, P as s, K as t, j as u };