zidane-ui 9.1.3 → 9.1.5

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 };

package/dist/chat/transcript/AuthFailureCard.js

@@ -0,0 +1,358 @@
+import { buttonClass } from "../../components/button.js";
+import "../../components/Form.js";
+import { useReadable } from "../headless/store.js";
+import { RoutedLink } from "../../extensions/links.js";
+import { useChatLabels } from "../useChatLabels.js";
+import { useTranscriptActions } from "./actions.js";
+import { failureTooltip } from "../headless/transcript/run-failures.js";
+import { authFailureDetails, createAuthFixes, isAuthFixed, planAuthCard } from "../headless/transcript/auth-failure.js";
+import { useSignIn } from "../../onboarding/useSignIn.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { CONTINUE_PROMPT, authOffersSignInFallback, authPrimaryAction } from "zidane/chat/pure";
+//#region src/chat/transcript/AuthFailureCard.tsx
+/**
+* A run that stopped because a sign-in failed (`detail.auth`): instead of the
+* quiet "Stopped" line, a compact card with what failed (the provider's
+* name, the account), the reason, and what fixes it, in place: sign that
+* account in again (the browser flow runs inside the card, a pasted code
+* included), retry, switch to another stored account, open Settings there,
+* or copy the details. A sign-in that succeeds resends the failed prompt
+* when the stop is still the transcript's last word.
+*
+* Only the last stop is interactive (the rule the Retry button follows);
+* older cards keep their headline. Once a sign-in is fixed, every card for
+* it in the session says so. The accounts come from the transcript actions
+* (`TranscriptActions.accounts`): a member the app leaves out hides its
+* button.
+*/
+/** The sign-ins fixed from a card in this page's life, per session. */
+const FIXES = createAuthFixes();
+const BODY_TEXT = "text-sm leading-[1.6]";
+const BTN_MAIN = buttonClass({
+	variant: "primary",
+	size: "xs"
+});
+const BTN_OTHER = buttonClass({
+	variant: "secondary",
+	size: "xs"
+});
+const BTN_QUIET = buttonClass({
+	variant: "ghost",
+	size: "xs"
+});
+const COPIED_MS = 1200;
+const noop = () => () => {};
+const idle = () => void 0;
+/** A host's provider list, re-rendering when it changes (`undefined` without one). */
+function useProviderList(resource) {
+	return useSyncExternalStore(resource ? resource.subscribe : noop, resource ? resource.get : idle, resource ? resource.get : idle);
+}
+/** A rejected action's words: a `SettingsError`'s detail, an `Error`'s message. */
+function messageOf(error) {
+	if (error && typeof error === "object") {
+		if ("detail" in error && typeof error.detail === "string" && error.detail) return error.detail;
+		if ("message" in error && typeof error.message === "string" && error.message) return error.message;
+		if ("kind" in error && typeof error.kind === "string") return error.kind;
+	}
+	return String(error);
+}
+/**
+* Renders a sign-in failure as a card with its fixes; see the module
+* comment for the rules.
+*
+* @param props - Component props.
+*/
+const AuthFailureCard = memo(function AuthFailureCard({ auth, text, detail, failure, resumable, onResume, className, style }) {
+	const labels = useChatLabels();
+	const { sessionId, accounts } = useTranscriptActions();
+	const cwd = accounts?.cwd ?? "";
+	const providers = auth.source === "provider" ? accounts?.providers : void 0;
+	const list = useProviderList(useMemo(() => providers?.list(cwd) ?? null, [providers, cwd]))?.data;
+	const plan = useMemo(() => planAuthCard(auth, list), [auth, list]);
+	const fixes = useReadable(FIXES.fixed(sessionId));
+	const headline = labels.authHeadline(auth, plan.label);
+	const prompt = failure.resume === "retry" && failure.prompt ? failure.prompt : CONTINUE_PROMPT;
+	const latest = useRef({
+		resumable,
+		onResume,
+		prompt
+	});
+	useEffect(() => {
+		latest.current = {
+			resumable,
+			onResume,
+			prompt
+		};
+	});
+	/** Resends the failed prompt if the stop is still the last word; says whether it did. */
+	const resumeIfLast = () => {
+		const now = latest.current;
+		if (!now.resumable || !now.onResume) return false;
+		now.onResume(now.prompt);
+		return true;
+	};
+	const [outcome, setOutcome] = useState(null);
+	const signIn = useSignIn(() => {
+		FIXES.add(sessionId, auth);
+		setOutcome(resumeIfLast() ? "retrying" : "signed-in");
+	});
+	const [switching, setSwitching] = useState(null);
+	const [copied, setCopied] = useState(false);
+	useEffect(() => {
+		if (!copied) return void 0;
+		const timer = window.setTimeout(() => setCopied(false), COPIED_MS);
+		return () => window.clearTimeout(timer);
+	}, [copied]);
+	const flow = signIn.state;
+	const running = flow !== null && flow.kind !== "done" && flow.kind !== "error";
+	const fixed = outcome !== null || !resumable && !running && isAuthFixed(fixes, auth);
+	const open = resumable || running;
+	const begin = useMemo(() => {
+		if (auth.source === "provider") {
+			const provider = plan.provider;
+			if (!providers?.signIn || !provider?.oauth) return null;
+			const replaceKey = plan.replaceKey;
+			return () => providers.signIn(provider.key, replaceKey ? { replaceKey } : void 0);
+		}
+		const mcp = accounts?.mcp;
+		if (auth.source === "mcp" && mcp?.signIn) return () => mcp.signIn(cwd, auth.provider);
+		return null;
+	}, [
+		auth,
+		plan,
+		providers,
+		accounts?.mcp,
+		cwd
+	]);
+	const other = plan.otherAccount;
+	const canSwitch = Boolean(other?.key && plan.provider && providers?.setPreferred);
+	const switchAccount = async () => {
+		setSwitching({});
+		try {
+			await providers.setPreferred(cwd, plan.provider.key, { key: other.key });
+			setSwitching(null);
+			resumeIfLast();
+		} catch (error) {
+			setSwitching({ error: messageOf(error) });
+		}
+	};
+	const switchBusy = switching !== null && switching.error === void 0;
+	const primary = authPrimaryAction(auth);
+	const offerSignIn = begin !== null && (primary === "sign-in" || authOffersSignInFallback(auth));
+	const offerRetry = onResume !== void 0 && (primary === "retry" || !offerSignIn);
+	const otherLabel = other ? other.label ?? other.detail : "";
+	const copy = async () => {
+		try {
+			await navigator.clipboard.writeText(authFailureDetails(headline, text, detail?.raw));
+			setCopied(true);
+		} catch {}
+	};
+	const signInButton = offerSignIn && /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: primary === "sign-in" ? BTN_MAIN : BTN_OTHER,
+		onClick: () => signIn.start(begin),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "i-ph-sign-in"
+		}), labels.authSignInAgain]
+	});
+	const retryButton = offerRetry && /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: primary === "retry" ? BTN_MAIN : BTN_OTHER,
+		title: failure.resume === "retry" ? labels.retryHint : labels.continueHint,
+		onClick: () => onResume(prompt),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "i-ph-arrow-clockwise"
+		}), labels.retry]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		role: "group",
+		"aria-label": labels.authCard,
+		"data-testid": "run-failure",
+		"data-cause": failure.cause,
+		"data-auth": auth.kind,
+		"data-fixed": fixed ? "" : void 0,
+		className: [`flex flex-col gap-1 min-w-0 pl-3 border-l-2 ${fixed ? "border-zg-success" : "border-zg-danger"} ${BODY_TEXT}`, className].filter(Boolean).join(" "),
+		style,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 min-w-0",
+				title: failureTooltip(text, detail, labels.resetsAt),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: `shrink-0 ${fixed ? "i-ph-check-circle text-zg-success" : "i-ph-key text-zg-danger"}`
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 truncate font-medium text-[var(--zg-text)]",
+						children: headline
+					}),
+					fixed && outcome === null && /* @__PURE__ */ jsxs("span", {
+						className: "zg-meta-chip zg-meta shrink-0 gap-1 text-zg-success",
+						"data-testid": "auth-fixed",
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": true,
+							className: "i-ph-check"
+						}), labels.authFixed]
+					})
+				]
+			}),
+			(open || outcome !== null) && text && /* @__PURE__ */ jsx("div", {
+				className: "min-w-0 text-[var(--zg-text-muted)] whitespace-pre-wrap break-words",
+				children: text
+			}),
+			outcome !== null ? /* @__PURE__ */ jsxs("div", {
+				role: "status",
+				className: "flex items-center gap-1.5 text-zg-success",
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "i-ph-check"
+				}), outcome === "retrying" ? labels.authSignedInRetrying : labels.authSignedIn]
+			}) : !open ? null : running ? /* @__PURE__ */ jsx(SignInProgress, {
+				state: flow,
+				submit: signIn.submit,
+				onCancel: signIn.cancel
+			}) : flow?.kind === "error" ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx("div", {
+					role: "alert",
+					className: "text-zg-danger break-words",
+					children: labels.authFailed(flow.message)
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: BTN_MAIN,
+						onClick: () => signIn.start(begin),
+						children: labels.authTryAgain
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: BTN_OTHER,
+						onClick: signIn.cancel,
+						children: labels.authCancel
+					})]
+				})]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [switching?.error !== void 0 && /* @__PURE__ */ jsx("div", {
+					role: "alert",
+					className: "text-zg-danger break-words",
+					children: labels.authFailed(switching.error)
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: [
+						primary === "sign-in" ? signInButton : retryButton,
+						primary === "sign-in" ? retryButton : signInButton,
+						canSwitch && /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: BTN_OTHER,
+							disabled: switchBusy,
+							onClick: () => void switchAccount(),
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "i-ph-user-switch"
+							}), switchBusy ? labels.authSwitching(otherLabel) : labels.authUseAccount(otherLabel)]
+						}),
+						accounts?.openSettings && /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: BTN_QUIET,
+							title: labels.authSettingsHint,
+							onClick: () => accounts.openSettings(plan.settings),
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "i-ph-gear"
+							}), labels.authSettings]
+						}),
+						/* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: BTN_QUIET,
+							onClick: () => void copy(),
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: copied ? "i-ph-check" : "i-ph-copy"
+							}), copied ? labels.authCopied : labels.authCopyDetails]
+						})
+					]
+				})]
+			})
+		]
+	});
+});
+/** A sign-in while it runs, inside the card: where it is, the page's link, a pasted code, Cancel. */
+function SignInProgress({ state, submit, onCancel }) {
+	const labels = useChatLabels();
+	const [pasted, setPasted] = useState("");
+	const page = state.kind === "url" || state.kind === "device" ? state : null;
+	const instructions = state.kind === "url" && "instructions" in state && typeof state.instructions === "string" ? state.instructions : null;
+	const line = state.kind === "url" ? labels.authWaiting : state.kind === "device" ? labels.authEnterCode(state.userCode) : state.kind === "prompt" || state.kind === "progress" ? state.message : labels.authOpeningBrowser;
+	const takesInput = submit !== void 0 && (state.kind === "url" || state.kind === "prompt");
+	const send = (event) => {
+		event.preventDefault();
+		if (!pasted.trim()) return;
+		submit?.(pasted.trim());
+		setPasted("");
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5",
+		"data-testid": "auth-sign-in",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				role: "status",
+				"aria-live": "polite",
+				className: "flex items-center gap-2 min-w-0 text-[var(--zg-text)]",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "zg-spin-ring zg-loop block shrink-0 text-[var(--zg-accent)]"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 break-words",
+						children: line
+					}),
+					page && /* @__PURE__ */ jsx(RoutedLink, {
+						href: page.url,
+						source: "auth",
+						className: "shrink-0 text-[var(--zg-accent-hover)] underline underline-offset-2",
+						children: labels.authOpenPage
+					})
+				]
+			}),
+			instructions && /* @__PURE__ */ jsx("div", {
+				className: "text-[var(--zg-text-muted)] break-words",
+				children: instructions
+			}),
+			state.kind === "prompt" && state.options && /* @__PURE__ */ jsx("ol", {
+				className: "m-0 pl-5 text-[var(--zg-text-muted)]",
+				children: state.options.map((option) => /* @__PURE__ */ jsx("li", { children: option }, option))
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				className: "flex flex-wrap items-center gap-1.5",
+				onSubmit: send,
+				children: [takesInput && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
+					type: "text",
+					autoComplete: "off",
+					spellCheck: false,
+					"aria-label": labels.authPaste,
+					placeholder: state.kind === "prompt" && state.placeholder ? state.placeholder : labels.authPaste,
+					value: pasted,
+					onChange: (event) => setPasted(event.target.value),
+					className: `zg-well w-full h-8 px-2.5 text-zg-ui placeholder:text-[var(--zg-text-subtle)] disabled:opacity-zg-disabled flex-1 !w-auto min-w-40 h-6`
+				}), /* @__PURE__ */ jsx("button", {
+					type: "submit",
+					className: BTN_MAIN,
+					disabled: !pasted.trim(),
+					children: labels.authPasteSend
+				})] }), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: BTN_OTHER,
+					onClick: onCancel,
+					children: labels.authCancel
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { AuthFailureCard };

package/dist/chat/transcript/InteractionToolBody.js

@@ -1,9 +1,11 @@
 import { useChatLabels } from "../useChatLabels.js";
 import { ProseMarkdown } from "./ProseMarkdown.js";
+import { useOptionalWorkspaceActions, useOptionalWorkspaceView } from "../../workspace/WorkspaceProvider.js";
 import { PlanBody } from "../interactions/PlanCard.js";
 import { AnsweredQuestions } from "../interactions/QuestionForm.js";
 import { TodoListView } from "../../session/TodoList.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { SECRETS_PANEL_ID } from "zidane/chat/pure";
 //#region src/chat/transcript/InteractionToolBody.tsx
 /**
 * The tools this body knows how to render.
@@ -20,7 +22,7 @@ function hasInteractionBody(tool) {
 function parseResult(result) {
 	if (!result) return null;
 	try {
-		const parsed = JSON.parse(result);
+		const parsed = JSON.parse(result.split("\n\n", 1)[0]);
 		return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
 	} catch {
 		return null;
@@ -109,6 +111,12 @@ function waiting(tool, label) {
 		label
 	}) : null;
 }
+/** Opens the Secrets tab, when the workspace around offers it (`Settings.secrets` on). */
+function useOpenSecrets() {
+	const actions = useOptionalWorkspaceActions();
+	const offered = useOptionalWorkspaceView()?.tabs.some((tab) => tab.id === SECRETS_PANEL_ID) ?? false;
+	return actions && offered ? () => actions.focusTab(SECRETS_PANEL_ID) : void 0;
+}
 /**
 * The expanded body of a `present_plan`, `ask_user` or `todowrite` call (see the module comment); `null` for any other.
 *
@@ -116,6 +124,7 @@ function waiting(tool, label) {
 */
 function InteractionToolBody({ tool }) {
 	const labels = useChatLabels();
+	const openSecrets = useOpenSecrets();
 	if (!hasInteractionBody(tool)) return null;
 	const input = tool.rawInput;
 	const response = parseResult(tool.result);
@@ -162,7 +171,8 @@ function InteractionToolBody({ tool }) {
 					answers: answers ?? {},
 					instructions,
 					id: tool.id,
-					Markdown: ProseMarkdown
+					Markdown: ProseMarkdown,
+					onOpenSecrets: openSecrets
 				}),
 				!answers && (waiting(tool, labels.interactionWaitingAnswers) ?? (tool.result ? /* @__PURE__ */ jsx(Outcome, {
 					icon: "i-ph-minus-circle",