zidane-ui 9.1.4 → 9.1.6

package/dist/git/headless/environment.js

@@ -51,11 +51,14 @@ function resolveDraftDescriptor(descriptors, draft) {
 function resolveDraftEnvironment(descriptors, draft) {
 	const descriptor = resolveDraftDescriptor(descriptors, draft);
 	if (!descriptor || descriptor.kind === "local") return;
-	const typed = draft?.kind === descriptor.kind ? draft.branch.trim() : "";
+	const picked = draft?.kind === descriptor.kind ? draft : null;
+	const typed = picked ? picked.branch.trim() : "";
 	const branch = descriptor.takesBranch ? typed || descriptor.suggestedBranch : void 0;
+	const checkout = descriptor.takesBranch && typed && picked?.checkout ? picked.checkout : void 0;
 	return {
 		kind: descriptor.kind,
-		...branch ? { branch } : {}
+		...branch ? { branch } : {},
+		...checkout ? { checkout } : {}
 	};
 }
 /**

package/dist/git/headless/labels.d.ts

@@ -5,6 +5,8 @@ type Checks = NonNullable<GitPullRequest['checks']>;
 declare const DEFAULT_GIT_LABELS: {
   /** A host call the host cannot make here. */
   gitUnavailable: string;
+  gitStartNoWorktree: string;
+  gitStartCheckedOutElsewhere: (path: string) => string;
   gitBranchButton: (branch: string) => string;
   gitBranchDetached: (commit: string) => string;
   gitBranchSwitch: string;

package/dist/git/headless/labels.js

@@ -9,6 +9,8 @@ const plural = (n, one) => `${n} ${one}${n === 1 ? "" : "s"}`;
 const DEFAULT_GIT_LABELS = {
 	/** A host call the host cannot make here. */
 	gitUnavailable: "Not available here.",
+	gitStartNoWorktree: "Worktrees are not available for this folder.",
+	gitStartCheckedOutElsewhere: (path) => `That branch is checked out in ${path}. Open it in a worktree instead.`,
 	gitBranchButton: (branch) => `Branch ${branch}`,
 	gitBranchDetached: (commit) => `Detached at ${commit}`,
 	gitBranchSwitch: "Switch branch",

package/dist/git/index.d.ts

@@ -8,4 +8,5 @@ import { GIT_BAR_ITEM, SyncChip, SyncChipProps } from "./SyncChip.js";
 import { WhereMenu, WhereMenuProps, WherePicker, WherePickerProps } from "./WherePicker.js";
 import { GitBarState, useGitBar } from "./useGitBar.js";
 import { useEnvironmentChoices } from "./useEnvironmentChoices.js";
-export { BranchMenu, BranchMenuProps, BranchMenuWorktree, GIT_BAR_ITEM, GitBar, GitBarBranchMenuProps, GitBarProps, GitBarState, GitProvider, GitProviderProps, ImportRepoDialog, ImportRepoDialogProps, ImportRepoTarget, MoveSessionDialog, MoveSessionDialogProps, RemoteFolderBrowser, RemoteFolderBrowserProps, RemoteFolderPicker, RemoteFolderPickerProps, SyncChip, SyncChipProps, WhereMenu, WhereMenuProps, WherePicker, WherePickerProps, useEnvironmentChoices, useGitBar, useGitHost, useGitLabels, useImportRepo, useMoveSession };
+import { StartFromPanelDraft, StartFromPanelResult, useStartFromPanel } from "./useStartFromPanel.js";
+export { BranchMenu, BranchMenuProps, BranchMenuWorktree, GIT_BAR_ITEM, GitBar, GitBarBranchMenuProps, GitBarProps, GitBarState, GitProvider, GitProviderProps, ImportRepoDialog, ImportRepoDialogProps, ImportRepoTarget, MoveSessionDialog, MoveSessionDialogProps, RemoteFolderBrowser, RemoteFolderBrowserProps, RemoteFolderPicker, RemoteFolderPickerProps, StartFromPanelDraft, StartFromPanelResult, SyncChip, SyncChipProps, WhereMenu, WhereMenuProps, WherePicker, WherePickerProps, useEnvironmentChoices, useGitBar, useGitHost, useGitLabels, useImportRepo, useMoveSession, useStartFromPanel };

package/dist/git/index.js

@@ -8,4 +8,5 @@ import { useGitBar } from "./useGitBar.js";
 import { GitBar } from "./GitBar.js";
 import { MoveSessionDialog, useMoveSession } from "./MoveSessionDialog.js";
 import { WhereMenu, WherePicker } from "./WherePicker.js";
-export { BranchMenu, GIT_BAR_ITEM, GitBar, GitProvider, ImportRepoDialog, MoveSessionDialog, RemoteFolderBrowser, RemoteFolderPicker, SyncChip, WhereMenu, WherePicker, useEnvironmentChoices, useGitBar, useGitHost, useGitLabels, useImportRepo, useMoveSession };
+import { useStartFromPanel } from "./useStartFromPanel.js";
+export { BranchMenu, GIT_BAR_ITEM, GitBar, GitProvider, ImportRepoDialog, MoveSessionDialog, RemoteFolderBrowser, RemoteFolderPicker, SyncChip, WhereMenu, WherePicker, useEnvironmentChoices, useGitBar, useGitHost, useGitLabels, useImportRepo, useMoveSession, useStartFromPanel };

package/dist/git/useStartFromPanel.d.ts

@@ -0,0 +1,22 @@
+import { DraftTarget } from "../chat/composer/use-draft-target.js";
+import { PanelStartSession } from "zidane/chat/pure";
+//#region src/git/useStartFromPanel.d.ts
+/** What a start answered: done, or why not in words. */
+type StartFromPanelResult = {
+  ok: true;
+} | {
+  ok: false;
+  message: string;
+};
+/** The draft a start sets up. */
+type StartFromPanelDraft = Pick<DraftTarget, 'environment' | 'setEnvironment' | 'environmentChoices'>;
+/**
+ * Returns the start for `cwd`'s draft: it sets the draft's environment, switches the folder when asked, replaces
+ * the composer's text with the row's prompt and focuses it.
+ *
+ * @param draft - The new-chat draft on screen.
+ * @param cwd - The folder the panel is for.
+ */
+declare function useStartFromPanel(draft: StartFromPanelDraft, cwd: string): (start: PanelStartSession) => Promise<StartFromPanelResult>;
+//#endregion
+export { StartFromPanelDraft, StartFromPanelResult, useStartFromPanel };

package/dist/git/useStartFromPanel.js

@@ -0,0 +1,91 @@
+import { gitErrorText } from "./headless/labels.js";
+import { useGitHost, useGitLabels } from "./GitProvider.js";
+import { focusComposer, pushComposerDraft } from "../chat/composer/composer-bus.js";
+import { useCallback } from "react";
+import { parseMachineKind } from "zidane/chat/pure";
+//#region src/git/useStartFromPanel.ts
+/**
+* A panel row's "start a session" (`PanelStartSession`: a pull request's or a ticket's Open in worktree, Switch
+* to branch, Open here) on the new-chat draft on screen: the draft's environment and the composer's text. Nothing
+* is sent: the user reviews the prompt and sends it.
+*
+*   - `worktree`: the draft runs in a worktree on the row's branch, checked out as it is
+*     (`DraftEnvironment.checkout`): the local branch, `origin`'s, else the pull request's head.
+*   - `here`: the folder switches to the pull request or branch first (`GitHost.checkout`, never forced: git's
+*     refusal comes back as the result), and the draft runs in the folder itself.
+*/
+const isWorktreeKind = (kind) => kind === "worktree" || parseMachineKind(kind)?.base === "worktree";
+const isLocalKind = (kind) => kind === "local" || parseMachineKind(kind)?.base === "local";
+/**
+* The worktree kind to start in: the draft's own when it is one (a machine's), else this computer's. `null`: none
+* offered or available.
+*/
+function worktreeKind(draft) {
+	const choices = draft.environmentChoices.filter((d) => d.available && isWorktreeKind(d.kind));
+	return ((draft.environment && choices.find((d) => d.kind === draft.environment.kind)) ?? choices.find((d) => d.kind === "worktree") ?? null)?.kind ?? null;
+}
+/**
+* Returns the start for `cwd`'s draft: it sets the draft's environment, switches the folder when asked, replaces
+* the composer's text with the row's prompt and focuses it.
+*
+* @param draft - The new-chat draft on screen.
+* @param cwd - The folder the panel is for.
+*/
+function useStartFromPanel(draft, cwd) {
+	const git = useGitHost();
+	const labels = useGitLabels();
+	const { environment, environmentChoices, setEnvironment } = draft;
+	return useCallback(async (start) => {
+		if (start.where === "worktree") {
+			const kind = worktreeKind({
+				environment,
+				environmentChoices,
+				setEnvironment
+			});
+			if (!kind) return {
+				ok: false,
+				message: labels.gitStartNoWorktree
+			};
+			const branch = start.branch ?? (start.pullRequest ? `pr-${start.pullRequest}` : "");
+			const pick = {
+				kind,
+				branch,
+				...branch ? { checkout: start.pullRequest ? { pullRequest: start.pullRequest } : {} } : {}
+			};
+			setEnvironment(pick);
+		} else {
+			const target = start.pullRequest ? { pullRequest: start.pullRequest } : start.branch ? { branch: start.branch } : null;
+			if (target) {
+				if (!git?.checkout) return {
+					ok: false,
+					message: labels.gitUnavailable
+				};
+				const result = await git.checkout(cwd, target);
+				if (!result.ok) return {
+					ok: false,
+					message: result.worktree ? labels.gitStartCheckedOutElsewhere(result.worktree.path) : gitErrorText(result.error, labels)
+				};
+			}
+			const local = environmentChoices.find((d) => d.available && d.kind === "local") ?? environmentChoices.find((d) => d.available && isLocalKind(d.kind));
+			setEnvironment(local ? {
+				kind: local.kind,
+				branch: ""
+			} : null);
+		}
+		pushComposerDraft({
+			text: start.prompt ?? "",
+			attachments: []
+		});
+		focusComposer();
+		return { ok: true };
+	}, [
+		git,
+		labels,
+		cwd,
+		environment,
+		environmentChoices,
+		setEnvironment
+	]);
+}
+//#endregion
+export { useStartFromPanel };

package/dist/keybindings/KeyCommands.js

@@ -1,7 +1,7 @@
+import { createKeyCommandRegistry } from "./headless/commands.js";
 import { getMergedKeybindings } from "./headless/overrides.js";
 import { loadOnce } from "./load-once.js";
 import { bindKeyListeners, useKeybindingsHost } from "./KeybindingsProvider.js";
-import { createKeyCommandRegistry } from "./headless/commands.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 //#region src/keybindings/KeyCommands.tsx

package/dist/keybindings/KeybindingsProvider.js

@@ -1,7 +1,7 @@
 import { LabelsProvider } from "../labels.js";
 import { DEFAULT_KEYBINDINGS, KEYBINDING_DEF_BY_ACTION } from "./headless/catalog.js";
-import { bindingAllowedIn, keyScopeOf } from "./headless/key-scope.js";
 import { getMergedKeybindings } from "./headless/overrides.js";
+import { bindingAllowedIn, keyScopeOf } from "./headless/key-scope.js";
 import { loadOnce } from "./load-once.js";
 import { matchesBinding } from "./match.js";
 import { jsx } from "react/jsx-runtime";

package/dist/keybindings/headless/catalog.d.ts

@@ -1,7 +1,7 @@
 import { ParsedBinding, bindingAlternatives, parseBindingSpec, parseBindingSpecs } from "zidane/chat/pure";
 //#region src/keybindings/headless/catalog.d.ts
 /** Every action a key binding can fire. */
-type KeyAction = 'openSettings' | 'openSessionDetails' | 'openModelPicker' | 'openEffortPicker' | 'openTodos' | 'openArtifacts' | 'openMainSession' | 'openUsagePanel' | 'newSession' | 'openKeybindings' | 'openPalette' | 'cancelToolCall' | 'cycleAgent' | 'enterSelectTurnMode' | 'toggleSidebar' | 'sessionGenerateTitle' | 'sessionCompact' | 'sessionExportMarkdown' | 'sessionExportJson' | 'sessionDelete' | 'sessionCopyId' | 'sessionFavorite' | 'zoomIn' | 'zoomOut' | 'zoomReset' | 'panelNext' | 'panelPrev' | 'tabNext' | 'tabPrev' | 'closeTab' | 'toggleTerminal' | 'newTerminal' | 'annotatePage' | 'splitTabRight' | 'splitTabDown';
+type KeyAction = 'openSettings' | 'openSessionDetails' | 'openModelPicker' | 'openEffortPicker' | 'openTodos' | 'openArtifacts' | 'openMainSession' | 'openUsagePanel' | 'newSession' | 'openKeybindings' | 'openPalette' | 'cancelToolCall' | 'cycleAgent' | 'enterSelectTurnMode' | 'toggleSidebar' | 'navigateBack' | 'navigateForward' | 'sessionGenerateTitle' | 'sessionCompact' | 'sessionExportMarkdown' | 'sessionExportJson' | 'sessionDelete' | 'sessionCopyId' | 'sessionFavorite' | 'zoomIn' | 'zoomOut' | 'zoomReset' | 'panelNext' | 'panelPrev' | 'tabNext' | 'tabPrev' | 'closeTab' | 'toggleTerminal' | 'newTerminal' | 'annotatePage' | 'splitTabRight' | 'splitTabDown';
 /** One action of the catalog. */
 interface KeyBindingDef {
   /** The action. */

package/dist/keybindings/headless/catalog.js

@@ -33,8 +33,8 @@ const KEYBINDING_DEFS = [
 	{
 		action: "openTodos",
 		default: "ctrl+t",
-		label: "todos",
-		description: "open the active run's todo list (the agent's `todowrite` checkpoints)"
+		label: "plan",
+		description: "open the Inbox: what waits on you, the plan in progress and the recent ones"
 	},
 	{
 		action: "openArtifacts",
@@ -103,6 +103,18 @@ const KEYBINDING_DEFS = [
 		label: "sidebar",
 		description: "show or hide the chats sidebar"
 	},
+	{
+		action: "navigateBack",
+		default: "cmd+left | cmd+[",
+		label: "back",
+		description: "go back to the conversation shown before, like a browser"
+	},
+	{
+		action: "navigateForward",
+		default: "cmd+right | cmd+]",
+		label: "forward",
+		description: "go forward again to the conversation you went back from"
+	},
 	{
 		action: "sessionGenerateTitle",
 		default: "ctrl+shift+t",

package/dist/keybindings/headless/index.js

@@ -1,6 +1,6 @@
 import { DEFAULT_KEYBINDINGS, KEYBINDING_DEFS, KEYBINDING_DEF_BY_ACTION, bindingAlternatives, parseBindingSpec, parseBindingSpecs } from "./catalog.js";
-import { KEYSCOPE_ATTR, bindingAllowedIn, isTypingFocused, isTypingTarget, keyScopeOf } from "./key-scope.js";
-import { createKeybindingOverrides, filterOverrides, getMergedKeybindings } from "./overrides.js";
 import { createKeyCommandRegistry } from "./commands.js";
+import { createKeybindingOverrides, filterOverrides, getMergedKeybindings } from "./overrides.js";
+import { KEYSCOPE_ATTR, bindingAllowedIn, isTypingFocused, isTypingTarget, keyScopeOf } from "./key-scope.js";
 import { DEFAULT_KEYBINDINGS_LABELS } from "./labels.js";
 export { DEFAULT_KEYBINDINGS, DEFAULT_KEYBINDINGS_LABELS, KEYBINDING_DEFS, KEYBINDING_DEF_BY_ACTION, KEYSCOPE_ATTR, bindingAllowedIn, bindingAlternatives, createKeyCommandRegistry, createKeybindingOverrides, filterOverrides, getMergedKeybindings, isTypingFocused, isTypingTarget, keyScopeOf, parseBindingSpec, parseBindingSpecs };

package/dist/keybindings/headless/key-scope.d.ts

@@ -25,8 +25,10 @@ declare function isTypingFocused(): boolean;
 /**
  * Whether an app-level binding may fire under `scope`. In the editor,
  * `ctrl+<letter>` without shift belongs to the editor (movement and
- * editing chords); everything with shift, meta or a non-letter key is an
- * app intent (settings, panels, zoom).
+ * editing chords), and so do `cmd+[` / `cmd+]` (indent). In the editor and
+ * text fields, an arrow with ⌘ or ⌥ alone (shift or not) moves the caret.
+ * Everything else with shift, meta or a non-letter key is an app intent
+ * (settings, panels, zoom).
  *
  * @param scope - Who owns the press.
  * @param spec - The binding.

package/dist/keybindings/headless/key-scope.js

@@ -51,18 +51,33 @@ function isTypingFocused() {
 	}
 	return false;
 }
+const ARROWS = /* @__PURE__ */ new Set([
+	"left",
+	"right",
+	"up",
+	"down"
+]);
+/** An arrow with ⌘ or ⌥ (not both, no ctrl): a text surface's line, word and document moves. */
+function movesCaret(spec) {
+	return ARROWS.has(spec.name) && !spec.ctrl && spec.meta !== spec.alt;
+}
 /**
 * Whether an app-level binding may fire under `scope`. In the editor,
 * `ctrl+<letter>` without shift belongs to the editor (movement and
-* editing chords); everything with shift, meta or a non-letter key is an
-* app intent (settings, panels, zoom).
+* editing chords), and so do `cmd+[` / `cmd+]` (indent). In the editor and
+* text fields, an arrow with ⌘ or ⌥ alone (shift or not) moves the caret.
+* Everything else with shift, meta or a non-letter key is an app intent
+* (settings, panels, zoom).
 *
 * @param scope - Who owns the press.
 * @param spec - The binding.
 * @param action - The binding's action (`closeTab` fires everywhere).
 */
 function bindingAllowedIn(scope, spec, action) {
+	if (scope !== "editor" && scope !== "input") return true;
+	if (movesCaret(spec)) return false;
 	if (scope !== "editor") return true;
+	if (spec.meta && !spec.ctrl && !spec.alt && !spec.shift && (spec.name === "[" || spec.name === "]")) return false;
 	if (action === "closeTab") return true;
 	return !(spec.ctrl && !spec.shift && !spec.meta && !spec.alt && /^[a-z]$/i.test(spec.name));
 }

package/dist/keybindings/headless/overrides.js

@@ -1,5 +1,5 @@
-import { writable } from "../../chat/headless/store.js";
 import { DEFAULT_KEYBINDINGS } from "./catalog.js";
+import { writable } from "../../chat/headless/store.js";
 //#region src/keybindings/headless/overrides.ts
 /**
 * The overrides model every `KeybindingsHost` shares: read the stored map,

package/dist/machines/HostSyncPanel.js

@@ -2,8 +2,8 @@ import { BTN_SECONDARY } from "../components/button.js";
 import { Checkbox, OpLine, SegmentedRow } from "../components/Form.js";
 import { constant, useReadable } from "../chat/headless/store.js";
 import { machinesError } from "./headless/host.js";
-import { useMachinesConfirm, useMachinesHost, useMachinesLabels } from "./MachinesProvider.js";
 import { shortList, syncBlockedReason } from "./headless/sync.js";
+import { useMachinesConfirm, useMachinesHost, useMachinesLabels } from "./MachinesProvider.js";
 import { useHostCapabilities } from "./HostCapabilities.js";
 import { SyncAccounts } from "./SyncAccounts.js";
 import { SyncOutcomeBadge } from "./SyncOutcomeBadge.js";

package/dist/machines/SyncOutcomeBadge.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "../components/Tooltip.js";
 import { MetaChip } from "../components/Form.js";
-import { useMachinesLabels } from "./MachinesProvider.js";
 import { syncOutcome } from "./headless/sync.js";
+import { useMachinesLabels } from "./MachinesProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/machines/SyncOutcomeBadge.tsx
 const MAX_LINES = 12;

package/dist/machines/headless/index.js

@@ -1,8 +1,8 @@
 import { isMachinesError, isPermitted, machinesError } from "./host.js";
-import { DEFAULT_MACHINES_LABELS } from "./labels.js";
 import { createPresenceStore } from "./presence.js";
 import { createMachineLists, createOnlineMachines, lazyReadable } from "./stores.js";
 import { createHostSyncReads, shortList, syncBlockedReason, syncOutcome } from "./sync.js";
+import { DEFAULT_MACHINES_LABELS } from "./labels.js";
 import { UPDATE_BUSY_STATES, agoText, daemonStatusText, hostCheckMessage, hostCheckOkLine, hostStatusText, hostStatusTone, linkStateText, updateStateLine, uptimeText } from "./messages.js";
 import { hostOfSettingsFocus, hostSettingsFocus } from "./settings-focus.js";
 export { DEFAULT_MACHINES_LABELS, UPDATE_BUSY_STATES, agoText, createHostSyncReads, createMachineLists, createOnlineMachines, createPresenceStore, daemonStatusText, hostCheckMessage, hostCheckOkLine, hostOfSettingsFocus, hostSettingsFocus, hostStatusText, hostStatusTone, isMachinesError, isPermitted, lazyReadable, linkStateText, machinesError, shortList, syncBlockedReason, syncOutcome, updateStateLine, uptimeText };

package/dist/onboarding/demos/features.d.ts

@@ -37,6 +37,10 @@ declare function UsageDemo({ on, className, style }: UsageDemoProps): import("re
 type DaemonDemoProps = DemoProps;
 /** Background service: two windows share one running session through the link between them. */
 declare function DaemonDemo({ on, className, style }: DaemonDemoProps): import("react").JSX.Element;
+/** Props of {@link RemindersDemo}. */
+type RemindersDemoProps = DemoProps;
+/** Reminders: you type `/remind`, its chip counts down to now, and the reminder lands in the session. */
+declare function RemindersDemo({ on, className, style }: RemindersDemoProps): import("react").JSX.Element;
 /** Props of {@link BrowserDemo}. */
 type BrowserDemoProps = DemoProps;
 /** Browser tab: a page at localhost:5173, and the agent's pointer that clicks its button. */
@@ -53,6 +57,10 @@ declare function NotificationsDemo({ on, className, style }: NotificationsDemoPr
 type ProjectExtensionsDemoProps = DemoProps;
 /** Project extensions: the .zidane/extensions folder of a project, behind a trust lock. */
 declare function ProjectExtensionsDemo({ on, className, style }: ProjectExtensionsDemoProps): import("react").JSX.Element;
+/** Props of {@link SecretsDemo}. */
+type SecretsDemoProps = DemoProps;
+/** Secrets: the agent asks for a key in a password field, and the transcript says it was saved, never the value. */
+declare function SecretsDemo({ on, className, style }: SecretsDemoProps): import("react").JSX.Element;
 /**
  * Whether a feature has a demo.
  *
@@ -71,4 +79,4 @@ interface FeatureDemoProps extends DemoProps {
  */
 declare function FeatureDemo({ feature, on, className, style }: FeatureDemoProps): import("react").JSX.Element | null;
 //#endregion
-export { AutoTitleDemo, AutoTitleDemoProps, AutocompleteDemo, AutocompleteDemoProps, BrowserDemo, BrowserDemoProps, CodemodeDemo, CodemodeDemoProps, DaemonDemo, DaemonDemoProps, FeatureDemo, FeatureDemoProps, NotificationsDemo, NotificationsDemoProps, ProjectExtensionsDemo, ProjectExtensionsDemoProps, RunEstimatesDemo, RunEstimatesDemoProps, SpacesDemo, SpacesDemoProps, TerminalDemo, TerminalDemoProps, UpdatesDemo, UpdatesDemoProps, UsageDemo, UsageDemoProps, WebSearchDemo, WebSearchDemoProps, hasFeatureDemo };
+export { AutoTitleDemo, AutoTitleDemoProps, AutocompleteDemo, AutocompleteDemoProps, BrowserDemo, BrowserDemoProps, CodemodeDemo, CodemodeDemoProps, DaemonDemo, DaemonDemoProps, FeatureDemo, FeatureDemoProps, NotificationsDemo, NotificationsDemoProps, ProjectExtensionsDemo, ProjectExtensionsDemoProps, RemindersDemo, RemindersDemoProps, RunEstimatesDemo, RunEstimatesDemoProps, SecretsDemo, SecretsDemoProps, SpacesDemo, SpacesDemoProps, TerminalDemo, TerminalDemoProps, UpdatesDemo, UpdatesDemoProps, UsageDemo, UsageDemoProps, WebSearchDemo, WebSearchDemoProps, hasFeatureDemo };

package/dist/onboarding/demos/features.js

@@ -375,6 +375,61 @@ function DaemonDemo({ on, className, style }) {
 		})
 	});
 }
+/** Reminders: you type `/remind`, its chip counts down to now, and the reminder lands in the session. */
+function RemindersDemo({ on, className, style }) {
+	const labels = useOnboardingLabels();
+	return /* @__PURE__ */ jsx(DemoStage, {
+		on,
+		className,
+		style,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "flex flex-col items-stretch gap-2 w-full max-w-[300px] min-w-0",
+			children: [/* @__PURE__ */ jsxs(MiniWindow, {
+				className: "w-full",
+				bodyClassName: "px-2.5 pt-0.5 pb-2.5 gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx(Line, { width: "64%" }),
+					/* @__PURE__ */ jsx(Line, { width: "42%" }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-2 pt-0.5 min-w-0",
+						children: [/* @__PURE__ */ jsxs(MetaChip, { children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": true,
+							className: "i-ph-alarm"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "zg-demo-stack",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "zg-loop zg-demo-before",
+								children: labels.demoReminderIn
+							}), /* @__PURE__ */ jsx("span", {
+								className: "zg-loop zg-demo-after text-[var(--zg-accent)]",
+								children: labels.demoReminderNow
+							})]
+						})] }), /* @__PURE__ */ jsx("span", {
+							className: "relative flex-1 h-1 rounded-full overflow-hidden zg-demo-track",
+							children: /* @__PURE__ */ jsx("span", { className: "zg-loop zg-demo-grow absolute inset-0 rounded-full bg-[var(--zg-accent-dot)]" })
+						})]
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "zg-loop zg-demo-after zg-tray self-end flex flex-col gap-0.5 max-w-[85%] px-2 py-1 rounded-zg-md min-w-0",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "zg-meta truncate",
+							children: labels.demoReminderFrom
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-zg-label truncate",
+							children: labels.demoReminderText
+						})]
+					})
+				]
+			}), /* @__PURE__ */ jsx(Composer, { children: /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center min-w-0 flex-1 text-zg-label whitespace-nowrap overflow-hidden",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "zg-loop zg-demo-type-early truncate",
+					children: labels.demoReminderTyped
+				}), /* @__PURE__ */ jsx(Caret, {})]
+			}) })]
+		})
+	});
+}
 /** Browser tab: a page at localhost:5173, and the agent's pointer that clicks its button. */
 function BrowserDemo({ on, className, style }) {
 	const labels = useOnboardingLabels();
@@ -570,6 +625,54 @@ function ProjectExtensionsDemo({ on, className, style }) {
 		})
 	});
 }
+/** Secrets: the agent asks for a key in a password field, and the transcript says it was saved, never the value. */
+function SecretsDemo({ on, className, style }) {
+	const labels = useOnboardingLabels();
+	return /* @__PURE__ */ jsx(DemoStage, {
+		on,
+		className,
+		style,
+		children: /* @__PURE__ */ jsxs(MiniWindow, {
+			className: "w-full max-w-[280px]",
+			bodyClassName: "px-3 pt-1 pb-2.5 gap-1.5",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "truncate text-zg-label",
+					children: labels.demoSecretPrompt
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "zg-well flex items-center gap-1.5 h-6 px-2 rounded-zg-md min-w-0",
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "i-ph-lock-simple text-zg-label text-[var(--zg-text-muted)] shrink-0"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "zg-loop zg-demo-type-early truncate font-mono text-zg-badge text-[var(--zg-text)]",
+						children: labels.demoSecretDots
+					})]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2 pt-0.5 min-w-0",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: `${buttonClass({
+							variant: "solid",
+							size: "xs"
+						})} zg-loop zg-demo-press`,
+						children: labels.demoSecretSave
+					}), /* @__PURE__ */ jsx("span", {
+						className: "zg-loop zg-demo-after ml-auto min-w-0",
+						children: /* @__PURE__ */ jsxs(MetaChip, {
+							tone: "success",
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "i-ph-shield-check"
+							}), labels.demoSecretSaved]
+						})
+					})]
+				})
+			]
+		})
+	});
+}
 const DEMOS = {
 	codemode: CodemodeDemo,
 	webSearch: WebSearchDemo,
@@ -580,10 +683,12 @@ const DEMOS = {
 	checkForUpdates: UpdatesDemo,
 	subscriptionUsage: UsageDemo,
 	useDaemon: DaemonDemo,
+	schedules: RemindersDemo,
 	browser: BrowserDemo,
 	terminal: TerminalDemo,
 	notifications: NotificationsDemo,
-	loadProjectExtensions: ProjectExtensionsDemo
+	loadProjectExtensions: ProjectExtensionsDemo,
+	secrets: SecretsDemo
 };
 /**
 * Whether a feature has a demo.
@@ -607,4 +712,4 @@ function FeatureDemo({ feature, on, className, style }) {
 	}) : null;
 }
 //#endregion
-export { AutoTitleDemo, AutocompleteDemo, BrowserDemo, CodemodeDemo, DaemonDemo, FeatureDemo, NotificationsDemo, ProjectExtensionsDemo, RunEstimatesDemo, SpacesDemo, TerminalDemo, UpdatesDemo, UsageDemo, WebSearchDemo, hasFeatureDemo };
+export { AutoTitleDemo, AutocompleteDemo, BrowserDemo, CodemodeDemo, DaemonDemo, FeatureDemo, NotificationsDemo, ProjectExtensionsDemo, RemindersDemo, RunEstimatesDemo, SecretsDemo, SpacesDemo, TerminalDemo, UpdatesDemo, UsageDemo, WebSearchDemo, hasFeatureDemo };

package/dist/onboarding/demos/how-it-works.d.ts

@@ -34,7 +34,11 @@ declare function AccountsScene({ step, className, style }: AccountsSceneProps):
 type HostsSceneProps = SceneProps;
 /** Hosts: zidane-server starts on a machine, prints a device token, then this app runs its sessions there. */
 declare function HostsScene({ step, className, style }: HostsSceneProps): import("react").JSX.Element;
+/** Props of {@link SecretsScene}. */
+type SecretsSceneProps = SceneProps;
+/** Secrets: a password field the agent asks with, the private file that keeps the key, then a command whose output hides it. */
+declare function SecretsScene({ step, className, style }: SecretsSceneProps): import("react").JSX.Element;
 /** The scene of each tutorial. */
 declare const TUTORIAL_SCENES: Readonly<Record<TutorialTopic, ComponentType<SceneProps>>>;
 //#endregion
-export { AccountsScene, AccountsSceneProps, ConnectorsScene, ConnectorsSceneProps, EnvironmentsScene, EnvironmentsSceneProps, ExtensionsScene, ExtensionsSceneProps, FilesScene, FilesSceneProps, HostsScene, HostsSceneProps, InstructionsScene, InstructionsSceneProps, SkillsScene, SkillsSceneProps, TUTORIAL_SCENES };
+export { AccountsScene, AccountsSceneProps, ConnectorsScene, ConnectorsSceneProps, EnvironmentsScene, EnvironmentsSceneProps, ExtensionsScene, ExtensionsSceneProps, FilesScene, FilesSceneProps, HostsScene, HostsSceneProps, InstructionsScene, InstructionsSceneProps, SecretsScene, SecretsSceneProps, SkillsScene, SkillsSceneProps, TUTORIAL_SCENES };