@burdenoff/fe-libs 2026.928.3 → 2026.930.1

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

@@ -0,0 +1,253 @@
+import { Button as e } from "../../../ui/button.js";
+import { ModalShell as t } from "../../../ui/modal-shell.js";
+import { usePrefersReducedMotion as n } from "./usePrefersReducedMotion.js";
+import { WRITE_PROPOSAL_MASK as r, formatWriteProposalValue as i, redactWriteProposalText as a, useWriteProposalRemainingMs as o, writeProposalArgumentValues as ee, writeProposalConfirmState as te, writeProposalCountdownText as ne, writeProposalGatewayText as re, writeProposalKindText as ie, writeProposalRootFieldName as ae, writeProposalSensitiveTexts as s, writeProposalVariableValues as c } from "./writeProposalPresentation.js";
+import { writeProposalUsesDialog as l } from "./AssistantWriteProposalCard.js";
+import { useEffect as u, useId as oe, useRef as d, useState as f } from "react";
+import { Fragment as se, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantWriteConfirmDialog.tsx
+var h = 600;
+function ce(e) {
+	return e.includes("destructive") || e.includes("irreversible");
+}
+function le(e) {
+	return typeof e == "object" && !!e && typeof e.then == "function";
+}
+var g = ({ view: e, ...t }) => !e || !l(e) ? null : /* @__PURE__ */ p(_, {
+	view: e,
+	...t
+}, e.proposalId), _ = ({ open: l, view: h, serverNow: g, capabilities: _, turnInFlight: v, tr: y, onApprove: ue, onDecline: de, onPresented: b, onDismiss: x }) => {
+	let fe = n(), S = oe(), C = `${S}-exactly`, w = d(null), T = h.status === "pending", E = o(h.expiresAt, g, l && T), D = E <= 0, { available: O, fenced: pe, showControls: k, offerConfirm: A } = te(h, _), j = d(null), [M, N] = f(!1), [P, F] = f(0), [me, I] = f(/* @__PURE__ */ new Set());
+	u(() => {
+		if (!l) {
+			j.current = null, N(!1);
+			return;
+		}
+		j.current = Date.now(), N(!1), F((e) => e + 1), I(/* @__PURE__ */ new Set());
+		let e = setTimeout(() => N(!0), 600);
+		return () => clearTimeout(e);
+	}, [l]);
+	let L = d(b);
+	u(() => {
+		L.current = b;
+	});
+	let R = d(0);
+	u(() => {
+		!l || P === 0 || !T || !O || R.current !== P && (R.current = P, L.current("modal"));
+	}, [
+		l,
+		P,
+		T,
+		O
+	]);
+	let z = d(null), [B, V] = f(null), H = (e, t) => {
+		if (z.current !== null) return;
+		z.current = e, V(e);
+		let n = () => {
+			z.current === e && (z.current = null, V(null));
+		}, r;
+		try {
+			r = t();
+		} catch (e) {
+			throw n(), e;
+		}
+		le(r) && r.then(n, n);
+	}, U = d(!1), W = (e) => {
+		e.key === "Enter" && (e.preventDefault(), U.current = !0);
+	}, G = (e) => {
+		e.key === "Enter" && (U.current = !1);
+	}, K = () => {
+		U.current = !1;
+	}, q = v || B !== null, J = q || D || !M, he = (e) => {
+		if (!e.isTrusted || U.current) return;
+		let t = j.current;
+		!M || t === null || Date.now() - t < 600 || !A || J || H("approve", () => ue("assistant_modal"));
+	}, ge = () => {
+		U.current || !k || q || H("decline", () => de("user_declined", "assistant_modal"));
+	}, _e = (e) => {
+		let t = w.current;
+		!t || t.disabled || (e.preventDefault(), t.focus());
+	}, Y = s(h), ve = a(h.description.readback.trim(), Y) || h.description.label, X = h.description.consequences.map((e) => a(e, Y)), Z = [...new Set(h.risk.kinds)].map((e) => ({
+		kind: e,
+		text: ie(e, y)
+	})).filter((e) => !!e.text), Q = c(h), ye = h.description.confirmLabel.trim() || y("writeProposal.confirmFallback", "Confirm this change"), be = (e) => I((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	}), $ = (e, t) => /* @__PURE__ */ p("dl", {
+		className: "mt-1 grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs",
+		children: e.map((e, n) => {
+			let a = `${S}-${t}-${n}`, o = e.sensitive && !me.has(e.key);
+			return /* @__PURE__ */ m("div", {
+				className: "contents",
+				children: [/* @__PURE__ */ p("dt", {
+					id: a,
+					className: "truncate text-text-muted",
+					children: e.label
+				}), /* @__PURE__ */ p("dd", {
+					className: "min-w-0",
+					children: /* @__PURE__ */ m("span", {
+						className: "inline-flex min-w-0 flex-wrap items-baseline gap-x-2",
+						children: [o ? /* @__PURE__ */ m("span", {
+							"data-testid": "assistant-write-confirm-masked",
+							children: [/* @__PURE__ */ p("span", {
+								"aria-hidden": "true",
+								className: "font-mono text-text-muted",
+								children: r
+							}), /* @__PURE__ */ p("span", {
+								className: "sr-only",
+								children: y("writeProposal.hiddenValue", "Hidden value")
+							})]
+						}) : /* @__PURE__ */ p("span", {
+							className: "min-w-0 whitespace-pre-wrap break-words font-medium text-text-primary",
+							children: i(e.value)
+						}), e.sensitive ? /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => be(e.key),
+							"aria-pressed": !o,
+							"aria-describedby": a,
+							className: "rounded text-[11px] font-medium text-text-link underline focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
+							"data-testid": "assistant-write-confirm-reveal",
+							children: o ? y("writeProposal.showValue", "Show") : y("writeProposal.hideValue", "Hide")
+						}) : null]
+					})
+				})]
+			}, `${n}:${e.key}`);
+		})
+	}), xe = k ? /* @__PURE__ */ m(se, { children: [/* @__PURE__ */ p(e, {
+		ref: w,
+		variant: "outline",
+		onClick: ge,
+		onKeyDown: W,
+		onKeyUp: G,
+		onBlur: K,
+		disabled: q,
+		"data-testid": "assistant-write-confirm-cancel",
+		children: y("writeProposal.cancel", "Cancel")
+	}), A ? /* @__PURE__ */ p(e, {
+		variant: ce(h.risk.kinds) ? "destructive" : "default",
+		onClick: he,
+		onKeyDown: W,
+		onKeyUp: G,
+		onBlur: K,
+		disabled: J,
+		"data-testid": "assistant-write-confirm-confirm",
+		children: B === "approve" ? y("writeProposal.confirming", "Confirming…") : ye
+	}) : null] }) : /* @__PURE__ */ p(e, {
+		ref: w,
+		variant: "outline",
+		onClick: x,
+		"data-testid": "assistant-write-confirm-close",
+		children: y("writeProposal.dialog.close", "Close")
+	});
+	return /* @__PURE__ */ p(t, {
+		open: l,
+		onClose: x,
+		role: "alertdialog",
+		onOpenAutoFocus: _e,
+		testId: "assistant-write-confirm-dialog",
+		size: "md",
+		title: y("writeProposal.dialog.title", "Confirm this change"),
+		description: ve,
+		footer: xe,
+		children: /* @__PURE__ */ m("div", {
+			className: "space-y-3 text-sm text-text-primary",
+			"data-testid": "assistant-write-confirm-body",
+			"data-status": h.status,
+			children: [
+				Z.length > 0 ? /* @__PURE__ */ p("ul", {
+					className: "flex flex-wrap gap-1",
+					"data-testid": "assistant-write-confirm-kinds",
+					children: Z.map(({ kind: e, text: t }) => /* @__PURE__ */ p("li", {
+						className: "rounded-full border border-status-error-border bg-status-error-bg px-2 py-0.5 text-[11px] font-medium text-status-error-text",
+						children: t
+					}, e))
+				}) : null,
+				/* @__PURE__ */ m("section", {
+					"aria-labelledby": C,
+					className: "space-y-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2",
+					"data-testid": "assistant-write-confirm-exactly",
+					children: [
+						/* @__PURE__ */ p("h3", {
+							id: C,
+							className: "text-xs font-semibold text-text-secondary",
+							children: y("writeProposal.dialog.exactly", "Exactly what will happen")
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "text-xs text-text-secondary",
+							children: re(h, y)
+						}),
+						h.description.rootFields.map((e, t) => {
+							let n = ee(e);
+							return /* @__PURE__ */ m("div", {
+								"data-testid": "assistant-write-confirm-field",
+								children: [/* @__PURE__ */ p("p", {
+									className: "break-words font-mono text-xs text-text-primary",
+									children: ae(e)
+								}), n.length > 0 ? $(n, `field${t}`) : null]
+							}, `${t}:${e.alias ?? e.field}`);
+						}),
+						Q.length > 0 ? /* @__PURE__ */ m("div", {
+							"data-testid": "assistant-write-confirm-variables",
+							children: [/* @__PURE__ */ p("p", {
+								className: "text-[11px] font-medium text-text-secondary",
+								children: y("writeProposal.values", "Values")
+							}), $(Q, "vars")]
+						}) : null,
+						h.description.variablesOmitted ? /* @__PURE__ */ p("p", {
+							className: "text-[11px] text-text-muted",
+							children: y("writeProposal.variablesOmitted", "{{count}} more values not shown", { count: h.description.variablesOmitted })
+						}) : null,
+						/* @__PURE__ */ p("p", {
+							className: "text-xs text-text-secondary",
+							"data-testid": "assistant-write-confirm-target-count",
+							children: y("writeProposal.targetCount", "Items affected: {{count}}", { count: h.description.targetCount })
+						})
+					]
+				}),
+				X.length > 0 ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+					className: "text-[11px] font-medium text-text-secondary",
+					children: y("writeProposal.consequences", "What this will do")
+				}), /* @__PURE__ */ p("ul", {
+					className: "list-disc pl-4 text-xs text-text-primary",
+					"data-testid": "assistant-write-confirm-consequences",
+					children: X.map((e, t) => /* @__PURE__ */ p("li", { children: e }, t))
+				})] }) : null,
+				h.repeatOf ? /* @__PURE__ */ p("p", {
+					className: "text-xs text-status-warning-text",
+					children: y("writeProposal.repeat", "You made this same change recently. Confirming makes it again.")
+				}) : null,
+				/* @__PURE__ */ m("div", {
+					className: "space-y-1 text-[11px]",
+					children: [
+						T ? /* @__PURE__ */ p("p", {
+							className: "text-text-secondary",
+							"data-testid": "assistant-write-confirm-countdown",
+							children: D ? y("writeProposal.timeUp", "Time's up — this can no longer be confirmed") : ne(E, fe, y)
+						}) : /* @__PURE__ */ p("p", {
+							className: "text-text-secondary",
+							"data-testid": "assistant-write-confirm-no-longer-pending",
+							children: y("writeProposal.dialog.noLongerPending", "This change can no longer be confirmed here.")
+						}),
+						T && !O ? /* @__PURE__ */ p("p", {
+							className: "text-text-secondary",
+							children: y("writeProposal.notAvailableYet", "Confirming changes from the assistant isn't available in this session yet.")
+						}) : T && !h.approvable ? /* @__PURE__ */ p("p", {
+							className: "text-text-secondary",
+							children: y("writeProposal.notApprovable", "This change isn't ready to confirm. If it stays this way, ask the assistant to prepare it again.")
+						}) : T && pe ? /* @__PURE__ */ p("p", {
+							className: "text-text-secondary",
+							"data-testid": "assistant-write-confirm-fenced",
+							children: y("writeProposal.executionFenced", "You can review or cancel this change. Running it from the assistant becomes available once secure confirmation is enabled.")
+						}) : null,
+						k && v ? /* @__PURE__ */ p("p", {
+							className: "text-text-muted",
+							children: y("writeProposal.waitForTurn", "You can confirm once the assistant finishes replying.")
+						}) : null
+					]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { g as AssistantWriteConfirmDialog, h as WRITE_CONFIRM_ARM_MS };

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

@@ -0,0 +1,72 @@
+import { FC } from 'react';
+import { AssistantTr } from '../i18n';
+import { SandboxWriteCapabilities, WriteProposalPresentationSurface, WriteProposalRiskKind, WriteProposalView } from '../writeProposals';
+/**
+ * One write proposal, as the ISSUING sandbox recorded it (BOFF-7803 5a, unit
+ * FE4). It replaces `AssistantPendingWriteCard` only in proposal mode.
+ *
+ * ★★ 5a is a safety floor, not the final security boundary. This card
+ * authorises nothing. Its confirm button hands a person's press to the parent,
+ * which asks the sandbox; the sandbox's store and wspace-sandbox-svc (route
+ * policy, live admin re-check, session relay) decide whether anything runs.
+ * The card only refuses to OFFER a press the record says cannot count.
+ *
+ * ★★ Presentational, with no store (the lesson of the two assistant UIs): it
+ * renders `view` and nothing else, so what a person approves is the record's
+ * payload, never the model's description of it. Every status, value and
+ * control state is derived from the props on every render.
+ *
+ * ★ Confirm counts only a trusted activation (`event.isTrusted`): a click a
+ * script dispatched is ignored. It latches on the first press, so a double
+ * click sends ONE approval, and releases only when the promise `onApprove`
+ * returns settles (the parent re-lists; the record decides what is shown).
+ * The sandbox's compare-and-set is what makes execution once-only; the latch
+ * keeps the card from asking twice.
+ *
+ * ★ The stronger dialog (OD-12) is used when the record asks for it OR when
+ * its risk kinds include one of the dialog kinds. The card may only make
+ * confirmation stronger than the record asks, never weaker.
+ */
+/** The risk kinds that always confirm in the dialog (OD-12). */
+export declare const WRITE_PROPOSAL_DIALOG_KINDS: ReadonlySet<WriteProposalRiskKind>;
+/** Whether this proposal confirms in the dialog rather than on the card. */
+export declare function writeProposalUsesDialog(view: WriteProposalView): boolean;
+export interface AssistantWriteProposalCardProps {
+    view: WriteProposalView;
+    /**
+     * The issuing sandbox's clock when `view` was read (`list().serverNow`).
+     * The countdown corrects for the difference from this device's clock.
+     */
+    serverNow: number;
+    /** The ISSUING sandbox's `/health` write capabilities; absent = unknown. */
+    capabilities: SandboxWriteCapabilities | null | undefined;
+    /**
+     * ★ BOFF-7803 FE8: the issuing sandbox was replaced (a failover). The card
+     * is an inert record of what was proposed: no control, no presentation, and
+     * a line saying it can no longer be confirmed here.
+     */
+    inert?: boolean;
+    /** A turn is running in this conversation: every control is disabled. */
+    turnInFlight: boolean;
+    tr: AssistantTr;
+    /**
+     * The person pressed confirm on the card. Return the approve call's promise:
+     * the button stays disabled until it settles.
+     */
+    onApprove: () => void | Promise<unknown>;
+    /** The person pressed Cancel. Same latch as `onApprove`. */
+    onDecline: () => void | Promise<unknown>;
+    /** The person asked for the confirmation dialog (dialog kinds only). */
+    onReview: () => void;
+    /** The card was at least half visible for 500 ms. Called once per proposal. */
+    onPresented: (surface: WriteProposalPresentationSurface) => void;
+    /**
+     * The revision this one replaced (`view.supersedes`), when the parent has
+     * it. Without it a revised card says it was revised but shows no diff.
+     */
+    previous?: WriteProposalView | null;
+}
+/** How long the card must stay half visible before it counts as presented. */
+export declare const WRITE_PROPOSAL_PRESENTED_AFTER_MS = 500;
+export declare const AssistantWriteProposalCard: FC<AssistantWriteProposalCardProps>;
+//# sourceMappingURL=AssistantWriteProposalCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantWriteProposalCard.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantWriteProposalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EACV,wBAAwB,EACxB,gCAAgC,EAChC,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,mBAAmB,CAAC;AAkB3B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,EAAE,WAAW,CAAC,qBAAqB,CAQvE,CAAC;AAEL,4EAA4E;AAC5E,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO,CAKxE;AAED,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,iBAAiB,CAAC;IACxB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,EAAE,wBAAwB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yEAAyE;IACzE,YAAY,EAAE,OAAO,CAAC;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB;;;OAGG;IACH,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,4DAA4D;IAC5D,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,WAAW,EAAE,CAAC,OAAO,EAAE,gCAAgC,KAAK,IAAI,CAAC;IACjE;;;OAGG;IACH,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACrC;AAED,8EAA8E;AAC9E,eAAO,MAAM,iCAAiC,MAAM,CAAC;AAiJrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAoiBhC,CAAC"}