zidane-ui 9.1.16 → 9.1.17

package/dist/settings/sections/models/AgentDefaults.js

@@ -8,8 +8,8 @@ import { useModelCatalog } from "../../../chat/composer/use-composer-stores.js";
 import { useModelRowsLabels } from "./model-test.js";
 import { ValueChip } from "../../rows.js";
 import { ModelPickField } from "./ModelPickField.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DEFAULT_MODEL_PICK, formatModelSetting, parseModelSetting } from "zidane/chat/pure";
 //#region src/settings/sections/models/AgentDefaults.tsx
 /**
@@ -61,7 +61,7 @@ function AgentDefaultsRows({ value, onChange, cwd, inherited, className, style }
 	const l = useModelRowsLabels();
 	const where = inherited ? l.modelRowsNewSessionsInSpace : l.modelRowsNewSessions;
 	const lastUsed = useLastUsedModel();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx(AgentRow, {
 			label: l.modelRowsDefaultAgent,
 			description: l.modelRowsStartOn(where),
@@ -227,8 +227,8 @@ function KnobsLabel({ effort, options, enabled }) {
 	const on = options.filter((o) => enabled[o.id]);
 	const words = [...effort ? [effort] : [], ...on.filter((o) => !OPTION_ICON[o.id]).map((o) => o.id)];
 	const glyphs = on.filter((o) => OPTION_ICON[o.id]);
-	if (words.length === 0 && glyphs.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: l.modelRowsLastUsed });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [words.length > 0 && /* @__PURE__ */ jsx("span", {
+	if (words.length === 0 && glyphs.length === 0) return /* @__PURE__ */ jsx(Fragment$1, { children: l.modelRowsLastUsed });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [words.length > 0 && /* @__PURE__ */ jsx("span", {
 		className: "truncate",
 		children: words.join(", ")
 	}), glyphs.map((o) => /* @__PURE__ */ jsx("span", {

package/dist/settings/sections/models/ModelListPicker.js

@@ -3,8 +3,8 @@ import { MenuNote } from "../../../components/Menu.js";
 import { FloatingSurface } from "../../../components/floating/FloatingSurface.js";
 import { providerColor, providerTint } from "../../../chat/provider-color.js";
 import { useModelRowsLabels } from "./model-test.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { modelDisplayName } from "zidane/chat/pure";
 //#region src/settings/sections/models/ModelListPicker.tsx
 /**

package/dist/settings/sections/models/ModelPickField.js

@@ -7,8 +7,8 @@ import { useModelCatalog } from "../../../chat/composer/use-composer-stores.js";
 import { HostModelChainList } from "../../../chat/composer/HostModelChainList.js";
 import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./model-test.js";
 import { ValueChip } from "../../rows.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { formatModelSetting, modelDisplayName } from "zidane/chat/pure";
 //#region src/settings/sections/models/ModelPickField.tsx
 /**

package/dist/settings/sections/models/ModelRows.js

@@ -6,12 +6,12 @@ import { useSettingsHost } from "../../SettingsProvider.js";
 import { useComposerModelName, useModelCatalog } from "../../../chat/composer/use-composer-stores.js";
 import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./model-test.js";
 import { ModelListPicker } from "./ModelListPicker.js";
-import { ConversationPresetPreview } from "../../../onboarding/conversation.js";
 import { useSettingsResource } from "../shared/catalog.js";
+import { ConversationPresetPreview } from "../../../onboarding/conversation.js";
 import { SelectRow, ValueChip } from "../../rows.js";
 import { ModelPickField } from "./ModelPickField.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { APPROVAL_MODE_OPTIONS, autoTextModelId, formatModelSetting, modelDisplayName, parseModelSetting, transcriptPreset } from "zidane/chat/pure";
 //#region src/settings/sections/models/ModelRows.tsx
 /**

package/dist/settings/sections/models/model-test.js

@@ -5,8 +5,8 @@ import { toSettingsError } from "../../headless/host.js";
 import { useComposerModelName, useComposerProviderLabel } from "../../../chat/composer/use-composer-stores.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { DEFAULT_MODEL_ROWS_LABELS } from "./labels.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/models/model-test.tsx
 /**
 * A model row's Test: one tiny request to the model the row names, with the

package/dist/settings/sections/performance/PerfSparkline.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/settings/sections/performance/PerfSparkline.tsx
 /**
 * A small line over a series of values, in the current text colour. Pure

package/dist/settings/sections/performance/PerformanceSection.js

@@ -1,3 +1,4 @@
+import { useStaysMounted } from "../../../motion/collapse.js";
 import { IconButton } from "../../../components/IconButton.js";
 import { BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
 import { Notice } from "../../../components/Notice.js";
@@ -6,7 +7,6 @@ import { EmptyState, Tray } from "../../../components/Surface.js";
 import { MetaChip } from "../../../components/Form.js";
 import { errorMessage } from "../../../components/report-error.js";
 import { CountBadge } from "../../../components/TabPill.js";
-import { useStaysMounted } from "../../../motion/collapse.js";
 import { useSettingsHost, useSettingsLabels } from "../../SettingsProvider.js";
 import { Caret } from "../../../chat/transcript/frame.js";
 import { SettingsPanel, SettingsPanelActions, SettingsPanelBody, useSettingsSection } from "../../section.js";
@@ -16,8 +16,8 @@ import { formatDuration, formatMemory, formatPercent, hasLaunched, nestProcesses
 import { DEFAULT_PERFORMANCE_SECTION_LABELS } from "./labels.js";
 import { PerfSparkline } from "./PerfSparkline.js";
 import { usePerfMonitor } from "./use-perf-monitor.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/performance/PerformanceSection.tsx
 /**
 * Settings › Performance: what the app's processes and threads use, live, over
@@ -96,7 +96,7 @@ function PerformanceSection({ className, style }) {
 					host
 				}),
 				/* @__PURE__ */ jsx(Threads, { latest }),
-				host.resetCounters && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Frames, { latest }), /* @__PURE__ */ jsx(Channels, { latest })] }),
+				host.resetCounters && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Frames, { latest }), /* @__PURE__ */ jsx(Channels, { latest })] }),
 				host.profile && /* @__PURE__ */ jsx(Profile, {
 					host,
 					reveal: settings.paths?.reveal
@@ -310,7 +310,7 @@ function ProcessViews({ samples, latest, host }) {
 		span: samples.length,
 		threads: host.threads
 	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Processes, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Processes, {
 		latest,
 		tree
 	}), /* @__PURE__ */ jsx(Sessions, {
@@ -363,7 +363,7 @@ function Sessions({ latest, tree }) {
 			tone: "neutral",
 			text: String(sessions.length)
 		}),
-		children: sessions.length === 0 ? /* @__PURE__ */ jsx(Empty, { text: l.perfSessionsEmpty }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heads, { names: [l.perfColCpu, l.perfColMemory] }), sessions.map((session) => /* @__PURE__ */ jsx(ProcessGroup, {
+		children: sessions.length === 0 ? /* @__PURE__ */ jsx(Empty, { text: l.perfSessionsEmpty }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Heads, { names: [l.perfColCpu, l.perfColMemory] }), sessions.map((session) => /* @__PURE__ */ jsx(ProcessGroup, {
 			label: session.title ?? l.perfSessionUntitled,
 			...session.title ? { title: session.title } : {},
 			roots: session.roots,
@@ -374,7 +374,7 @@ function Sessions({ latest, tree }) {
 }
 /** CPU and memory as chips, with the icons every list uses for them. */
 function UsageChips({ totals, cpuTitle, memoryTitle }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(MetaChip, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(MetaChip, {
 		title: cpuTitle,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "i-ph-cpu",
@@ -442,13 +442,13 @@ const ProcessNode = memo(function ProcessNode({ node, depth, tree }) {
 			tree.threads(process.pid).then(setThreads, () => setThreads([]));
 		}
 	};
-	const label = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const label = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		children.length > 0 ? /* @__PURE__ */ jsx(Caret, { open }) : /* @__PURE__ */ jsx("span", { className: "w-3 shrink-0" }),
 		/* @__PURE__ */ jsx("span", {
 			className: "text-sm text-[var(--zg-text)] truncate",
 			children: process.label
 		}),
-		!open && descendants > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CountBadge, {
+		!open && descendants > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CountBadge, {
 			tone: "neutral",
 			text: String(descendants)
 		}), /* @__PURE__ */ jsx(UsageChips, {
@@ -529,7 +529,7 @@ function Threads({ latest }) {
 	const busiest = threads[0];
 	return /* @__PURE__ */ jsxs(Section, {
 		title: l.perfThreads,
-		badges: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CountBadge, {
+		badges: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CountBadge, {
 			tone: "neutral",
 			text: String(threads.length)
 		}), busiest && /* @__PURE__ */ jsx(MetaChip, {
@@ -567,7 +567,7 @@ function Frames({ latest }) {
 	const windows = new Set(frames.map((frame) => frame.window)).size;
 	return /* @__PURE__ */ jsx(Section, {
 		title: l.perfFrames,
-		badges: /* @__PURE__ */ jsxs(Fragment, { children: [
+		badges: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx(CountBadge, {
 				tone: "neutral",
 				text: String(latest.frames.length)
@@ -575,7 +575,7 @@ function Frames({ latest }) {
 			total > 0 && /* @__PURE__ */ jsx(MetaChip, { children: formatDuration(total) }),
 			/* @__PURE__ */ jsx(MetaChip, { children: l.perfSince(since(latest.countersSince)) })
 		] }),
-		children: frames.length === 0 ? /* @__PURE__ */ jsx(Empty, { text: l.perfFramesEmpty }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heads, { names: [
+		children: frames.length === 0 ? /* @__PURE__ */ jsx(Empty, { text: l.perfFramesEmpty }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Heads, { names: [
 			l.perfColFrames,
 			l.perfColTotal,
 			l.perfColWorst
@@ -620,7 +620,7 @@ function Channels({ latest }) {
 	const total = latest.channels.reduce((sum, channel) => sum + channel.totalMs, 0);
 	return /* @__PURE__ */ jsx(Section, {
 		title: l.perfChannels,
-		badges: /* @__PURE__ */ jsxs(Fragment, { children: [
+		badges: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx(CountBadge, {
 				tone: "neutral",
 				text: String(latest.channels.length)
@@ -628,7 +628,7 @@ function Channels({ latest }) {
 			total > 0 && /* @__PURE__ */ jsx(MetaChip, { children: formatDuration(total) }),
 			/* @__PURE__ */ jsx(MetaChip, { children: l.perfSince(since(latest.countersSince)) })
 		] }),
-		children: channels.length === 0 ? /* @__PURE__ */ jsx(Empty, { text: l.perfChannelsEmpty }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heads, { names: [
+		children: channels.length === 0 ? /* @__PURE__ */ jsx(Empty, { text: l.perfChannelsEmpty }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Heads, { names: [
 			l.perfColCalls,
 			l.perfColTotal,
 			l.perfColP95,
@@ -745,7 +745,7 @@ function Profile({ host, reveal }) {
 					children: l.perfProfileError
 				})
 			}),
-			outcome?.ok && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heads, { names: [l.perfColShare, l.perfColSelf] }), outcome.profile.top.slice(0, LIST_CAP).map((fn) => /* @__PURE__ */ jsxs("div", {
+			outcome?.ok && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Heads, { names: [l.perfColShare, l.perfColSelf] }), outcome.profile.top.slice(0, LIST_CAP).map((fn) => /* @__PURE__ */ jsxs("div", {
 				className: ROW,
 				title: fn.url ? `${fn.url}:${fn.line}` : void 0,
 				children: [

package/dist/settings/sections/plugins/PluginsSection.js

@@ -6,8 +6,8 @@ import { SettingsPanel, SettingsPanelBody } from "../../section.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { EnabledList, RevealPathButton, useCatalogSharedLabels, useSettingsResource } from "../shared/catalog.js";
 import { DEFAULT_PLUGINS_SECTION_LABELS } from "./labels.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/plugins/PluginsSection.tsx
 /**
 * Settings › Plugins: the Agent Plugins found near a folder with the

package/dist/settings/sections/providers/CredentialSources.js

@@ -1,6 +1,6 @@
 import { toSettingsError } from "../../headless/host.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/providers/CredentialSources.tsx
 /**
 * The credential sources of a provider holding more than one stored (an API
@@ -13,7 +13,7 @@ import { useState } from "react";
 * action and is never in use.
 */
 /** Small ghost action inline with the source it acts on. */
-const SOURCE_BTN = "zg-press ml-1 h-5 px-1.5 shrink-0 rounded-zg-sm text-zg-meta leading-none text-[var(--zg-text-muted)] hover:text-[var(--zg-text)] hover:before:bg-[var(--zg-row-hover)] border-0 bg-transparent cursor-pointer disabled:opacity-zg-disabled focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--zg-ring)]";
+const SOURCE_BTN = "zg-press ml-1 h-5 px-1.5 shrink-0 rounded-zg-sm text-zg-meta leading-none text-[var(--zg-text-muted)] hover:text-[var(--zg-text)] hover:before:bg-[var(--zg-row-hover)] border-0 bg-transparent cursor-pointer disabled:opacity-zg-disabled zg-focus-ring";
 /**
 * Renders the credential sources of a provider.
 *
@@ -108,7 +108,7 @@ function CredentialSources({ provider, cwd, host, labels: l, confirm, onError, o
 						className: "zg-meta shrink-0",
 						children: l.accountsInUse
 					}),
-					isRenaming && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+					isRenaming && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => void commitRename(method),
 						className: SOURCE_BTN,

package/dist/settings/sections/providers/ProvidersSection.js

@@ -13,8 +13,8 @@ import { SettingsRestricted, useSettingsRestricted } from "../../SettingsRestric
 import { useSettingsResource } from "../shared/catalog.js";
 import { CredentialSources } from "./CredentialSources.js";
 import { DEFAULT_ACCOUNTS_SECTION_LABELS } from "./labels.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { providerBrand } from "zidane/chat/pure";
 //#region src/settings/sections/providers/ProvidersSection.tsx
 /**

package/dist/settings/sections/providers/ServerProvidersSection.js

@@ -10,8 +10,8 @@ import { useSettingsResource } from "../shared/catalog.js";
 import { CredentialSources } from "./CredentialSources.js";
 import { useAccountsSectionLabels } from "./ProvidersSection.js";
 import { ServerSignIn } from "./ServerSignIn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/providers/ServerProvidersSection.tsx
 /**
 * Settings › Accounts of a server's session, over the settings host's

package/dist/settings/sections/providers/ServerSignIn.js

@@ -3,8 +3,8 @@ import { OpLine } from "../../../components/Form.js";
 import { RoutedLink } from "../../../extensions/links.js";
 import { useSignIn } from "../../../onboarding/useSignIn.js";
 import { useAccountsSectionLabels } from "./ProvidersSection.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/providers/ServerSignIn.tsx
 /**
 * A browser sign-in whose tokens stay on a server (a provider on its
@@ -66,7 +66,7 @@ function ServerSignIn({ begin, hostName, label, onClose, className, style }) {
 				kind: line.kind,
 				children: line.text
 			}),
-			!done && /* @__PURE__ */ jsxs(Fragment, { children: [
+			!done && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				page?.kind === "device" && /* @__PURE__ */ jsxs("p", {
 					className: "m-0 text-xs",
 					children: [

package/dist/settings/sections/shared/catalog.js

@@ -8,8 +8,8 @@ import { useSectionLabels } from "../use-section-labels.js";
 import { SettingsRestricted } from "../../SettingsRestricted.js";
 import { enabledNames, toggleEnabled } from "../../headless/enabled.js";
 import { DEFAULT_CATALOG_SHARED_LABELS } from "./labels.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/settings/sections/shared/catalog.tsx
 /**
 * The pieces the catalog sections share: the enabled-allowlist hook over the
@@ -140,7 +140,7 @@ function EnabledList({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, statu
 				const canToggle = forcedEnabled === void 0 && writable;
 				const action = actionOf?.(entry);
 				const status = statusOf?.(entry);
-				const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Checkbox, { checked: enabled }), /* @__PURE__ */ jsxs("div", {
+				const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Checkbox, { checked: enabled }), /* @__PURE__ */ jsxs("div", {
 					className: "flex-1 min-w-0",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "text-sm flex items-center gap-2",

package/dist/settings/sections/skills/SkillList.js

@@ -5,14 +5,14 @@ import { EmptyState } from "../../../components/Surface.js";
 import { Checkbox, MetaChip } from "../../../components/Form.js";
 import { LoadError } from "../../../components/LoadError.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
-import { useCodeDocument } from "../../../code/editor/useCodeDocument.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { SettingsRestricted } from "../../SettingsRestricted.js";
 import { OpenFileButton, RevealPathButton, useCatalogSharedLabels, useEnabledList, useSettingsResource } from "../shared/catalog.js";
+import { useCodeDocument } from "../../../code/editor/useCodeDocument.js";
 import { formatTokens } from "../../../session/headless/usage-format.js";
 import { DEFAULT_SKILLS_SECTION_LABELS } from "./labels.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, lazy, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { skillTokenWeights } from "zidane/chat/pure";
 //#region src/settings/sections/skills/SkillList.tsx
 /**
@@ -161,7 +161,7 @@ function SkillActions({ name, dir, armed, onArm, onDelete, onEdit }) {
 			children: l.skillsSectionKeep
 		})]
 	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		dir && onEdit && /* @__PURE__ */ jsx(IconButton, {
 			icon: "i-ph-pencil-simple",
 			label: l.skillsSectionEdit(name),
@@ -216,7 +216,7 @@ function CatalogBar({ skills, weights }) {
 function SkillCard({ cwd, entry, enabled, weight, expanded, canToggle, onToggleEnabled, onToggleExpanded, action, onSaved }) {
 	const l = useSkillsSectionLabels();
 	const skill = entry.skill;
-	const head = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+	const head = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 		className: "flex items-center gap-2 min-w-0",
 		children: [
 			skill && /* @__PURE__ */ jsx("span", {
@@ -228,7 +228,7 @@ function SkillCard({ cwd, entry, enabled, weight, expanded, canToggle, onToggleE
 				children: entry.name
 			}),
 			/* @__PURE__ */ jsx(MetaChip, { children: entry.contributed ? l.skillsSectionFrom(entry.contributed.origin, entry.contributed.by) : entry.source ?? "project" }),
-			weight && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(MetaChip, {
+			weight && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(MetaChip, {
 				className: "tabular-nums",
 				title: l.skillsSectionInPromptTitle(weight.catalog.toLocaleString("en-US")),
 				children: [/* @__PURE__ */ jsx("span", {

package/dist/settings/sections/skills/SkillsSection.js

@@ -3,12 +3,12 @@ import { OpLine } from "../../../components/Form.js";
 import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
 import { SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../../section.js";
-import { SkillSourceBrowser } from "../../../onboarding/skills/SkillSourceBrowser.js";
 import { ScopePicker, useCatalogSharedLabels, useOpLine, useSettingsResource, useSettingsValues, useWriteSetting } from "../shared/catalog.js";
 import { SettingsTutorial } from "../../SettingsTutorial.js";
+import { SkillSourceBrowser } from "../../../onboarding/skills/SkillSourceBrowser.js";
 import { SkillActions, SkillList, useSkillsSectionLabels } from "./SkillList.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ONBOARDING_WORDS, groupSkillPicks } from "zidane/chat/pure";
 //#region src/settings/sections/skills/SkillsSection.tsx
 /**
@@ -146,7 +146,7 @@ function SkillsSection({ cwd, onEdit, actions, className, style }) {
 	return /* @__PURE__ */ jsxs(SettingsPanel, {
 		className,
 		style,
-		children: [/* @__PURE__ */ jsx(SettingsPanelActions, { actions: /* @__PURE__ */ jsxs(Fragment, { children: [cwd && host && /* @__PURE__ */ jsx("button", {
+		children: [/* @__PURE__ */ jsx(SettingsPanelActions, { actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [cwd && host && /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: () => void rescan(),
 			title: l.skillsSectionRefreshTitle,

package/dist/settings/server-app.d.ts

@@ -0,0 +1,41 @@
+import { SettingsSection } from "./headless/registry.js";
+import { SettingsAction, SettingsTabId } from "./headless/layout.js";
+import { EditorSectionProps } from "./sections/editor/EditorSection.js";
+import { ReactNode } from "react";
+//#region src/settings/server-app.d.ts
+/** Options for {@link useServerAppSettingsSections}. */
+interface ServerAppSettingsOptions {
+  /** The server's name: pages that would say "your" name it. */
+  hostName: string;
+  /** The open session's folder on the server (`null`: none). The catalogs and lists are for it. */
+  cwd: string | null;
+  /** The open session (`null`: none): Instructions shows its prompt. */
+  sessionId: string | null;
+  /** Accounts › Hosts: the server's own page (`ServerDetail`, `zidane-ui/machines`). */
+  hosts: () => ReactNode;
+  /** The app's actions (`{ action }` rows). */
+  actions?: readonly SettingsAction[];
+  /** The Spaces section of General (the server's spaces). */
+  spaces?: () => ReactNode;
+  /** The Extensions page. Default: the server's catalog. */
+  extensions?: () => ReactNode;
+  /** Files & editor shows (the app has a files host). Default: false. */
+  files?: boolean;
+  /** What Files & editor takes besides the folder. */
+  editor?: Omit<EditorSectionProps, 'cwd'>;
+}
+/** The sections and the nav's counts. */
+interface ServerAppSettings {
+  /** The shell's sections, in the layout's order. */
+  sections: SettingsSection[];
+  /** The nav's counts per page. */
+  counts: Partial<Record<SettingsTabId, number>>;
+}
+/**
+ * The sections and counts of an app a server serves (see the module comment).
+ *
+ * @param options - The server's name, the folder and session, the server page and the app's extras.
+ */
+declare function useServerAppSettingsSections(options: ServerAppSettingsOptions): ServerAppSettings;
+//#endregion
+export { ServerAppSettings, ServerAppSettingsOptions, useServerAppSettingsSections };

package/dist/settings/server-app.js

@@ -0,0 +1,155 @@
+import { useSettingsHost, useSettingsLabels } from "./SettingsProvider.js";
+import { SETTINGS_PAGES } from "./headless/layout.js";
+import { SettingsRowsPage } from "./SettingsRowsPage.js";
+import { layoutSections } from "./headless/layout-sections.js";
+import { listLength, settingsPageCounts } from "./headless/page-counts.js";
+import { AppearanceSection } from "./sections/appearance/AppearanceSection.js";
+import { EditorSection } from "./sections/editor/EditorSection.js";
+import { EnvironmentsSection } from "./sections/environments/EnvironmentsSection.js";
+import { HostCatalogSection } from "./sections/host-catalog/HostCatalogSection.js";
+import { InstructionsSection } from "./sections/instructions/InstructionsSection.js";
+import { KEYBINDING_ROW_COUNT } from "./sections/keybindings/rows.js";
+import { KeybindingsSection } from "./sections/keybindings/KeybindingsSection.js";
+import { LogsSection } from "./sections/logs/LogsSection.js";
+import { McpSection } from "./sections/mcp/McpSection.js";
+import { PerformanceSection } from "./sections/performance/PerformanceSection.js";
+import { ServerProvidersSection } from "./sections/providers/ServerProvidersSection.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/settings/server-app.tsx
+/**
+* Settings for an app a server serves (the web app): the layout's pages
+* (`SETTINGS_PAGES`), each worded for that server and grouped as on the
+* desktop, with the server's own sections for the panels. The server is the
+* app's only host: Accounts › Hosts is its page (`hosts`), and the pages the
+* desktop keeps for this computer (Instructions, Environments, Keybindings)
+* are the server's or this browser's. A page the host leaves out hides:
+* Logs, Performance, and Files & editor without a files host.
+*
+*   const { sections, counts } = useServerAppSettingsSections({ hostName, cwd, sessionId, hosts: () => <ServerDetail … /> });
+*   <SettingsShell sections={sections} counts={counts} … />
+*/
+const EXTENSION_KEYWORDS = [
+	"integrations",
+	"connections",
+	"locked",
+	"provenance"
+];
+const NO_ACTIONS = [];
+/**
+* The sections and counts of an app a server serves (see the module comment).
+*
+* @param options - The server's name, the folder and session, the server page and the app's extras.
+*/
+function useServerAppSettingsSections(options) {
+	const { hostName, cwd, sessionId, hosts, actions = NO_ACTIONS, spaces, extensions, files = false, editor } = options;
+	const host = useSettingsHost();
+	const labels = useSettingsLabels();
+	const hasLogs = Boolean(host.logs);
+	const hasPerformance = Boolean(host.performance);
+	const pages = useMemo(() => SETTINGS_PAGES.filter((page) => (page.id !== "logs" || hasLogs) && (page.id !== "performance" || hasPerformance) && (page.id !== "editor" || files)), [
+		hasLogs,
+		hasPerformance,
+		files
+	]);
+	return {
+		sections: useMemo(() => {
+			const renderPanel = (page) => {
+				switch (page.id) {
+					case "hosts": return hosts();
+					case "accounts": return /* @__PURE__ */ jsx(ServerProvidersSection, { hostName });
+					case "mcp": return /* @__PURE__ */ jsx(McpSection, { cwd });
+					case "skills":
+					case "plugins": return /* @__PURE__ */ jsx(HostCatalogSection, {
+						kind: page.id,
+						hostName,
+						cwd
+					});
+					case "extensions": return extensions ? extensions() : /* @__PURE__ */ jsx(HostCatalogSection, {
+						kind: "extensions",
+						hostName,
+						cwd
+					});
+					case "instructions": return /* @__PURE__ */ jsx(InstructionsSection, {
+						sessionId,
+						localFiles: false
+					});
+					case "environments": return /* @__PURE__ */ jsx(EnvironmentsSection, { cwd });
+					case "logs": return /* @__PURE__ */ jsx(LogsSection, {});
+					case "performance": return /* @__PURE__ */ jsx(PerformanceSection, {});
+					case "appearance": return /* @__PURE__ */ jsx(AppearanceSection, {});
+					case "editor": return /* @__PURE__ */ jsx(EditorSection, {
+						cwd,
+						...editor
+					});
+					case "keybindings": return /* @__PURE__ */ jsx(KeybindingsSection, {});
+				}
+			};
+			return layoutSections(pages, {
+				server: true,
+				spacesOnServer: true,
+				host: hostName,
+				actions,
+				renderPanel,
+				renderRows: (page) => /* @__PURE__ */ jsx(SettingsRowsPage, {
+					page,
+					server: true,
+					spacesOnServer: true,
+					actions,
+					...spaces ? { spaces } : {}
+				})
+			}).map((section) => section.id === "extensions" ? {
+				...section,
+				keywords: [...section.keywords ?? [], ...EXTENSION_KEYWORDS]
+			} : section.id === "hosts" ? {
+				...section,
+				description: labels.settingsServerHostsDescription(hostName)
+			} : section);
+		}, [
+			pages,
+			hosts,
+			hostName,
+			cwd,
+			sessionId,
+			actions,
+			spaces,
+			extensions,
+			editor,
+			labels
+		]),
+		counts: useServerAppPageCounts(pages, cwd)
+	};
+}
+/** The list pages' lengths on the server, read once per folder. */
+function useServerAppPageCounts(pages, cwd) {
+	const host = useSettingsHost();
+	const [lists, setLists] = useState({});
+	useEffect(() => {
+		let live = true;
+		const folder = cwd ?? void 0;
+		const length = (read) => (read ?? Promise.resolve(void 0)).then(listLength, () => void 0);
+		const resource = (r) => r ? r.refresh().then(() => listLength(r.get().data), () => void 0) : Promise.resolve(void 0);
+		Promise.all([
+			length(host.hostCatalog?.list("skills", folder)),
+			length(host.hostCatalog?.list("extensions", folder)),
+			length(host.hostCatalog?.list("plugins", folder)),
+			resource(host.mcp?.servers(cwd ?? "")),
+			cwd ? length(host.environments?.list(cwd)) : Promise.resolve(void 0)
+		]).then(([skills, extensions, plugins, mcp, environments]) => {
+			if (live) setLists({
+				skills,
+				extensions,
+				plugins,
+				mcp,
+				environments,
+				keybindings: KEYBINDING_ROW_COUNT
+			});
+		});
+		return () => {
+			live = false;
+		};
+	}, [host, cwd]);
+	return useMemo(() => settingsPageCounts(pages, lists, true), [pages, lists]);
+}
+//#endregion
+export { useServerAppSettingsSections };

package/dist/settings/testing/accounts.contract.d.ts

@@ -3,7 +3,7 @@ import { SettingsMcpInstance, SettingsMcpServer } from "../headless/mcp.js";
 import { SettingsHost } from "../headless/host.js";
 //#region src/settings/testing/accounts.contract.d.ts
 /** A group of `SettingsHost` this suite covers, or one of its optional actions. */
-type SettingsAccountsCapability = 'providers' | 'providers.setApiKey' | 'providers.configure' | 'providers.clear' | 'providers.remove' | 'providers.setPreferred' | 'providers.rename' | 'providers.signIn' | 'mcp' | 'mcp.test' | 'mcp.signIn' | 'mcp.signOut' | 'mcp.add' | 'mcp.remove' | 'mcp.instances' | 'mcp.restart';
+type SettingsAccountsCapability = 'providers' | 'providers.setApiKey' | 'providers.configure' | 'providers.clear' | 'providers.remove' | 'providers.setPreferred' | 'providers.rename' | 'providers.signIn' | 'mcp' | 'mcp.test' | 'mcp.signIn' | 'mcp.signOut' | 'mcp.add' | 'mcp.remove' | 'mcp.instances' | 'mcp.restart' | 'mcp.setToolTimeout';
 /** What the backend behind the host holds. */
 interface SettingsAccountsBackend {
   /** The providers and their credentials. */

package/dist/settings/testing/accounts.contract.js

@@ -31,7 +31,8 @@ const MCP_ACTIONS = [
 	"add",
 	"remove",
 	"instances",
-	"restart"
+	"restart",
+	"setToolTimeout"
 ];
 /** The folder the suite's MCP calls name. */
 const ACCOUNTS_CONTRACT_CWD = "/work/app";
@@ -232,6 +233,14 @@ function describeSettingsAccountsContract(name, makeHarness, capabilities) {
 			expect(control.serverNames()).not.toContain("docs");
 			expect((await settled(host.mcp.servers(ACCOUNTS_CONTRACT_CWD)))?.map((s) => s.name)).not.toContain("docs");
 		});
+		it.skipIf(!has("mcp.setToolTimeout"))("setToolTimeout sets a server's timeout; null clears it", async () => {
+			const { host } = await setup();
+			const servers = host.mcp.servers(ACCOUNTS_CONTRACT_CWD);
+			await host.mcp.setToolTimeout(ACCOUNTS_CONTRACT_CWD, "docs", 3e5);
+			expect((await settled(servers))?.find((s) => s.name === "docs")?.toolTimeout).toBe(3e5);
+			await host.mcp.setToolTimeout(ACCOUNTS_CONTRACT_CWD, "docs", null);
+			expect((await settled(servers))?.find((s) => s.name === "docs")?.toolTimeout).toBeUndefined();
+		});
 		it.skipIf(!has("mcp.signIn"))("a server sign-in opens its page and finishes", async () => {
 			const { host, control } = await setup();
 			const flow = host.mcp.signIn(ACCOUNTS_CONTRACT_CWD, "linear");