@burdenoff/fe-libs 2026.906.6 → 2026.907.2

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

@@ -1,6 +1,10 @@
 import { FC } from 'react';
 import { Message } from '../conversation';
 interface Props {
+    /** Approve a pending write. Absent outside a live conversation. */
+    onApprovePendingWrite?: (reference: string) => void;
+    /** Reference currently being approved, so only that card shows a spinner. */
+    approvingWriteRef?: string | null;
     message: Message;
     isStreaming?: boolean;
     /** This assistant message ended in an error — show the Retry affordance. */

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAqBnD,OAAO,KAAK,EAGV,OAAO,EACR,MAAM,iBAAiB,CAAC;AAIzB,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyCD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA4R1C,CAAC"}
+{"version":3,"file":"AssistantMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAqBnD,OAAO,KAAK,EAGV,OAAO,EACR,MAAM,iBAAiB,CAAC;AAIzB,UAAU,KAAK;IACb,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAyCD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAqS1C,CAAC"}

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

@@ -31,60 +31,60 @@ function T(e, t, n) {
 	let a = new Blob([i], { type: n }), o = URL.createObjectURL(a), s = document.createElement("a");
 	s.href = o, s.download = t, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
 }
-var E = ({ message: w, isStreaming: E, isFailed: D, isLastAssistant: O, onRetry: k }) => {
-	let A = r(), j = n(), { getAccessToken: M, getWorkspaceToken: N } = e(), P = o(), [F, I] = m(null), [L, R] = m(!1), z = w.role === "user", B = p(() => S(w), [w]), V = p(() => C(B), [B]), { steps: H, text: U } = p(() => z ? {
+var E = ({ onApprovePendingWrite: w, approvingWriteRef: E = null, message: D, isStreaming: O, isFailed: k, isLastAssistant: A, onRetry: j }) => {
+	let M = r(), N = n(), { getAccessToken: P, getWorkspaceToken: F } = e(), I = o(), [L, R] = m(null), [z, B] = m(!1), V = D.role === "user", H = p(() => S(D), [D]), U = p(() => C(H), [H]), { steps: W, text: G } = p(() => V ? {
 		steps: [],
-		text: w.content
-	} : a(w.content), [z, w.content]), W = () => {
-		s(U || w.content).then((e) => {
-			e && (R(!0), setTimeout(() => R(!1), 2e3));
+		text: D.content
+	} : a(D.content), [V, D.content]), K = () => {
+		s(G || D.content).then((e) => {
+			e && (B(!0), setTimeout(() => B(!1), 2e3));
 		});
-	}, G = async (e) => {
-		if (!B?.sandboxId || !B.sessionId) return;
+	}, q = async (e) => {
+		if (!H?.sandboxId || !H.sessionId) return;
 		let n = new URLSearchParams(window.location.search).get("workspace") ?? "";
 		if (n) {
-			I(e.path);
+			R(e.path);
 			try {
-				let r = await t(B.sandboxId, n, B.sessionId, e.path, {
-					accessToken: M(),
-					workspaceToken: N()
+				let r = await t(H.sandboxId, n, H.sessionId, e.path, {
+					accessToken: P(),
+					workspaceToken: F()
 				});
 				T(r.contentBase64, r.filename, r.mimeType);
 			} finally {
-				I(null);
+				R(null);
 			}
 		}
-	}, K = new Date(w.timestamp).toLocaleTimeString([], {
+	}, J = new Date(D.timestamp).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
-	if (w.role === "system") return /* @__PURE__ */ b("div", {
+	if (D.role === "system") return /* @__PURE__ */ b("div", {
 		className: "flex justify-center px-2 py-1",
 		"data-testid": "assistant-message-system",
 		children: /* @__PURE__ */ b("p", {
 			className: "max-w-[90%] whitespace-pre-wrap break-words rounded-lg border border-border-subtle bg-bg-sunken/60 px-3 py-2 text-center text-xs leading-relaxed text-text-muted",
-			children: w.content
+			children: D.content
 		})
 	});
-	if (z) {
-		let e = w.metadata?.attachments ?? [];
+	if (V) {
+		let e = D.metadata?.attachments ?? [];
 		return /* @__PURE__ */ b("div", {
 			className: "flex justify-end",
 			"data-testid": "assistant-message-user",
 			children: /* @__PURE__ */ x("div", {
 				className: "max-w-[85%]",
 				children: [
-					w.content && /* @__PURE__ */ b("div", {
+					D.content && /* @__PURE__ */ b("div", {
 						className: "rounded-2xl rounded-br-md bg-action-primary-bg/12 px-3.5 py-2.5 text-[15px] leading-relaxed text-text-primary",
 						children: /* @__PURE__ */ b("p", {
 							className: "whitespace-pre-wrap",
-							children: w.content
+							children: D.content
 						})
 					}),
 					/* @__PURE__ */ b(l, { attachments: e }),
 					/* @__PURE__ */ b("div", {
 						className: "mt-1 pr-1 text-right text-[10px] text-text-muted",
-						children: K
+						children: J
 					})
 				]
 			})
@@ -99,61 +99,65 @@ var E = ({ message: w, isStreaming: E, isFailed: D, isLastAssistant: O, onRetry:
 		}), /* @__PURE__ */ x("div", {
 			className: "min-w-0 flex-1",
 			children: [
-				H.length > 0 && /* @__PURE__ */ b(i, { steps: H }),
-				B?.pendingWrite ? /* @__PURE__ */ b(u, { pendingWrite: B.pendingWrite }) : null,
-				U && /* @__PURE__ */ b("div", {
+				W.length > 0 && /* @__PURE__ */ b(i, { steps: W }),
+				H?.pendingWrite ? /* @__PURE__ */ b(u, {
+					pendingWrite: H.pendingWrite,
+					onApprove: w,
+					approving: E !== null && E === H.pendingWrite.reference
+				}) : null,
+				G && /* @__PURE__ */ b("div", {
 					className: "text-[15px] leading-relaxed text-text-primary",
-					children: /* @__PURE__ */ b(c, { content: U })
+					children: /* @__PURE__ */ b(c, { content: G })
 				}),
-				E && /* @__PURE__ */ b("span", {
+				O && /* @__PURE__ */ b("span", {
 					"aria-hidden": "true",
 					className: "ml-0.5 inline-block h-4 w-1.5 rounded-sm bg-text-secondary align-middle motion-safe:animate-pulse"
 				}),
-				V.length > 0 && B?.sandboxId && B.sessionId && /* @__PURE__ */ x("div", {
+				U.length > 0 && H?.sandboxId && H.sessionId && /* @__PURE__ */ x("div", {
 					className: "mt-3 space-y-2 border-t border-border-subtle pt-2",
 					children: [/* @__PURE__ */ b("p", {
 						className: "text-[10px] font-medium uppercase tracking-wide text-text-muted",
-						children: A("message.downloads", "Downloads")
+						children: M("message.downloads", "Downloads")
 					}), /* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-2",
-						children: V.map((e) => {
+						children: U.map((e) => {
 							let t = `${e.name}${e.type === "directory" ? ".tar.gz" : ""}`;
 							return /* @__PURE__ */ b(f, {
 								label: t,
-								disabled: F === e.path,
+								disabled: L === e.path,
 								testId: `assistant-artifact-${e.name}`,
 								source: {
 									kind: "sandbox-artifact",
-									sandboxId: B.sandboxId,
-									sessionId: B.sessionId,
+									sandboxId: H.sandboxId,
+									sessionId: H.sessionId,
 									path: e.path,
 									filename: t
 								},
-								defaultFolderPath: j.artifacts,
-								onDownload: () => G(e)
+								defaultFolderPath: N.artifacts,
+								onDownload: () => q(e)
 							}, e.path);
 						})
 					})]
 				}),
-				!E && (U || D || O) && /* @__PURE__ */ x("div", {
+				!O && (G || k || A) && /* @__PURE__ */ x("div", {
 					className: "mt-1.5 flex items-center gap-1",
 					children: [
-						U && /* @__PURE__ */ b("button", {
+						G && /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: W,
+							onClick: K,
 							className: "flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] text-text-muted transition-colors hover:bg-bg-elevated hover:text-text-secondary",
-							"aria-label": A("message.copy", "Copy message"),
+							"aria-label": M("message.copy", "Copy message"),
 							"data-testid": "assistant-message-copy",
-							children: L ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ b("span", { children: A("message.copied", "Copied") })] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(g, { className: "size-3" }), /* @__PURE__ */ b("span", { children: A("message.copy", "Copy") })] })
+							children: z ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ b("span", { children: M("message.copied", "Copied") })] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(g, { className: "size-3" }), /* @__PURE__ */ b("span", { children: M("message.copy", "Copy") })] })
 						}),
-						U && P.isSupported && (() => {
-							let e = P.blockedFor(w.id) ?? P.disabledReason, t = !!e && !!O, n = t ? `speak-reason-${w.id}` : void 0;
+						G && I.isSupported && (() => {
+							let e = I.blockedFor(D.id) ?? I.disabledReason, t = !!e && !!A, n = t ? `speak-reason-${D.id}` : void 0;
 							return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, {
-								isSpeaking: P.isSpeaking(w.id),
+								isSpeaking: I.isSpeaking(D.id),
 								disabled: e !== null,
 								disabledReason: e,
 								describedById: n,
-								onClick: () => P.toggle(w.id, U, B?.lang)
+								onClick: () => I.toggle(D.id, G, H?.lang)
 							}), t && /* @__PURE__ */ b("span", {
 								id: n,
 								className: "text-[11px] text-text-muted",
@@ -161,21 +165,21 @@ var E = ({ message: w, isStreaming: E, isFailed: D, isLastAssistant: O, onRetry:
 								children: e
 							})] });
 						})(),
-						(D || O) && k && /* @__PURE__ */ x("button", {
+						(k || A) && j && /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: k,
-							className: `flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors hover:bg-bg-elevated ${D ? "text-status-error-text" : "text-text-muted hover:text-text-secondary"}`,
-							"aria-label": A("message.retry", "Retry"),
+							onClick: j,
+							className: `flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors hover:bg-bg-elevated ${k ? "text-status-error-text" : "text-text-muted hover:text-text-secondary"}`,
+							"aria-label": M("message.retry", "Retry"),
 							"data-testid": "assistant-message-retry",
-							children: [/* @__PURE__ */ b(_, { className: "size-3" }), /* @__PURE__ */ b("span", { children: A("message.retry", "Retry") })]
+							children: [/* @__PURE__ */ b(_, { className: "size-3" }), /* @__PURE__ */ b("span", { children: M("message.retry", "Retry") })]
 						})
 					]
 				}),
 				/* @__PURE__ */ x("div", {
 					className: "mt-1 text-[10px] text-text-muted",
-					children: [K, w.tokens && /* @__PURE__ */ x("span", {
+					children: [J, D.tokens && /* @__PURE__ */ x("span", {
 						className: "ml-2",
-						children: [w.tokens.input + w.tokens.output, " tokens"]
+						children: [D.tokens.input + D.tokens.output, " tokens"]
 					})]
 				})
 			]

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

@@ -1,6 +1,9 @@
 import { FC } from 'react';
 import { Message } from '../conversation';
 interface Props {
+    /** Forwarded to each pending-write card; see AssistantPendingWriteCard. */
+    onApprovePendingWrite?: (reference: string) => void;
+    approvingWriteRef?: string | null;
     messages: Message[];
     streamingMessageId: string | null;
     /** The assistant message (if any) whose turn ended in an error. */

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantMessageList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG/C,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA0E1C,CAAC"}
+{"version":3,"file":"AssistantMessageList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG/C,UAAU,KAAK;IACb,2EAA2E;IAC3E,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA8E1C,CAAC"}

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

@@ -3,34 +3,36 @@ import { AssistantMessageItem as t } from "./AssistantMessageItem.js";
 import { useEffect as n, useRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantMessageList.tsx
-var o = ({ messages: o, streamingMessageId: s, failedMessageId: c, onRetry: l }) => {
-	let u = e(), d = (() => {
-		for (let e = o.length - 1; e >= 0; --e) if (o[e].role === "assistant") return o[e].id;
+var o = ({ onApprovePendingWrite: o, approvingWriteRef: s = null, messages: c, streamingMessageId: l, failedMessageId: u, onRetry: d }) => {
+	let f = e(), p = (() => {
+		for (let e = c.length - 1; e >= 0; --e) if (c[e].role === "assistant") return c[e].id;
 		return null;
-	})(), f = r(null), p = r(null);
+	})(), m = r(null), h = r(null);
 	return n(() => {
-		let e = p.current;
+		let e = h.current;
 		if (e && e.scrollHeight - e.scrollTop - e.clientHeight < 100) {
 			let e = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-			f.current?.scrollIntoView({ behavior: e ? "auto" : "smooth" });
+			m.current?.scrollIntoView({ behavior: e ? "auto" : "smooth" });
 		}
-	}, [o, s]), n(() => {
-		f.current?.scrollIntoView({ behavior: "instant" });
+	}, [c, l]), n(() => {
+		m.current?.scrollIntoView({ behavior: "instant" });
 	}, []), /* @__PURE__ */ a("div", {
-		ref: p,
+		ref: h,
 		className: "flex-1 space-y-4 overflow-y-auto p-3",
 		role: "log",
 		"aria-live": "polite",
 		"aria-relevant": "additions",
-		"aria-busy": s !== null,
-		"aria-label": u("messageList.ariaLabel", "Conversation messages"),
-		children: [o.map((e) => /* @__PURE__ */ i(t, {
+		"aria-busy": l !== null,
+		"aria-label": f("messageList.ariaLabel", "Conversation messages"),
+		children: [c.map((e) => /* @__PURE__ */ i(t, {
+			onApprovePendingWrite: o,
+			approvingWriteRef: s,
 			message: e,
-			isStreaming: e.id === s,
-			isFailed: e.id === c,
-			isLastAssistant: e.id === d,
-			onRetry: l
-		}, e.id)), /* @__PURE__ */ i("div", { ref: f })]
+			isStreaming: e.id === l,
+			isFailed: e.id === u,
+			isLastAssistant: e.id === p,
+			onRetry: d
+		}, e.id)), /* @__PURE__ */ i("div", { ref: m })]
 	});
 };
 //#endregion

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

@@ -2,6 +2,13 @@ import { FC } from 'react';
 import { PendingWrite } from '../pendingWrite';
 interface Props {
     pendingWrite: PendingWrite;
+    /**
+     * Approve this exact pending write. Absent when the conversation is not live
+     * (history, export) — the card then reads as a record of what was asked.
+     */
+    onApprove?: (reference: string) => void;
+    /** True while the approval is in flight, so the button cannot be double-sent. */
+    approving?: boolean;
 }
 /**
  * What the assistant is asking permission to change — taken from the request it
@@ -15,17 +22,25 @@ interface Props {
  * delete described as an update, and the approval still counts. This card is the
  * payload.
  *
- * ★ NO APPROVE BUTTON, DELIBERATELY. A button here would have to send "yes" as a
- * chat message and let the model decide what that authorises — which is the
- * arrangement this card exists to expose, dressed up as a control. The model
- * holds the single-use token; until it does not (see `write-confirmation.ts`,
- * which names the fix as "the UI holding the approval"), a button would promise
- * an authorization boundary the frontend does not have. The user replies in
- * their own words, and the card makes sure they know what they are replying to.
+ * ★★ IT NOW HAS AN APPROVE BUTTON, AND THAT IS A CHANGE OF FACT, NOT OF TASTE.
  *
- * ★ The confirmation token is never rendered — `parseConfirmationRefusal` does
- * not even extract it. Echoing it back is what lets the write through, so on
- * screen it would be a bypass rather than information.
+ * This card deliberately had none. A button would have had to send "yes" as a
+ * chat message and let the model decide what that authorised — the very
+ * arrangement the card existed to expose, dressed up as a control — because the
+ * model held the single-use token and could paste it back whenever it liked.
+ *
+ * That is no longer true. The sandbox no longer puts the token in anything the
+ * model can read; the refusal carries a reference that NAMES the pending change
+ * and authorises nothing. Approval is an out-of-band call to the sandbox
+ * (`/write-confirmations/:reference/approve`) that the model is not part of. So
+ * the button now promises a boundary that exists.
+ *
+ * ★ The reference is not a secret and the token is never rendered — the card
+ * still never displays anything that could authorise the write on its own.
+ *
+ * ★ Without a reference (an older sandbox image) the button is not shown at
+ * all, and the card falls back to what it always said: reply in your own words.
+ * A control that cannot work is worse than no control.
  */
 export declare const AssistantPendingWriteCard: FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantPendingWriteCard.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantPendingWriteCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,UAAU,KAAK;IACb,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAgE/C,CAAC"}
+{"version":3,"file":"AssistantPendingWriteCard.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantPendingWriteCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,UAAU,KAAK;IACb,YAAY,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CA2F/C,CAAC"}

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

@@ -2,51 +2,65 @@ import { useAssistantTr as e } from "../i18n.js";
 import { ShieldAlert as t } from "lucide-react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantPendingWriteCard.tsx
-var i = ({ pendingWrite: i }) => {
-	let a = e();
+var i = ({ pendingWrite: i, onApprove: a, approving: o = !1 }) => {
+	let s = e(), c = !!i.reference && !!a;
 	return /* @__PURE__ */ r("div", {
 		className: "my-2 overflow-hidden rounded-xl border border-status-warning bg-status-warning/10",
 		"data-testid": "assistant-pending-write",
 		role: "note",
-		"aria-label": a("pendingWrite.aria", "Change awaiting your approval"),
-		children: [/* @__PURE__ */ r("div", {
-			className: "flex items-start gap-2 border-b border-status-warning/40 px-3 py-2",
-			children: [/* @__PURE__ */ n(t, {
-				className: "mt-0.5 size-4 flex-shrink-0 text-status-warning",
-				"aria-hidden": "true"
-			}), /* @__PURE__ */ r("div", {
-				className: "min-w-0",
+		"aria-label": s("pendingWrite.aria", "Change awaiting your approval"),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-start gap-2 border-b border-status-warning/40 px-3 py-2",
+				children: [/* @__PURE__ */ n(t, {
+					className: "mt-0.5 size-4 flex-shrink-0 text-status-warning",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ r("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ n("p", {
+						className: "text-xs font-semibold text-text-primary",
+						children: s("pendingWrite.title", "Nothing has changed yet")
+					}), /* @__PURE__ */ n("p", {
+						className: "text-[11px] leading-relaxed text-text-secondary",
+						children: s("pendingWrite.subtitle", c ? "The assistant asked to make this change and was stopped. Approve it, or say what to change." : "The assistant asked to make this change and was stopped. Reply to approve or decline.")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "px-3 py-2",
 				children: [/* @__PURE__ */ n("p", {
-					className: "text-xs font-semibold text-text-primary",
-					children: a("pendingWrite.title", "Nothing has changed yet")
-				}), /* @__PURE__ */ n("p", {
-					className: "text-[11px] leading-relaxed text-text-secondary",
-					children: a("pendingWrite.subtitle", "The assistant asked to make this change and was stopped. Reply to approve or decline.")
+					className: "font-mono text-xs text-text-primary",
+					"data-testid": "assistant-pending-write-operation",
+					children: i.operation
+				}), i.values && i.values.length > 0 ? /* @__PURE__ */ n("dl", {
+					className: "mt-2 grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs",
+					children: i.values.map((e) => /* @__PURE__ */ r("div", {
+						className: "contents",
+						children: [/* @__PURE__ */ n("dt", {
+							className: "truncate text-text-muted",
+							children: e.key
+						}), /* @__PURE__ */ n("dd", {
+							className: "min-w-0 break-words font-medium text-text-primary",
+							children: e.value
+						})]
+					}, e.key))
+				}) : /* @__PURE__ */ n("p", {
+					className: "mt-1 text-[11px] text-text-muted",
+					children: s("pendingWrite.noValues", "No field values were included with this request.")
 				})]
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "px-3 py-2",
-			children: [/* @__PURE__ */ n("p", {
-				className: "font-mono text-xs text-text-primary",
-				"data-testid": "assistant-pending-write-operation",
-				children: i.operation
-			}), i.values && i.values.length > 0 ? /* @__PURE__ */ n("dl", {
-				className: "mt-2 grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs",
-				children: i.values.map((e) => /* @__PURE__ */ r("div", {
-					className: "contents",
-					children: [/* @__PURE__ */ n("dt", {
-						className: "truncate text-text-muted",
-						children: e.key
-					}), /* @__PURE__ */ n("dd", {
-						className: "min-w-0 break-words font-medium text-text-primary",
-						children: e.value
-					})]
-				}, e.key))
-			}) : /* @__PURE__ */ n("p", {
-				className: "mt-1 text-[11px] text-text-muted",
-				children: a("pendingWrite.noValues", "No field values were included with this request.")
-			})]
-		})]
+			}),
+			c ? /* @__PURE__ */ n("div", {
+				className: "flex justify-end border-t border-status-warning/40 px-3 py-2",
+				children: /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: () => a?.(i.reference),
+					disabled: o,
+					className: "rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-fg transition-opacity hover:opacity-90 disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
+					"data-testid": "assistant-pending-write-approve",
+					children: o ? s("pendingWrite.approving", "Approving…") : s("pendingWrite.approve", "Approve this change")
+				})
+			}) : null
+		]
 	});
 };
 //#endregion