zidane-ui 9.1.4 → 9.1.6

package/dist/chat/interactions/QuestionForm.js

@@ -4,6 +4,7 @@ import { BTN_GHOST_LEADING, BTN_PRIMARY, CardError, INPUT, useAutoFocus } from "
 import { QuestionField, isRequired } from "./QuestionField.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from "react";
+import { isSecretAnswer } from "zidane/chat/pure";
 //#region src/chat/interactions/QuestionForm.tsx
 /**
 * `ask_user` as a card (the desktop app's inbox, `InteractionCard`). The canonical `QuestionPayload` as a form:
@@ -21,6 +22,13 @@ import { useMemo, useRef, useState } from "react";
 *
 * Two ways out: **Send** answers (`onAnswer`); **Dismiss** (`onDismiss`,
 * shown when given) cancels so the agent moves on without an answer.
+*
+* A `secret` question takes a password field and a TTL (`SecretInput`) and
+* answers with a `SecretAnswer`, which the host saves and swaps for a
+* reference before anything records it. A form with secrets says **Save
+* securely** (only secrets) and offers **Decline** in place of Dismiss: it
+* answers every secret with `secret-declined`. A form of secrets alone has
+* no additional instructions. Nothing here persists the typed value.
 * Leaving the card alone keeps the question pending. Markdown (the intro)
 * draws through the transcript's `Markdown` slot unless `Markdown` is passed.
 */
@@ -40,21 +48,26 @@ function QuestionForm({ request, autoFocus = false, onAnswer, onDismiss, Markdow
 	const [error, setError] = useState(null);
 	const rootRef = useRef(null);
 	useAutoFocus(rootRef, autoFocus);
+	const secretIds = useMemo(() => payload.questions.filter((q) => q.type === "secret").map((q) => q.id), [payload.questions]);
+	const onlySecrets = secretIds.length > 0 && secretIds.length === payload.questions.length;
 	const canSubmit = useMemo(() => payload.questions.every((q) => {
-		if (!isRequired(q)) return true;
 		const value = answers[q.id];
+		if (q.type === "secret") {
+			const typed = isSecretAnswer(value) && value.kind === "secret-value" ? value.value : "";
+			return !isRequired(q) || typed.trim().length > 0;
+		}
+		if (!isRequired(q)) return true;
 		if (q.type === "confirm") return typeof value === "boolean";
 		if (q.type === "select" && q.multi) return Array.isArray(value) && value.length > 0;
 		return typeof value === "string" && value.trim().length > 0;
 	}), [answers, payload.questions]);
-	const submit = async () => {
-		if (busy || !canSubmit) return;
+	const send = async (sent) => {
 		setBusy(true);
 		setError(null);
 		try {
 			await onAnswer({
 				kind: "question",
-				answers,
+				answers: sent,
 				...instructions.trim() ? { instructions: instructions.trim() } : {}
 			});
 		} catch (err) {
@@ -62,6 +75,22 @@ function QuestionForm({ request, autoFocus = false, onAnswer, onDismiss, Markdow
 			setBusy(false);
 		}
 	};
+	const submit = async () => {
+		if (busy || !canSubmit) return;
+		const sent = { ...answers };
+		for (const id of secretIds) {
+			const value = sent[id];
+			if (!isSecretAnswer(value) || value.kind === "secret-value" && value.value.trim() === "") delete sent[id];
+		}
+		await send(sent);
+	};
+	/** Every secret answered as declined; the other answers go as they are. */
+	const decline = async () => {
+		if (busy) return;
+		const sent = { ...answers };
+		for (const id of secretIds) sent[id] = { kind: "secret-declined" };
+		await send(sent);
+	};
 	/** Explicit dismissal: the agent is told there is no answer and continues. */
 	const dismiss = async () => {
 		if (busy || !onDismiss) return;
@@ -100,9 +129,10 @@ function QuestionForm({ request, autoFocus = false, onAnswer, onDismiss, Markdow
 				value: answers[q.id],
 				onChange: (v) => setAnswer(q.id, v),
 				requestId: request.id,
-				labels
+				labels,
+				onSubmit: () => void submit()
 			}, q.id)),
-			/* @__PURE__ */ jsxs("div", {
+			!onlySecrets && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex items-baseline gap-1.5",
@@ -127,7 +157,14 @@ function QuestionForm({ request, autoFocus = false, onAnswer, onDismiss, Markdow
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 pt-1",
 				children: [
-					onDismiss && /* @__PURE__ */ jsx("button", {
+					secretIds.length > 0 ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => void decline(),
+						disabled: busy,
+						title: labels.declineSecretHint,
+						className: BTN_GHOST_LEADING,
+						children: labels.declineSecret
+					}) : onDismiss && /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => void dismiss(),
 						disabled: busy,
@@ -143,7 +180,7 @@ function QuestionForm({ request, autoFocus = false, onAnswer, onDismiss, Markdow
 						disabled: busy || !canSubmit,
 						className: BTN_PRIMARY,
 						"data-testid": "inbox-send",
-						children: labels.sendAnswers(payload.questions.length)
+						children: onlySecrets ? labels.saveSecurely : labels.sendAnswers(payload.questions.length)
 					})
 				]
 			})
@@ -158,7 +195,7 @@ function QuestionForm({ request, autoFocus = false, onAnswer, onDismiss, Markdow
 *
 * @param props - Component props: the `payload` that was asked, the `answers`, optional `instructions`, a unique `id`, and an optional `Markdown` renderer.
 */
-function AnsweredQuestions({ payload, answers, instructions, id, Markdown: MarkdownProp, className, style }) {
+function AnsweredQuestions({ payload, answers, instructions, id, Markdown: MarkdownProp, onOpenSecrets, className, style }) {
 	const labels = useChatLabels();
 	const slots = useTranscriptRenderers();
 	const Markdown = MarkdownProp ?? slots.Markdown;
@@ -177,7 +214,8 @@ function AnsweredQuestions({ payload, answers, instructions, id, Markdown: Markd
 				onChange: () => void 0,
 				requestId: id,
 				labels,
-				readOnly: true
+				readOnly: true,
+				onOpenSecrets
 			}, q.id)),
 			instructions && instructions.trim() !== "" && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1",

package/dist/chat/interactions/SecretInput.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, Ref } from "react";
+import { SecretTtl } from "zidane/chat/pure";
+//#region src/chat/interactions/SecretInput.d.ts
+/** Props for {@link SecretInput}. */
+interface SecretInputProps {
+  /** Id of the password field: a `<label htmlFor>` names it. */
+  id: string;
+  /** The TTL picked. */
+  ttl: SecretTtl;
+  /** Called on every keystroke with the typed value and the picked TTL. Keep the value out of anything logged or saved. */
+  onChange: (value: string, ttl: SecretTtl) => void;
+  /** Ids of the elements that describe the field (the question's help). */
+  describedBy?: string;
+  /** Marks the field required for assistive tech. */
+  required?: boolean;
+  /** Called on Enter in the password field. */
+  onSubmit?: () => void;
+  /** Ref to the password field. */
+  inputRef?: Ref<HTMLInputElement>;
+  /** Extra classes on the root element. */
+  className?: string;
+  /** Inline styles on the root element, merged after the component's own. */
+  style?: CSSProperties;
+}
+/**
+ * Renders a password field, a TTL picker and the note on where the value is kept.
+ *
+ * @param props - The {@link SecretInputProps}.
+ */
+declare function SecretInput({ id, ttl, onChange, describedBy, required, onSubmit, inputRef, className, style }: SecretInputProps): import("react").JSX.Element;
+//#endregion
+export { SecretInput, SecretInputProps };

package/dist/chat/interactions/SecretInput.js

@@ -0,0 +1,72 @@
+import { useChatLabels } from "../useChatLabels.js";
+import { FIELD, INPUT } from "./card-ui.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { SECRET_TTLS } from "zidane/chat/pure";
+//#region src/chat/interactions/SecretInput.tsx
+/**
+* The value half of a secret: a password field that never holds the value in
+* the DOM (uncontrolled, no `value` attribute, no autocomplete), a TTL
+* picker, and the shield note that says where the value goes and for how
+* long. The `ask_user` form's secret question and the Secrets panel's
+* add form both draw it.
+*/
+/**
+* Renders a password field, a TTL picker and the note on where the value is kept.
+*
+* @param props - The {@link SecretInputProps}.
+*/
+function SecretInput({ id, ttl, onChange, describedBy, required = false, onSubmit, inputRef, className, style }) {
+	const labels = useChatLabels();
+	const value = useRef("");
+	const noteId = `${id}-note`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["flex flex-col gap-1.5", className].filter(Boolean).join(" "),
+		style,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				id,
+				type: "password",
+				autoComplete: "off",
+				autoCorrect: "off",
+				autoCapitalize: "off",
+				spellCheck: false,
+				placeholder: labels.secretValuePlaceholder,
+				"aria-required": required || void 0,
+				"aria-describedby": [describedBy, noteId].filter(Boolean).join(" "),
+				"data-secret-input": "",
+				className: `${INPUT} h-8 min-w-0 flex-1`,
+				onChange: (e) => {
+					value.current = e.target.value;
+					onChange(value.current, ttl);
+				},
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && !e.metaKey && !e.ctrlKey && onSubmit) {
+						e.preventDefault();
+						onSubmit();
+					}
+				}
+			}), /* @__PURE__ */ jsx("select", {
+				"aria-label": labels.secretTtlLabel,
+				value: ttl,
+				onChange: (e) => onChange(value.current, e.target.value),
+				className: `${FIELD} h-8 shrink-0`,
+				children: SECRET_TTLS.map((option) => /* @__PURE__ */ jsx("option", {
+					value: option,
+					children: labels.secretTtlName(option)
+				}, option))
+			})]
+		}), /* @__PURE__ */ jsxs("span", {
+			id: noteId,
+			className: "flex items-start gap-1.5 text-zg-meta leading-4 text-[var(--zg-text-muted)] zg-pretty",
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "i-ph-shield-check mt-px shrink-0"
+			}), labels.secretNote(ttl)]
+		})]
+	});
+}
+//#endregion
+export { SecretInput };

package/dist/chat/interactions/card-ui.d.ts

@@ -10,8 +10,10 @@ declare const BTN_GHOST: string;
 declare const BTN_GHOST_LEADING: string;
 /** Class names of the danger button in an interaction card: the danger fill. */
 declare const BTN_DANGER: string;
-/** Class names of a text field in an interaction card. */
-declare const INPUT = "zg-well w-full text-zg-ui px-2.5 placeholder:text-[var(--zg-text-subtle)]";
+/** The well of a field in an interaction card, with no width: a select sized to its options. */
+declare const FIELD = "zg-well text-zg-ui px-2.5";
+/** A full-width text field of a card. */
+declare const INPUT = "zg-well text-zg-ui px-2.5 w-full placeholder:text-[var(--zg-text-subtle)]";
 /** Props for {@link CardError}. */
 interface CardErrorProps {
   /** The message to show, or `null` to render nothing. */
@@ -37,4 +39,4 @@ declare function CardError({ error, className, style }: CardErrorProps): import(
  */
 declare function useAutoFocus(root: RefObject<HTMLElement | null>, when: boolean): void;
 //#endregion
-export { BTN, BTN_DANGER, BTN_GHOST, BTN_GHOST_LEADING, BTN_PRIMARY, CardError, CardErrorProps, INPUT, useAutoFocus };
+export { BTN, BTN_DANGER, BTN_GHOST, BTN_GHOST_LEADING, BTN_PRIMARY, CardError, CardErrorProps, FIELD, INPUT, useAutoFocus };

package/dist/chat/interactions/card-ui.js

@@ -20,8 +20,10 @@ const BTN_GHOST_LEADING = buttonClass({
 });
 /** Class names of the danger button in an interaction card: the danger fill. */
 const BTN_DANGER = buttonClass({ variant: "danger-solid" });
-/** Class names of a text field in an interaction card. */
-const INPUT = "zg-well w-full text-zg-ui px-2.5 placeholder:text-[var(--zg-text-subtle)]";
+/** The well of a field in an interaction card, with no width: a select sized to its options. */
+const FIELD = "zg-well text-zg-ui px-2.5";
+/** A full-width text field of a card. */
+const INPUT = `${FIELD} w-full placeholder:text-[var(--zg-text-subtle)]`;
 /**
 * Renders an inline error message, or nothing when there is none.
 *
@@ -60,4 +62,4 @@ function useAutoFocus(root, when) {
 	}, []);
 }
 //#endregion
-export { BTN, BTN_DANGER, BTN_GHOST, BTN_GHOST_LEADING, BTN_PRIMARY, CardError, INPUT, useAutoFocus };
+export { BTN, BTN_DANGER, BTN_GHOST, BTN_GHOST_LEADING, BTN_PRIMARY, CardError, FIELD, INPUT, useAutoFocus };

package/dist/chat/interactions/index.d.ts

@@ -5,4 +5,5 @@ import { InteractionCard, InteractionCardProps } from "./InteractionCard.js";
 import { PlanBody, PlanBodyProps, PlanCard, PlanCardProps } from "./PlanCard.js";
 import { QuestionField, QuestionFieldProps, isRequired } from "./QuestionField.js";
 import { AnsweredQuestions, AnsweredQuestionsProps, QuestionForm, QuestionFormProps, seedDefaults } from "./QuestionForm.js";
-export { AnsweredQuestions, AnsweredQuestionsProps, HostInteractions, HostInteractionsProps, InboxPanel, InboxPanelProps, InteractionCard, InteractionCardProps, PlanBody, PlanBodyProps, PlanCard, PlanCardProps, QuestionField, QuestionFieldProps, QuestionForm, QuestionFormProps, isRequired, seedDefaults, useAllInteractions, useInteractionHead, usePendingInteractions };
+import { SecretInput, SecretInputProps } from "./SecretInput.js";
+export { AnsweredQuestions, AnsweredQuestionsProps, HostInteractions, HostInteractionsProps, InboxPanel, InboxPanelProps, InteractionCard, InteractionCardProps, PlanBody, PlanBodyProps, PlanCard, PlanCardProps, QuestionField, QuestionFieldProps, QuestionForm, QuestionFormProps, SecretInput, SecretInputProps, isRequired, seedDefaults, useAllInteractions, useInteractionHead, usePendingInteractions };

package/dist/chat/interactions/index.js

@@ -1,8 +1,9 @@
 import { useAllInteractions, useInteractionHead, usePendingInteractions } from "./hooks.js";
 import { PlanBody, PlanCard } from "./PlanCard.js";
+import { SecretInput } from "./SecretInput.js";
 import { QuestionField, isRequired } from "./QuestionField.js";
 import { AnsweredQuestions, QuestionForm, seedDefaults } from "./QuestionForm.js";
 import { InteractionCard } from "./InteractionCard.js";
 import { HostInteractions } from "./HostInteractions.js";
 import { InboxPanel } from "./InboxPanel.js";
-export { AnsweredQuestions, HostInteractions, InboxPanel, InteractionCard, PlanBody, PlanCard, QuestionField, QuestionForm, isRequired, seedDefaults, useAllInteractions, useInteractionHead, usePendingInteractions };
+export { AnsweredQuestions, HostInteractions, InboxPanel, InteractionCard, PlanBody, PlanCard, QuestionField, QuestionForm, SecretInput, isRequired, seedDefaults, useAllInteractions, useInteractionHead, usePendingInteractions };

package/dist/chat/sidebar/SessionSidebar.js

@@ -525,6 +525,7 @@ function SessionSidebar(props) {
 			isRenaming,
 			archived: session.archived === true,
 			favorite: session.favorite,
+			scheduled: Boolean(session.scheduleId),
 			renameValue: isRenaming ? renameValue : "",
 			menuOpen: menuForId === session.id,
 			...rowHandlers,
@@ -548,6 +549,7 @@ function SessionSidebar(props) {
 		isRenaming: session.id === renamingId,
 		archived: session.archived === true,
 		favorite: session.favorite,
+		scheduled: Boolean(session.scheduleId),
 		renameValue: session.id === renamingId ? renameValue : "",
 		menuOpen: menuForId === session.id,
 		...rowHandlers,

package/dist/chat/sidebar/SidebarFilterMenu.d.ts

@@ -20,17 +20,22 @@ interface SidebarFilterMenuProps {
    * and groupings join the menu, and the space's own grouping and sort are a choice.
    */
   query?: Pick<SidebarQueryLayer, 'space' | 'filters' | 'sorts' | 'groups'>;
+  /**
+   * Offer the Origin filter: All, Scheduled (a reminder started the session), Not scheduled. Pass it while
+   * reminders are on. A view that has an origin picked shows the row anyway, so it can be cleared.
+   */
+  origin?: boolean;
   /** Saves the view as a space of its own. Absent: no such row. */
   onSaveView?: () => void;
   /** Extra classes on the trigger button. */
   className?: string;
 }
 /**
- * The sidebar's filter axes in the kit's filter menu: view, status, project, activity, agent, sort,
+ * The sidebar's filter axes in the kit's filter menu: view, status, project, activity, agent, origin, sort,
  * and what extensions contribute (filters, sorts, groupings), with Save view as space.
  *
  * @param props - The {@link SidebarFilterMenuProps}.
  */
-declare function SidebarFilterMenu({ view, projects, onChange, hosts, agents, agentNames: agentNamesProp, query, onSaveView, className }: SidebarFilterMenuProps): import("react").JSX.Element;
+declare function SidebarFilterMenu({ view, projects, onChange, hosts, agents, agentNames: agentNamesProp, query, origin, onSaveView, className }: SidebarFilterMenuProps): import("react").JSX.Element;
 //#endregion
 export { SidebarFilterMenu, SidebarFilterMenuProps };

package/dist/chat/sidebar/SidebarFilterMenu.js

@@ -26,6 +26,12 @@ const SORTS = [
 	"recency"
 ];
 const ALL_AGENTS = "__all__";
+const ALL_ORIGINS = "all";
+const ORIGIN_CHOICES = [
+	ALL_ORIGINS,
+	"scheduled",
+	"unscheduled"
+];
 const ANY = "__any__";
 const SPACE = "@space";
 const NO_GROUPS = [];
@@ -43,12 +49,12 @@ function withExtension(view, change) {
 	return out;
 }
 /**
-* The sidebar's filter axes in the kit's filter menu: view, status, project, activity, agent, sort,
+* The sidebar's filter axes in the kit's filter menu: view, status, project, activity, agent, origin, sort,
 * and what extensions contribute (filters, sorts, groupings), with Save view as space.
 *
 * @param props - The {@link SidebarFilterMenuProps}.
 */
-function SidebarFilterMenu({ view, projects, onChange, hosts = false, agents, agentNames: agentNamesProp, query, onSaveView, className }) {
+function SidebarFilterMenu({ view, projects, onChange, hosts = false, agents, agentNames: agentNamesProp, query, origin = false, onSaveView, className }) {
 	const labels = useChatLabels();
 	const catalogNames = useAgentNames();
 	const agentNames = agentNamesProp ?? catalogNames;
@@ -209,6 +215,23 @@ function SidebarFilterMenu({ view, projects, onChange, hosts = false, agents, ag
 				onChange: (next) => onChange({ agent: next === ALL_AGENTS ? null : next })
 			});
 		}
+		if (origin || view.origin) {
+			const current = view.origin ?? ALL_ORIGINS;
+			out.push({
+				kind: "choice",
+				id: "origin",
+				label: labels.filterOrigin,
+				placement: "filter",
+				value: labels.filterOrigins[current],
+				atDefault: !view.origin,
+				options: ORIGIN_CHOICES.map((id) => ({
+					id,
+					label: labels.filterOrigins[id]
+				})),
+				current,
+				onChange: (next) => onChange({ origin: next === ALL_ORIGINS ? null : next })
+			});
+		}
 		return out;
 	}, [
 		view,
@@ -222,6 +245,7 @@ function SidebarFilterMenu({ view, projects, onChange, hosts = false, agents, ag
 		query,
 		agents,
 		agentNames,
+		origin,
 		labels,
 		onChange
 	]);

package/dist/chat/sidebar/SidebarSessionRow.d.ts

@@ -60,6 +60,8 @@ interface SidebarSessionRowProps extends SidebarRowHandlers {
   archived: boolean;
   /** Starred. */
   favorite?: boolean;
+  /** A reminder started it (zidane's `scheduleId`): a clock mark beside the title. */
+  scheduled?: boolean;
   /** The rename field's text. */
   renameValue: string;
   /** Its menu is the open one. */
@@ -90,6 +92,6 @@ interface SidebarSessionRowProps extends SidebarRowHandlers {
   style?: CSSProperties;
 }
 /** Renders one session of the sidebar list. Memoized: keep every prop stable. */
-declare const SidebarSessionRow: import("react").MemoExoticComponent<({ sessionId, title, cwd, hostId, hostBadge, spaceId, isMain, isActive, isRenaming, archived, favorite, renameValue, menuOpen, onSelect, onRenameValueChange, onRenameCommit, onRenameCancel, onStartRename, onDelete, onSetArchived, onSetFavorite, onRetryEnvironment, onRunEnvironmentAction, onMoveToSpace, onMoveSession, onOpenMenu, onCloseMenu, excerpt, excerptQuery, project, updatedAt, environment, runDetails, artifactBadges, spaces, live, decoration, className, style }: SidebarSessionRowProps) => import("react").JSX.Element>;
+declare const SidebarSessionRow: import("react").MemoExoticComponent<({ sessionId, title, cwd, hostId, hostBadge, spaceId, isMain, isActive, isRenaming, archived, favorite, scheduled, renameValue, menuOpen, onSelect, onRenameValueChange, onRenameCommit, onRenameCancel, onStartRename, onDelete, onSetArchived, onSetFavorite, onRetryEnvironment, onRunEnvironmentAction, onMoveToSpace, onMoveSession, onOpenMenu, onCloseMenu, excerpt, excerptQuery, project, updatedAt, environment, runDetails, artifactBadges, spaces, live, decoration, className, style }: SidebarSessionRowProps) => import("react").JSX.Element>;
 //#endregion
 export { SidebarRowHandlers, SidebarSessionRow, SidebarSessionRowProps };

package/dist/chat/sidebar/SidebarSessionRow.js

@@ -32,7 +32,7 @@ const ExcerptHighlight = memo(({ text, query }) => {
 });
 ExcerptHighlight.displayName = "ExcerptHighlight";
 /** Renders one session of the sidebar list. Memoized: keep every prop stable. */
-const SidebarSessionRow = memo(({ sessionId, title, cwd, hostId, hostBadge = true, spaceId, isMain, isActive, isRenaming, archived, favorite = false, renameValue, menuOpen, onSelect, onRenameValueChange, onRenameCommit, onRenameCancel, onStartRename, onDelete, onSetArchived, onSetFavorite, onRetryEnvironment, onRunEnvironmentAction, onMoveToSpace, onMoveSession, onOpenMenu, onCloseMenu, excerpt, excerptQuery, project, updatedAt, environment, runDetails, artifactBadges, spaces, live, decoration, className, style }) => {
+const SidebarSessionRow = memo(({ sessionId, title, cwd, hostId, hostBadge = true, spaceId, isMain, isActive, isRenaming, archived, favorite = false, scheduled = false, renameValue, menuOpen, onSelect, onRenameValueChange, onRenameCommit, onRenameCancel, onStartRename, onDelete, onSetArchived, onSetFavorite, onRetryEnvironment, onRunEnvironmentAction, onMoveToSpace, onMoveSession, onOpenMenu, onCloseMenu, excerpt, excerptQuery, project, updatedAt, environment, runDetails, artifactBadges, spaces, live, decoration, className, style }) => {
 	const { SessionStatusDot, RowMeta, RowArtifacts } = live;
 	const host = useSidebarHost();
 	const labels = useSidebarLabels();
@@ -106,10 +106,15 @@ const SidebarSessionRow = memo(({ sessionId, title, cwd, hostId, hostBadge = tru
 			surface: "title",
 			links: false
 		}) : void 0,
-		...decoration && (decoration.icon || decoration.chips.length > 0 || decoration.component) ? { badges: /* @__PURE__ */ jsx(SidebarDecoration, {
+		...scheduled || decoration && (decoration.icon || decoration.chips.length > 0 || decoration.component) ? { badges: /* @__PURE__ */ jsxs(Fragment, { children: [scheduled && /* @__PURE__ */ jsx("span", {
+			role: "img",
+			"aria-label": labels.rowScheduled,
+			title: labels.rowScheduled,
+			className: "i-ph-clock shrink-0 text-zg-label text-[var(--zg-text-muted)]"
+		}), decoration && /* @__PURE__ */ jsx(SidebarDecoration, {
 			decoration,
 			sessionId
-		}) } : {},
+		})] }) } : {},
 		meta: typeof updatedAt === "number" ? /* @__PURE__ */ jsx(RowMeta, {
 			sessionId,
 			updatedAt,

package/dist/chat/sidebar/sidebar-live.js

@@ -20,7 +20,7 @@ import { useSessionActivity } from "./useSessionActivity.js";
 import { useSessionBadges } from "./useSessionBadges.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useEffect, useMemo, useReducer, useState } from "react";
-import { sessionBadgeTarget } from "zidane/chat/pure";
+import { isRunEstimated, sessionBadgeTarget } from "zidane/chat/pure";
 //#region src/chat/sidebar/sidebar-live.tsx
 /**
 * What a sidebar row says about its session beyond the title, from the
@@ -319,10 +319,14 @@ function createSidebarLive(options) {
 	function useSessionEstimate(sessionId) {
 		return useRunEstimate(estimatesStore ? sessionId : void 0, void 0, estimatesStore);
 	}
-	/** The run's time: what it has left while the host estimated it, else how long it has gone. */
+	/**
+	* The run's time: what it has left while the host estimated it, else how long it has gone (with a mark
+	* saying why, when the host could not estimate it).
+	*/
 	function RunTime({ sessionId }) {
 		const estimate = useSessionEstimate(sessionId);
-		return estimate ? /* @__PURE__ */ jsx(EstimateChip, { estimate }) : /* @__PURE__ */ jsx(Elapsed, { sessionId });
+		if (estimate && isRunEstimated(estimate)) return /* @__PURE__ */ jsx(EstimateChip, { estimate });
+		return /* @__PURE__ */ jsxs(Fragment, { children: [estimate && /* @__PURE__ */ jsx(RunEstimateChip, { estimate }), /* @__PURE__ */ jsx(Elapsed, { sessionId })] });
 	}
 	/**
 	* The estimate chip. Its tooltip says how long the run has gone, read from the run's start when the
@@ -352,7 +356,7 @@ function createSidebarLive(options) {
 					className: "self-center w-1.5 h-1.5 rounded-full bg-[var(--zg-accent)]"
 				}),
 				labels.rowWorking,
-				estimate && /* @__PURE__ */ jsx(EstimateChip, { estimate })
+				estimate && (isRunEstimated(estimate) ? /* @__PURE__ */ jsx(EstimateChip, { estimate }) : /* @__PURE__ */ jsx(RunEstimateChip, { estimate }))
 			]
 		}) : /* @__PURE__ */ jsx(Ago, {
 			at: updatedAt,

package/dist/chat/transcript/AuthFailureCard.d.ts

@@ -0,0 +1,34 @@
+import { RunFailure } from "../headless/transcript/run-failures.js";
+import "../headless/transcript/index.js";
+import { CSSProperties } from "react";
+import { AuthFailure } from "zidane/chat/pure";
+import { StreamEvent } from "zidane/chat";
+//#region src/chat/transcript/AuthFailureCard.d.ts
+/** Props for {@link AuthFailureCard}. */
+interface AuthFailureCardProps {
+  /** The sign-in that failed (`detail.auth`). */
+  auth: AuthFailure;
+  /** The run's stop reason, shown muted under the headline. */
+  text: string;
+  /** The error's structured detail: the provider's own words, for the tooltip and Copy details. */
+  detail?: StreamEvent['detail'];
+  /** How the run ended and how it would resume. */
+  failure: RunFailure;
+  /** The card is the transcript's last word, with no run in progress: it offers its actions. */
+  resumable: boolean;
+  /** Called with the prompt that resumes the run (Retry, and after a sign-in or a switch). Absent: no Retry. */
+  onResume?: (prompt: string) => void;
+  /** Extra classes on the root element. */
+  className?: string;
+  /** Inline styles on the root element, merged after the component's own. */
+  style?: CSSProperties;
+}
+/**
+ * Renders a sign-in failure as a card with its fixes; see the module
+ * comment for the rules.
+ *
+ * @param props - Component props.
+ */
+declare const AuthFailureCard: import("react").MemoExoticComponent<({ auth, text, detail, failure, resumable, onResume, className, style }: AuthFailureCardProps) => import("react").JSX.Element>;
+//#endregion
+export { AuthFailureCard, AuthFailureCardProps };