@hachej/boring-workspace 0.1.22 → 0.1.24

package/dist/{WorkspaceLoadingState-DuoIpOxl.js → WorkspaceLoadingState-fccm3AQg.js}

@@ -1,59 +1,59 @@
-import { jsxs as l, jsx as a, Fragment as V } from "react/jsx-runtime";
-import { useCallback as b, useMemo as E, useEffect as z, useState as q, useSyncExternalStore as Q, Suspense as Y, useRef as ee } from "react";
-import { LoadingState as te, ResizeHandle as ne, IconButton as Z, Button as re, Kbd as ae } from "@hachej/boring-ui-kit";
+import { jsxs as l, jsx as o, Fragment as U } from "react/jsx-runtime";
+import { useCallback as b, useMemo as H, useEffect as z, useState as G, useSyncExternalStore as Y, Suspense as ee, useRef as ne } from "react";
+import { IconButton as K, LoadingState as te, ResizeHandle as re, Button as oe, Kbd as ae } from "@hachej/boring-ui-kit";
 import { c as g } from "./utils-B6yFEsav.js";
-import { $ as oe, a6 as ie, z as se, an as ce, al as de, u as le, ag as ue } from "./WorkspaceProvider-DihXY2wk.js";
-import { Search as he, Plus as me } from "lucide-react";
-function _e(e, t, r = !0) {
-  if (!r || typeof window > "u") return t;
+import { a2 as ie, ad as se, E as ce, aw as de, au as le, u as ue, ao as he } from "./WorkspaceProvider-BW4wzbpR.js";
+import { Search as me, Plus as fe } from "lucide-react";
+function _e(e, n, r = !0) {
+  if (!r || typeof window > "u") return n;
   try {
-    const n = window.localStorage.getItem(e);
-    if (n === "1") return !0;
-    if (n === "0") return !1;
+    const t = window.localStorage.getItem(e);
+    if (t === "1") return !0;
+    if (t === "0") return !1;
   } catch {
   }
-  return t;
+  return n;
 }
-function Se(e, t, r = !0) {
+function We(e, n, r = !0) {
   if (!(!r || typeof window > "u"))
     try {
-      window.localStorage.setItem(e, t ? "1" : "0");
+      window.localStorage.setItem(e, n ? "1" : "0");
     } catch {
     }
 }
-function $(e, t, r = !0) {
-  if (!r || typeof window > "u") return t;
+function X(e, n, r = !0) {
+  if (!r || typeof window > "u") return n;
   try {
-    const n = window.localStorage.getItem(e);
-    if (n === null) return t;
-    const s = Number(n);
-    return Number.isFinite(s) ? s : t;
+    const t = window.localStorage.getItem(e);
+    if (t === null) return n;
+    const c = Number(t);
+    return Number.isFinite(c) ? c : n;
   } catch {
   }
-  return t;
+  return n;
 }
-function fe(e, t, r = !0) {
+function ge(e, n, r = !0) {
   if (!(!r || typeof window > "u"))
     try {
-      window.localStorage.setItem(e, String(Math.round(t)));
+      window.localStorage.setItem(e, String(Math.round(n)));
     } catch {
     }
 }
-function We(e = {}) {
+function Ne(e = {}) {
   const {
-    nav: t = "session-list",
+    nav: n = "session-list",
     navParams: r,
-    center: n = "chat",
-    centerParams: s,
-    surface: c,
+    center: t = "chat",
+    centerParams: c,
+    surface: s,
     surfaceParams: d,
     sidebar: i,
-    sidebarParams: x
+    sidebarParams: k
   } = e, w = [];
-  return t && w.push({
+  return n && w.push({
     id: "nav",
     position: "left",
-    panel: t,
+    panel: n,
     params: r,
     locked: !0,
     hideHeader: !0,
@@ -61,140 +61,141 @@ function We(e = {}) {
   }), w.push({
     id: "center",
     position: "center",
-    panel: n,
-    params: s,
+    panel: t,
+    params: c,
     hideHeader: !0
   }), i && w.push({
     id: "sidebar",
     position: "left",
     panel: i,
-    params: x,
+    params: k,
     hideHeader: !0,
     collapsible: !0,
     collapsedWidth: 40,
     constraints: { minWidth: 200, maxWidthViewportRatio: 0.5 }
-  }), c && w.push({
+  }), s && w.push({
     id: "surface",
     position: "right",
-    panel: c,
+    panel: s,
     params: d,
     hideHeader: !0,
     dynamic: !0,
     placeholder: "empty"
   }), { version: "2.0", groups: w };
 }
-function Ne(e) {
-  const t = e.nav !== null, r = e.surface !== void 0, n = !!e.surface, s = e.nav || "session-list", c = e.center ?? "chat", d = e.surface || "artifact-surface", i = ge(), [x, w] = T(
+function Pe(e) {
+  const n = e.nav !== null, r = e.surface !== void 0, t = !!e.surface, c = e.nav || "session-list", s = e.center ?? "chat", d = e.surface || "artifact-surface", i = be(), [k, w] = q(
     e.storageKey ? `${e.storageKey}:drawerWidth` : void 0,
     260
-  ), [G, J] = T(
+  ), [J, Q] = q(
     e.storageKey ? `${e.storageKey}:surfaceWidth` : void 0,
     680
-  ), u = oe(), I = O(x, 200, 360), K = Math.max(480, Math.floor(i * 0.72)), L = O(G, 480, K), R = y(e.centerParams, "getSurface"), D = y(e.centerParams, "isWorkbenchOpen"), A = y(e.centerParams, "openWorkbench"), j = y(e.centerParams, "closeWorkbench"), h = B(e.navParams, "onClose"), m = B(e.surfaceParams, "onClose"), p = B(e.sidebarParams, "onClose"), M = B(e.navParams, "onCreate"), v = !!e.sidebar, k = t ? !!h : !!e.onOpenNav, C = n ? !!m : !!e.onOpenSurface, _ = v ? !!p : !!e.onOpenSidebar, S = b(() => {
-    var o;
-    if (t) {
-      h == null || h();
-      return;
-    }
-    (o = e.onOpenNav) == null || o.call(e);
-  }, [h, t, e.onOpenNav]), W = b(() => {
-    var o;
+  ), h = ie(), I = O(k, 200, 360), j = Math.max(480, Math.floor(i * 0.72)), L = O(J, 480, j), R = x(e.centerParams, "getSurface"), D = x(e.centerParams, "isWorkbenchOpen"), A = x(e.centerParams, "openWorkbench"), V = x(e.centerParams, "openWorkbenchSources"), $ = x(e.centerParams, "closeWorkbench"), m = B(e.navParams, "onClose"), u = B(e.surfaceParams, "onClose"), p = B(e.sidebarParams, "onClose"), M = B(e.navParams, "onCreate"), v = !!e.sidebar, y = n ? !!m : !!e.onOpenNav, C = t ? !!u : !!e.onOpenSurface, S = v ? !!p : !!e.onOpenSidebar, _ = b(() => {
+    var a;
     if (n) {
       m == null || m();
       return;
     }
-    (o = e.onOpenSurface) == null || o.call(e);
-  }, [m, e.onOpenSurface, n]), N = b(() => {
-    var o;
+    (a = e.onOpenNav) == null || a.call(e);
+  }, [m, n, e.onOpenNav]), W = b(() => {
+    var a;
+    if (t) {
+      u == null || u();
+      return;
+    }
+    (a = e.onOpenSurface) == null || a.call(e);
+  }, [u, e.onOpenSurface, t]), N = b(() => {
+    var a;
     if (v) {
       p == null || p();
       return;
     }
-    (o = e.onOpenSidebar) == null || o.call(e);
+    (a = e.onOpenSidebar) == null || a.call(e);
   }, [p, e.onOpenSidebar, v]), P = b(() => {
-    t && (h == null || h()), n && (m == null || m()), F(), be();
-  }, [h, m, t, n]);
-  return ie({
-    shortcuts: E(() => {
-      const o = [];
-      return k && o.push({ key: "1", mod: !0, handler: S }), C && o.push({ key: "2", mod: !0, handler: W }), _ && o.push({ key: "3", mod: !0, allowInEditable: !0, handler: N }), c === "chat" && o.push({ key: "Escape", allowInEditable: !0, handler: P }), o;
-    }, [k, _, C, c, P, S, N, W])
+    n && (m == null || m()), t && (u == null || u()), F(), we();
+  }, [m, u, n, t]);
+  return se({
+    shortcuts: H(() => {
+      const a = [];
+      return y && a.push({ key: "1", mod: !0, handler: _ }), C && a.push({ key: "2", mod: !0, handler: W }), S && a.push({ key: "3", mod: !0, allowInEditable: !0, handler: N }), s === "chat" && a.push({ key: "Escape", allowInEditable: !0, handler: P }), a;
+    }, [y, S, C, s, P, _, N, W])
   }), z(() => {
-    const o = "workspace:chat-layout", f = "agent:chat-layout";
-    return u.unregisterByPluginId(o), u.unregisterByPluginId(f), u.registerCommand({
+    const a = "workspace:chat-layout", f = "agent:chat-layout";
+    return h.unregisterByPluginId(a), h.unregisterByPluginId(f), h.registerCommand({
       id: "workspace:open-session-history",
-      title: t ? "Close Session History" : "Open Session History",
-      keywords: ["sessions", "history", "drawer", t ? "close" : "open"],
+      title: n ? "Close Session History" : "Open Session History",
+      keywords: ["sessions", "history", "drawer", n ? "close" : "open"],
       shortcut: "⌘1",
-      pluginId: o,
-      when: () => k,
-      run: S
-    }), u.registerCommand({
+      pluginId: a,
+      when: () => y,
+      run: _
+    }), h.registerCommand({
       id: "workspace:open-workbench",
-      title: n ? "Close Workbench" : "Open Workbench",
-      keywords: ["surface", "artifacts", "sources", "workbench", n ? "close" : "open"],
+      title: t ? "Close Workbench" : "Open Workbench",
+      keywords: ["surface", "artifacts", "sources", "workbench", t ? "close" : "open"],
       shortcut: "⌘2",
-      pluginId: o,
+      pluginId: a,
       when: () => C,
       run: W
-    }), u.registerCommand({
+    }), h.registerCommand({
       id: "workspace:toggle-workbench-left-panel",
       title: v ? "Close Workbench Left Panel" : "Open Workbench Left Panel",
       keywords: ["left", "sidebar", "tabs", "workbench", v ? "close" : "open"],
       shortcut: "⌘3",
-      pluginId: o,
-      when: () => _,
+      pluginId: a,
+      when: () => S,
       run: N
-    }), c === "chat" && u.registerCommand({
+    }), s === "chat" && h.registerCommand({
       id: "agent:focus-chat",
       title: "Focus Chat",
       keywords: ["agent", "chat", "prompt", "composer", "input", "focus"],
       pluginId: f,
       run: P
-    }), M && u.registerCommand({
+    }), M && h.registerCommand({
       id: "agent:new-chat",
       title: "New Chat",
       keywords: ["agent", "chat", "session", "new"],
       pluginId: f,
       run: M
     }), () => {
-      u.unregisterByPluginId(o), u.unregisterByPluginId(f);
+      h.unregisterByPluginId(a), h.unregisterByPluginId(f);
     };
   }, [
-    u,
-    t,
-    c,
-    r,
+    h,
     n,
+    s,
+    r,
+    t,
     e.navParams,
     e.surfaceParams,
     e.onOpenNav,
     e.onOpenSurface,
     e.onOpenSidebar,
-    k,
+    y,
     C,
-    _,
-    h,
+    S,
     m,
+    u,
     p,
     M,
     P,
     v,
-    S,
+    _,
     W,
     N
   ]), z(() => {
     if (!R || !D || !A) return;
-    const o = {
+    const a = {
       surface: R,
       isWorkbenchOpen: D,
       openWorkbench: A,
-      closeWorkbench: j
+      openWorkbenchSources: V,
+      closeWorkbench: $
     };
-    return se.on(ce.uiCommand, ({ command: f }) => {
-      de(f, o);
+    return ce.on(de.uiCommand, ({ command: f }) => {
+      le(f, a);
     });
-  }, [R, D, A, j]), /* @__PURE__ */ l(
+  }, [R, D, A, V, $]), /* @__PURE__ */ l(
     "div",
     {
       "data-boring-workspace": "",
@@ -205,38 +206,38 @@ function Ne(e) {
           "aside",
           {
             "data-boring-workspace-part": "session-drawer",
-            "data-boring-state": t ? "expanded" : "collapsed",
+            "data-boring-state": n ? "expanded" : "collapsed",
             "aria-label": "Session browser",
-            "aria-hidden": !t,
+            "aria-hidden": !n,
             className: g(
               "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)]",
-              t && "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
+              n && "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
             ),
             style: {
-              width: t ? I : 0,
-              minWidth: t ? I : 0,
-              maxWidth: t ? I : 0,
+              width: n ? I : 0,
+              minWidth: n ? I : 0,
+              maxWidth: n ? I : 0,
               willChange: "width"
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ o(
                 "div",
                 {
                   className: g(
                     "h-full min-h-0 overflow-hidden",
                     "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
-                    t ? "opacity-100" : "opacity-0"
+                    n ? "opacity-100" : "opacity-0"
                   ),
-                  children: /* @__PURE__ */ a(H, { id: s, params: e.navParams })
+                  children: /* @__PURE__ */ o(E, { id: c, params: e.navParams })
                 }
               ),
-              t ? /* @__PURE__ */ a(
-                X,
+              n ? /* @__PURE__ */ o(
+                T,
                 {
                   side: "drawer-right",
                   ariaLabel: "Resize sessions drawer",
-                  onResize: (o) => w((f) => O(f + o, 200, 360))
+                  onResize: (a) => w((f) => O(f + a, 200, 360))
                 }
               ) : null
             ]
@@ -249,9 +250,9 @@ function Ne(e) {
             "aria-label": "Chat stage",
             className: "relative h-full min-h-0 min-w-0 flex-1 overflow-hidden bg-background",
             children: [
-              /* @__PURE__ */ a(H, { id: c, params: e.centerParams }),
-              !t && e.onOpenNav ? /* @__PURE__ */ a(
-                U,
+              /* @__PURE__ */ o(E, { id: s, params: e.centerParams }),
+              !n && e.onOpenNav ? /* @__PURE__ */ o(
+                Z,
                 {
                   side: "left",
                   icon: "sessions",
@@ -260,14 +261,15 @@ function Ne(e) {
                   hint: "⌘1"
                 }
               ) : null,
-              !n && e.onOpenSurface ? /* @__PURE__ */ a(
-                U,
+              !t && e.onOpenSurface ? /* @__PURE__ */ o(
+                Z,
                 {
                   side: "right",
                   icon: "workbench",
                   onClick: e.onOpenSurface,
                   label: "Workbench",
-                  hint: "⌘2"
+                  hint: "⌘2",
+                  bottomOffset: e.surfaceButtonBottomOffset
                 }
               ) : null
             ]
@@ -277,38 +279,53 @@ function Ne(e) {
           "aside",
           {
             "data-boring-workspace-part": "workbench",
-            "data-boring-state": n ? "expanded" : "collapsed",
-            "aria-label": n ? "Surface" : void 0,
-            "aria-hidden": !n,
+            "data-boring-state": t ? "expanded" : "collapsed",
+            "aria-label": t ? "Surface" : void 0,
+            "aria-hidden": !t,
             className: g(
               "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)]",
-              n && "border-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
+              t && "border-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
             ),
             style: {
-              width: n ? L : 0,
-              minWidth: n ? L : 0,
-              maxWidth: n ? L : 0,
+              width: t ? L : 0,
+              minWidth: t ? L : 0,
+              maxWidth: t ? L : 0,
               willChange: "width"
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ o(
                 "div",
                 {
                   className: g(
                     "h-full min-h-0 overflow-hidden",
                     "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
-                    n ? "opacity-100" : "opacity-0"
+                    t ? "opacity-100" : "opacity-0"
                   ),
-                  children: /* @__PURE__ */ a(H, { id: d, params: e.surfaceParams })
+                  children: e.surfaceOverlay ? /* @__PURE__ */ l("div", { className: "relative h-full min-h-0", children: [
+                    e.surfaceOverlay,
+                    u ? /* @__PURE__ */ o(
+                      K,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon-sm",
+                        onClick: u,
+                        className: "absolute right-3 top-3 z-20 rounded-full bg-background/80 text-muted-foreground shadow-sm backdrop-blur hover:bg-muted hover:text-foreground",
+                        "aria-label": "Close workbench",
+                        title: "Close workbench (⌘2)",
+                        children: /* @__PURE__ */ o("span", { "aria-hidden": "true", children: "›" })
+                      }
+                    ) : null
+                  ] }) : /* @__PURE__ */ o(E, { id: d, params: e.surfaceParams })
                 }
               ),
-              n ? /* @__PURE__ */ a(
-                X,
+              t ? /* @__PURE__ */ o(
+                T,
                 {
                   side: "surface-left",
                   ariaLabel: "Resize workbench",
-                  onResize: (o) => J((f) => O(f - o, 480, K))
+                  onResize: (a) => Q((f) => O(f - a, 480, j))
                 }
               ) : null
             ]
@@ -318,51 +335,51 @@ function Ne(e) {
     }
   );
 }
-function O(e, t, r) {
-  return Math.max(t, Math.min(r, e));
+function O(e, n, r) {
+  return Math.max(n, Math.min(r, e));
 }
-function T(e, t) {
-  const [r, n] = q(
-    () => e ? $(e, t) : t
+function q(e, n) {
+  const [r, t] = G(
+    () => e ? X(e, n) : n
   );
   z(() => {
-    n(e ? $(e, t) : t);
-  }, [e, t]);
-  const s = b(
-    (c) => {
-      n((d) => {
-        const i = typeof c == "function" ? c(d) : c;
-        return e && fe(e, i), i;
+    t(e ? X(e, n) : n);
+  }, [e, n]);
+  const c = b(
+    (s) => {
+      t((d) => {
+        const i = typeof s == "function" ? s(d) : s;
+        return e && ge(e, i), i;
       });
     },
     [e]
   );
-  return [r, s];
+  return [r, c];
 }
-function ge() {
-  const [e, t] = q(() => typeof window < "u" ? window.innerWidth : 1200);
+function be() {
+  const [e, n] = G(() => typeof window < "u" ? window.innerWidth : 1200);
   return z(() => {
-    const r = () => t(window.innerWidth);
+    const r = () => n(window.innerWidth);
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
   }, []), e;
 }
-function X({ side: e, ariaLabel: t, onResize: r }) {
-  const n = ee(null), s = b((i) => {
-    i.preventDefault(), n.current = i.clientX, i.currentTarget.setPointerCapture(i.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }, []), c = b((i) => {
-    if (n.current === null) return;
-    const x = i.clientX - n.current;
-    n.current = i.clientX, r(x);
+function T({ side: e, ariaLabel: n, onResize: r }) {
+  const t = ne(null), c = b((i) => {
+    i.preventDefault(), t.current = i.clientX, i.currentTarget.setPointerCapture(i.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+  }, []), s = b((i) => {
+    if (t.current === null) return;
+    const k = i.clientX - t.current;
+    t.current = i.clientX, r(k);
   }, [r]), d = b((i) => {
-    n.current !== null && (n.current = null, i.currentTarget.releasePointerCapture(i.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
+    t.current !== null && (t.current = null, i.currentTarget.releasePointerCapture(i.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
   }, []);
-  return /* @__PURE__ */ a(
-    ne,
+  return /* @__PURE__ */ o(
+    re,
     {
-      "aria-label": t,
+      "aria-label": n,
       orientation: "vertical",
-      onResizeStart: s,
-      onPointerMove: c,
+      onResizeStart: c,
+      onPointerMove: s,
       onPointerUp: d,
       onPointerCancel: d,
       className: g(
@@ -375,12 +392,12 @@ function X({ side: e, ariaLabel: t, onResize: r }) {
     }
   );
 }
-function y(e, t) {
-  const r = e == null ? void 0 : e[t];
+function x(e, n) {
+  const r = e == null ? void 0 : e[n];
   return typeof r == "function" ? r : void 0;
 }
-function B(e, t) {
-  return y(e, t);
+function B(e, n) {
+  return x(e, n);
 }
 function F() {
   if (typeof document > "u") return;
@@ -389,27 +406,27 @@ function F() {
   );
   e == null || e.focus();
 }
-function be() {
+function we() {
   typeof window > "u" || window.requestAnimationFrame(() => {
     F(), window.setTimeout(F, 320);
   });
 }
-function H({ id: e, params: t }) {
-  const r = le(), { debug: n } = ue(), s = Q(
+function E({ id: e, params: n }) {
+  const r = ue(), { debug: t } = he(), c = Y(
     r.subscribe,
     r.getSnapshot,
     r.getSnapshot
-  ), d = E(() => r.getComponents(), [r, s])[e], i = E(() => we(e), [e]);
-  return d ? /* @__PURE__ */ a(Y, { fallback: /* @__PURE__ */ a(te, { centered: !0 }), children: /* @__PURE__ */ a(
+  ), d = H(() => r.getComponents(), [r, c])[e], i = H(() => pe(e), [e]);
+  return d ? /* @__PURE__ */ o(ee, { fallback: /* @__PURE__ */ o(te, { centered: !0 }), children: /* @__PURE__ */ o(
     d,
     {
-      params: { ...t, debug: n },
+      params: { ...n, debug: t },
       api: i,
       containerApi: {}
     }
   ) }) : null;
 }
-function we(e) {
+function pe(e) {
   return {
     id: e,
     title: e,
@@ -445,101 +462,104 @@ function we(e) {
     } })
   };
 }
-function U({
+function Z({
   side: e,
-  icon: t,
+  icon: n,
   onClick: r,
-  label: n,
-  hint: s
+  label: t,
+  hint: c,
+  bottomOffset: s
 }) {
-  return /* @__PURE__ */ a(
-    Z,
+  const d = e === "right" && s !== void 0;
+  return /* @__PURE__ */ o(
+    K,
     {
       type: "button",
       variant: "ghost",
       size: "icon-sm",
       onClick: r,
-      "aria-label": n,
-      title: s ? `${n} (${s})` : n,
+      "aria-label": t,
+      title: c ? `${t} (${c})` : t,
       className: g(
-        "absolute top-1/2 z-30 h-9 w-9 -translate-y-1/2 gap-0.5 rounded-lg bg-background text-muted-foreground",
+        "absolute z-30 h-9 w-9 gap-0.5 rounded-lg bg-background text-muted-foreground",
         e === "left" ? "left-2" : "right-2",
+        d ? "hover:-translate-y-0.5" : "top-1/2 -translate-y-1/2 hover:-translate-y-[calc(50%+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:-translate-y-[calc(50%+1px)] 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)]",
+        "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"
       ),
-      children: t === "sessions" ? /* @__PURE__ */ l("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.8" }),
-        /* @__PURE__ */ a("path", { d: "M12 7v5l3.2 2", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
-      ] }) : /* @__PURE__ */ a("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("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" }) })
+      style: d ? { bottom: s } : void 0,
+      children: n === "sessions" ? /* @__PURE__ */ l("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ o("path", { d: "M12 7v5l3.2 2", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
+      ] }) : /* @__PURE__ */ o("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o("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" }) })
     }
   );
 }
-function Pe({
+function Oe({
   appTitle: e = "Boring",
-  sessionTitle: t,
+  sessionTitle: n,
   onCommandPalette: r,
-  onNewChat: n,
-  topBarLeft: s,
-  topBarRight: c,
+  onNewChat: t,
+  topBarLeft: c,
+  topBarRight: s,
   className: d
 }) {
-  const i = c ?? null;
+  const i = s ?? null;
   return /* @__PURE__ */ l(
     "header",
     {
       "data-boring-workspace-part": "topbar",
       className: g(
-        "relative flex items-center justify-between gap-2 px-3",
-        "bg-background border-b border-[color:oklch(from_var(--border)_l_c_h/0.4)]",
+        "relative flex h-11 items-center justify-between gap-2 px-3",
+        "bg-background border-b border-border",
         d
       ),
-      style: { height: 40 },
       "aria-label": "App top bar",
       children: [
-        /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: s ?? /* @__PURE__ */ l(V, { children: [
-          /* @__PURE__ */ a(
-            "img",
+        /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 items-center gap-2.5 leading-none", children: c ?? /* @__PURE__ */ l(U, { children: [
+          /* @__PURE__ */ o(
+            "span",
             {
-              src: "https://chatgpt.com/backend-api/estuary/content?id=file_000000006a4471f4b8411fcbfde271c6&ts=493962&p=fs&cid=1&sig=b406cfec61d387bdedd898858283b389f31ad2bd3eb7a358a6d1efa23e9afa83&v=0",
-              alt: e,
-              className: "h-6 w-6 shrink-0 rounded-md"
+              "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: ((e == null ? void 0 : e[0]) ?? "B").toUpperCase()
             }
           ),
-          /* @__PURE__ */ a("span", { className: "truncate text-[12px] font-medium tracking-tight text-foreground", children: e }),
-          t && /* @__PURE__ */ l(V, { children: [
-            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "text-muted-foreground/30", children: "/" }),
-            /* @__PURE__ */ a("span", { className: "truncate text-[12px] font-normal text-muted-foreground", children: t })
-          ] })
+          n ? /* @__PURE__ */ l(U, { children: [
+            /* @__PURE__ */ o("span", { className: "shrink-0 text-[13px] font-medium leading-none tracking-tight text-foreground/65", children: e }),
+            /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "text-[13px] leading-none text-muted-foreground/45", children: "·" }),
+            /* @__PURE__ */ o("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: n })
+          ] }) : /* @__PURE__ */ o("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: e })
         ] }) }),
         /* @__PURE__ */ l(
-          re,
+          oe,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
             onClick: r,
-            className: "group h-6 gap-1 px-1.5 text-[12px] text-muted-foreground/60 hover:bg-muted/60 hover:text-foreground focus-visible:text-foreground",
+            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__ */ a(he, { className: "h-3 w-3 shrink-0 opacity-70", strokeWidth: 1.75 }),
-              /* @__PURE__ */ a("span", { className: "font-normal tracking-tight", children: "Search" }),
-              /* @__PURE__ */ a(ae, { className: "ml-1 border-0 bg-transparent p-0 text-[10px] shadow-none group-hover:text-muted-foreground", children: "⌘K" })
+              /* @__PURE__ */ o(me, { className: "h-3.5 w-3.5 shrink-0 opacity-80", strokeWidth: 1.75 }),
+              /* @__PURE__ */ o("span", { className: "font-normal tracking-tight", children: "Search" }),
+              /* @__PURE__ */ o(ae, { className: "ml-0.5 bg-muted/40 leading-none shadow-none", children: "⌘K" })
             ]
           }
         ),
         /* @__PURE__ */ l("div", { className: "flex flex-1 shrink-0 items-center justify-end gap-1", children: [
-          n && /* @__PURE__ */ a(
-            Z,
+          t && /* @__PURE__ */ o(
+            K,
             {
               type: "button",
               variant: "ghost",
               size: "icon-sm",
-              onClick: n,
+              onClick: t,
               "aria-label": "New chat",
               title: "New chat",
-              children: /* @__PURE__ */ a(me, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ o(fe, { className: "h-4 w-4" })
             }
           ),
           i
@@ -548,14 +568,14 @@ function Pe({
     }
   );
 }
-function Oe({
+function Be({
   title: e = "Loading workspace",
-  description: t = "Preparing the workspace context.",
+  description: n = "Preparing the workspace context.",
   status: r = "Loading",
-  fullscreen: n = !0,
-  className: s
+  fullscreen: t = !0,
+  className: c
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     "section",
     {
       role: "status",
@@ -563,11 +583,11 @@ function Oe({
       "aria-busy": "true",
       className: g(
         "flex h-full w-full items-center justify-center bg-background px-6 text-foreground",
-        n ? "min-h-screen" : "min-h-[240px]",
-        s
+        t ? "min-h-screen" : "min-h-[240px]",
+        c
       ),
       children: /* @__PURE__ */ l("div", { className: "flex w-full max-w-sm flex-col items-center gap-5 text-center", children: [
-        /* @__PURE__ */ a("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-card text-foreground", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ o("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-card text-foreground", children: /* @__PURE__ */ o(
           "span",
           {
             "aria-hidden": "true",
@@ -575,19 +595,19 @@ function Oe({
           }
         ) }),
         /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a("h2", { className: "text-base font-medium text-foreground", children: e }),
-          t ? /* @__PURE__ */ a("p", { className: "text-sm leading-6 text-muted-foreground", children: t }) : null
+          /* @__PURE__ */ o("h2", { className: "text-base font-medium text-foreground", children: e }),
+          n ? /* @__PURE__ */ o("p", { className: "text-sm leading-6 text-muted-foreground", children: n }) : null
         ] }),
-        r ? /* @__PURE__ */ a("p", { className: "text-xs font-medium text-muted-foreground/80", children: r }) : null
+        r ? /* @__PURE__ */ o("p", { className: "text-xs font-medium text-muted-foreground/80", children: r }) : null
       ] })
     }
   );
 }
 export {
-  Ne as C,
-  Pe as T,
-  Oe as W,
-  We as b,
+  Pe as C,
+  Oe as T,
+  Be as W,
+  Ne as b,
   _e as r,
-  Se as w
+  We as w
 };