@burdenoff/fe-libs 2026.904.7 → 2026.904.9

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

@@ -0,0 +1,198 @@
+import { Markdown as e, defaultUrlTransform as t } from "../../../node_modules/react-markdown/lib/index.js";
+import n from "../../../node_modules/remark-gfm/lib/index.js";
+import { defaultSchema as r } from "../../../node_modules/hast-util-sanitize/lib/schema.js";
+import i from "../../../node_modules/rehype-sanitize/lib/index.js";
+import { useAssistantTr as a } from "../i18n.js";
+import { copyToClipboard as o } from "../clipboard.js";
+import { AssistantMarkdownImage as s } from "./AssistantMarkdownImage.js";
+import { useState as c } from "react";
+import { Check as l, Copy as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantMarkdownRenderer.tsx
+var m = {
+	...r,
+	protocols: {
+		...r.protocols,
+		src: [...r.protocols?.src ?? [], "data"]
+	}
+}, h = /^data:image\/(?:png|jpe?g|gif|webp|avif|bmp);base64,[A-Za-z0-9+/=\s]+$/, g = (e, n, r) => n === "src" && r.tagName === "img" && h.test(e) ? e : t(e), _ = [n], v = [[i, m]];
+function y({ language: e, code: t }) {
+	let n = a(), [r, i] = c(!1);
+	return /* @__PURE__ */ p("div", {
+		className: "group relative my-2 overflow-hidden rounded-md border border-border-default bg-bg-sunken",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex items-center justify-between border-b border-border-default bg-bg-elevated px-3 py-1.5",
+			children: [/* @__PURE__ */ f("span", {
+				className: "font-mono text-[10px] uppercase tracking-wider text-text-muted",
+				children: e || "code"
+			}), /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => {
+					o(t).then((e) => {
+						e && (i(!0), setTimeout(() => i(!1), 2e3));
+					});
+				},
+				className: "flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
+				"aria-label": n("markdown.copyCode", "Copy code"),
+				"data-testid": "assistant-markdown-copy-code",
+				children: r ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "size-3 text-status-success-text" }), /* @__PURE__ */ f("span", { children: n("markdown.copied", "Copied") })] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u, { className: "size-3" }), /* @__PURE__ */ f("span", { children: n("markdown.copy", "Copy") })] })
+			})]
+		}), /* @__PURE__ */ f("pre", {
+			className: "overflow-x-auto p-3 text-xs leading-relaxed",
+			children: /* @__PURE__ */ f("code", {
+				className: "font-mono text-text-primary",
+				children: t
+			})
+		})]
+	});
+}
+function b(e) {
+	let t = e?.children?.[0];
+	if (!t || t.type !== "element" || t.tagName !== "code") return null;
+	let n = t.children.map((e) => e.type === "text" ? e.value : "").join(""), r = t.properties?.className, i = (Array.isArray(r) ? r.map(String) : String(r ?? "").split(" ")).find((e) => e.startsWith("language-"));
+	return {
+		code: n.replace(/\n$/, ""),
+		language: i ? i.slice(9) : ""
+	};
+}
+function x(e, t) {
+	return typeof e == "string" && e.split(" ").includes(t);
+}
+function S({ level: e, children: t }) {
+	let n = `h${e}`, r = {
+		2: "text-[1.15em]",
+		3: "text-[1.08em]",
+		4: "text-[1em]",
+		5: "text-[0.95em]",
+		6: "text-[0.9em]"
+	}[e];
+	return /* @__PURE__ */ f(n, {
+		className: `mb-1 mt-3 font-semibold text-text-primary ${r}`,
+		children: t
+	});
+}
+var C = {
+	a: ({ href: e, children: t }) => /* @__PURE__ */ f("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "text-action-primary-bg underline-offset-2 hover:underline",
+		"data-testid": "assistant-markdown-link",
+		children: t
+	}),
+	blockquote: ({ children: e }) => /* @__PURE__ */ f("blockquote", {
+		className: "my-2 border-l-2 border-action-primary-bg pl-3 italic text-text-secondary",
+		children: e
+	}),
+	code: ({ children: e }) => /* @__PURE__ */ f("code", {
+		className: "rounded bg-bg-sunken px-1 py-0.5 font-mono text-[0.85em] text-text-primary",
+		children: e
+	}),
+	del: ({ children: e }) => /* @__PURE__ */ f("del", {
+		className: "text-text-muted line-through",
+		children: e
+	}),
+	em: ({ children: e }) => /* @__PURE__ */ f("em", {
+		className: "italic",
+		children: e
+	}),
+	h1: ({ children: e }) => /* @__PURE__ */ f(S, {
+		level: 2,
+		children: e
+	}),
+	h2: ({ children: e }) => /* @__PURE__ */ f(S, {
+		level: 3,
+		children: e
+	}),
+	h3: ({ children: e }) => /* @__PURE__ */ f(S, {
+		level: 4,
+		children: e
+	}),
+	h4: ({ children: e }) => /* @__PURE__ */ f(S, {
+		level: 5,
+		children: e
+	}),
+	h5: ({ children: e }) => /* @__PURE__ */ f(S, {
+		level: 6,
+		children: e
+	}),
+	h6: ({ children: e }) => /* @__PURE__ */ f(S, {
+		level: 6,
+		children: e
+	}),
+	hr: () => /* @__PURE__ */ f("hr", { className: "my-3 border-border-default" }),
+	img: ({ src: e, alt: t, title: n }) => /* @__PURE__ */ f(s, {
+		src: typeof e == "string" ? e : void 0,
+		alt: t,
+		title: n
+	}),
+	input: ({ checked: e, type: t }) => t === "checkbox" ? /* @__PURE__ */ f("input", {
+		type: "checkbox",
+		checked: !!e,
+		disabled: !0,
+		className: "mr-1.5 size-3 flex-shrink-0 align-[-0.1em] accent-[var(--color-action-primary-bg)]"
+	}) : null,
+	li: ({ className: e, children: t }) => /* @__PURE__ */ f("li", {
+		className: x(e, "task-list-item") ? "list-none text-text-primary" : "text-text-primary",
+		children: t
+	}),
+	ol: ({ children: e }) => /* @__PURE__ */ f("ol", {
+		className: "my-1.5 ml-5 list-decimal space-y-0.5",
+		children: e
+	}),
+	p: ({ children: e }) => /* @__PURE__ */ f("p", {
+		className: "my-1.5 leading-relaxed text-text-primary",
+		children: e
+	}),
+	pre: ({ children: e, node: t }) => {
+		let n = b(t);
+		return n ? /* @__PURE__ */ f(y, {
+			language: n.language,
+			code: n.code
+		}) : /* @__PURE__ */ f("pre", {
+			className: "my-2 overflow-x-auto rounded-md border border-border-default bg-bg-sunken p-3 text-xs leading-relaxed",
+			children: e
+		});
+	},
+	strong: ({ children: e }) => /* @__PURE__ */ f("strong", {
+		className: "font-semibold text-text-primary",
+		children: e
+	}),
+	table: ({ children: e }) => /* @__PURE__ */ f("div", {
+		className: "my-2 overflow-x-auto",
+		"data-testid": "assistant-markdown-table",
+		children: /* @__PURE__ */ f("table", {
+			className: "w-full border-collapse text-[0.9em]",
+			children: e
+		})
+	}),
+	td: ({ children: e }) => /* @__PURE__ */ f("td", {
+		className: "px-2 py-1.5 align-top text-text-primary",
+		children: e
+	}),
+	th: ({ children: e }) => /* @__PURE__ */ f("th", {
+		scope: "col",
+		className: "px-2 py-1.5 text-left font-semibold text-text-primary",
+		children: e
+	}),
+	tr: ({ children: e }) => /* @__PURE__ */ f("tr", {
+		className: "border-b border-border-subtle",
+		children: e
+	}),
+	ul: ({ className: e, children: t }) => /* @__PURE__ */ f("ul", {
+		className: x(e, "contains-task-list") ? "my-1.5 ml-0.5 list-none space-y-0.5" : "my-1.5 ml-5 list-disc space-y-0.5",
+		children: t
+	})
+}, w = ({ content: t }) => /* @__PURE__ */ f("div", {
+	className: "break-words [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+	"data-testid": "assistant-markdown",
+	children: /* @__PURE__ */ f(e, {
+		remarkPlugins: _,
+		rehypePlugins: v,
+		urlTransform: g,
+		components: C,
+		children: t
+	})
+});
+//#endregion
+export { w as AssistantMarkdownRenderer, g as assistantUrlTransform };

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { AssistantMessageAttachment } from '../attachments';
+/**
+ * Attachments rendered under a user message bubble — a durable record of what
+ * the farmer actually sent with the question, thumbnails included.
+ */
+export declare const AssistantMessageAttachments: FC<{
+    attachments: AssistantMessageAttachment[];
+}>;
+//# sourceMappingURL=AssistantMessageAttachments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMessageAttachments.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantMessageAttachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKrD,OAAO,EAAe,KAAK,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AA+G9E;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IAC3C,WAAW,EAAE,0BAA0B,EAAE,CAAC;CAC3C,CAoBA,CAAC"}

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

@@ -0,0 +1,80 @@
+import { graphqlFetch as e } from "../../graphql/fetch.js";
+import "../../../shared-graphql.js";
+import { useAssistantTr as t } from "../i18n.js";
+import { formatBytes as n } from "../attachments.js";
+import { getWorkspaceId as r } from "../context.js";
+import { useEffect as i, useState as a } from "react";
+import { FileText as o, Paperclip as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantMessageAttachments.tsx
+var u = "\n  query HealthyBowlAssistantMessageAttachmentUrl($id: ID!) {\n    getFileDownloadUrl(id: $id)\n  }\n";
+function d(t) {
+	let [n, o] = a(null);
+	return i(() => {
+		let n = !0, i = r();
+		if (!(!t || !i)) return e({
+			gateway: "workspace",
+			query: u,
+			variables: { id: t },
+			workspaceToken: !0,
+			workspaceId: i,
+			suppressGlobalErrorEvent: !0
+		}).then((e) => {
+			n && o(e.data?.getFileDownloadUrl ?? null);
+		}).catch(() => void 0), () => {
+			n = !1;
+		};
+	}, [t]), n;
+}
+var f = ({ attachment: e }) => {
+	let r = t(), i = d(e.fileId), a = e.kind === "image", u = a ? /* @__PURE__ */ c("span", {
+		className: "block size-full overflow-hidden rounded-lg bg-bg-sunken",
+		children: i ? /* @__PURE__ */ c("img", {
+			src: i,
+			alt: e.filename,
+			className: "size-full object-cover",
+			loading: "lazy",
+			referrerPolicy: "no-referrer",
+			"data-testid": "assistant-message-attachment-image"
+		}) : /* @__PURE__ */ c("span", {
+			className: "flex size-full items-center justify-center text-text-muted",
+			children: /* @__PURE__ */ c(s, { className: "size-4" })
+		})
+	}) : /* @__PURE__ */ l("span", {
+		className: "flex items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-2 py-1.5",
+		children: [/* @__PURE__ */ c("span", {
+			className: "flex size-6 flex-shrink-0 items-center justify-center rounded-md bg-bg-sunken text-text-muted",
+			children: e.kind === "text" ? /* @__PURE__ */ c(o, { className: "size-3.5" }) : /* @__PURE__ */ c(s, { className: "size-3.5" })
+		}), /* @__PURE__ */ l("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ c("span", {
+				className: "block truncate text-[11px] font-medium leading-tight text-text-primary",
+				children: e.filename
+			}), /* @__PURE__ */ c("span", {
+				className: "block text-[10px] leading-tight text-text-muted",
+				children: n(e.size)
+			})]
+		})]
+	}), f = a ? "block size-16 overflow-hidden rounded-lg" : "block max-w-[200px]";
+	return i ? /* @__PURE__ */ c("a", {
+		href: i,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: `${f} focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong`,
+		title: r("attachments.open", "Open {{name}}", { name: e.filename }),
+		children: u
+	}) : /* @__PURE__ */ c("span", {
+		className: f,
+		children: u
+	});
+}, p = ({ attachments: e }) => {
+	let n = t();
+	return e.length === 0 ? null : /* @__PURE__ */ c("ul", {
+		className: "mt-1.5 flex flex-wrap justify-end gap-1.5",
+		"aria-label": n("attachments.messageLabel", "Files sent with this message"),
+		"data-testid": "assistant-message-attachments",
+		children: e.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(f, { attachment: e }) }, e.id))
+	});
+};
+//#endregion
+export { p as AssistantMessageAttachments };

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

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { PendingWrite } from '../pendingWrite';
+interface Props {
+    pendingWrite: PendingWrite;
+}
+/**
+ * What the assistant is asking permission to change — taken from the request it
+ * tried to send, not from its description of it.
+ *
+ * ★ WHY THIS IS NOT DECORATION. In "Take action" mode the sandbox refuses every
+ * mutation on its first attempt and tells the model to describe the change and
+ * ask. So the thing the user reads, and approves, is a paragraph written by the
+ * same model that wants the write to go through. Nothing reconciles that
+ * paragraph against the payload: a field can be omitted, a number rounded, a
+ * 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.
+ *
+ * ★ 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.
+ */
+export declare const AssistantPendingWriteCard: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantPendingWriteCard.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,53 @@
+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();
+	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",
+				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.")
+				})]
+			})]
+		}), /* @__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.")
+			})]
+		})]
+	});
+};
+//#endregion
+export { i as AssistantPendingWriteCard };

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+/**
+ * What language the assistant ANSWERS in.
+ *
+ * Separate from the composer's language chip, which says what the user SPEAKS.
+ * One control used to drive both, plus the voice — which quietly assumes
+ * everyone answers in the language they speak. A farmer may dictate in Tamil and
+ * want the answer in English to forward to a buyer.
+ *
+ * ★ The default is "Match my language", and it names the language it currently
+ * resolves to. A bare "Match my language" leaves the user to work out what that
+ * means today; naming the winner makes the resolved answer visible without
+ * making them pin it.
+ *
+ * ★ Lives in the More menu rather than the composer: the composer row is already
+ * exactly full at 390px, and this is a setting rather than a per-turn control.
+ *
+ * A native `<select>` for the same reason as the language chip — on a phone it
+ * opens the OS picker, which already scrolls and localises itself.
+ */
+export declare const AssistantReplyLanguageSelector: FC;
+//# sourceMappingURL=AssistantReplyLanguageSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantReplyLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantReplyLanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAWzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,8BAA8B,EAAE,EAoD5C,CAAC"}

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

@@ -0,0 +1,58 @@
+import { useI18n as e } from "../../providers/shell/I18nProvider.js";
+import { ASSISTANT_LANGUAGES as t } from "../voice/languages.js";
+import { resolveLanguagePair as n } from "../voice/languagePair.js";
+import { useAssistantTr as r } from "../i18n.js";
+import { useAssistantStore as i } from "../store.js";
+import { useMemo as a } from "react";
+import { Languages as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantReplyLanguageSelector.tsx
+var l = "__match__", u = () => {
+	let u = r(), { locale: d } = e(), f = i((e) => e.assistantLanguage), p = i((e) => e.replyLanguage), m = i((e) => e.setReplyLanguage), h = a(() => n(f, p, d), [
+		f,
+		p,
+		d
+	]), g = u("language.replyLabel", "Assistant replies in");
+	return /* @__PURE__ */ c("label", {
+		className: "relative flex cursor-pointer items-center gap-2.5 px-3 py-2 text-xs text-text-primary transition-colors hover:bg-bg-elevated focus-within:ring-2 focus-within:ring-border-strong",
+		title: `${g}: ${h.reply.english}`,
+		"data-testid": "assistant-reply-language",
+		children: [
+			/* @__PURE__ */ s(o, {
+				className: "size-3.5 flex-shrink-0 text-text-secondary",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ s("span", {
+				className: "flex-1",
+				children: g
+			}),
+			/* @__PURE__ */ s("span", {
+				className: "text-text-muted",
+				children: h.reply.label
+			}),
+			/* @__PURE__ */ c("select", {
+				"aria-label": g,
+				value: p ?? l,
+				onChange: (e) => {
+					let t = e.target.value;
+					m(t === l ? null : t);
+				},
+				className: "absolute inset-0 cursor-pointer opacity-0",
+				children: [/* @__PURE__ */ c("option", {
+					value: l,
+					children: [
+						u("language.replyMatch", "Match my language"),
+						" (",
+						h.input.label,
+						")"
+					]
+				}), t.map((e) => /* @__PURE__ */ s("option", {
+					value: e.code,
+					children: e.label
+				}, e.code))]
+			})
+		]
+	});
+};
+//#endregion
+export { u as AssistantReplyLanguageSelector };

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

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+interface Props {
+    isSpeaking: boolean;
+    /** No installed voice for the app language — stays visible, but inert. */
+    disabled?: boolean;
+    /** Why it is disabled; surfaced as the tooltip so it is never a dead control. */
+    disabledReason?: string | null;
+    /**
+     * Id of the element carrying that reason as VISIBLE text.
+     *
+     * `title` alone is not an explanation: on a disabled button it cannot be
+     * reached by touch and cannot take keyboard focus, so assistive tech and
+     * phone users — the ones this feature is for — never see it.
+     */
+    describedById?: string | undefined;
+    onClick: () => void;
+}
+/**
+ * "Read aloud" control on an assistant message (BOFF-6290).
+ *
+ * A real `<button>`, sitting in the same action row as Copy and Retry, whose
+ * accessible name is the ACTION it will perform next — "Read aloud" when idle,
+ * "Stop reading" while speaking — with `aria-pressed` carrying the state. It
+ * never moves focus and never renders a live region: a screen-reader user is
+ * already having the message read to them by their own software, and a second
+ * announcement would talk over it.
+ *
+ * The parent hides this entirely when the platform has no speech output, so an
+ * unsupported browser gets no dead affordance (same rule as the composer mic).
+ */
+export declare const AssistantSpeakButton: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantSpeakButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantSpeakButton.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantSpeakButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,KAAK;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA2C1C,CAAC"}

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

@@ -0,0 +1,21 @@
+import { useAssistantTr as e } from "../i18n.js";
+import { Square as t, Volume2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantSpeakButton.tsx
+var a = ({ isSpeaking: a, disabled: o = !1, disabledReason: s, describedById: c, onClick: l }) => {
+	let u = e(), d = a ? u("message.stopSpeakingShort", "Stop") : u("message.speakShort", "Listen"), f = a ? u("message.stopSpeaking", "Stop reading aloud") : u("message.speak", "Read this reply aloud");
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		onClick: l,
+		disabled: o,
+		title: o ? s ?? f : f,
+		"aria-label": f,
+		"aria-pressed": a,
+		"aria-describedby": c,
+		className: `flex items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-colors hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent ${a ? "text-action-primary-bg" : "text-text-muted hover:text-text-secondary"}`,
+		"data-testid": "assistant-message-speak",
+		children: [a ? /* @__PURE__ */ r(t, { className: "size-3 fill-current" }) : /* @__PURE__ */ r(n, { className: "size-3" }), /* @__PURE__ */ r("span", { children: d })]
+	});
+};
+//#endregion
+export { a as AssistantSpeakButton };

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

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+interface Props {
+    /** How many spoken turns this conversation holds. Never rendered at 0. */
+    count: number;
+    onOpenTranscript: () => void;
+}
+/**
+ * "You said things here that this thread is not showing you."
+ *
+ * ★ The assistant and the typed thread share ONE backend session, and the
+ * client sends no history array — the model's memory IS that session. So a
+ * spoken turn is in the model's context permanently, whether or not the chat
+ * panel draws it. Hiding those turns without saying so produced the worst
+ * possible combination: replies that open "as I mentioned about your urea dose"
+ * with no such message anywhere on screen, and an Export button on a chat that
+ * looks empty.
+ *
+ * The fix is not to hide harder. It is to stop the thread implying that what it
+ * shows is everything it knows.
+ *
+ * ★ Deliberately NOT a message bubble. Putting spoken content back in the
+ * timeline is the exact leak the split was built to stop; this is a pointer to
+ * the other surface, and it carries a count rather than any spoken words.
+ *
+ * Renders above both the message list and the empty state, because the empty
+ * state is where it matters most — a voice-only conversation otherwise reads as
+ * "nothing here" while holding a full exchange.
+ */
+export declare const AssistantSpokenTurnsNotice: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantSpokenTurnsNotice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantSpokenTurnsNotice.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantSpokenTurnsNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,KAAK;IACb,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,KAAK,CA0ChD,CAAC"}

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

@@ -0,0 +1,31 @@
+import { useAssistantTr as e } from "../i18n.js";
+import { AudioLines as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantSpokenTurnsNotice.tsx
+var i = ({ count: i, onOpenTranscript: a }) => {
+	let o = e(), s = i === 1 ? o("spokenTurns.one", "1 spoken turn is kept out of this thread") : o("spokenTurns.many", "{{count}} spoken turns are kept out of this thread", { count: i });
+	return /* @__PURE__ */ r("div", {
+		className: "flex items-center gap-2 border-b border-border-subtle bg-bg-sunken/60 px-3 py-2 text-xs",
+		"data-testid": "assistant-spoken-turns-notice",
+		children: [
+			/* @__PURE__ */ n(t, {
+				className: "size-3.5 flex-shrink-0 text-text-secondary",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "min-w-0 flex-1 truncate text-text-secondary",
+				title: s,
+				children: s
+			}),
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: a,
+				className: "flex-shrink-0 rounded-md px-2 py-1 font-medium text-action-primary-bg transition-colors hover:bg-bg-elevated focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
+				"data-testid": "assistant-open-transcript",
+				children: o("spokenTurns.view", "View transcript")
+			})
+		]
+	});
+};
+//#endregion
+export { i as AssistantSpokenTurnsNotice };

package/dist/shared/assistant/ui/composer/AssistantAttachmentButton.d.ts

@@ -0,0 +1,51 @@
+import { FC } from 'react';
+interface Props {
+    onFiles: (files: FileList | null) => void;
+    /**
+     * The OS picker is about to take over the screen.
+     *
+     * ★ Exists for the voice session, which must release the microphone before the
+     * camera app claims it. Fired on the `.click()` rather than on selection,
+     * because by the time a file arrives the damage is done — and a CANCELLED
+     * picker never reports anything at all.
+     */
+    onPickerOpen?: () => void;
+    /**
+     * Which way the source menu opens.
+     *
+     * ★ 'up' is right for the COMPOSER, which sits at the bottom of the panel — a
+     * downward menu there is clipped by the panel edge at every size. It is wrong
+     * for the voice session, whose attach control is anchored at the TOP: the menu
+     * would open above the button, outside the panel, and all four sources would be
+     * unreachable. The control would look present and do nothing.
+     */
+    direction?: "up" | "down";
+    /** False once MAX_ATTACHMENTS is reached — the control explains why. */
+    canAddMore: boolean;
+    disabled?: boolean;
+}
+/**
+ * Leading circular "+" attach control in the composer.
+ *
+ * ★ Opens a SOURCE MENU rather than the OS picker directly. One picker had to
+ * stand in for every source, and on a phone it lands in Files — so
+ * photographing a diseased leaf, the single most likely thing a farmer wants to
+ * show the assistant, meant leaving for the camera app and coming back.
+ *
+ * ★ One input, reconfigured per source, rather than one input each. `accept` and
+ * `capture` are set immediately before `.click()`, so there is exactly one place
+ * a change event can arrive from and the existing `onFiles` contract — shared
+ * with drag-drop and paste — is untouched.
+ *
+ * ★ Camera uses the `capture` attribute rather than a bespoke `getUserMedia`
+ * viewfinder. That hands capture → preview → retake → use to the OS camera,
+ * which does it better, is already localised, and cannot be exercised on a
+ * desktop CI box at all; on a device without a camera the attribute is ignored
+ * and the picker opens as usual, so it degrades instead of breaking.
+ *
+ * `accept` is advisory — the picker still allows "All files" on most platforms —
+ * so validation lives in `validateFile`, not here.
+ */
+export declare const AssistantAttachmentButton: FC<Props>;
+export {};
+//# sourceMappingURL=AssistantAttachmentButton.d.ts.map

package/dist/shared/assistant/ui/composer/AssistantAttachmentButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantAttachmentButton.d.ts","sourceRoot":"","sources":["../../../../../src/shared/assistant/ui/composer/AssistantAttachmentButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAWf,UAAU,KAAK;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wEAAwE;IACxE,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CA4I/C,CAAC"}