@hachej/boring-workspace 0.1.64 → 0.1.65

package/dist/WorkspaceLoadingState-D3i4X-eH.js

@@ -0,0 +1,847 @@
+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 { 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";
+//#region src/shared/plugins/appLeftOverlayChrome.ts
+var de = te({
+	headerInsetStart: !1,
+	headerInsetEnd: !1
+});
+function D({ value: e, children: t }) {
+	return p(de.Provider, { value: e }, t);
+}
+function O() {
+	return ne(de);
+}
+//#endregion
+//#region src/shared/plugins/workspaceShellCapabilities.ts
+var k = (e) => ({
+	success: !1,
+	reason: "open-failed",
+	message: e
+}), A = te({
+	openArtifact: () => ({
+		success: !1,
+		reason: "no-artifact",
+		message: "No artifact is available."
+	}),
+	openDetachedChat: () => k("Workspace shell capabilities are not available.")
+});
+function j({ value: e, children: t }) {
+	return p(A.Provider, { value: e }, t);
+}
+function M() {
+	return ne(A);
+}
+//#endregion
+//#region src/front/store/localStorageValues.ts
+function N(e, t, n = !0) {
+	if (!n || typeof window > "u") return t;
+	try {
+		let t = window.localStorage.getItem(e);
+		if (t === "1") return !0;
+		if (t === "0") return !1;
+	} catch {}
+	return t;
+}
+function P(e, t, n = !0) {
+	if (!(!n || typeof window > "u")) try {
+		window.localStorage.setItem(e, t ? "1" : "0");
+	} catch {}
+}
+function F(e, t, n = !0) {
+	if (!n || typeof window > "u") return t;
+	try {
+		let n = window.localStorage.getItem(e);
+		if (n === null) return t;
+		let r = Number(n);
+		return Number.isFinite(r) ? r : t;
+	} catch {}
+	return t;
+}
+function I(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";
+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, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			onClick: r,
+			"aria-label": e,
+			"aria-pressed": a,
+			title: e,
+			className: d(fe, 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"
+			}) : null]
+		})
+	});
+}
+//#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 = [];
+	return t && l.push({
+		id: "nav",
+		position: "left",
+		panel: t,
+		params: n,
+		locked: !0,
+		hideHeader: !0,
+		constraints: {
+			minWidth: 60,
+			maxWidth: 60
+		}
+	}), l.push({
+		id: "center",
+		position: "center",
+		panel: r,
+		params: i,
+		hideHeader: !0
+	}), s && l.push({
+		id: "sidebar",
+		position: "left",
+		panel: s,
+		params: c,
+		hideHeader: !0,
+		collapsible: !0,
+		collapsedWidth: 40,
+		constraints: {
+			minWidth: 200,
+			maxWidthViewportRatio: .5
+		}
+	}), a && l.push({
+		id: "surface",
+		position: "right",
+		panel: a,
+		params: o,
+		hideHeader: !0,
+		dynamic: !0,
+		placeholder: "empty"
+	}), {
+		version: "2.0",
+		groups: l
+	};
+}
+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?.();
+			return;
+		}
+		i.onOpenNav?.();
+	}, [
+		L,
+		l,
+		i.onOpenNav
+	]), Z = m(() => {
+		if (f) {
+			R?.();
+			return;
+		}
+		i.onOpenSurface?.();
+	}, [
+		R,
+		i.onOpenSurface,
+		f
+	]), Q = m(() => {
+		if (K) {
+			z?.();
+			return;
+		}
+		i.onOpenSidebar?.();
+	}, [
+		z,
+		i.onOpenSidebar,
+		K
+	]), $ = m(() => {
+		S && C(!1), l && L?.(), f && R?.(), ve(), ye();
+	}, [
+		S,
+		L,
+		R,
+		l,
+		C,
+		f
+	]), Ce = _(!1), we = m(() => {
+		!S && i.chatOverlay && (Ce.current = !0), C((e) => {
+			let t = !e;
+			return t && !f && i.onOpenSurface?.(), t;
+		}), w(!1);
+	}, [
+		S,
+		i.chatOverlay,
+		i.onOpenSurface,
+		C,
+		f
+	]);
+	c({ shortcuts: g(() => {
+		let e = [];
+		return q && e.push({
+			key: "1",
+			mod: !0,
+			handler: X
+		}), J && e.push({
+			key: "2",
+			mod: !0,
+			handler: Z
+		}), Y && e.push({
+			key: "3",
+			mod: !0,
+			allowInEditable: !0,
+			handler: Q
+		}), p === "chat" && (e.push({
+			key: "Escape",
+			allowInEditable: !0,
+			handler: $
+		}), e.push({
+			key: "\\",
+			mod: !0,
+			allowInEditable: !0,
+			handler: we
+		})), e;
+	}, [
+		q,
+		Y,
+		J,
+		p,
+		$,
+		we,
+		X,
+		Q,
+		Z
+	]) }), h(() => {
+		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",
+			keywords: [
+				"sessions",
+				"history",
+				"drawer",
+				l ? "close" : "open"
+			],
+			shortcut: "⌘1",
+			pluginId: e,
+			when: () => q,
+			run: X
+		}), D.registerCommand({
+			id: "workspace:open-workbench",
+			title: f ? "Close Workbench" : "Open Workbench",
+			keywords: [
+				"surface",
+				"artifacts",
+				"sources",
+				"workbench",
+				f ? "close" : "open"
+			],
+			shortcut: "⌘2",
+			pluginId: e,
+			when: () => J,
+			run: Z
+		}), D.registerCommand({
+			id: "workspace:toggle-workbench-left-panel",
+			title: K ? "Close Workbench Left Panel" : "Open Workbench Left Panel",
+			keywords: [
+				"left",
+				"sidebar",
+				"tabs",
+				"workbench",
+				K ? "close" : "open"
+			],
+			shortcut: "⌘3",
+			pluginId: e,
+			when: () => Y,
+			run: Q
+		}), p === "chat" && D.registerCommand({
+			id: "agent:focus-chat",
+			title: "Focus Chat",
+			keywords: [
+				"agent",
+				"chat",
+				"prompt",
+				"composer",
+				"input",
+				"focus"
+			],
+			pluginId: t,
+			run: $
+		}), B && D.registerCommand({
+			id: "agent:new-chat",
+			title: "New Chat",
+			keywords: [
+				"agent",
+				"chat",
+				"session",
+				"new"
+			],
+			pluginId: t,
+			run: B
+		}), () => {
+			D.unregisterByPluginId(e), D.unregisterByPluginId(t);
+		};
+	}, [
+		D,
+		l,
+		p,
+		u,
+		f,
+		i.navParams,
+		i.surfaceParams,
+		i.onOpenNav,
+		i.onOpenSurface,
+		i.onOpenSidebar,
+		q,
+		J,
+		Y,
+		L,
+		R,
+		z,
+		B,
+		$,
+		K,
+		X,
+		Z,
+		Q
+	]), h(() => {
+		let e = fe ?? (M && N && P ? {
+			surface: M,
+			isWorkbenchOpen: N,
+			openWorkbench: P,
+			openWorkbenchSources: F,
+			closeWorkbench: I,
+			shouldOpenSurface: (e) => e.meta?.openOnlyWhenSessionOpen !== !0
+		} : void 0);
+		if (e) return n.on(r.uiCommand, ({ command: n }) => {
+			t(n, e);
+		});
+	}, [
+		fe,
+		M,
+		N,
+		P,
+		F,
+		I
+	]), e(r.agentData, () => {
+		S && w(!0);
+	}), h(() => {
+		if (!S) {
+			w(!1);
+			return;
+		}
+		ue.length > 0 && (C(!1), w(!1), ye());
+	}, [
+		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);
+	}, [
+		E,
+		S,
+		C
+	]), h(() => {
+		!f || S || i.chatOverlay || y < 1180 && C(!0);
+	}, [
+		S,
+		i.chatOverlay,
+		C,
+		f,
+		y
+	]), h(() => {
+		if (!(!i.chatOverlay || !S)) {
+			if (Ce.current) {
+				Ce.current = !1;
+				return;
+			}
+			C(!1);
+		}
+	}, [
+		S,
+		i.chatOverlay,
+		C
+	]);
+	let Ee = _(f);
+	return h(() => {
+		let e = Ee.current;
+		Ee.current = f, e && !f && S && C(!1);
+	}, [
+		f,
+		S,
+		C
+	]), /* @__PURE__ */ x("div", {
+		"data-boring-workspace": "",
+		"data-boring-workspace-part": "shell",
+		className: d("relative flex h-full min-h-0 w-full overflow-hidden bg-background", i.className),
+		children: [
+			/* @__PURE__ */ x("aside", {
+				"data-boring-workspace-part": "session-drawer",
+				"data-boring-state": l ? "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"),
+				style: {
+					width: l ? O : 0,
+					minWidth: l ? O : 0,
+					maxWidth: l ? O : 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"),
+					children: /* @__PURE__ */ b(W, {
+						id: te,
+						params: i.navParams
+					})
+				}), l ? /* @__PURE__ */ b(ge, {
+					side: "drawer-right",
+					ariaLabel: "Resize sessions drawer",
+					onResize: (e) => ie((t) => V(t + e, 200, 360))
+				}) : null]
+			}),
+			/* @__PURE__ */ x("aside", {
+				"data-boring-workspace-part": "workbench-left-shell",
+				"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)]"),
+				style: {
+					width: K ? k : 0,
+					minWidth: K ? k : 0,
+					maxWidth: K ? k : 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)]", K ? "opacity-100" : "opacity-0"),
+					children: K ? /* @__PURE__ */ b(W, {
+						id: i.sidebar ?? "workbench-left",
+						params: i.sidebarParams
+					}) : null
+				}), K ? /* @__PURE__ */ b(ge, {
+					side: "drawer-right",
+					ariaLabel: "Resize workbench left panel",
+					onResize: (e) => ce((t) => V(t + e, 200, Math.max(240, Math.floor(y * .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
+							})
+						}) : /* @__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", {
+					"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,
+						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: "relative h-full min-h-0",
+							children: i.surfaceOverlay
+						}) : /* @__PURE__ */ b(W, {
+							id: ne,
+							params: i.surfaceParams
+						})
+					}), f && !S ? /* @__PURE__ */ b(ge, {
+						side: "surface-left",
+						ariaLabel: "Resize workbench",
+						onResize: (e) => oe((t) => V(t - e, 480, A))
+					}) : null]
+				}) : null]
+			}),
+			/* @__PURE__ */ b(be, {
+				surfaceOpen: f,
+				canToggleSurface: J,
+				onToggleSurface: Z,
+				chatCollapsed: S,
+				canToggleChat: p === "chat" && (!u || f && !S),
+				onToggleChat: we,
+				chatPulse: le || T.length > 0,
+				surfaceConfigured: u
+			}),
+			!l && i.onOpenNav ? /* @__PURE__ */ b(xe, {
+				side: "left",
+				icon: "sessions",
+				onClick: i.onOpenNav,
+				label: "Sessions",
+				hint: "⌘1",
+				pulse: de
+			}) : null,
+			!S && !l && Se && i.onCreateChatPaneAfter ? /* @__PURE__ */ b(xe, {
+				side: "left",
+				icon: "plus",
+				onClick: () => {
+					let e = i.activeChatPaneId ?? G[G.length - 1]?.id;
+					e && i.onCreateChatPaneAfter?.(e);
+				},
+				label: "New chat",
+				stackIndex: +!!i.onOpenNav
+			}) : null
+		]
+	});
+}
+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);
+	}, [e, t]), [n, m((t) => {
+		r((n) => {
+			let r = typeof t == "function" ? t(n) : t;
+			return e && I(e, r), r;
+		});
+	}, [e])];
+}
+function me(e, t) {
+	let [n, r] = v(() => !e || typeof window > "u" ? t : window.localStorage.getItem(e) === "1");
+	return h(() => {
+		if (!e || typeof window > "u") {
+			r(t);
+			return;
+		}
+		let n = window.localStorage.getItem(e);
+		r(n == null ? t : n === "1");
+	}, [e, t]), [n, m((t) => {
+		r((n) => {
+			let r = typeof t == "function" ? t(n) : t;
+			return e && typeof window < "u" && window.localStorage.setItem(e, r ? "1" : "0"), r;
+		});
+	}, [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) => {
+		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;
+		let t = e.clientX - r.current;
+		r.current = e.clientX, n(t);
+	}, [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, {
+		"aria-label": t,
+		orientation: "vertical",
+		onResizeStart: i,
+		onPointerMove: a,
+		onPointerUp: o,
+		onPointerCancel: o,
+		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) {
+	let n = e?.[t];
+	if (!n || typeof n != "object") return;
+	let r = n;
+	return typeof r.surface == "function" && typeof r.isWorkbenchOpen == "function" && typeof r.openWorkbench == "function" ? r : void 0;
+}
+function H(e, t) {
+	let n = e?.[t];
+	return typeof n == "function" ? n : void 0;
+}
+function U(e, t) {
+	return H(e, t);
+}
+function ve() {
+	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() {
+	typeof window > "u" || window.requestAnimationFrame(() => {
+		ve(), window.setTimeout(ve, 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 }),
+		children: /* @__PURE__ */ b(i, {
+			params: {
+				...t,
+				debug: r
+			},
+			api: a,
+			containerApi: {}
+		})
+	}) : null;
+}
+function G(e) {
+	return {
+		id: e,
+		title: e,
+		setTitle: () => {},
+		setActive: () => {},
+		close: () => {},
+		updateParameters: () => {},
+		onDidParametersChange: () => ({ dispose() {} }),
+		onDidActiveChange: () => ({ dispose() {} }),
+		onDidDimensionsChange: () => ({ dispose() {} }),
+		onDidLocationChange: () => ({ dispose() {} }),
+		onDidTitleChange: () => ({ dispose() {} }),
+		onWillFocus: () => ({ dispose() {} }),
+		onDidFocus: () => ({ dispose() {} }),
+		onDidBlur: () => ({ dispose() {} }),
+		onWillVisibilityChange: () => ({ dispose() {} }),
+		onDidVisibilityChange: () => ({ dispose() {} }),
+		onDidConstraintsChange: () => ({ dispose() {} })
+	};
+}
+function be({ 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",
+		children: [l ? /* @__PURE__ */ b(R, {
+			label: r ? "Show chat" : s ? "Expand workbench" : "Collapse chat",
+			hint: "⌘\\\\",
+			onClick: a,
+			pressed: r,
+			pulse: o,
+			children: b(r ? oe : ie, {
+				className: "size-3",
+				strokeWidth: 1.75
+			})
+		}) : null, c ? /* @__PURE__ */ b(R, {
+			label: e ? "Close workbench" : "Open workbench",
+			hint: "⌘2",
+			onClick: n,
+			pressed: e,
+			children: b(e ? se : ce, {
+				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 }) {
+	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, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			onClick: n,
+			"aria-label": r,
+			className: d("absolute z-30 h-9 w-9 gap-0.5 rounded-lg bg-background text-muted-foreground", e === "left" ? "left-2" : "right-2", l ? "hover:-translate-y-0.5" : "top-1/2 hover:-translate-y-[1px]", "shadow-[0_1px_2px_-1px_oklch(0_0_0/0.08),0_2px_8px_-4px_oklch(0_0_0/0.10),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)]", "hover:bg-muted/60 hover:text-foreground hover:shadow-[0_2px_4px_-1px_oklch(0_0_0/0.08),0_4px_12px_-4px_oklch(0_0_0/0.10),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.9)]", "focus-visible:ring-ring/40"),
+			style: l ? { bottom: o } : { transform: `translateY(calc(-50% - ${u}px))` },
+			children: t === "sessions" ? /* @__PURE__ */ x("span", {
+				className: "relative flex items-center justify-center",
+				children: [/* @__PURE__ */ x("svg", {
+					width: "15",
+					height: "15",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ b("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9",
+						stroke: "currentColor",
+						strokeWidth: "1.8"
+					}), /* @__PURE__ */ b("path", {
+						d: "M12 7v5l3.2 2",
+						stroke: "currentColor",
+						strokeWidth: "1.8",
+						strokeLinecap: "round"
+					})]
+				}), c ? /* @__PURE__ */ b("span", {
+					className: "absolute -right-1.5 -top-1.5 h-2 w-2 rounded-full bg-[color:var(--accent)]",
+					"aria-hidden": "true",
+					"data-boring-workspace-part": "edge-attention-dot"
+				}) : null]
+			}) : t === "chat" ? /* @__PURE__ */ x("span", {
+				className: "relative flex items-center justify-center",
+				children: [/* @__PURE__ */ b(ae, {
+					className: "h-[15px] w-[15px]",
+					strokeWidth: 1.8,
+					"aria-hidden": "true"
+				}), c ? /* @__PURE__ */ b("span", {
+					className: "absolute -right-1.5 -top-1.5 h-2 w-2 rounded-full bg-[color:var(--accent)]",
+					"aria-hidden": "true"
+				}) : null]
+			}) : t === "plus" ? /* @__PURE__ */ b("svg", {
+				width: "15",
+				height: "15",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ b("path", {
+					d: "M12 5v14M5 12h14",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinecap: "round"
+				})
+			}) : /* @__PURE__ */ b("svg", {
+				width: "15",
+				height: "15",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ b("path", {
+					d: "M3 7.5 A1.5 1.5 0 0 1 4.5 6 h4 l2 2 h9 A1.5 1.5 0 0 1 21 9.5 V17.5 A1.5 1.5 0 0 1 19.5 19 H4.5 A1.5 1.5 0 0 1 3 17.5 Z",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinejoin: "round"
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/front/layout/TopBar.tsx
+function Se({ 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",
+		className: d("relative flex h-11 items-center justify-between gap-2 px-3", "bg-background border-b border-border", o),
+		"aria-label": "App top bar",
+		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", {
+					"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()
+				}), /* @__PURE__ */ b("span", {
+					className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground",
+					children: c
+				})] })
+			}),
+			/* @__PURE__ */ x(le, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: n,
+				className: "group h-7 gap-1.5 px-2 text-[13px] leading-none text-muted-foreground/75 hover:bg-muted/70 hover:text-foreground focus-visible:text-foreground",
+				"aria-label": "Search catalogs and commands",
+				title: "Command palette (⌘K)",
+				children: [
+					/* @__PURE__ */ b(C, {
+						className: "h-3.5 w-3.5 shrink-0 opacity-80",
+						strokeWidth: 1.75
+					}),
+					/* @__PURE__ */ b("span", {
+						className: "font-normal tracking-tight",
+						children: "Search"
+					}),
+					/* @__PURE__ */ b(T, {
+						className: "ml-0.5 bg-muted/40 leading-none shadow-none",
+						children: "⌘K"
+					})
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-1 shrink-0 items-center justify-end gap-1",
+				children: [r && /* @__PURE__ */ b(w, {
+					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" })
+				}), s]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/front/components/WorkspaceLoadingState.tsx
+function K({ title: e = "Loading workspace", description: t = "Preparing the workspace context.", status: n = "Loading", fullscreen: r = !0, className: i }) {
+	return /* @__PURE__ */ b("section", {
+		role: "status",
+		"aria-live": "polite",
+		"aria-busy": "true",
+		className: d("flex h-full w-full items-center justify-center bg-background px-6 text-foreground", r ? "min-h-screen" : "min-h-[240px]", i),
+		children: /* @__PURE__ */ x("div", {
+			className: "flex w-full max-w-sm flex-col items-center gap-5 text-center",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-card text-foreground",
+					children: /* @__PURE__ */ b("span", {
+						"aria-hidden": "true",
+						className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent opacity-70"
+					})
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b("h2", {
+						className: "text-base font-medium text-foreground",
+						children: e
+					}), t ? /* @__PURE__ */ b("p", {
+						className: "text-sm leading-6 text-muted-foreground",
+						children: t
+					}) : null]
+				}),
+				n ? /* @__PURE__ */ b("p", {
+					className: "text-xs font-medium text-muted-foreground/80",
+					children: n
+				}) : null
+			]
+		})
+	});
+}
+//#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 };