zidane-ui 9.1.6 → 9.1.11

package/dist/adapters/run-host.js

@@ -125,7 +125,23 @@ function createRunHost(options) {
 			if (!state.transcript(sessionId).state.get().hydrated) state.hydrate(sessionId, []);
 			return state.readable(sessionId);
 		},
-		send,
+		async send(input) {
+			const active = runs.get(input.sessionId);
+			const { delivery, ...prompt } = input;
+			if (delivery === "steer" && active?.steer && !input.attachments?.length) {
+				state.apply(input.sessionId, {
+					kind: "user-prompt",
+					text: input.prompt
+				});
+				active.steer(input.prompt);
+				return;
+			}
+			if (delivery && active) {
+				active.queued.push(prompt);
+				return;
+			}
+			return send(prompt);
+		},
 		interrupt(sessionId) {
 			const active = runs.get(sessionId);
 			if (!active) return;
@@ -134,25 +150,6 @@ function createRunHost(options) {
 			for (const i of state.pending(sessionId).get()) settle(i.requestId, null);
 			state.setRunning(sessionId, false, "idle");
 		},
-		async steer(sessionId, message) {
-			const active = runs.get(sessionId);
-			if (!active?.steer) return false;
-			state.apply(sessionId, {
-				kind: "user-prompt",
-				text: message
-			});
-			active.steer(message);
-			return true;
-		},
-		async followUp(sessionId, message) {
-			const active = runs.get(sessionId);
-			if (!active) return false;
-			active.queued.push({
-				sessionId,
-				prompt: message
-			});
-			return true;
-		},
 		interactions: {
 			pending: state.pending,
 			async answer(requestId, response) {

package/dist/adapters/server-files-host.js

@@ -142,13 +142,15 @@ function createServerFilesHost(options) {
 			}), client.can("sessions.workspaceEmptyDirs") ? client.call("sessions.workspaceEmptyDirs", { sessionId }).catch(() => []) : []]);
 			const paths = /* @__PURE__ */ new Set();
 			for (const entry of entries) paths.add(relativePath(typeof entry === "string" ? entry : entry.path, cwd));
-			return [...[...paths].map((path) => ({
+			const all = [...[...paths].map((path) => ({
 				path,
 				kind: "file"
 			})), ...emptyDirs.map((path) => ({
 				path: `${path}/`,
 				kind: "dir"
 			}))].sort((a, b) => a.path.localeCompare(b.path));
+			const dir = opts?.dir?.replace(/\/+$/, "");
+			return { entries: dir ? all.filter((e) => e.path.startsWith(`${dir}/`)) : all };
 		},
 		async read(cwd, path) {
 			const sessionId = sessionOf(cwd);

package/dist/adapters/server-host.js

@@ -1,6 +1,7 @@
 import { writable } from "../chat/headless/store.js";
 import { createLiveState } from "./live.js";
 import { createServerClient } from "./server-client.js";
+import { wireOriginal } from "../chat/headless/send-flow.js";
 import { createServerTranscriptMembers } from "./server-transcript-members.js";
 //#region src/adapters/server-host.ts
 /** Transcript turns per page. */
@@ -360,17 +361,31 @@ function createServerHost(options) {
 			} } : {}
 		},
 		transcript: (sessionId) => state.readable(sessionId, { loadEarlier: () => void loadEarlier(sessionId) }),
-		async send({ sessionId, prompt, attachments, model, thinking, activatedSkills, echo, keepDraft }) {
-			if (echo !== false) state.echoPrompt(sessionId, prompt, attachments);
+		async send({ sessionId, prompt, attachments, model, thinking, activatedSkills, echo, keepDraft, delivery }) {
+			if (echo !== false && !delivery) state.echoPrompt(sessionId, prompt, attachments?.map(({ original: _original, ...a }) => a));
 			await applyChoice(sessionId, model, thinking);
 			const uploads = (attachments ?? []).flatMap((a) => {
 				const m = a.dataUrl?.match(/^data:([^;,]+)?;base64,(.*)$/s);
+				const original = wireOriginal(a.original);
 				return m ? [{
 					mediaType: m[1] || a.mediaType,
 					data: m[2],
-					name: a.name
+					name: a.name,
+					...original ? { original } : {}
 				}] : [];
 			});
+			if (delivery) {
+				await client.call("queue.add", {
+					sessionId,
+					text: prompt,
+					delivery,
+					requestId: crypto.randomUUID(),
+					...activatedSkills?.length ? { activatedSkills: [...activatedSkills] } : {},
+					...uploads.length ? { attachments: uploads } : {},
+					...keepDraft ? { keepDraft: true } : {}
+				});
+				return;
+			}
 			await client.call("chat.send", {
 				sessionId,
 				prompt,
@@ -387,14 +402,6 @@ function createServerHost(options) {
 		interrupt(sessionId) {
 			client.call("chat.interrupt", { sessionId }).catch(onError);
 		},
-		steer: (sessionId, message) => client.call("chat.steer", {
-			sessionId,
-			message
-		}),
-		followUp: (sessionId, message) => client.call("chat.followUp", {
-			sessionId,
-			message
-		}),
 		interactions: {
 			pending: state.pending,
 			all: () => allPending,

package/dist/adapters/server-machines-host.js

@@ -77,7 +77,8 @@ function createServerMachinesHost(options) {
 			status,
 			...error ? { error } : {},
 			...hello?.appVersion ? { serverVersion: hello.appVersion } : {},
-			...hello?.scope ? { scope: hello.scope } : {},
+			...hello?.scope ? { scope: hello.scope === "admin" ? "admin" : "chat" } : {},
+			...hello?.adminCommands ? { adminCommands: hello.adminCommands } : {},
 			...hello?.startedAt ? { startedAt: hello.startedAt } : {},
 			...hello?.machineServe ? { machineServe: true } : {},
 			...lastConnectedAt ? { lastConnectedAt } : {}
@@ -192,6 +193,7 @@ function createServerMachinesHost(options) {
 		},
 		signIn: (_hostId, target, onDone) => serverOAuthFlow(client, target, onDone ? { onDone: () => onDone() } : {}),
 		capabilities: (_hostId, opts) => guard("read", () => client.call("host.capabilities", opts?.refresh ? { refresh: true } : {})),
+		installTool: (_hostId, name) => guard("install", () => client.call("host.installTool", { name })),
 		presence: createPresenceStore((apply) => {
 			let stopped = false;
 			let sawSignal = false;

package/dist/adapters/server-session-host.js

@@ -101,7 +101,8 @@ function createServerSessionHost(options) {
 				text,
 				requestId: crypto.randomUUID(),
 				...add?.activatedSkills ? { activatedSkills: add.activatedSkills } : {},
-				...add?.attachments ? { attachments: add.attachments } : {}
+				...add?.attachments ? { attachments: add.attachments } : {},
+				...add?.delivery ? { delivery: add.delivery } : {}
 			})).delivered,
 			remove: queue.drop,
 			update: queue.edit,

package/dist/adapters/server-settings-accounts.js

@@ -26,7 +26,8 @@ function providerOf(auth) {
 			detail: m.detail,
 			active: m.active,
 			...m.key ? { key: m.key } : {},
-			...m.label ? { label: m.label } : {}
+			...m.label ? { label: m.label } : {},
+			...m.email ? { email: m.email } : {}
 		})),
 		...auth.customFields ? { customFields: auth.customFields } : {},
 		...auth.configuredFields ? { configuredFields: auth.configuredFields } : {}

package/dist/adapters/server-settings-host.js

@@ -50,10 +50,10 @@ function createServerSettingsHost(options) {
 	});
 	client.onOpen(() => void refresh());
 	if (client.state().status === "open") refresh();
-	const canWrite = () => client.state().status === "open" && client.can("settings.set");
-	const writableStore = writable(canWrite());
+	const writableStore = writable(client.state().status === "open" ? client.can("settings.set") : true);
 	client.onState(() => {
-		const next = canWrite();
+		if (client.state().status !== "open") return;
+		const next = client.can("settings.set");
 		if (writableStore.get() !== next) writableStore.set(next);
 	});
 	const update = async (patch) => {

package/dist/adapters/sse-host.js

@@ -164,7 +164,15 @@ function createSseHost(options) {
 			}
 		},
 		transcript: (sessionId) => state.readable(sessionId),
-		async send({ sessionId, prompt, attachments, model, thinking }) {
+		async send({ sessionId, prompt, attachments, model, thinking, delivery }) {
+			if (delivery) {
+				const path = delivery === "steer" ? "steer" : "follow-up";
+				const body = {
+					message: prompt,
+					...attachments?.length ? { attachments } : {}
+				};
+				if ((await request("POST", `/sessions/${sid(sessionId)}/${path}`, body)).ok) return;
+			}
 			state.echoPrompt(sessionId, prompt, attachments);
 			try {
 				await request("POST", `/sessions/${sid(sessionId)}/send`, {
@@ -184,12 +192,6 @@ function createSseHost(options) {
 		interrupt(sessionId) {
 			request("POST", `/sessions/${sid(sessionId)}/interrupt`).catch(onError);
 		},
-		async steer(sessionId, message) {
-			return (await request("POST", `/sessions/${sid(sessionId)}/steer`, { message })).ok;
-		},
-		async followUp(sessionId, message) {
-			return (await request("POST", `/sessions/${sid(sessionId)}/follow-up`, { message })).ok;
-		},
 		interactions: {
 			pending: state.pending,
 			async answer(requestId, response) {

package/dist/app/testing/index.js

@@ -1,5 +1,5 @@
-import { createFixtureAppearanceHost } from "../../appearance/headless/fixture-host.js";
 import { createFixtureApprovalsHost } from "../../approvals/headless/fixture-host.js";
+import { createFixtureAppearanceHost } from "../../appearance/headless/fixture-host.js";
 import { createFixtureHost } from "../../chat/headless/fixture-host.js";
 import { createFixtureComposerHost } from "../../chat/testing/fixture-composer-host.js";
 import { createFixtureSidebarHost } from "../../chat/testing/fixture-sidebar-host.js";

package/dist/chat/SessionGroupHeader.js

@@ -36,7 +36,7 @@ function SessionGroupHeader({ id, label, collapsed, icon, action, onToggle, onOp
 				onClick: () => onOpen(id),
 				"aria-current": active ? "page" : void 0,
 				title: labels.openGroup(label),
-				className: `zg-press-soft flex flex-1 items-center min-w-0 bg-transparent border-0 cursor-pointer p-0 font-medium hover:text-[var(--zg-text)] transition-colors ${active ? "text-[var(--zg-text)]" : "text-[var(--zg-text-muted)]"}`,
+				className: `zg-press-soft flex flex-1 items-center min-w-0 bg-transparent border-0 cursor-pointer p-0 font-medium hover:text-[var(--zg-text)] transition-colors ${active ? "text-[var(--zg-text)]" : "text-[var(--zg-sidebar-label-fg,var(--zg-text-muted))]"}`,
 				children: /* @__PURE__ */ jsx("span", {
 					className: "truncate",
 					children: label
@@ -65,7 +65,7 @@ function SessionGroupHeader({ id, label, collapsed, icon, action, onToggle, onOp
 				onClick: () => onToggle(id),
 				"aria-expanded": !collapsed,
 				title: toggleTitle,
-				className: "zg-press-soft flex flex-1 items-center gap-1 min-w-0 bg-transparent border-0 cursor-pointer p-0 font-medium text-[var(--zg-text-muted)] hover:text-[var(--zg-text)] transition-colors",
+				className: "zg-press-soft flex flex-1 items-center gap-1 min-w-0 bg-transparent border-0 cursor-pointer p-0 font-medium text-[var(--zg-sidebar-label-fg,var(--zg-text-muted))] hover:text-[var(--zg-text)] transition-colors",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "truncate",
 					children: label

package/dist/chat/SessionHostHeader.js

@@ -12,7 +12,7 @@ function SessionHostHeader({ id, host, collapsed, onToggle, className = "", styl
 	const labels = useChatLabels();
 	const offline = !hostReachable(host);
 	return /* @__PURE__ */ jsxs("li", {
-		className: `group flex items-center gap-1.5 -mx-2 px-3 pt-4 pb-0.5 text-zg-meta uppercase tracking-wide text-[var(--zg-text-muted)] select-none ${className}`,
+		className: `group flex items-center gap-1.5 -mx-2 px-3 pt-4 pb-0.5 text-zg-meta text-[var(--zg-text-muted)] select-none ${className}`,
 		style,
 		"data-host-id": host.id,
 		children: [/* @__PURE__ */ jsx("span", {

package/dist/chat/StatusDot.js

@@ -1,15 +1,17 @@
+import { ZidaneMark } from "../components/ZidaneMark.js";
 import { Presence } from "../motion/swap.js";
 import { useChatLabels } from "./useChatLabels.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 //#region src/chat/StatusDot.tsx
 /**
-* A session's state as one 8px dot: idle ring, running core with an
-* orbiting arc, a rippling "needs you" for a pending approval, a breathing
+* A session's state as one 8px dot: idle ring, the zidane mark (its bands
+* flowing) while it runs, a rippling "needs you" for a pending approval, a breathing
 * "awaiting input", an attached ring, a popping completion, a glowing error.
-* Three layers (core, orbit, ripple) so every change tweens instead of
-* snapping (`.zg-state-tween`, styles/motion.css). The loops (orbit,
-* ripple, breathe) keep their own fixed timing and carry `.zg-loop`, which
+* Three layers (core, mark, ripple) so every change tweens instead of
+* snapping (`.zg-state-tween`, styles/motion.css). The mark spins out of
+* the dot as the core swells into it, and back (`.zg-mark-swap`); it stills itself
+* under reduced / off motion; the other loops (ripple, breathe) keep their own fixed timing and carry `.zg-loop`, which
 * stills them under reduced / off motion; the completion pop is the `snap`
 * spring with its opacity on `fade`. Colours are the decorative `-dot`
 * tones (a fill, not text: vivid in light rather than held to text floors).
@@ -35,9 +37,10 @@ const STYLES = {
 		label: "dotRunning",
 		style: {
 			background: "var(--zg-accent-dot)",
-			transform: "scale(0.62)"
+			transform: "scale(1.5)",
+			opacity: 0
 		},
-		ring: "orbit"
+		ring: "mark"
 	},
 	pending: {
 		label: "dotPending",
@@ -75,13 +78,11 @@ const STYLES = {
 		}
 	}
 };
-const ORBIT_MASK = "radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px))";
-const ORBIT_STYLE = {
-	background: "conic-gradient(from 0deg, var(--zg-accent-dot) 0 32%, transparent 32% 100%)",
-	WebkitMaskImage: ORBIT_MASK,
-	maskImage: ORBIT_MASK,
-	animation: "zg-orbit 1.1s linear infinite"
-};
+const MARK_STYLE = { color: "var(--zg-accent-dot)" };
+/** The mark grows from the dot's own size (8px of its 12px). */
+const MARK_SWAP_STYLE = { "--zg-mark-from": 2 / 3 };
+/** Lively but under the composer's pace: a list of running sessions should not shimmer. */
+const MARK_SPEED = .9;
 const RIPPLE_STYLE = {
 	background: "var(--zg-warn-dot)",
 	animation: "zg-dot 1.8s ease-in-out infinite"
@@ -104,12 +105,15 @@ function StatusDotInner({ state, label, className, style }) {
 				"data-core": true
 			}),
 			/* @__PURE__ */ jsx(Presence, {
-				show: cfg.ring === "orbit",
-				className: "absolute -inset-[3px]",
-				children: /* @__PURE__ */ jsx("span", {
-					"aria-hidden": true,
-					className: "zg-loop absolute rounded-full inset-0",
-					style: ORBIT_STYLE
+				show: cfg.ring === "mark",
+				className: "zg-mark-swap absolute -inset-[2px]",
+				style: MARK_SWAP_STYLE,
+				children: /* @__PURE__ */ jsx(ZidaneMark, {
+					size: 12,
+					speed: MARK_SPEED,
+					tone: "inherit",
+					decorative: true,
+					style: MARK_STYLE
 				})
 			}),
 			/* @__PURE__ */ jsx(Presence, {

package/dist/chat/composer/Composer.d.ts

@@ -3,29 +3,34 @@ import { ComposerBadge } from "./ComposerBadges.js";
 import "./attachment-ingest.js";
 import { SuggestionSource } from "./suggestions.js";
 import { CSSProperties, ReactNode } from "react";
+import { MessageDelivery } from "zidane/chat";
 //#region src/chat/composer/Composer.d.ts
-/** What the composer hands to `onSend`, `onSteer`, and `onQueue`. */
+/** What the composer hands to `onSend`. */
 interface ComposerSubmit {
   /** The draft as plain text. Mentions and commands are serialized to text. */
   prompt: string;
   /** The staged attachments. */
   attachments: readonly ComposerAttachment[];
+  /** Set while `running`: steer the draft into the run, or queue it for when the run ends. */
+  delivery?: MessageDelivery;
 }
 /** `false` (or a rejection) keeps the draft: the composer puts it back. */
 type ComposerResult = void | boolean | Promise<void | boolean>;
 /** Props for {@link Composer}. */
 interface ComposerProps {
-  /** Called when the user sends the draft with Enter or the Send button. Return `false` or reject to put the draft back. */
+  /** Called when the user sends the draft with Enter or the Send button, also while `running` (see `ComposerSubmit.delivery`). Return `false` or reject to put the draft back. */
   onSend(input: ComposerSubmit): ComposerResult;
-  /** A run is in flight: Enter steers or queues, Escape and the button stop. */
+  /** A run is in flight: Enter steers or queues (`delivery`), Escape and the button stop. */
   running?: boolean;
+  /**
+   * What Enter does with the draft while `running`: `steer` it into the run or `queue` it for when the run ends.
+   * Alt+Enter does the other. Pass the user's "Messages during a run" setting.
+   * @default 'queue'
+   */
+  delivery?: MessageDelivery;
   /** Called when the user stops the running agent with Escape or the Stop button. Without it the composer offers no stop. */
   onStop?(): void;
-  /** Enter while running adds the draft to the run in flight. */
-  onSteer?(input: ComposerSubmit): ComposerResult;
-  /** Enter while running (without `onSteer`) holds the draft for when the run ends. */
-  onQueue?(input: ComposerSubmit): ComposerResult;
-  /** A send / steer / queue handler threw (the draft is already back). Absent: the composer shows the error itself. */
+  /** The send handler threw (the draft is already back). Absent: the composer shows the error itself. */
   onError?(error: unknown): void;
   /** Controlled text of the draft. Use with `onChange`. Omit for an uncontrolled draft. */
   value?: string;

package/dist/chat/composer/Composer.js

@@ -11,6 +11,7 @@ import { SendButton } from "./SendButton.js";
 import { SuggestionPopup } from "./suggestions.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { otherDelivery } from "zidane/chat/pure";
 //#region src/chat/composer/Composer.tsx
 const serialize = (editor) => editor.getText({ blockSeparator: "\n" });
 /** Renders the chat prompt box: a text editor with staged attachments, a controls row, and Send or Stop. Enter sends, Shift+Enter adds a line, Escape stops a running agent, and the arrow keys recall earlier prompts. */
@@ -19,7 +20,8 @@ const Composer = forwardRef(function Composer(props, ref) {
 	const labels = useChatLabels();
 	const propsRef = useRef(props);
 	propsRef.current = props;
-	const placeholder = props.placeholder ?? labels.composerPlaceholder;
+	const runningPlaceholder = (props.delivery ?? "queue") === "steer" ? labels.composerPlaceholderSteer : labels.composerPlaceholderQueue;
+	const placeholder = props.placeholder ?? (running ? runningPlaceholder : labels.composerPlaceholder);
 	const placeholderRef = useRef(placeholder);
 	placeholderRef.current = placeholder;
 	const nameRef = useRef(props.ariaLabel ?? labels.composerLabel);
@@ -111,17 +113,18 @@ const Composer = forwardRef(function Composer(props, ref) {
 		editor.commands.setContent(plainTextToDocJson(props.value), { emitUpdate: false });
 		setText(props.value);
 	}, [editor, props.value]);
-	const route = !running ? "send" : props.onSteer ? "steer" : props.onQueue ? "queue" : "send";
-	const canSend = !disabled && (text.trim() !== "" || ingest.attachments.length > 0) && (!running || route !== "send");
-	const submit = useCallback(async () => {
+	const delivery = props.delivery ?? "queue";
+	const route = running ? delivery : "send";
+	const canSend = !disabled && (text.trim() !== "" || ingest.attachments.length > 0);
+	const submit = useCallback(async (alternate = false) => {
 		const p = propsRef.current;
 		if (!editor) shell.current.submit = true;
 		if (!editor || p.disabled) return;
 		const prompt = serialize(editor).trim();
 		const { attachments: staged, clear, restore: putBack } = ingestRef.current;
 		if (!prompt && staged.length === 0) return;
-		const handler = p.running ? p.onSteer ?? p.onQueue : p.onSend;
-		if (!handler) return;
+		const preferred = p.delivery ?? "queue";
+		const sending = p.running ? alternate ? otherDelivery(preferred) : preferred : void 0;
 		setSendError(null);
 		const draft = editor.getJSON();
 		editor.commands.clearContent(true);
@@ -134,9 +137,10 @@ const Composer = forwardRef(function Composer(props, ref) {
 			putBack(staged);
 		};
 		try {
-			if (await handler({
+			if (await p.onSend({
 				prompt,
-				attachments: staged
+				attachments: staged,
+				...sending ? { delivery: sending } : {}
 			}) === false) restore();
 		} catch (error) {
 			restore();
@@ -171,7 +175,7 @@ const Composer = forwardRef(function Composer(props, ref) {
 			if (event.key === "Enter") {
 				if (event.shiftKey) return editor.commands.splitBlock();
 				event.preventDefault();
-				submit();
+				submit(event.altKey);
 				return true;
 			}
 			if (event.key === "Escape" && p.running && p.onStop) {
@@ -300,7 +304,7 @@ const Composer = forwardRef(function Composer(props, ref) {
 								const p = propsRef.current;
 								if (event.key === "Enter" && !event.shiftKey) {
 									event.preventDefault();
-									submit();
+									submit(event.altKey);
 								} else if (event.key === "Escape" && p.running && p.onStop) p.onStop();
 							},
 							onPaste: (event) => ingestRef.current.paste(event),

package/dist/chat/composer/HostComposer.d.ts

@@ -3,7 +3,7 @@ import { ThinkingLevel } from "./ModelOptionsPicker.js";
 import { ReactNode } from "react";
 //#region src/chat/composer/HostComposer.d.ts
 /** Props for {@link HostComposer}: the {@link ComposerProps} the host does not drive, plus `sessionId`, `defaultModel`, `defaultThinking`, and `footer`. */
-interface HostComposerProps extends Omit<ComposerProps, 'onSend' | 'running' | 'onStop' | 'onSteer' | 'onQueue' | 'footer'> {
+interface HostComposerProps extends Omit<ComposerProps, 'onSend' | 'running' | 'onStop' | 'footer'> {
   /** Id of the session the composer sends to. */
   sessionId: string;
   /** The model to start on (`provider/model` or a bare id). Default: the session's, else the first offered. */

package/dist/chat/composer/HostComposer.js

@@ -10,7 +10,8 @@ import { useMemo, useState } from "react";
 * `Composer` over a `ChatHost` for one session: Enter sends through
 * `host.send` (with the picked model and reasoning effort), Stop calls
 * `host.interrupt`, and while the session's transcript is running Enter
-* steers (`host.steer`) or queues (`host.followUp`). The model and
+* sends with `delivery` (steer into the run or queue for its end; Alt+Enter
+* the other), attachments included. The model and
 * options (reasoning effort) pickers show when the host offers `models`
 * (options only for a model with `thinking: true`). A capability the host leaves out hides
 * its control; without `send` there is no composer.
@@ -22,11 +23,12 @@ import { useMemo, useState } from "react";
 const NO_MODELS = constant([]);
 const NO_OPTIONS = [];
 const NO_ENABLED = {};
-const toWire = ({ attachments }) => attachments.map(({ name, mediaType, size, dataUrl }) => ({
+const toWire = ({ attachments }) => attachments.map(({ name, mediaType, size, dataUrl, original }) => ({
 	name,
 	mediaType,
 	size,
-	dataUrl
+	dataUrl,
+	...original ? { original } : {}
 }));
 /**
 * Renders a {@link Composer} bound to the {@link ChatHost} in context for one session. Controls the host leaves out are hidden; without `send` nothing renders.
@@ -49,12 +51,9 @@ function HostComposer({ sessionId, defaultModel, defaultThinking = "medium", foo
 		prompt: input.prompt,
 		...input.attachments.length ? { attachments: toWire(input) } : {},
 		...choice ? { model: choice.key } : {},
-		...choice?.model.thinking ? { thinking } : {}
+		...choice?.model.thinking ? { thinking } : {},
+		...input.delivery ? { delivery: input.delivery } : {}
 	});
-	const relay = (fn) => async (input) => {
-		if (input.attachments.length > 0) return false;
-		if (!await fn(sessionId, input.prompt)) await send(input);
-	};
 	const pickers = host.models && providers.length > 0 ? /* @__PURE__ */ jsxs("div", {
 		className: "zg-segment min-w-0 max-w-full",
 		children: [/* @__PURE__ */ jsx(ModelPicker, {
@@ -80,8 +79,6 @@ function HostComposer({ sessionId, defaultModel, defaultThinking = "medium", foo
 		running,
 		onSend: send,
 		...host.interrupt ? { onStop: () => host.interrupt(sessionId) } : {},
-		...host.steer ? { onSteer: relay(host.steer.bind(host)) } : {},
-		...host.followUp ? { onQueue: relay(host.followUp.bind(host)) } : {},
 		footer: pickers || footer ? /* @__PURE__ */ jsxs(Fragment, { children: [pickers, footer] }) : void 0
 	});
 }

package/dist/chat/composer/RunStatusChip.js

@@ -1,3 +1,4 @@
+import { ZidaneMark } from "../../components/ZidaneMark.js";
 import { RollingText } from "../../motion/roll.js";
 import { SmoothWidth } from "../../motion/size.js";
 import { Presence, useCadencedValue } from "../../motion/swap.js";
@@ -11,8 +12,10 @@ import { EMPTY_RATE, fmtTokens, formatElapsed, stepStreamRate, streamRateValue }
 /**
 * The ONE live indicator for a running turn, set into the composer card:
 *
-*   [1m 29s] [↓72.2k] [41 tok/s] [~$0.123]   (one track chip per value)
+*   (mark) [1m 29s] [↓72.2k] [41 tok/s] [~$0.123]   (one track chip per value)
 *
+* The zidane mark leads the row: its bands flow fast while text streams and
+* ease down to a slower pace between turns (tools, waiting on the model).
 * Visible from `run:start` to `run:end` (one fade in, one fade out), never
 * in between: the elapsed counter and the run-wide output count are always
 * defined, so tool calls between streaming turns do not blank the chip.
@@ -31,6 +34,9 @@ import { EMPTY_RATE, fmtTokens, formatElapsed, stepStreamRate, streamRateValue }
 * elapsed time reads the host's run counters (`ComposerHost.runs`).
 */
 const CHIP_CADENCE_MS = 320;
+/** The mark's loops per second: streaming text, and the rest of the run. */
+const MARK_STREAMING = 2.2;
+const MARK_WORKING = 1.1;
 /**
 * The run's live indicator (see the header).
 *
@@ -57,6 +63,12 @@ function RunStatusChip({ sessionId, running, progress, settledOutputTokens, cost
 				children: /* @__PURE__ */ jsxs("span", {
 					className: "inline-flex items-center gap-1 whitespace-nowrap",
 					children: [
+						/* @__PURE__ */ jsx(ZidaneMark, {
+							size: 14,
+							speed: progress ? MARK_STREAMING : MARK_WORKING,
+							decorative: true,
+							className: "zg-mark-in mx-0.5"
+						}),
 						/* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx(RollingText, {
 							text: formatElapsed(elapsedSec),
 							value: elapsedSec

package/dist/chat/composer/attachment-ingest.d.ts

@@ -56,7 +56,10 @@ declare function shouldFoldPasteToAttachment(text: string): boolean;
 /**
  * Reads a file into a {@link ComposerAttachment} with a `data:` URL, as the
  * shared rule says (`planAttachment`): images, PDFs and text attach; an image
- * in another format, or over the image cap, is re-encoded to fit. Rejects with
+ * in another format, or over the image cap, is re-encoded to fit, and keeps
+ * the file as picked in `original` (up to the file cap) so the host can save
+ * it for the agent and say it was converted. An animated GIF under the cap
+ * goes as it is, every frame. Rejects with
  * an {@link AttachmentRefusedError} for a file the rule refuses (or an image
  * that cannot be decoded), and with the read error when the file cannot be read.
  *

package/dist/chat/composer/attachment-ingest.js

@@ -1,4 +1,4 @@
-import { ATTACHMENT_SNIFF_BYTES, MAX_FILE_ATTACHMENT_BYTES, MAX_IMAGE_ATTACHMENT_BYTES, MAX_IMAGE_ATTACHMENT_BYTES as MAX_IMAGE_ATTACHMENT_BYTES$1, formatBytes, formatBytes as formatBytes$1, planAttachment } from "zidane/chat/pure";
+import { ATTACHMENT_SNIFF_BYTES, MAX_FILE_ATTACHMENT_BYTES, MAX_FILE_ATTACHMENT_BYTES as MAX_FILE_ATTACHMENT_BYTES$1, MAX_IMAGE_ATTACHMENT_BYTES, MAX_IMAGE_ATTACHMENT_BYTES as MAX_IMAGE_ATTACHMENT_BYTES$1, formatBytes, formatBytes as formatBytes$1, planAttachment } from "zidane/chat/pure";
 //#region src/chat/composer/attachment-ingest.ts
 /**
 * Attachment-ingest helpers, shared by the kit's `Composer` and the desktop
@@ -75,7 +75,10 @@ function shouldFoldPasteToAttachment(text) {
 /**
 * Reads a file into a {@link ComposerAttachment} with a `data:` URL, as the
 * shared rule says (`planAttachment`): images, PDFs and text attach; an image
-* in another format, or over the image cap, is re-encoded to fit. Rejects with
+* in another format, or over the image cap, is re-encoded to fit, and keeps
+* the file as picked in `original` (up to the file cap) so the host can save
+* it for the agent and say it was converted. An animated GIF under the cap
+* goes as it is, every frame. Rejects with
 * an {@link AttachmentRefusedError} for a file the rule refuses (or an image
 * that cannot be decoded), and with the read error when the file cannot be read.
 *
@@ -94,19 +97,25 @@ async function readAttachment(file) {
 	if (plan.kind === "convert-image") {
 		const converted = await convertImage(file, plan.mediaType).catch(() => null);
 		if (!converted) throw new AttachmentRefusedError(name, { reason: "unreadable-image" });
-		return toComposerAttachment(converted, renameForType(name, converted.type), converted.type);
+		const attachment = await toComposerAttachment(converted, renameForType(name, converted.type), converted.type);
+		if (file.size > MAX_FILE_ATTACHMENT_BYTES$1) return attachment;
+		const original = await readDataUrl(file);
+		return {
+			...attachment,
+			original: {
+				name,
+				mediaType: plan.mediaType,
+				size: file.size,
+				dataUrl: original
+			}
+		};
 	}
 	return toComposerAttachment(file, name, plan.mediaType);
 }
 /** The data URL's header carries `mediaType`: the send path reads the type from there. */
 async function toComposerAttachment(blob, name, mediaType) {
 	const typed = blob.type === mediaType ? blob : new Blob([blob], { type: mediaType });
-	const dataUrl = await new Promise((resolve, reject) => {
-		const reader = new FileReader();
-		reader.onload = () => resolve(reader.result);
-		reader.onerror = () => reject(reader.error);
-		reader.readAsDataURL(typed);
-	});
+	const dataUrl = await readDataUrl(typed);
 	return {
 		id: crypto.randomUUID(),
 		name,
@@ -115,12 +124,20 @@ async function toComposerAttachment(blob, name, mediaType) {
 		size: typed.size
 	};
 }
+function readDataUrl(blob) {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => resolve(reader.result);
+		reader.onerror = () => reject(reader.error);
+		reader.readAsDataURL(blob);
+	});
+}
 /** Largest edge a converted image keeps (Anthropic's ceiling). */
 const MAX_IMAGE_EDGE = 8e3;
 /**
 * Decode an image and encode it again, as PNG (JPEG for a JPEG: a photo grows
 * as PNG), scaled down until it fits the image cap. An animated GIF or WebP
-* keeps its first frame. Rejects when the image cannot be decoded (HEIC and
+* over the cap keeps its first frame (`original` keeps them all). Rejects when the image cannot be decoded (HEIC and
 * TIFF in Chromium) or there is no DOM to draw it in.
 */
 async function convertImage(file, sourceType) {