@green-on-grey/ui-kit 1.7.0 → 1.9.0

package/dist/chat/AgentSettingsMenu.d.ts

@@ -0,0 +1,57 @@
+import type { ReactNode } from "react";
+import type { TFunction } from "i18next";
+import { type AgentModelOption, type AgentOption } from "./AgentMenu";
+/** A model the agent can run on, as the service of the agent gives it
+ * (FTR.NAB.CHAT-0001 tech §2.2: `availableModels`, `model`, `defaultModel`). */
+export interface AgentModel {
+    connectionId: string;
+    model: string;
+    name: string;
+    /** The connection the model comes through: grey under its name. */
+    connection: string;
+    caps: {
+        image: boolean;
+        reasoning: boolean;
+        contextWindow: number;
+    };
+}
+/** What the user chose; null — the default model. */
+export type AgentModelChoice = Pick<AgentModel, "connectionId" | "model"> | null;
+/** The models of the agent for the block «Model». */
+export interface AgentModelState {
+    available: AgentModel[];
+    /** The model in use. */
+    model: AgentModel | null;
+    defaultModel: AgentModel | null;
+    /** The user chose the model; false — the default one. */
+    chosen: boolean;
+    /** The fill of the context of the main conversation, in tokens. */
+    contextTokens: number;
+}
+/** The key of a model of a connection in the menu. */
+export declare const agentModelKey: (m: Pick<AgentModel, "connectionId" | "model">) => string;
+/** The lines of the block «Model» (FTR.NAB.CHAT-0001 R16, R17, design §3.3): with a
+ * choice the first line is «Default» with the default model under it; a model
+ * whose window the context outgrows warns; one model is shown without a choice. */
+export declare function agentModelOptions(t: TFunction, lng: string, s: AgentModelState): {
+    options: AgentModelOption[];
+    value: string;
+};
+/** The menu of the agent, the same in every product (FTR.NAB.CMN-0005 R15;
+ * FTR.HMR.SPEC-0001): the name, the options of the product as tiles in two
+ * columns, the model when the product gives `models`, and the hint. What the
+ * options mean only the product knows (R7): it passes them with their icons. The
+ * strings are the kit's; `hint` replaces the hint of the kit where the product
+ * saves the agent elsewhere. */
+export declare function AgentSettingsMenu({ name, value, options, models, hint, onRename, onPick, onModel, onClose }: {
+    name: string;
+    value: string;
+    options: AgentOption[];
+    models?: AgentModelState;
+    hint?: ReactNode;
+    onRename: (name: string) => void;
+    onPick: (key: string) => void;
+    onModel?: (choice: AgentModelChoice) => void;
+    /** Must keep its identity between renders. */
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/chat/MessageView.d.ts

@@ -13,3 +13,5 @@ export declare function MessageView({ m, busy, onRetry, loadAttachment, onOpenAt
     loadAttachment?: LoadAttachment;
     onOpenAttachment?: (a: ChatAttachment) => void;
 }): import("react").JSX.Element;
+/** A notice longer than this many lines is folded (FTR.NAB.CHAT-0002 design §3.1). */
+export declare const NOTICE_LINES = 12;

package/dist/chat/index.d.ts

@@ -2,8 +2,9 @@ export { Chat, VoiceButton } from "./Chat";
 export { ChatLayout, ConversationList, NewTopicModal } from "./ConversationList";
 export { AttachmentList, AttachmentPreview, fileSize, parseTable, previewIcon, previewKind, type LoadAttachment, type PreviewKind } from "./Attachments";
 export { AgentButton, AgentMenu, type AgentModelOption, type AgentModels, type AgentOption } from "./AgentMenu";
+export { AgentSettingsMenu, agentModelKey, agentModelOptions, type AgentModel, type AgentModelChoice, type AgentModelState, } from "./AgentSettingsMenu";
 export { CommandPalette } from "./CommandPalette";
 export { ContextMeter, tokens } from "./ContextMeter";
-export { MessageView } from "./MessageView";
+export { MessageView, NOTICE_LINES } from "./MessageView";
 export { useRecorder } from "./useRecorder";
 export type { ChatAttachment, ChatCommand, ChatConfirmation, ChatContext, ChatConversation, ChatEvent, ChatMark, ChatMessage, ChatProps, ChatStep, ChatUpload, ChatWait, ConversationListProps, } from "./types";

package/dist/chat/types.d.ts

@@ -66,6 +66,9 @@ export interface ChatMessage {
     };
     /** The content of the product inside the message: a mail card, a digest. */
     content?: ReactNode;
+    /** `notice`: an answer that is a notice of a product, not words of the agent (FTR.NAB.CHAT-0002 R2):
+     * a card with a stripe, without the actions of an answer, folded past `NOTICE_LINES` lines. */
+    variant?: "notice";
     /** The tooltip of the bubble: the model of an answer (FTR.NAB.CHAT-0001 R18). */
     hint?: string;
 }
@@ -99,6 +102,11 @@ export interface ChatProps {
     header?: ReactNode;
     /** The second line of the empty conversation. */
     emptyHint?: ReactNode;
+    /** Replaces the whole empty conversation: the draft of a topic with its suggestions
+     * (FTR.HMR.DISC-0001 design §3.2). `emptyHint` is then not used. */
+    empty?: ReactNode;
+    /** The placeholder of the composer instead of «Message to <agent>»; a picked skill keeps its own. */
+    placeholder?: string;
     loading?: boolean;
     historyError?: ReactNode;
     hasOlder?: boolean;

package/dist/chat.js

@@ -555,16 +555,16 @@ function te({ a: e, load: i, onClose: u }) {
 }
 //#endregion
 //#region src/chat/MessageView.tsx
-function G(e, t) {
+function ne(e, t) {
 	return new Intl.DateTimeFormat(y(t), {
 		hour: "2-digit",
 		minute: "2-digit"
 	}).format(new Date(e));
 }
-function K(e, t) {
+function re(e, t) {
 	return t || e.length <= 3 ? e : e.slice(-2);
 }
-var q = {
+var G = {
 	done: {
 		icon: "check",
 		cls: "ok"
@@ -578,13 +578,13 @@ var q = {
 		cls: "run"
 	}
 };
-function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u }) {
+function ie({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u }) {
 	let { t: d, i18n: f } = g(o), [p, m] = h(!1);
 	if (e.role === "note") return /* @__PURE__ */ c("div", {
 		className: "sysnote",
 		children: e.text
 	});
-	if (e.role === "event" && e.event) return /* @__PURE__ */ c(J, { m: e });
+	if (e.role === "event" && e.event) return /* @__PURE__ */ c(ae, { m: e });
 	let _ = e.mark && /* @__PURE__ */ l("div", {
 		className: "chan",
 		children: [
@@ -595,7 +595,7 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 			" ",
 			e.mark.text,
 			" · ",
-			G(e.createdAt, f.language)
+			ne(e.createdAt, f.language)
 		]
 	}), v = e.attachments && e.attachments.length > 0 && /* @__PURE__ */ c(V, {
 		items: e.attachments,
@@ -625,6 +625,11 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 			})
 		]
 	});
+	if (e.variant === "notice") return /* @__PURE__ */ c(q, {
+		m: e,
+		mark: _,
+		atts: v
+	});
 	let y = e.steps ?? [], b = (e.status === "streaming" || e.status === "pending") && !e.text && !e.content;
 	return /* @__PURE__ */ l("div", {
 		className: "m a",
@@ -636,13 +641,13 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 				"aria-expanded": p,
 				children: p ? d("chat.hideSteps") : d("chat.moreSteps", { count: y.length - 2 })
 			}),
-			K(y, p).map((e) => /* @__PURE__ */ l("div", {
+			re(y, p).map((e) => /* @__PURE__ */ l("div", {
 				className: "tool",
 				title: e.title,
 				children: [/* @__PURE__ */ c(t, {
-					name: q[e.status].icon,
+					name: G[e.status].icon,
 					size: 14,
-					className: q[e.status].cls
+					className: G[e.status].cls
 				}), /* @__PURE__ */ c("span", {
 					className: "tx",
 					children: e.text
@@ -686,7 +691,28 @@ function ne({ m: e, busy: n, onRetry: i, loadAttachment: a, onOpenAttachment: u
 		]
 	});
 }
-function J({ m: e }) {
+var K = 12;
+function q({ m: e, mark: t, atts: n }) {
+	let { t: i } = g(o), [a, s] = h(!1), u = !e.content && e.text.split("\n").length > 12;
+	return /* @__PURE__ */ l("div", {
+		className: "m a notice",
+		children: [
+			t,
+			e.content ?? /* @__PURE__ */ l("div", {
+				className: `bub${u && !a ? " folded" : ""}`,
+				children: [/* @__PURE__ */ c(r, { text: e.text }), u && /* @__PURE__ */ c("button", {
+					type: "button",
+					className: "textbtn",
+					"aria-expanded": a,
+					onClick: () => s((e) => !e),
+					children: i(a ? "chat.notice.less" : "chat.notice.more")
+				})]
+			}),
+			n
+		]
+	});
+}
+function ae({ m: e }) {
 	let { t: n, i18n: r } = g(o), [i, a] = h(!1), s = e.event;
 	return /* @__PURE__ */ l("div", {
 		className: "evdiv",
@@ -702,7 +728,7 @@ function J({ m: e }) {
 					}),
 					s.text,
 					" · ",
-					G(e.createdAt, r.language),
+					ne(e.createdAt, r.language),
 					s.details && /* @__PURE__ */ l("button", {
 						type: "button",
 						className: "textbtn",
@@ -724,20 +750,20 @@ function J({ m: e }) {
 }
 //#endregion
 //#region src/chat/transcription.ts
-async function re(e, t, n) {
+async function oe(e, t, n) {
 	n.busy(!0);
 	let r;
 	try {
 		r = await t(e);
 	} catch (r) {
-		n.busy(!1), n.failed(r instanceof Error && r.message ? r.message : void 0, () => void re(e, t, n));
+		n.busy(!1), n.failed(r instanceof Error && r.message ? r.message : void 0, () => void oe(e, t, n));
 		return;
 	}
 	n.busy(!1), r !== null && (r ? n.text(r) : n.empty());
 }
 //#endregion
 //#region src/chat/useRecorder.ts
-function ie(e = 300, t) {
+function se(e = 300, t) {
 	let n = typeof window < "u" && "MediaRecorder" in window && !!navigator.mediaDevices?.getUserMedia, [r, i] = h(!1), [a, o] = h(0), [s, c] = h(0), [l, f] = h(!1), p = m(null), g = m([]), _ = m(void 0), v = m(null), y = m(null), b = m(!1), x = m(t);
 	d(() => {
 		x.current = t;
@@ -799,78 +825,78 @@ function ie(e = 300, t) {
 		cancel: T
 	};
 }
-function ae(e) {
+function ce(e) {
 	return `${Math.floor(e / 60)}:${String(e % 60).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/chat/Chat.tsx
-function Y(n) {
+function le(n) {
 	let r = a(), i = e(), [o, u] = h(""), [g, y] = h([]), [b, S] = h(!1), [C, w] = h(null), [T, E] = h(0), [D, O] = h(!1), [k, A] = h(null), [j, ee] = h(!1), [M, N] = h(null), P = m(n.loadAttachment);
 	d(() => {
 		P.current = n.loadAttachment;
 	});
-	let F = !!n.loadAttachment, I = p(() => F ? (e) => P.current ? P.current(e) : Promise.reject(/* @__PURE__ */ Error("no loader")) : void 0, [F]), L = m(!1), R = m(null), z = m(null), B = m(null), V = n.voiceMaxSeconds ?? 300, H = ie(V, () => void ve()), { messages: U, busy: W = !1 } = n, G = W || U.some((e) => e.status === "pending" || e.status === "streaming"), K = n.onPendingChange;
-	d(() => K?.(g), [g, K]);
-	let q = U[0]?.id, J = U[U.length - 1], Y = J?.id, ce = J?.text.length, de = J?.steps?.length, X = m({ height: 0 });
+	let F = !!n.loadAttachment, I = p(() => F ? (e) => P.current ? P.current(e) : Promise.reject(/* @__PURE__ */ Error("no loader")) : void 0, [F]), L = m(!1), R = m(null), z = m(null), B = m(null), V = n.voiceMaxSeconds ?? 300, H = se(V, () => void ve()), { messages: U, busy: W = !1 } = n, ne = W || U.some((e) => e.status === "pending" || e.status === "streaming"), re = n.onPendingChange;
+	d(() => re?.(g), [g, re]);
+	let G = U[0]?.id, K = U[U.length - 1], q = K?.id, ae = K?.text.length, le = K?.steps?.length, fe = m({ height: 0 });
 	f(() => {
 		let e = R.current;
 		if (!e) return;
-		let t = X.current;
-		e.scrollTop = t.first !== void 0 && q !== t.first && Y === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, X.current = {
-			first: q,
-			last: Y,
+		let t = fe.current;
+		e.scrollTop = t.first !== void 0 && G !== t.first && q === t.last ? e.scrollTop + (e.scrollHeight - t.height) : e.scrollHeight, fe.current = {
+			first: G,
+			last: q,
 			height: e.scrollHeight
 		};
 	}, [
 		U.length,
+		G,
 		q,
-		Y,
-		ce,
-		de
+		ae,
+		le
 	]);
-	let Z = n.commands && !C && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Q = Z === null ? [] : _(n.commands ?? [], Z), $ = Z !== null && !D, fe = () => {
+	let J = n.commands && !C && o.startsWith("/") && !/\s/.test(o) ? o.slice(1) : null, Y = J === null ? [] : _(n.commands ?? [], J), X = J !== null && !D, he = () => {
 		u(""), y([]), w(null), A(null), L.current = !1;
-	}, pe = async (e, t) => {
+	}, Z = async (e, t) => {
 		if (n.onCommand) try {
-			await n.onCommand(e, t), fe();
+			await n.onCommand(e, t), he();
 		} catch {}
-	}, me = async (e, t = !1) => {
+	}, Q = async (e, t = !1) => {
 		let r = e.trim();
 		if (!(!r && g.length === 0 && !C || W || n.readOnly)) {
 			if (!t && !C && n.commands && r.startsWith("/")) {
 				let [e, ...t] = r.slice(1).split(/\s+/), i = n.commands.find((t) => t.kind === "command" && t.name === e);
-				if (i) return pe(i.name, t.join(" "));
+				if (i) return Z(i.name, t.join(" "));
 				if (e && !r.includes("\n")) {
 					A("/" + e);
 					return;
 				}
 			}
 			try {
-				await n.onSend(r, g.map((e) => e.id), L.current, C ?? void 0), fe();
+				await n.onSend(r, g.map((e) => e.id), L.current, C ?? void 0), he();
 			} catch {}
 		}
-	}, he = (e) => {
-		E(0), e.kind === "skill" ? (w(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : pe(e.name, ""), B.current?.focus();
+	}, $ = (e) => {
+		E(0), e.kind === "skill" ? (w(e.name), u("")) : e.takesText ? u("/" + e.name + " ") : Z(e.name, ""), B.current?.focus();
 	}, ge = (e) => {
-		if ($ && Q.length > 0) {
+		if (X && Y.length > 0) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault();
 				let t = e.key === "ArrowDown" ? 1 : -1;
-				E((e) => (e + t + Q.length) % Q.length);
+				E((e) => (e + t + Y.length) % Y.length);
 				return;
 			}
 			if (e.key === "Enter" && !e.shiftKey || e.key === "Tab") {
-				e.preventDefault(), he(Q[Math.min(T, Q.length - 1)]);
+				e.preventDefault(), $(Y[Math.min(T, Y.length - 1)]);
 				return;
 			}
 		}
-		$ && e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Backspace" && C && o === "" ? w(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !se() && (e.preventDefault(), me(o));
+		X && e.key === "Escape" ? (e.preventDefault(), O(!0)) : e.key === "Backspace" && C && o === "" ? w(null) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !de() && (e.preventDefault(), Q(o));
 	};
-	f(() => le(R.current, () => ue(B.current)), [o]), d(() => {
+	f(() => pe(R.current, () => me(B.current)), [o]), d(() => {
 		let e = B.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = e.clientWidth, n = new ResizeObserver(() => {
-			e.clientWidth !== t && (t = e.clientWidth, le(R.current, () => ue(e)));
+			e.clientWidth !== t && (t = e.clientWidth, pe(R.current, () => me(e)));
 		});
 		return n.observe(e), () => n.disconnect();
 	}, [H.recording]);
@@ -894,7 +920,7 @@ function Y(n) {
 	};
 	async function ve() {
 		let e = await H.stop();
-		e && n.onTranscribe && await re(e, n.onTranscribe, {
+		e && n.onTranscribe && await oe(e, n.onTranscribe, {
 			busy: ee,
 			empty: () => i({
 				kind: "error",
@@ -916,7 +942,7 @@ function Y(n) {
 	}
 	let ye = (e) => {
 		e.key === "Escape" && H.recording && (e.preventDefault(), H.cancel());
-	}, be = C ? r("chat.skillPlaceholder") : r("chat.placeholder", { name: n.agentName }), xe = V - H.seconds;
+	}, be = C ? r("chat.skillPlaceholder") : n.placeholder ?? r("chat.placeholder", { name: n.agentName }), xe = V - H.seconds;
 	return /* @__PURE__ */ l("section", {
 		className: "nb-chat",
 		"aria-label": r("chat.title"),
@@ -938,7 +964,7 @@ function Y(n) {
 						className: "err-text",
 						children: n.historyError
 					}),
-					U.length === 0 && !n.loading && !n.historyError && /* @__PURE__ */ l("div", {
+					U.length === 0 && !n.loading && !n.historyError && (n.empty ?? /* @__PURE__ */ l("div", {
 						className: "empty",
 						children: [
 							/* @__PURE__ */ c("div", {
@@ -948,8 +974,8 @@ function Y(n) {
 							/* @__PURE__ */ c("b", { children: r("chat.emptyTitle", { name: n.agentName }) }),
 							n.emptyHint
 						]
-					}),
-					U.map((e) => /* @__PURE__ */ c(ne, {
+					})),
+					U.map((e) => /* @__PURE__ */ c(ie, {
 						m: e,
 						busy: W,
 						onRetry: n.onRetry && (() => n.onRetry?.(e.id)),
@@ -996,10 +1022,10 @@ function Y(n) {
 			}) : /* @__PURE__ */ l("div", {
 				className: "composer-wrap",
 				children: [
-					$ && /* @__PURE__ */ c(v, {
-						items: Q,
-						active: Math.min(T, Math.max(Q.length - 1, 0)),
-						onPick: he,
+					X && /* @__PURE__ */ c(v, {
+						items: Y,
+						active: Math.min(T, Math.max(Y.length - 1, 0)),
+						onPick: $,
 						onHover: E
 					}),
 					n.aboveComposer,
@@ -1035,7 +1061,7 @@ function Y(n) {
 						children: [r("chat.unknownCommand", { name: k }), /* @__PURE__ */ c("button", {
 							type: "button",
 							className: "textbtn",
-							onClick: () => void me(o, !0),
+							onClick: () => void Q(o, !0),
 							children: r("chat.sendAsText")
 						})]
 					}),
@@ -1068,9 +1094,9 @@ function Y(n) {
 									/* @__PURE__ */ l("span", {
 										className: "tm",
 										children: [
-											ae(H.seconds),
+											ce(H.seconds),
 											" / ",
-											ae(V)
+											ce(V)
 										]
 									}),
 									/* @__PURE__ */ c("span", {
@@ -1124,7 +1150,7 @@ function Y(n) {
 									placeholder: j ? r("chat.voice.recognizing") : be,
 									"aria-label": be,
 									disabled: j,
-									"aria-expanded": $,
+									"aria-expanded": X,
 									"aria-autocomplete": n.commands ? "list" : void 0,
 									onChange: (e) => {
 										u(e.target.value), O(!1), E(0), A(null);
@@ -1136,9 +1162,9 @@ function Y(n) {
 								context: n.context,
 								onCompact: n.onCompact,
 								onReset: n.onReset,
-								busy: G
+								busy: ne
 							}),
-							n.onTranscribe && !H.recording && /* @__PURE__ */ c(oe, {
+							n.onTranscribe && !H.recording && /* @__PURE__ */ c(ue, {
 								supported: H.supported,
 								recognizing: j,
 								onStart: () => void H.start()
@@ -1152,7 +1178,7 @@ function Y(n) {
 								className: "iconbtn fill",
 								"aria-label": r("chat.send"),
 								disabled: !o.trim() && g.length === 0 && !C || W || j,
-								onClick: () => me(o),
+								onClick: () => Q(o),
 								children: /* @__PURE__ */ c(t, { name: "send" })
 							}))
 						]
@@ -1172,7 +1198,7 @@ function Y(n) {
 		]
 	});
 }
-function oe({ supported: e, recognizing: n, onStart: r }) {
+function ue({ supported: e, recognizing: n, onStart: r }) {
 	let i = a();
 	return n ? /* @__PURE__ */ l("span", {
 		className: "voicewait",
@@ -1195,15 +1221,15 @@ function oe({ supported: e, recognizing: n, onStart: r }) {
 		children: /* @__PURE__ */ c(t, { name: "mic" })
 	});
 }
-function se() {
+function de() {
 	return typeof window < "u" && !!window.matchMedia?.("(hover: none) and (pointer: coarse)").matches;
 }
-var ce = (e) => e.scrollHeight - e.scrollTop - e.clientHeight < 2;
-function le(e, t) {
-	let n = !!e && ce(e);
+var fe = (e) => e.scrollHeight - e.scrollTop - e.clientHeight < 2;
+function pe(e, t) {
+	let n = !!e && fe(e);
 	t(), e && n && (e.scrollTop = e.scrollHeight);
 }
-function ue(e) {
+function me(e) {
 	if (!e) return;
 	e.style.overflowY = "hidden", e.style.height = "auto";
 	let t = e.scrollHeight + e.offsetHeight - e.clientHeight;
@@ -1211,7 +1237,7 @@ function ue(e) {
 }
 //#endregion
 //#region src/chat/ConversationList.tsx
-function de({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
+function J({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, onCreate: u }) {
 	let f = a(), [p, m] = h(!1);
 	d(() => {
 		if (!r) return;
@@ -1287,19 +1313,19 @@ function de({ conversations: e, currentId: n, open: r, onPick: i, onClose: o, on
 			"aria-label": f("close"),
 			onClick: o
 		}),
-		p && u && /* @__PURE__ */ c(Z, {
+		p && u && /* @__PURE__ */ c(X, {
 			onClose: () => m(!1),
 			onCreate: u
 		})
 	] });
 }
-function X({ narrow: e, children: t }) {
+function Y({ narrow: e, children: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: `nb-app${e ? " narrow" : ""}`,
 		children: t
 	});
 }
-function Z({ onClose: e, onCreate: t }) {
+function X({ onClose: e, onCreate: t }) {
 	let r = a(), [i, o] = h(""), [u, d] = h(!1), [f, p] = h(null), m = async () => {
 		if (i.trim() && !u) {
 			d(!0), p(null);
@@ -1351,7 +1377,7 @@ function Z({ onClose: e, onCreate: t }) {
 }
 //#endregion
 //#region src/chat/AgentMenu.tsx
-function Q({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
+function he({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, onClick: s }) {
 	return /* @__PURE__ */ c("button", {
 		type: "button",
 		className: `agentbtn${a ? " s" : ""}`,
@@ -1367,7 +1393,7 @@ function Q({ icon: e, label: n, title: r, expanded: i, small: a, disabled: o, on
 		})
 	});
 }
-function $({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: m, onPick: g, onClose: _ }) {
+function Z({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d, narrow: f, models: p, onRename: m, onPick: g, onClose: _ }) {
 	let v = a(), [y, b] = h(n), x = i(!0, _);
 	return /* @__PURE__ */ l("div", {
 		className: `agentmenu${f ? " narrow" : ""}`,
@@ -1478,6 +1504,66 @@ function $({ label: e, name: n, options: r, value: o, optionsLabel: u, hint: d,
 	});
 }
 //#endregion
-export { Q as AgentButton, $ as AgentMenu, V as AttachmentList, te as AttachmentPreview, Y as Chat, X as ChatLayout, v as CommandPalette, x as ContextMeter, de as ConversationList, ne as MessageView, Z as NewTopicModal, oe as VoiceButton, A as fileSize, L as parseTable, O as previewIcon, E as previewKind, b as tokens, ie as useRecorder };
+//#region src/chat/AgentSettingsMenu.tsx
+var Q = (e) => `${e.connectionId}/${e.model}`;
+function $(e, t, n) {
+	let r = (n) => [
+		...n.caps.image ? [{
+			icon: "image",
+			text: e("agent.capImage")
+		}] : [],
+		...n.caps.reasoning ? [{
+			icon: "brain",
+			text: e("agent.capReasoning")
+		}] : [],
+		...n.caps.contextWindow > 0 ? [{ text: b(n.caps.contextWindow, t) }] : []
+	], i = (t) => t.caps.contextWindow > 0 && n.contextTokens > .8 * t.caps.contextWindow ? e("agent.modelCompactWarn") : void 0, a = n.available.length > 1, o = n.available.map((e) => ({
+		key: Q(e),
+		label: e.name,
+		sub: e.connection,
+		badges: r(e),
+		warn: a ? i(e) : void 0
+	}));
+	return {
+		options: a ? [{
+			key: "",
+			label: e("agent.modelDefault"),
+			sub: n.defaultModel?.name ?? "—",
+			warn: n.defaultModel ? i(n.defaultModel) : void 0
+		}, ...o] : o,
+		value: n.chosen && n.model ? Q(n.model) : a ? "" : n.model ? Q(n.model) : ""
+	};
+}
+function ge({ name: e, value: t, options: n, models: r, hint: i, onRename: o, onPick: s, onModel: l, onClose: u }) {
+	let d = a(), { i18n: f } = g(), p = r && l ? $(d, f.language, r) : null;
+	return /* @__PURE__ */ c(Z, {
+		label: d("agent.menu"),
+		name: e,
+		value: t,
+		optionsLabel: d("agent.options"),
+		hint: i ?? d("agent.everywhere"),
+		options: n,
+		models: p ? {
+			label: d("agent.model"),
+			options: p.options,
+			value: p.value,
+			onPick: (e) => {
+				if (!r || !l) return;
+				if (!e) return l(null);
+				let t = r.available.find((t) => Q(t) === e);
+				t && l({
+					connectionId: t.connectionId,
+					model: t.model
+				});
+			},
+			empty: d("agent.noModels")
+		} : void 0,
+		onRename: o,
+		onPick: s,
+		onClose: u
+	});
+}
+//#endregion
+export { he as AgentButton, Z as AgentMenu, ge as AgentSettingsMenu, V as AttachmentList, te as AttachmentPreview, le as Chat, Y as ChatLayout, v as CommandPalette, x as ContextMeter, J as ConversationList, ie as MessageView, K as NOTICE_LINES, X as NewTopicModal, ue as VoiceButton, Q as agentModelKey, $ as agentModelOptions, A as fileSize, L as parseTable, O as previewIcon, E as previewKind, b as tokens, se as useRecorder };
 
 //# sourceMappingURL=chat.js.map