zidane-ui 9.1.3 → 9.1.5

package/dist/files/SearchPanel.js

@@ -1,9 +1,10 @@
 import { IconButton } from "../components/IconButton.js";
 import { Tooltip } from "../components/Tooltip.js";
+import { useNearViewport } from "../hooks/useNearViewport.js";
 import { useFilesLabels } from "./useFilesLabels.js";
 import { FileIcon, TreeChevron } from "../code/editor/FileIcon.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, startTransition, useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
 //#region src/files/SearchPanel.tsx
 /**
 * ⌘⇧F: search across files, shown in place of the Files tree or the Diffs
@@ -12,6 +13,10 @@ import { memo, useEffect, useMemo, useRef, useState } from "react";
 * lines come from `search` (the host for Files, the diffs for Diffs).
 *
 * Keys: ↓ / ↑ move between results, Enter opens, Esc closes.
+*
+* Typing stays ahead of the results: names match on a deferred query, new
+* lines land in a transition, and the lines render a page at a time (the next
+* page once the list's end comes near), so a big result never blocks a keystroke.
 */
 function splitPath(path) {
 	const slash = path.lastIndexOf("/");
@@ -27,6 +32,8 @@ const DEBOUNCE_MS = 150;
 const MAX_NAMES = 50;
 /** Characters kept before the first match on a long line. */
 const LEAD = 32;
+/** Result rows (file headers and lines) rendered per page. */
+const PAGE = 200;
 const SearchPanel = memo(function SearchPanel({ label, asked, names, search, onOpenFile, onOpenLine, onClose, inset }) {
 	const labels = useFilesLabels();
 	const [query, setQuery] = useState("");
@@ -49,12 +56,13 @@ const SearchPanel = memo(function SearchPanel({ label, asked, names, search, onO
 		let live = true;
 		const t = window.setTimeout(() => {
 			latest.current(query, opts).then((r) => {
-				if (live) setResult({
+				if (!live) return;
+				startTransition(() => setResult({
 					query,
 					matches: r.matches,
 					capped: r.capped,
 					...r.unsupported ? { unsupported: r.unsupported } : {}
-				});
+				}));
 			});
 		}, DEBOUNCE_MS);
 		return () => {
@@ -62,16 +70,37 @@ const SearchPanel = memo(function SearchPanel({ label, asked, names, search, onO
 			window.clearTimeout(t);
 		};
 	}, [query, opts]);
-	const nameHits = useMemo(() => query ? names(query, opts).slice(0, MAX_NAMES) : [], [
+	const namesQuery = useDeferredValue(query);
+	const nameHits = useMemo(() => namesQuery ? names(namesQuery, opts).slice(0, MAX_NAMES) : [], [
 		names,
-		query,
+		namesQuery,
 		opts
 	]);
 	const groups = useMemo(() => {
 		const byPath = /* @__PURE__ */ new Map();
-		for (const m of result?.matches ?? []) byPath.set(m.path, [...byPath.get(m.path) ?? [], m]);
+		for (const m of result?.matches ?? []) {
+			const lines = byPath.get(m.path);
+			if (lines) lines.push(m);
+			else byPath.set(m.path, [m]);
+		}
 		return [...byPath];
 	}, [result]);
+	const [more, setMore] = useState({
+		of: null,
+		pages: 0
+	});
+	const budget = PAGE * (1 + (more.of === result ? more.pages : 0));
+	const showMore = useCallback(() => {
+		startTransition(() => setMore((m) => ({
+			of: result,
+			pages: (m.of === result ? m.pages : 0) + 1
+		})));
+	}, [result]);
+	const toggleGroup = useCallback((path) => setCollapsed((prev) => {
+		const next = new Set(prev);
+		if (!next.delete(path)) next.add(path);
+		return next;
+	}), []);
 	const hitCount = useMemo(() => (result?.matches ?? []).reduce((n, m) => n + m.ranges.length, 0), [result]);
 	const pending = query !== "" && result?.query !== query;
 	const focusResult = (from, direction) => {
@@ -154,6 +183,7 @@ const SearchPanel = memo(function SearchPanel({ label, asked, names, search, onO
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				ref: list,
+				"data-scroll-root": "",
 				className: "flex-1 min-h-0 overflow-y-auto px-2 pb-2",
 				children: [nameHits.length > 0 && /* @__PURE__ */ jsx("ul", {
 					"aria-label": labels.filesFileNames,
@@ -167,57 +197,95 @@ const SearchPanel = memo(function SearchPanel({ label, asked, names, search, onO
 						title: path,
 						children: [/* @__PURE__ */ jsx(FileIcon, { path }), /* @__PURE__ */ jsx(PathLabel, { path })]
 					}) }, path))
-				}), groups.length > 0 && /* @__PURE__ */ jsx("ul", {
-					"aria-label": labels.filesMatchingLines,
-					className: `m-0 p-0 list-none flex flex-col ${nameHits.length ? "mt-2" : ""}`,
-					children: groups.map(([path, lines]) => {
-						const closed = collapsed.has(path);
-						return /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("button", {
-							type: "button",
-							"data-result": "",
-							"data-size": "sm",
-							"aria-expanded": !closed,
-							onClick: () => setCollapsed((prev) => {
-								const next = new Set(prev);
-								if (!next.delete(path)) next.add(path);
-								return next;
-							}),
-							className: "zg-menu-row zg-press-subtle",
-							title: path,
-							children: [
-								/* @__PURE__ */ jsx(TreeChevron, {
-									open: !closed,
-									className: "text-[var(--zg-text-muted)]"
-								}),
-								/* @__PURE__ */ jsx(FileIcon, { path }),
-								/* @__PURE__ */ jsx(PathLabel, { path }),
-								/* @__PURE__ */ jsx("span", {
-									className: "zg-meta shrink-0 tabular-nums",
-									children: lines.reduce((n, l) => n + l.ranges.length, 0)
-								})
-							]
-						}), !closed && /* @__PURE__ */ jsx("ul", {
-							className: "m-0 p-0 list-none flex flex-col",
-							children: lines.map((m) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
-								type: "button",
-								"data-result": "",
-								"data-size": "sm",
-								onClick: () => onOpenLine(m, result.query, opts),
-								className: "zg-menu-row zg-press-subtle",
-								style: { paddingLeft: 30 },
-								"aria-label": labels.filesMatchLine(path, m.line, m.text.trim()),
-								children: [/* @__PURE__ */ jsxs("span", {
-									className: "zg-meta shrink-0 w-8 text-right tabular-nums",
-									children: [m.side === "old" ? "−" : "", m.line]
-								}), /* @__PURE__ */ jsx(LineText, { match: m })]
-							}) }, `${m.part ?? ""}:${m.side ?? ""}:${m.line}`))
-						})] }, path);
-					})
+				}), groups.length > 0 && result && /* @__PURE__ */ jsx(MatchGroups, {
+					groups,
+					collapsed,
+					budget,
+					query: result.query,
+					opts,
+					spaced: nameHits.length > 0,
+					onToggle: toggleGroup,
+					onOpenLine,
+					onMore: showMore
 				})]
 			})
 		]
 	});
 });
+/** The matching lines grouped by file, the first `budget` rows of them. Memoized: typing doesn't re-render them. */
+const MatchGroups = memo(function MatchGroups({ groups, collapsed, budget, query, opts, spaced, onToggle, onOpenLine, onMore }) {
+	const labels = useFilesLabels();
+	let left = budget;
+	const shown = [];
+	for (const [path, lines] of groups) {
+		if (left <= 0) break;
+		const closed = collapsed.has(path);
+		left -= 1;
+		const visible = closed ? [] : lines.slice(0, Math.max(0, left));
+		left -= visible.length;
+		shown.push({
+			path,
+			lines: visible,
+			closed,
+			total: lines.reduce((n, l) => n + l.ranges.length, 0)
+		});
+	}
+	const last = shown[shown.length - 1];
+	const truncated = shown.length < groups.length || last !== void 0 && !last.closed && last.lines.length < groups[shown.length - 1][1].length;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("ul", {
+		"aria-label": labels.filesMatchingLines,
+		className: `m-0 p-0 list-none flex flex-col ${spaced ? "mt-2" : ""}`,
+		children: shown.map(({ path, lines, closed, total }) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"data-result": "",
+			"data-size": "sm",
+			"aria-expanded": !closed,
+			onClick: () => onToggle(path),
+			className: "zg-menu-row zg-press-subtle",
+			title: path,
+			children: [
+				/* @__PURE__ */ jsx(TreeChevron, {
+					open: !closed,
+					className: "text-[var(--zg-text-muted)]"
+				}),
+				/* @__PURE__ */ jsx(FileIcon, { path }),
+				/* @__PURE__ */ jsx(PathLabel, { path }),
+				/* @__PURE__ */ jsx("span", {
+					className: "zg-meta shrink-0 tabular-nums",
+					children: total
+				})
+			]
+		}), !closed && lines.length > 0 && /* @__PURE__ */ jsx("ul", {
+			className: "m-0 p-0 list-none flex flex-col",
+			children: lines.map((m) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-result": "",
+				"data-size": "sm",
+				onClick: () => onOpenLine(m, query, opts),
+				className: "zg-menu-row zg-press-subtle",
+				style: { paddingLeft: 30 },
+				"aria-label": labels.filesMatchLine(path, m.line, m.text.trim()),
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "zg-meta shrink-0 w-8 text-right tabular-nums",
+					children: [m.side === "old" ? "−" : "", m.line]
+				}), /* @__PURE__ */ jsx(LineText, { match: m })]
+			}) }, `${m.part ?? ""}:${m.side ?? ""}:${m.line}`))
+		})] }, path))
+	}), truncated && /* @__PURE__ */ jsx(MoreRows, { onNear: onMore }, budget)] });
+});
+/** Asks for the next page once the end of the list comes near. One per page (keyed by it). */
+function MoreRows({ onNear }) {
+	const ref = useRef(null);
+	const near = useNearViewport(ref, "400px 0px");
+	useEffect(() => {
+		if (near) onNear();
+	}, [near, onNear]);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"aria-hidden": true,
+		className: "h-px"
+	});
+}
 function PathLabel({ path }) {
 	const { dir, base } = splitPath(path);
 	return /* @__PURE__ */ jsxs("span", {

package/dist/files/headless/name-match.js

@@ -1,9 +1,23 @@
-import { matchRanges } from "./search.js";
 //#region src/files/headless/name-match.ts
 function basename(path) {
 	const trimmed = path.replace(/[/\\]+$/, "");
 	return trimmed.slice(Math.max(trimmed.lastIndexOf("/"), trimmed.lastIndexOf("\\")) + 1);
 }
+/** Per list of paths: its names split and lowercased once, not on every keystroke. */
+const indexes = /* @__PURE__ */ new WeakMap();
+function indexOf(paths) {
+	let index = indexes.get(paths);
+	if (!index) {
+		const bases = paths.map(basename);
+		index = {
+			bases,
+			lowerBases: bases.map((b) => b.toLowerCase()),
+			lowerPaths: paths.map((p) => p.toLowerCase())
+		};
+		indexes.set(paths, index);
+	}
+	return index;
+}
 /**
 * The paths whose file name (or, ranked after, folders) contain `query`, best first, at most `limit`.
 *
@@ -14,20 +28,21 @@ function basename(path) {
 */
 function nameMatches(paths, query, opts, limit = 50) {
 	if (!query) return [];
+	const index = indexOf(paths);
+	const needle = opts.caseSensitive ? query : query.toLowerCase();
+	const bases = opts.caseSensitive ? index.bases : index.lowerBases;
+	const full = opts.caseSensitive ? paths : index.lowerPaths;
 	const scored = [];
-	for (const path of paths) {
-		const base = basename(path);
-		const inBase = matchRanges(base, query, opts)[0];
-		if (inBase) {
-			scored.push({
-				path,
-				rank: inBase.start,
-				base: base.length
-			});
-			continue;
-		}
-		if (matchRanges(path, query, opts).length > 0) scored.push({
-			path,
+	for (let i = 0; i < paths.length; i++) {
+		const base = bases[i];
+		const inBase = base.indexOf(needle);
+		if (inBase !== -1) scored.push({
+			path: paths[i],
+			rank: inBase,
+			base: base.length
+		});
+		else if (full[i].includes(needle)) scored.push({
+			path: paths[i],
 			rank: 1e4,
 			base: base.length
 		});

package/dist/files/useEntryActions.js

@@ -1,5 +1,5 @@
-import { useOptionalConfirm } from "../app/useConfirm.js";
 import { droppedItems, entryRefusalText, inFolder, nameOf, parentOf, topLevelPaths } from "./headless/entries.js";
+import { useOptionalConfirm } from "../app/useConfirm.js";
 import { useCallback, useMemo, useRef, useState } from "react";
 //#region src/files/useEntryActions.ts
 /**

package/dist/files/useOpenFiles.js

@@ -1,5 +1,5 @@
-import { useFilesHost } from "./FilesProvider.js";
 import { isUnder, movedPath } from "./headless/entries.js";
+import { useFilesHost } from "./FilesProvider.js";
 import { filesRootOf } from "./headless/view.js";
 import { folderBuffers } from "./drafts-store.js";
 import { editedPath, sameFile, statusDelta } from "./headless/workspace-diff.js";

package/dist/git/WherePicker.js

@@ -201,9 +201,9 @@ function WhereMenu(props) {
 							})] }),
 							description: descriptor.available ? descriptor.description : descriptor.reason,
 							onClick: () => {
-								onChange({
+								onChange(active && props.draft?.kind === descriptor.kind ? props.draft : {
 									kind: descriptor.kind,
-									branch: active ? typedBranch : ""
+									branch: ""
 								});
 								if (descriptor.takesBranch) requestAnimationFrame(() => branchRef.current?.focus());
 								else close();

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

@@ -1,4 +1,4 @@
-import { EnvironmentDescriptor, EnvironmentRequest } from "zidane/chat";
+import { EnvironmentCheckout, EnvironmentDescriptor, EnvironmentRequest } from "zidane/chat";
 //#region src/git/headless/environment.d.ts
 /** What the user picked in a draft; `null` where it is used = the configured default. */
 interface DraftEnvironment {
@@ -6,6 +6,11 @@ interface DraftEnvironment {
   kind: string;
   /** Typed branch; empty = the suggested one. */
   branch: string;
+  /**
+   * Work on `branch` as it is (a pull request's or a ticket's branch) rather than cutting it: set by a panel's
+   * "Open in worktree". Picking another environment or typing a branch drops it.
+   */
+  checkout?: EnvironmentCheckout;
 }
 /** A machine shared with the draft's host, as an environment descriptor names it. */
 type EnvironmentMachine = NonNullable<EnvironmentDescriptor['machine']>;

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.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",

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