@burdenoff/fe-libs 2026.930.1 → 2026.930.3

package/dist/shared/assistant/ui/AssistantHeader.js

@@ -1,81 +1,82 @@
 import { useAssistantTr as e } from "../i18n.js";
-import { useAssistantPreview as t } from "../preview/context.js";
-import { AssistantMoreMenu as n } from "./AssistantMoreMenu.js";
-import { Eye as r, History as i, PanelBottom as a, PanelRight as o, Plus as s, Sparkles as c, X as l } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { hasAssistantPreviewSurface as t } from "../preview/types.js";
+import { useAssistantPreview as n } from "../preview/context.js";
+import { AssistantMoreMenu as r } from "./AssistantMoreMenu.js";
+import { Eye as i, History as a, PanelBottom as o, PanelRight as s, Plus as c, Sparkles as l, X as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantHeader.tsx
-var p = ({ contextLabel: p, onNewConversation: m, onOpenHistory: h, historyOpen: g, onTogglePreview: _, previewOpen: v, onClose: y, docked: b, onToggleDock: x }) => {
-	let S = e(), C = t();
-	return /* @__PURE__ */ f("div", {
+var m = ({ contextLabel: m, onNewConversation: h, onOpenHistory: g, historyOpen: _, onTogglePreview: v, previewOpen: y, onClose: b, docked: x, onToggleDock: S }) => {
+	let C = e(), w = n();
+	return /* @__PURE__ */ p("div", {
 		className: "flex items-center gap-2 border-b border-border-default bg-bg-elevated px-3 py-2.5",
-		children: [/* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "flex min-w-0 flex-1 items-center gap-2",
-			children: [/* @__PURE__ */ d("span", {
+			children: [/* @__PURE__ */ f("span", {
 				className: "flex size-7 flex-shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-action-primary-bg/25 to-action-primary-bg/5 text-action-primary-bg",
-				children: /* @__PURE__ */ d(c, { className: "size-4" })
-			}), /* @__PURE__ */ f("span", {
+				children: /* @__PURE__ */ f(l, { className: "size-4" })
+			}), /* @__PURE__ */ p("span", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ d("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "block truncate text-[14px] font-semibold leading-tight text-text-primary",
-					children: S("header.title", "AI Assistant")
-				}), /* @__PURE__ */ f("span", {
+					children: C("header.title", "AI Assistant")
+				}), /* @__PURE__ */ p("span", {
 					className: "block truncate text-[11px] leading-tight text-text-muted",
-					children: [S("header.ready", "Ready"), p && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+					children: [C("header.ready", "Ready"), m && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
 						"aria-hidden": "true",
 						children: " · "
-					}), S("header.context", "Context: {{page}}", { page: p })] })]
+					}), C("header.context", "Context: {{page}}", { page: m })] })]
 				})]
 			})]
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ p("div", {
 			className: "flex flex-shrink-0 items-center gap-0.5",
 			children: [
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: m,
+					onClick: h,
 					className: "rounded-lg p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-					"aria-label": S("header.newConversation", "New conversation"),
+					"aria-label": C("header.newConversation", "New conversation"),
 					"data-testid": "assistant-new-conversation",
-					children: /* @__PURE__ */ d(s, { className: "size-4" })
+					children: /* @__PURE__ */ f(c, { className: "size-4" })
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: h,
-					className: `rounded-lg p-1.5 transition-colors ${g ? "bg-action-primary-bg/15 text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
-					"aria-label": S("header.history", "Conversation history"),
-					"aria-pressed": g,
+					onClick: g,
+					className: `rounded-lg p-1.5 transition-colors ${_ ? "bg-action-primary-bg/15 text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
+					"aria-label": C("header.history", "Conversation history"),
+					"aria-pressed": _,
 					"data-testid": "assistant-open-history",
-					children: /* @__PURE__ */ d(i, { className: "size-4" })
+					children: /* @__PURE__ */ f(a, { className: "size-4" })
 				}),
-				C && _ && /* @__PURE__ */ d("button", {
+				t(w) && v && /* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: _,
-					className: `rounded-lg p-1.5 transition-colors ${v ? "bg-action-primary-bg/15 text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
-					"aria-label": C.label ?? S("header.preview", "Preview"),
-					"aria-pressed": !!v,
+					onClick: v,
+					className: `rounded-lg p-1.5 transition-colors ${y ? "bg-action-primary-bg/15 text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
+					"aria-label": w.label ?? C("header.preview", "Preview"),
+					"aria-pressed": !!y,
 					"data-testid": "assistant-toggle-preview",
-					children: /* @__PURE__ */ d(r, { className: "size-4" })
+					children: /* @__PURE__ */ f(i, { className: "size-4" })
 				}),
-				/* @__PURE__ */ d(n, {}),
-				x && /* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f(r, {}),
+				S && /* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: x,
+					onClick: S,
 					className: "hidden rounded-lg p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary sm:inline-flex",
-					"aria-label": b ? S("header.float", "Float chat window") : S("header.dock", "Dock to side panel"),
-					"aria-pressed": b,
+					"aria-label": x ? C("header.float", "Float chat window") : C("header.dock", "Dock to side panel"),
+					"aria-pressed": x,
 					"data-testid": "assistant-toggle-dock",
-					children: d(b ? a : o, { className: "size-4" })
+					children: f(x ? o : s, { className: "size-4" })
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: y,
+					onClick: b,
 					className: "rounded-lg p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-					"aria-label": S("header.close", "Close assistant"),
+					"aria-label": C("header.close", "Close assistant"),
 					"data-testid": "assistant-close",
-					children: /* @__PURE__ */ d(l, { className: "size-4" })
+					children: /* @__PURE__ */ f(u, { className: "size-4" })
 				})
 			]
 		})]
 	});
 };
 //#endregion
-export { p as AssistantHeader };
+export { m as AssistantHeader };

package/dist/shared/assistant/ui/AssistantOverlay.d.ts

@@ -12,6 +12,11 @@ export interface AssistantOverlayContextValue {
     toggleDock: () => void;
     /** Width the docked panel takes from the page right now, in px (0 if none). */
     dockWidthPx: number;
+    /**
+     * How far the open assistant reaches in from the page's right edge, in px:
+     * docked or floating, 0 when closed or on a phone (BOFF-7799).
+     */
+    panelInsetPx: number;
     keys: AssistantOverlayKeys;
 }
 /** The overlay state in force, or null when no provider is mounted. */
@@ -22,6 +27,13 @@ export declare function useAssistantOverlayOrNull(): AssistantOverlayContextValu
  * published as `var(--assistant-dock-width)` on `<html>` for CSS consumers.
  */
 export declare function useAssistantDockWidth(): number;
+/**
+ * How far, in px, the open assistant reaches in from the right of the page,
+ * docked OR floating: 0 when it is closed, on a phone, or not mounted at all.
+ * The same value is published as `var(--assistant-panel-inset)` on `<html>`.
+ * See `ASSISTANT_PANEL_INSET_VAR` for why it differs from the dock width.
+ */
+export declare function useAssistantPanelInset(): number;
 /**
  * Listen for `<product>:quota-exhausted` and hand each wall to the product.
  *
@@ -62,7 +74,8 @@ export interface AssistantOverlayProviderProps {
  * the panel's own close and dock buttons) without each path remembering to
  * persist.
  *
- * Mount ONE per page: the published dock width is a single `<html>` variable.
+ * Mount ONE per page: the published dock width and panel inset are single
+ * `<html>` variables.
  */
 export declare function AssistantOverlayProvider({ keyPrefix, quota, children, }: AssistantOverlayProviderProps): import("react/jsx-runtime").JSX.Element;
 /** What the overlay hands the panel it renders. */

package/dist/shared/assistant/ui/AssistantOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantOverlay.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAUL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1C,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAoBL,KAAK,oBAAoB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAID,uEAAuE;AACvE,wBAAgB,yBAAyB,IAAI,4BAA4B,GAAG,IAAI,CAE/E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAE9C;AA6BD;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,GACnD,IAAI,CAaN;AAID,MAAM,WAAW,6BAA6B;IAC5C;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;KACtD,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,6BAA6B,2CAkE/B;AAED,mDAAmD;AACnD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,0BAA0B,CAAC,CAAC;IAC3E;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;IAC/D;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAOD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDAI5D"}
+{"version":3,"file":"AssistantOverlay.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/shared/assistant/ui/AssistantOverlay.js

@@ -2,174 +2,189 @@ import { useAssistantTr as e } from "../i18n.js";
 import { quotaExhaustedEventName as t } from "../quota.js";
 import { assistantPanelOwnsEscape as n } from "./panelOverlays.js";
 import { AssistantPreviewBridgeHost as r } from "../preview/bridgeHost.js";
-import { ASSISTANT_DOCK_WIDTH_VAR as i, ASSISTANT_OVERLAY_DESKTOP_QUERY as a, ASSISTANT_OVERLAY_TOP_VAR as o, aboveAssistantBottomChrome as s, assistantOverlayClassName as c, assistantOverlayEscapeAction as l, assistantOverlayKeys as u, assistantQuotaKindOf as d, closestAround as f, createAssistantNavigate as p, isAssistantToggleShortcut as m, nextAssistantOpenState as h, publishedAssistantDockWidth as g, readAssistantOverlayFlag as _, requestedAssistantOpenState as v, writeAssistantOverlayFlag as y } from "./assistantOverlayState.js";
-import { useAssistantServerHistory as b } from "../history/useAssistantServerHistory.js";
-import { AIAssistantPanel as x } from "./AIAssistantPanel.js";
-import { createContext as S, useCallback as C, useContext as w, useEffect as T, useMemo as E, useRef as D, useState as O, useSyncExternalStore as k } from "react";
-import { Sparkles as A } from "lucide-react";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { ASSISTANT_DOCK_WIDTH_VAR as i, ASSISTANT_OVERLAY_DESKTOP_QUERY as a, ASSISTANT_OVERLAY_TOP_VAR as o, ASSISTANT_PANEL_INSET_VAR as s, aboveAssistantBottomChrome as c, assistantOverlayClassName as l, assistantOverlayEscapeAction as u, assistantOverlayKeys as d, assistantQuotaKindOf as f, closestAround as p, createAssistantNavigate as m, isAssistantToggleShortcut as h, nextAssistantOpenState as g, publishedAssistantDockWidth as _, publishedAssistantPanelInset as v, readAssistantOverlayFlag as y, requestedAssistantOpenState as b, writeAssistantOverlayFlag as x } from "./assistantOverlayState.js";
+import { useAssistantServerHistory as S } from "../history/useAssistantServerHistory.js";
+import { AIAssistantPanel as C } from "./AIAssistantPanel.js";
+import { createContext as w, useCallback as T, useContext as E, useEffect as D, useMemo as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
+import { Sparkles as M } from "lucide-react";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantOverlay.tsx
-var N = S(null);
-function P() {
-	return w(N);
+var F = w(null);
+function I() {
+	return E(F);
 }
-function F() {
-	return w(N)?.dockWidthPx ?? 0;
+function L() {
+	return E(F)?.dockWidthPx ?? 0;
 }
-var I = () => typeof window > "u" ? void 0 : window.sessionStorage, L = () => typeof window > "u" ? void 0 : window.localStorage;
-function R(e) {
+function R() {
+	return E(F)?.panelInsetPx ?? 0;
+}
+var z = () => typeof window > "u" ? void 0 : window.sessionStorage, B = () => typeof window > "u" ? void 0 : window.localStorage;
+function V(e) {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
 	let t = window.matchMedia(a);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function z() {
+function H() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(min-width: 640px)").matches;
 }
-function B() {
-	return k(R, z, () => !1);
+function U() {
+	return j(V, H, () => !1);
 }
-function V(e, n) {
-	let r = D(n);
-	T(() => {
+function W(e, n) {
+	let r = k(n);
+	D(() => {
 		r.current = n;
-	}, [n]), T(() => {
+	}, [n]), D(() => {
 		if (!e || typeof window > "u") return;
-		let n = t(e), i = (e) => r.current(d(e), e);
+		let n = t(e), i = (e) => r.current(f(e), e);
 		return window.addEventListener(n, i), () => window.removeEventListener(n, i);
 	}, [e]);
 }
-var H = () => {};
-function U({ keyPrefix: e, quota: t, children: n }) {
-	let r = E(() => u(e), [e]), [a, o] = O(() => _(I, r.openStorageKey)), [s, c] = O(() => _(L, r.dockStorageKey)), l = C(() => o(!0), []), d = C(() => o(!1), []), f = C(() => o((e) => !e), []), p = C(() => c((e) => !e), []);
-	T(() => {
-		y(I, r.openStorageKey, a);
-	}, [r.openStorageKey, a]), T(() => {
-		y(L, r.dockStorageKey, s);
-	}, [r.dockStorageKey, s]), T(() => {
+var G = () => {};
+function K({ keyPrefix: e, quota: t, children: n }) {
+	let r = O(() => d(e), [e]), [a, o] = A(() => y(z, r.openStorageKey)), [c, l] = A(() => y(B, r.dockStorageKey)), u = T(() => o(!0), []), f = T(() => o(!1), []), p = T(() => o((e) => !e), []), m = T(() => l((e) => !e), []);
+	D(() => {
+		x(z, r.openStorageKey, a);
+	}, [r.openStorageKey, a]), D(() => {
+		x(B, r.dockStorageKey, c);
+	}, [r.dockStorageKey, c]), D(() => {
 		if (typeof window > "u") return;
 		let e = (e) => {
-			let t = v(e);
-			o((e) => h(e, t));
+			let t = b(e);
+			o((e) => g(e, t));
 		};
 		return window.addEventListener(r.toggleEvent, e), () => window.removeEventListener(r.toggleEvent, e);
-	}, [r.toggleEvent]), T(() => {
+	}, [r.toggleEvent]), D(() => {
 		if (typeof document > "u") return;
 		let e = (e) => {
-			m(e) && (e.preventDefault(), o((e) => !e));
+			h(e) && (e.preventDefault(), o((e) => !e));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, []), V(t?.product ?? null, t?.onExhausted ?? H);
-	let b = g({
+	}, []), W(t?.product ?? null, t?.onExhausted ?? G);
+	let S = U(), C = _({
+		isOpen: a,
+		docked: c,
+		isDesktop: S
+	}), w = v({
 		isOpen: a,
-		docked: s,
-		isDesktop: B()
+		docked: c,
+		isDesktop: S
 	});
-	T(() => {
+	D(() => {
 		if (typeof document > "u") return;
 		let e = document.documentElement.style;
-		return e.setProperty(i, `${b}px`), () => {
+		return e.setProperty(i, `${C}px`), () => {
 			e.removeProperty(i);
 		};
-	}, [b]);
-	let x = E(() => ({
+	}, [C]), D(() => {
+		if (typeof document > "u") return;
+		let e = document.documentElement.style;
+		return e.setProperty(s, `${w}px`), () => {
+			e.removeProperty(s);
+		};
+	}, [w]);
+	let E = O(() => ({
 		isOpen: a,
-		open: l,
-		close: d,
-		toggle: f,
-		docked: s,
-		toggleDock: p,
-		dockWidthPx: b,
+		open: u,
+		close: f,
+		toggle: p,
+		docked: c,
+		toggleDock: m,
+		dockWidthPx: C,
+		panelInsetPx: w,
 		keys: r
 	}), [
 		a,
-		l,
-		d,
+		u,
 		f,
-		s,
 		p,
-		b,
+		c,
+		m,
+		C,
+		w,
 		r
 	]);
-	return /* @__PURE__ */ j(N.Provider, {
-		value: x,
+	return /* @__PURE__ */ N(F.Provider, {
+		value: E,
 		children: n
 	});
 }
-var W = (e, t) => /* @__PURE__ */ j(x, {
+var q = (e, t) => /* @__PURE__ */ N(C, {
 	...e,
 	...t
 });
-function G(e) {
-	let t = P();
-	return t ? /* @__PURE__ */ j(K, {
+function J(e) {
+	let t = I();
+	return t ? /* @__PURE__ */ N(Y, {
 		state: t,
 		...e
 	}) : null;
 }
-function K({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel: u, navigate: d, isShellLessTarget: m, topOffsetPx: h = 56, launcherIcon: g, launcherBottomInset: _ = "1.5rem", showLauncher: v = !0 }) {
-	let { isOpen: y, close: x, toggle: S, docked: C, toggleDock: w } = t, D = e();
-	b(a?.serverHistory === !0);
-	let [k, N] = O(!1), P = E(() => d ? p({
+function Y({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel: s, navigate: d, isShellLessTarget: f, topOffsetPx: h = 56, launcherIcon: g, launcherBottomInset: _ = "1.5rem", showLauncher: v = !0 }) {
+	let { isOpen: y, close: b, toggle: x, docked: C, toggleDock: w } = t, T = e();
+	S(a?.serverHistory === !0);
+	let [E, k] = A(!1), j = O(() => d ? m({
 		navigate: d,
-		isShellLessTarget: m,
-		isDesktop: z,
-		collapseSheet: () => N(!1),
+		isShellLessTarget: f,
+		isDesktop: H,
+		collapseSheet: () => k(!1),
 		openInNewTab: (e) => window.open(e, "_blank", "noopener,noreferrer")
-	}) : void 0, [d, m]);
-	T(() => {
+	}) : void 0, [d, f]);
+	D(() => {
 		if (!y) return;
 		let e = (e) => {
-			l({
+			u({
 				key: e.key,
 				isOpen: y,
 				alreadyHandled: e.defaultPrevented,
 				dialogOpen: document.querySelector("[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
-				pressedInsideDialog: f(e.target, "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
+				pressedInsideDialog: p(e.target, "[role=\"dialog\"],[role=\"alertdialog\"],dialog[open]") !== null,
 				panelOwnsEscape: n()
-			}) === "close" && (e.preventDefault(), x());
+			}) === "close" && (e.preventDefault(), b());
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [y, x]);
+	}, [y, b]);
 	let F = {
 		panelId: i,
 		visible: !0,
-		onClose: x,
+		onClose: b,
 		docked: C,
 		onToggleDock: w,
-		onNavigate: P
-	}, I = D("overlay.launcher", "AI Assistant"), L = { [o]: `${h}px` };
-	return /* @__PURE__ */ M(r, {
+		onNavigate: j
+	}, I = T("overlay.launcher", "AI Assistant"), L = { [o]: `${h}px` };
+	return /* @__PURE__ */ P(r, {
 		preview: a?.preview,
-		children: [y && /* @__PURE__ */ M("div", {
-			className: c({
-				expanded: k,
+		children: [y && /* @__PURE__ */ P("div", {
+			className: l({
+				expanded: E,
 				docked: C
 			}),
 			style: L,
 			"data-testid": "assistant-overlay",
-			children: [/* @__PURE__ */ j("button", {
+			children: [/* @__PURE__ */ N("button", {
 				type: "button",
-				onClick: () => N((e) => !e),
+				onClick: () => k((e) => !e),
 				className: "flex w-full shrink-0 justify-center pt-2 pb-1 sm:hidden",
-				"aria-label": k ? D("sheet.collapse", "Shrink the assistant") : D("sheet.expand", "Expand the assistant"),
-				"aria-expanded": k,
+				"aria-label": E ? T("sheet.collapse", "Shrink the assistant") : T("sheet.expand", "Expand the assistant"),
+				"aria-expanded": E,
 				"data-testid": "assistant-sheet-handle",
-				children: /* @__PURE__ */ j("span", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
-			}), /* @__PURE__ */ j("div", {
+				children: /* @__PURE__ */ N("span", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
+			}), /* @__PURE__ */ N("div", {
 				className: "flex min-h-0 flex-1 flex-col",
-				children: u ? u(F) : W(a, F)
+				children: s ? s(F) : q(a, F)
 			})]
-		}), v && /* @__PURE__ */ j("button", {
+		}), v && /* @__PURE__ */ N("button", {
 			type: "button",
-			onClick: S,
-			title: D("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
+			onClick: x,
+			title: T("overlay.launcherTitle", "AI Assistant ({{shortcut}})", { shortcut: "Ctrl+Shift+A" }),
 			"aria-label": I,
 			"aria-haspopup": "dialog",
 			"aria-expanded": y,
 			"data-testid": "assistant-fab",
-			style: { bottom: s(_) },
+			style: { bottom: c(_) },
 			className: "fixed right-6 z-30 size-14 items-center justify-center rounded-full border border-border-strong bg-[var(--color-accent-soft)] text-action-primary-bg shadow-float transition-colors duration-200 hover:border-action-primary-bg focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] cursor-pointer " + (y ? "hidden sm:inline-flex" : "inline-flex"),
-			children: g ?? /* @__PURE__ */ j(A, {
+			children: g ?? /* @__PURE__ */ N(M, {
 				className: "size-6",
 				"aria-hidden": "true"
 			})
@@ -177,4 +192,4 @@ function K({ state: t, panelId: i = "ai-assistant", panelProps: a, renderPanel:
 	});
 }
 //#endregion
-export { G as AssistantOverlay, U as AssistantOverlayProvider, F as useAssistantDockWidth, P as useAssistantOverlayOrNull, V as useAssistantQuotaExhausted };
+export { J as AssistantOverlay, K as AssistantOverlayProvider, L as useAssistantDockWidth, I as useAssistantOverlayOrNull, R as useAssistantPanelInset, W as useAssistantQuotaExhausted };

package/dist/shared/assistant/ui/AssistantWriteConfirmDialog.d.ts

@@ -41,6 +41,8 @@ export interface AssistantWriteConfirmDialogProps {
     view: WriteProposalView | null;
     /** The issuing sandbox's clock when `view` was read (`list().serverNow`). */
     serverNow: number;
+    /** This device's clock when that read arrived (BOFF-8163). */
+    arrivedAt: number;
     /** The ISSUING sandbox's `/health` write capabilities; absent = unknown. */
     capabilities: SandboxWriteCapabilities | null | undefined;
     /** A turn is running in this conversation: no decision can be made. */

package/dist/shared/assistant/ui/AssistantWriteConfirmDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantWriteConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantWriteConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAAE,EAGR,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EACV,wBAAwB,EAExB,iBAAiB,EAClB,MAAM,mBAAmB,CAAC;AAmB3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,MAAM,WAAW,gCAAgC;IAC/C,mFAAmF;IACnF,IAAI,EAAE,OAAO,CAAC;IACd,6DAA6D;IAC7D,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,6EAA6E;IAC7E,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,EAAE,wBAAwB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,uEAAuE;IACvE,YAAY,EAAE,OAAO,CAAC;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB;;;OAGG;IACH,SAAS,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACnE,qDAAqD;IACrD,SAAS,EAAE,CACT,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,iBAAiB,KACvB,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7B,iEAAiE;IACjE,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,6EAA6E;IAC7E,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAiBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAUjC,CAAC"}
+{"version":3,"file":"AssistantWriteConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantWriteConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAAE,EAGR,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EACV,wBAAwB,EAExB,iBAAiB,EAClB,MAAM,mBAAmB,CAAC;AAmB3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,MAAM,WAAW,gCAAgC;IAC/C,mFAAmF;IACnF,IAAI,EAAE,OAAO,CAAC;IACd,6DAA6D;IAC7D,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,6EAA6E;IAC7E,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,EAAE,wBAAwB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D,uEAAuE;IACvE,YAAY,EAAE,OAAO,CAAC;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB;;;OAGG;IACH,SAAS,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACnE,qDAAqD;IACrD,SAAS,EAAE,CACT,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,iBAAiB,KACvB,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7B,iEAAiE;IACjE,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,6EAA6E;IAC7E,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAiBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAUjC,CAAC"}