zidane-ui 9.1.13 → 9.1.14

package/dist/chat/transcript/shell-block.js

@@ -1,9 +1,9 @@
 import { iconButtonClass } from "../../components/IconButton.js";
 import { CopyButton } from "../../components/CopyButton.js";
+import { Notice } from "../../components/Notice.js";
 import { Grow, GrowPresence } from "../../motion/grow.js";
 import { SmoothHeight } from "../../motion/size.js";
 import { constant, useReadable } from "../headless/store.js";
-import "../headless/block-runs.js";
 import { useOptionalChatHost } from "../ChatProvider.js";
 import { useChatLabels } from "../useChatLabels.js";
 import { relativeTime } from "../headless/session-list.js";
@@ -12,6 +12,7 @@ import { useTranscriptActions } from "./actions.js";
 import { AnsiText } from "./AnsiText.js";
 import { LiveOutput } from "./LiveOutput.js";
 import { ToolTiming } from "./tool-parts.js";
+import "../headless/block-runs.js";
 import { pushComposerAttachment, textAttachment } from "../composer/composer-bus.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, lazy, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -200,9 +201,12 @@ function RunPanel({ code, live, saved, onAgain, onTerminal, onRemove }) {
 				running: true
 			})]
 		});
-		if (live?.error !== void 0) return /* @__PURE__ */ jsx("span", {
-			className: "text-zg-danger",
-			children: labels.blockRunFailed(live.error)
+		if (live?.error !== void 0) return /* @__PURE__ */ jsx(Notice, {
+			tone: "error",
+			compact: true,
+			detail: live.error,
+			className: "min-w-0",
+			children: labels.blockRunError
 		});
 		if (!saved) return null;
 		const label = saved.stopped === "timeout" ? labels.blockRunTimedOut : saved.stopped === "cancelled" ? labels.blockRunStopped : saved.exitCode === null ? labels.shellKilled : labels.shellExit(saved.exitCode);

package/dist/chat/transcript/useStickToBottom.js

@@ -422,6 +422,17 @@ function useStickToBottom(scrollRef, { paused = false, rowSelector = ".zg-cv-row
 		ro.observe(el);
 		const content = el.firstElementChild;
 		if (content) ro.observe(content);
+		const clamps = new MutationObserver(() => {
+			if (!pinnedRef.current || held.current || pausedRef.current) return;
+			const top = el.scrollTop;
+			if (top < lastTop.current - 1 && el.scrollHeight - el.clientHeight - top <= 1) lastTop.current = top;
+		});
+		if (content) clamps.observe(content, {
+			childList: true,
+			subtree: true,
+			characterData: true,
+			attributes: true
+		});
 		lastTop.current = el.scrollTop;
 		const glideState = glide.current;
 		return () => {
@@ -436,6 +447,7 @@ function useStickToBottom(scrollRef, { paused = false, rowSelector = ".zg-cv-row
 			el.removeEventListener("wheel", onWheel);
 			el.removeEventListener("keydown", onKey);
 			ro.disconnect();
+			clamps.disconnect();
 		};
 	}, [
 		scrollRef,

package/dist/components/BrowserSignIn.js

@@ -1,6 +1,7 @@
 import { useLabels } from "../labels.js";
 import { buttonClass } from "./button.js";
 import { CopyButton } from "./CopyButton.js";
+import { Notice } from "./Notice.js";
 import { INPUT_CLASS } from "./Form.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
@@ -27,12 +28,27 @@ function hostOf(url) {
 */
 function BrowserSignIn({ state, service, onCancel, onRetry, onSubmit, className = "", style }) {
 	const labels = useLabels();
-	const failed = state.kind === "error";
+	if (state.kind === "error") return /* @__PURE__ */ jsx(Notice, {
+		tone: "error",
+		detail: state.message,
+		action: onRetry && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onRetry,
+			className: buttonClass({
+				variant: "primary",
+				size: "sm"
+			}),
+			children: labels.retry
+		}),
+		className: `text-zg-label ${className}`.trimEnd(),
+		style,
+		children: labels.signInFailed
+	});
 	const done = state.kind === "done";
 	return /* @__PURE__ */ jsxs("div", {
-		role: failed ? "alert" : "status",
-		"aria-live": failed ? void 0 : "polite",
-		className: `flex flex-col gap-3 px-3 py-2.5 rounded-zg-md text-zg-label ${failed ? "bg-zg-danger/10" : "zg-tray"} ${className}`,
+		role: "status",
+		"aria-live": "polite",
+		className: `flex flex-col gap-3 px-3 py-2.5 rounded-zg-md text-zg-label zg-tray ${className}`,
 		style,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-3",
@@ -40,7 +56,7 @@ function BrowserSignIn({ state, service, onCancel, onRetry, onSubmit, className
 				/* @__PURE__ */ jsx("span", {
 					className: "mt-0.5 shrink-0",
 					"aria-hidden": true,
-					children: done ? /* @__PURE__ */ jsx("span", { className: "i-ph-check-circle-fill text-zg-body text-[var(--zg-accent)]" }) : failed ? /* @__PURE__ */ jsx("span", { className: "i-ph-warning-circle-fill text-zg-body text-zg-danger" }) : /* @__PURE__ */ jsx("span", { className: "zg-spin-ring zg-loop block mt-px text-[var(--zg-accent)]" })
+					children: done ? /* @__PURE__ */ jsx("span", { className: "i-ph-check-circle-fill text-zg-body text-[var(--zg-accent)]" }) : /* @__PURE__ */ jsx("span", { className: "zg-spin-ring zg-loop block mt-px text-[var(--zg-accent)]" })
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "flex-1 min-w-0 flex flex-col gap-1",
@@ -49,15 +65,7 @@ function BrowserSignIn({ state, service, onCancel, onRetry, onSubmit, className
 						service
 					})
 				}),
-				failed ? onRetry && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onRetry,
-					className: buttonClass({
-						variant: "primary",
-						size: "sm"
-					}),
-					children: labels.retry
-				}) : !done && onCancel && /* @__PURE__ */ jsx("button", {
+				!done && onCancel && /* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: onCancel,
 					className: buttonClass({
@@ -88,13 +96,7 @@ function SignInMessage({ state, service }) {
 			className: "text-[var(--zg-text)]",
 			children: labels.signInDone(state.account)
 		});
-		case "error": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-			className: "text-zg-danger font-medium",
-			children: labels.signInFailed
-		}), /* @__PURE__ */ jsx("span", {
-			className: "text-[var(--zg-text-muted)] break-words",
-			children: state.message
-		})] });
+		case "error": return null;
 		case "url": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 			className: "text-[var(--zg-text)]",
 			children: state.instructions ?? labels.signInInBrowser(service)

package/dist/components/Form.d.ts

@@ -18,25 +18,27 @@ declare const FIELD_LABEL_CLASS = "block text-xs text-[var(--zg-text-muted)] mb-
 declare const FORM_CARD_CLASS = "zg-raised border rounded-zg-lg p-4 space-y-3";
 /** Props for {@link ErrorNote}. */
 interface ErrorNoteProps {
-  /** The error message. */
+  /** The error message, worded for people. */
   children: ReactNode;
+  /** The raw words behind it (an exception's message): folded under Details. */
+  detail?: string;
   /** Extra classes on the root element. */
   className?: string;
   /** Inline styles on the root element, merged after the component's own. */
   style?: CSSProperties;
 }
 /**
- * A failure worth reading: a soft danger wash, no border.
+ * A failure worth reading: an error {@link Notice}.
  *
  * @param props - Component props.
  */
-declare function ErrorNote({ children, className, style }: ErrorNoteProps): import("react").JSX.Element;
+declare function ErrorNote({ children, detail, className, style }: ErrorNoteProps): import("react").JSX.Element;
 /** Props for {@link OpLine}. */
 interface OpLineProps {
   /**
    * Tone of the line: `busy` and `notice` are muted (a result worth a quiet line,
    * never a celebration: a success that shows elsewhere needs no line at all), and
-   * `error` is danger-coloured and announced as an alert.
+   * `error` is a compact error {@link Notice}.
    */
   kind: 'busy' | 'notice' | 'error';
   /** The feedback text. */

package/dist/components/Form.js

@@ -1,3 +1,4 @@
+import { Notice } from "./Notice.js";
 import { Segmented } from "./Segmented.js";
 import { Raised, SectionLabel, Tray } from "./Surface.js";
 import { SwitchGlyph } from "./SwitchGlyph.js";
@@ -23,15 +24,16 @@ const FIELD_LABEL_CLASS = "block text-xs text-[var(--zg-text-muted)] mb-1";
 /** An inline add / install form: a raised card above the list it feeds. */
 const FORM_CARD_CLASS = "zg-raised border rounded-zg-lg p-4 space-y-3";
 /**
-* A failure worth reading: a soft danger wash, no border.
+* A failure worth reading: an error {@link Notice}.
 *
 * @param props - Component props.
 */
-function ErrorNote({ children, className, style }) {
-	return /* @__PURE__ */ jsx("div", {
-		role: "alert",
-		className: ["px-3 py-2 rounded-zg-md bg-zg-danger/10 text-xs text-zg-danger break-words", className].filter(Boolean).join(" "),
-		style,
+function ErrorNote({ children, detail, className, style }) {
+	return /* @__PURE__ */ jsx(Notice, {
+		tone: "error",
+		...detail ? { detail } : {},
+		...className ? { className } : {},
+		...style ? { style } : {},
 		children
 	});
 }
@@ -41,9 +43,15 @@ function ErrorNote({ children, className, style }) {
 * @param props - Component props.
 */
 function OpLine({ kind, children, className, style }) {
+	if (kind === "error") return /* @__PURE__ */ jsx(Notice, {
+		tone: "error",
+		compact: true,
+		...className ? { className } : {},
+		...style ? { style } : {},
+		children
+	});
 	return /* @__PURE__ */ jsx("div", {
-		role: kind === "error" ? "alert" : void 0,
-		className: [`px-1 text-xs break-words ${kind === "error" ? "text-zg-danger" : "text-[var(--zg-text-muted)]"}`, className].filter(Boolean).join(" "),
+		className: ["px-1 text-xs break-words text-[var(--zg-text-muted)]", className].filter(Boolean).join(" "),
 		style,
 		children
 	});

package/dist/components/LoadError.d.ts

@@ -4,6 +4,8 @@ import { CSSProperties, ReactNode } from "react";
 interface LoadErrorProps {
   /** The line: what could not be read and why. */
   children: ReactNode;
+  /** The raw words behind it (an exception's message): folded under Details. */
+  detail?: string;
   /** Reads again; absent, no Retry. */
   onRetry?: () => void;
   /** Spacing from the surroundings. */
@@ -12,10 +14,10 @@ interface LoadErrorProps {
   style?: CSSProperties;
 }
 /**
- * Renders a failed read's line in the danger colour, `children` first (`Couldn't scan for plugins: …`).
+ * Renders a failed read's line as a compact error notice, `children` first (`Couldn't scan for plugins`).
  *
  * @param props - Component props.
  */
-declare function LoadError({ children, onRetry, className, style }: LoadErrorProps): import("react").JSX.Element;
+declare function LoadError({ children, detail, onRetry, className, style }: LoadErrorProps): import("react").JSX.Element;
 //#endregion
 export { LoadError, LoadErrorProps };

package/dist/components/LoadError.js

@@ -1,23 +1,27 @@
 import { useLabels } from "../labels.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Notice } from "./Notice.js";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/LoadError.tsx
 /**
-* Renders a failed read's line in the danger colour, `children` first (`Couldn't scan for plugins: …`).
+* Renders a failed read's line as a compact error notice, `children` first (`Couldn't scan for plugins`).
 *
 * @param props - Component props.
 */
-function LoadError({ children, onRetry, className = "", style }) {
+function LoadError({ children, detail, onRetry, className, style }) {
 	const labels = useLabels();
-	return /* @__PURE__ */ jsxs("p", {
-		role: "alert",
-		className: `m-0 text-xs text-zg-danger ${className}`,
-		style,
-		children: [children, onRetry && /* @__PURE__ */ jsxs(Fragment, { children: [" ", /* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsx(Notice, {
+		tone: "error",
+		compact: true,
+		...detail ? { detail } : {},
+		...className ? { className } : {},
+		...style ? { style } : {},
+		...onRetry ? { action: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: "bg-transparent border-0 p-0 cursor-pointer underline text-inherit",
 			onClick: onRetry,
 			children: labels.retry
-		})] })]
+		}) } : {},
+		children
 	});
 }
 //#endregion

package/dist/components/Notice.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, ReactNode } from "react";
+//#region src/components/Notice.d.ts
+/** How serious a {@link Notice} is. */
+type NoticeTone = 'error' | 'warning' | 'info';
+/** Props for {@link Notice}. */
+interface NoticeProps {
+  /** How serious it is: the glyph, the colour, and `alert` (error) or `status`. */
+  tone: NoticeTone;
+  /** The message, worded for people. */
+  children: ReactNode;
+  /** The raw words behind it (an exception's message, a server's answer): folded under Details. */
+  detail?: string;
+  /** A control after the message (Retry, Open settings). */
+  action?: ReactNode;
+  /** One tight line, for a row or a form field. Default: a block with room around it. */
+  compact?: boolean;
+  /** Extra classes on the root element. */
+  className?: string;
+  /** Inline styles on the root element, merged after the component's own. */
+  style?: CSSProperties;
+}
+/**
+ * Renders a toned message: glyph, the words, an optional action, and the raw detail folded away.
+ *
+ * @param props - {@link NoticeProps}.
+ */
+declare function Notice({ tone, children, detail, action, compact, className, style }: NoticeProps): import("react").JSX.Element;
+//#endregion
+export { Notice, NoticeProps, NoticeTone };

package/dist/components/Notice.js

@@ -0,0 +1,63 @@
+import { useLabels } from "../labels.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Notice.tsx
+const TONES = {
+	error: {
+		wash: "bg-zg-danger/10",
+		text: "text-zg-danger",
+		icon: "i-ph-warning-circle"
+	},
+	warning: {
+		wash: "bg-zg-warn/10",
+		text: "text-zg-warn",
+		icon: "i-ph-warning"
+	},
+	info: {
+		wash: "bg-zg-info/10",
+		text: "text-[var(--zg-text-muted)]",
+		icon: "i-ph-info"
+	}
+};
+/**
+* Renders a toned message: glyph, the words, an optional action, and the raw detail folded away.
+*
+* @param props - {@link NoticeProps}.
+*/
+function Notice({ tone, children, detail, action, compact = false, className, style }) {
+	const labels = useLabels();
+	const t = TONES[tone];
+	return /* @__PURE__ */ jsxs("div", {
+		role: tone === "error" ? "alert" : "status",
+		"data-tone": tone,
+		className: [
+			compact ? "px-2 py-1 rounded-zg-sm" : "px-3 py-2 rounded-zg-md",
+			`flex items-start gap-2 text-xs break-words ${t.wash} ${t.text}`,
+			className
+		].filter(Boolean).join(" "),
+		style,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: `${t.icon} shrink-0 mt-[2px]`
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 min-w-0",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-baseline gap-x-2 gap-y-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "min-w-0",
+					children
+				}), action]
+			}), detail && /* @__PURE__ */ jsxs("details", {
+				className: "mt-1 text-[var(--zg-text-muted)]",
+				children: [/* @__PURE__ */ jsx("summary", {
+					className: "cursor-pointer select-none",
+					children: labels.noticeDetails
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "m-0 mt-1 whitespace-pre-wrap break-words font-mono text-zg-meta",
+					children: detail
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { Notice };

package/dist/components/PanelEmpty.d.ts

@@ -4,7 +4,7 @@ import { CSSProperties, ReactNode } from "react";
 interface PanelEmptyProps {
   /** Icon class shown above the title, such as `i-ph-files`. */
   icon?: string;
-  /** Main message. It takes the warning colour when `warn` is set. */
+  /** Main message. With `warn`, a warning {@link Notice}. */
   title: ReactNode;
   /** Secondary text under the title. */
   hint?: ReactNode;

package/dist/components/PanelEmpty.js

@@ -1,4 +1,5 @@
 import { useLabels } from "../labels.js";
+import { Notice } from "./Notice.js";
 import { EmptyState } from "./Surface.js";
 import { SegmentSpinner } from "./SegmentSpinner.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,8 +16,9 @@ function PanelEmpty({ icon, title, hint, warn = false, className, style }) {
 		style,
 		children: /* @__PURE__ */ jsx(EmptyState, {
 			icon,
-			title: warn ? /* @__PURE__ */ jsx("span", {
-				className: "text-[var(--zg-warn)]",
+			title: warn ? /* @__PURE__ */ jsx(Notice, {
+				tone: "warning",
+				compact: true,
 				children: title
 			}) : title,
 			hint,

package/dist/components/Restricted.d.ts

@@ -4,7 +4,7 @@ import { CSSProperties, ReactNode } from "react";
 interface RestrictedProps {
   /** Whether this connection may not change what it wraps. */
   restricted: boolean;
-  /** Why, short: the tooltip and the group's accessible name ("Admin only"). */
+  /** Why, short: the tooltip and the group's accessible name ("The server does not offer this"). */
   reason: string;
   /** What it wraps. */
   children: ReactNode;

package/dist/components/palette/PaletteList.js

@@ -79,7 +79,14 @@ function PaletteList({ groups, cursor, query, nested, onHover, onRun, renderRow,
 		ref: scroller,
 		id: "zg-palette-list",
 		role: "listbox",
-		className: ["zg-palette-list overflow-y-auto overscroll-contain", className].filter(Boolean).join(" "),
+		tabIndex: -1,
+		onMouseDown: (e) => {
+			if (e.target !== e.currentTarget) e.preventDefault();
+		},
+		onFocus: (e) => {
+			if (e.target === e.currentTarget && e.relatedTarget instanceof HTMLElement) e.relatedTarget.focus();
+		},
+		className: ["zg-palette-list select-none overflow-y-auto overscroll-contain", className].filter(Boolean).join(" "),
 		style: {
 			height: viewHeight,
 			...style

package/dist/components/palette/PalettePanel.js

@@ -1,5 +1,6 @@
 import { useLabels } from "../../labels.js";
 import { IconButton } from "../IconButton.js";
+import { Notice } from "../Notice.js";
 import { PaletteList, defaultPaletteKeys } from "./PaletteList.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1, useEffect, useMemo, useRef, useState } from "react";
@@ -115,12 +116,12 @@ function PalettePanel({ groups, query, onQueryChange, cursor, onCursorChange, on
 				return;
 			}
 			case "Tab":
+				e.preventDefault();
+				e.stopPropagation();
 				if (e.shiftKey && !nested && onScopeNext) {
-					e.preventDefault();
-					e.stopPropagation();
 					onScopeNext();
 					onCursorChange(0);
-				}
+				} else if (flat.length > 0) onCursorChange(e.shiftKey ? (cursor - 1 + flat.length) % flat.length : (cursor + 1) % flat.length);
 				return;
 			case "Backspace":
 				if (query === "" && nested && onBack) {
@@ -225,11 +226,18 @@ function PalettePanel({ groups, query, onQueryChange, cursor, onCursorChange, on
 					})
 				]
 			}),
-			notice && /* @__PURE__ */ jsx("div", {
+			notice && (notice.tone === "error" || notice.tone === "warn" ? /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-2 shadow-[inset_0_1px_0_var(--zg-hairline)]",
+				children: /* @__PURE__ */ jsx(Notice, {
+					tone: notice.tone === "error" ? "error" : "warning",
+					compact: true,
+					children: notice.text
+				})
+			}) : /* @__PURE__ */ jsx("div", {
 				role: "status",
-				className: `px-3 py-2 shadow-[inset_0_1px_0_var(--zg-hairline)] text-zg-label ${notice.tone === "error" ? "text-zg-danger" : notice.tone === "warn" ? "text-zg-warn" : "text-[var(--zg-text-muted)]"}`,
+				className: "px-3 py-2 shadow-[inset_0_1px_0_var(--zg-hairline)] text-zg-label text-[var(--zg-text-muted)]",
 				children: notice.text
-			})
+			}))
 		]
 	});
 }

package/dist/core.css

@@ -28,7 +28,6 @@
 .i-ph-text-align-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' height='1em' width='1em' display='inline-block' vertical-align='middle' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M32 64a8 8 0 0 1 8-8h176a8 8 0 0 1 0 16H40a8 8 0 0 1-8-8m8 48h128a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m176 24H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16m-48 40H40a8 8 0 0 0 0 16h128a8 8 0 0 0 0-16'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;height:1em;width:1em;display:inline-block;vertical-align:middle;}
 .i-ph-warning{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' height='1em' width='1em' display='inline-block' vertical-align='middle' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;height:1em;width:1em;display:inline-block;vertical-align:middle;}
 .i-ph-warning-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' height='1em' width='1em' display='inline-block' vertical-align='middle' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m-8-80V80a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;height:1em;width:1em;display:inline-block;vertical-align:middle;}
-.i-ph-warning-circle-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' height='1em' width='1em' display='inline-block' vertical-align='middle' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-8 56a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0Zm8 104a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;height:1em;width:1em;display:inline-block;vertical-align:middle;}
 .i-ph-x{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' height='1em' width='1em' display='inline-block' vertical-align='middle' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;height:1em;width:1em;display:inline-block;vertical-align:middle;}
 /* layer: shortcuts */
 .container{width:100%;}
@@ -87,6 +86,7 @@
 .m4\.7144{margin:1.1786rem;}
 .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem;}
 .-mx-2{margin-left:-0.5rem;margin-right:-0.5rem;}
+.mx-3{margin-left:0.75rem;margin-right:0.75rem;}
 .my-2{margin-top:0.5rem;margin-bottom:0.5rem;}
 .my-auto{margin-top:auto;margin-bottom:auto;}
 .-ml-2{margin-left:-0.5rem;}
@@ -107,6 +107,7 @@
 .ml-auto{margin-left:auto;}
 .ms{margin-inline-start:1rem;}
 .mt-\[13vh\]{margin-top:13vh;}
+.mt-\[2px\]{margin-top:2px;}
 .mt-0\.5{margin-top:0.125rem;}
 .mt-1{margin-top:0.25rem;}
 .mt-1\.5{margin-top:0.375rem;}
@@ -196,6 +197,7 @@
 .cursor-text{cursor:text;}
 .cursor-grabbing{cursor:grabbing;}
 .select-text{-webkit-user-select:text;user-select:text;}
+.select-none{-webkit-user-select:none;user-select:none;}
 .resize-y{resize:vertical;}
 .resize{resize:both;}
 .list-none{list-style-type:none;}
@@ -220,6 +222,8 @@
 .gap-3\.5{gap:0.875rem;}
 .gap-4{gap:1rem;}
 .gap-6{gap:1.5rem;}
+.gap-x-2{column-gap:0.5rem;}
+.gap-y-1{row-gap:0.25rem;}
 .space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
 .space-y-5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.25rem * var(--un-space-y-reverse));}
 .divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}
@@ -352,17 +356,15 @@
 .text-\[var\(--zg-accent\)\]{color:var(--zg-accent);}
 .text-\[var\(--zg-bg\)\]{color:var(--zg-bg);}
 .text-\[var\(--zg-code-fg\)\]{color:var(--zg-code-fg);}
-.text-\[var\(--zg-danger\)\],
-.text-zg-danger{color:var(--zg-danger);}
 .text-\[var\(--zg-text-muted\)\],
 .text-zg-muted{color:var(--zg-text-muted);}
 .text-\[var\(--zg-text-subtle\)\]{color:var(--zg-text-subtle);}
 .text-\[var\(--zg-text\)\]{color:var(--zg-text);}
-.text-\[var\(--zg-warn\)\],
-.text-zg-warn{color:var(--zg-warn);}
 .text-zg-accent-fill-fg{color:var(--zg-accent-fill-fg);}
+.text-zg-danger{color:var(--zg-danger);}
 .text-zg-info{color:var(--zg-info);}
 .text-zg-success{color:var(--zg-success);}
+.text-zg-warn{color:var(--zg-warn);}
 .hover\:\!text-zg-danger:hover{color:var(--zg-danger) !important;}
 .hover\:text-\[var\(--zg-text\)\]:hover{color:var(--zg-text);}
 .placeholder\:text-\[var\(--zg-text-subtle\)\]::placeholder{color:var(--zg-text-subtle);}
@@ -427,6 +429,8 @@
 .z-zg-overlay{z-index:var(--zg-z-overlay);}
 .z-zg-tooltip{z-index:var(--zg-z-tooltip);}
 .bg-zg-danger\/10{background-color:color-mix(in srgb, var(--zg-danger) 10%, transparent);}
+.bg-zg-info\/10{background-color:color-mix(in srgb, var(--zg-info) 10%, transparent);}
+.bg-zg-warn\/10{background-color:color-mix(in srgb, var(--zg-warn) 10%, transparent);}
 .hover\:before\:bg-zg-danger\/10:hover::before{background-color:color-mix(in srgb, var(--zg-danger) 10%, transparent);}
 @media (min-width: 640px){
 .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
@@ -1054,6 +1058,13 @@ html[data-motion='off'] {
   padding: 6px 10px;
   align-items: flex-start;
 }
+/* A row that belongs to the row above it (a server's machines): one glyph column in. */
+.zg-menu-row.zg-menu-row-nested {
+  padding-left: 26px;
+}
+.zg-menu-row.zg-menu-row-nested[data-size='lg'] {
+  padding-left: 28px;
+}
 .zg-menu-row:hover:not(:disabled) {
   background: var(--zg-row-hover);
 }
@@ -1688,6 +1699,14 @@ html[data-motion='reduced'] .zg-shimmer {
     opacity var(--zg-motion-fade),
     margin-left var(--zg-motion-settle);
 }
+/* `Grow symmetric`: leaving on the curve it arrived on, so a row shrinking out
+   as another grows in mirrors it exactly and the list's height holds. */
+.zg-grow[data-symmetric]:not([data-shown]) {
+  transition:
+    grid-template-rows var(--zg-motion-settle),
+    opacity var(--zg-motion-fade-out),
+    margin-left var(--zg-motion-settle);
+}
 .zg-grow-clip {
   min-height: 0;
   overflow-x: visible;

package/dist/dist/{index-Bq87OcGy.d.ts → index-C6rzc-tt.d.ts}

@@ -6,7 +6,7 @@ import "../node_modules/.bun/@earendil-works_pi-ai@1.3.0_bff1df87cb190f90/node_m
 import "../node_modules/.bun/@anthropic-ai_sdk@0.104.2_fff7ddf946fac095/node_modules/@anthropic-ai/sdk/index.js";
 import "../node_modules/.bun/@anthropic-ai_sdk@0.104.2_fff7ddf946fac095/node_modules/@anthropic-ai/sdk/resources2.js";
 import { ReactNode } from "react";
-//#region ../dist/index-Bq87OcGy.d.ts
+//#region ../dist/index-C6rzc-tt.d.ts
 //#endregion
 //#region src/thinking-levels.d.ts
 /**
@@ -51,6 +51,23 @@ interface EnvironmentSettings {
   config?: Record<string, Record<string, EnvironmentConfigValue>>;
 }
 //#endregion
+//#region src/chat/places.d.ts
+/** Where new chats start. */
+interface NewChatPlace {
+  /** `local` (This computer) or a saved server's id (its own `hostId`). */
+  hostId: string;
+  /** The server's name when the place was set: shown on a device that has not saved it. */
+  hostName?: string;
+  /** The server's URL when the place was set: offered to a device that has not saved it. */
+  hostUrl?: string;
+  /** One of the host's machines, by name. Absent: the host itself. */
+  machine?: string;
+  /** A folder on the host, or on the machine. Absent: the usual folder (the host's first root, the machine's first folder). */
+  folder?: string;
+  /** The isolation, without a machine (`local`, `worktree`, `docker`…). Absent: the host's default. */
+  isolation?: string;
+}
+//#endregion
 //#region src/chat/ansi.d.ts
 /**
  * Terminal output as styled lines: ANSI SGR codes (colors, bold, dim, italic,
@@ -179,7 +196,7 @@ type QueryBound = number | string;
  * session without an environment. `projectName` is computed: the folder name
  * (last path segment) of `projectRoot`, or of `cwd` without one.
  */
-type SessionFieldName = 'id' | 'title' | 'projectRoot' | 'projectName' | 'cwd' | 'agentId' | 'status' | 'createdAt' | 'updatedAt' | 'runStartedAt' | 'archived' | 'favorite' | 'isMain' | 'spaceId' | 'scheduleId' | 'providerKey' | 'modelId' | 'account' | 'effort' | 'hostId' | 'repoKey' | 'environment.kind' | 'environment.state' | 'environment.branch' | 'wakes';
+type SessionFieldName = 'id' | 'title' | 'projectRoot' | 'projectName' | 'cwd' | 'agentId' | 'status' | 'createdAt' | 'updatedAt' | 'lastUserMessageAt' | 'runStartedAt' | 'archived' | 'favorite' | 'isMain' | 'spaceId' | 'scheduleId' | 'providerKey' | 'modelId' | 'account' | 'effort' | 'hostId' | 'repoKey' | 'environment.kind' | 'environment.state' | 'environment.branch' | 'wakes';
 /**
  * A facet an extension computes for each session: `facet.<extensionId>.<key>`,
  * optionally followed by `.<property>` steps into an object value (a number
@@ -296,6 +313,8 @@ interface Space {
   modelOptions?: Record<string, boolean>;
   /** Agent new sessions in this space start on (`AgentProfile.id`); absent = the global default (`Settings.defaultAgent`). */
   agentId?: string;
+  /** Where new chats in this space start (a host, a machine, a folder, an isolation); absent = the global default (`Settings.defaultPlace`). */
+  place?: NewChatPlace;
   /**
    * A query space (an extension's, or a view the user saved): the sessions
    * it lists besides those stamped with its id. Absent: only those.
@@ -773,6 +792,12 @@ interface Settings {
    * Offline) before it stops with a notice. Unset → 15.
    */
   machineWaitMinutes?: number;
+  /**
+   * Where new chats start (`places.ts`): This computer, a saved server, one
+   * of its machines, a folder and an isolation. A space's own place wins
+   * (`Space.place`). Unset → This computer.
+   */
+  defaultPlace?: NewChatPlace | null;
   /**
    * Session environments — which kinds are offered at creation, the
    * default, and each kind's options (secrets live in the environment
@@ -1489,4 +1514,4 @@ interface Settings {
   activeIcon: string;
 }
 //#endregion
-export { EditDiffDisplay as $d, SessionQueryNot as Eb, SpaceIcon as Ef, ScriptCallStatus as Hw, ScriptOutputLine as Jw, SecretTtl as KC, SessionSort as Ob, ApprovalMode as Qd, SessionQueryAny as Sb, Space as Tf, DurabilityMode as UD, ScriptLineProgress as Uw, ThinkingLevel as WR, EnvironmentSettings as XE, ScriptProgress as Yw, AnsiStyle as _T, SessionGroupBy as _b, MessageDelivery as af, SessionQuery as bb, OpenInTarget as cf, OutputStream as dT, QueryBound as db, QueryValue as fb, AnsiSpan as gT, EnvironmentConfigValue as hD, SessionFieldPath as hb, Settings as hf, InteractionMode as if, AnsiColor as mT, SessionFieldName as mb, SessionCondition as pb, OutputLine as uT, FacetPath as ub, SessionGroupOrder as vb, ToolCallDisplay as vf, SessionQueryAll as xb, TranscriptDensity as yf };
+export { SessionQueryAll as Ab, AnsiColor as CT, SessionFieldName as Cb, ToolCallDisplay as Cf, SessionGroupOrder as Db, AnsiStyle as ET, SessionGroupBy as Eb, SessionQueryNot as Fb, SessionSort as Lb, Space as Mf, NewChatPlace as NT, SpaceIcon as Nf, ScriptLineProgress as Qw, SessionCondition as Sb, AnsiSpan as TT, ScriptCallStatus as Zw, OutputStream as bT, QueryBound as bb, Settings as bf, ScriptProgress as iT, EditDiffDisplay as if, SessionQueryAny as jb, EnvironmentConfigValue as kD, SessionQuery as kb, InteractionMode as lf, OpenInTarget as pf, DurabilityMode as rO, ScriptOutputLine as rT, ApprovalMode as rf, ThinkingLevel as rz, SecretTtl as tw, EnvironmentSettings as uD, MessageDelivery as uf, SessionFieldPath as wb, TranscriptDensity as wf, QueryValue as xb, OutputLine as yT, FacetPath as yb };