zidane-ui 9.1.13 → 9.1.16

package/dist/settings/sections/mcp/McpServerRow.js

@@ -1,6 +1,7 @@
 import { BrandMark } from "../../../components/BrandMark.js";
 import { IconButton } from "../../../components/IconButton.js";
 import { BTN_DANGER, BTN_DANGER_CONFIRM, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
+import { Notice } from "../../../components/Notice.js";
 import { Tray } from "../../../components/Surface.js";
 import { HostRow, MetaChip, ToggleSwitch } from "../../../components/Form.js";
 import { mcpBadge } from "../../headless/mcp.js";
@@ -87,9 +88,12 @@ function McpServerRow({ server: mcp, enabled, expanded, probing, enabledTools, r
 								title: mcp.url,
 								children: mcp.url
 							}),
-							mcp.lastError && !flow && /* @__PURE__ */ jsx("div", {
-								className: "mt-1 text-zg-meta text-zg-danger break-words",
-								children: mcp.lastError
+							mcp.lastError && !flow && /* @__PURE__ */ jsx(Notice, {
+								tone: "error",
+								compact: true,
+								detail: mcp.lastError,
+								className: "mt-1",
+								children: l.mcpSectionServerError
 							}),
 							mcp.lastError && !flow && /dynamic client registration/i.test(mcp.lastError) && /* @__PURE__ */ jsx("div", {
 								className: "mt-1 text-zg-meta text-[var(--zg-text-muted)]",
@@ -99,9 +103,12 @@ function McpServerRow({ server: mcp, enabled, expanded, probing, enabledTools, r
 								test: mcp.test,
 								probing,
 								labels: l
-							}) : /* @__PURE__ */ jsxs(Fragment, { children: [mcp.toolError && /* @__PURE__ */ jsx("div", {
-								className: "mt-1 text-zg-meta text-zg-danger break-words",
-								children: mcp.toolError
+							}) : /* @__PURE__ */ jsxs(Fragment, { children: [mcp.toolError && /* @__PURE__ */ jsx(Notice, {
+								tone: "error",
+								compact: true,
+								detail: mcp.toolError,
+								className: "mt-1",
+								children: l.mcpSectionToolsFailed
 							}), mcp.toolsUpdatedAt && !probing && /* @__PURE__ */ jsx("div", {
 								className: "zg-meta mt-1",
 								children: l.mcpSectionToolsListed(ageString(mcp.toolsUpdatedAt))
@@ -175,17 +182,17 @@ function McpServerRow({ server: mcp, enabled, expanded, probing, enabledTools, r
 				]
 			}), flow && /* @__PURE__ */ jsx("div", {
 				className: "zg-tray mt-3 px-3 py-2.5 rounded-zg-md text-xs",
-				children: flow.kind === "error" ? /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "flex-1 text-zg-danger break-words",
-						children: flow.message
-					}), /* @__PURE__ */ jsx("button", {
+				children: flow.kind === "error" ? /* @__PURE__ */ jsx(Notice, {
+					tone: "error",
+					compact: true,
+					detail: flow.message,
+					action: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: signIn.cancel,
 						className: BTN_SECONDARY,
 						children: l.mcpSectionDismiss
-					})]
+					}),
+					children: l.mcpSectionSignInFailed
 				}) : /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ jsx("span", {

package/dist/settings/sections/mcp/labels.d.ts

@@ -3,8 +3,8 @@ import { SettingsError } from "../../headless/host.js";
 //#region src/settings/sections/mcp/labels.d.ts
 /** The default English strings of the MCP servers section. */
 declare const DEFAULT_MCP_SECTION_LABELS: {
-  /** A failed read or action, worded from the host's error. */
-  mcpSectionError: (error: SettingsError) => string;
+  /** A failed read or action, worded by its kind. What the host said goes under Details. */
+  mcpSectionFailed: (error: SettingsError) => "Couldn't reach the host." | "Not allowed: this connection may not do that." | "Something went wrong.";
   /** Tests every enabled server. */
   mcpSectionTestAll: string;
   /** While that runs. */
@@ -71,6 +71,12 @@ declare const DEFAULT_MCP_SECTION_LABELS: {
   mcpSectionDisable: string;
   /** Its tooltip when off. */
   mcpSectionEnable: string;
+  /** The server's last error, worded; what it said goes under Details. */
+  mcpSectionServerError: string;
+  /** Listing its tools failed. */
+  mcpSectionToolsFailed: string;
+  /** A sign-in failed. */
+  mcpSectionSignInFailed: string;
   /** Drops a failed sign-in. */
   mcpSectionDismiss: string;
   /** The sign-in page is open. */

package/dist/settings/sections/mcp/labels.js

@@ -9,8 +9,8 @@ import { MCP_KEY_REFUSED_HINT, MCP_STATUS_LABEL } from "zidane/chat/pure";
 */
 /** The default English strings of the MCP servers section. */
 const DEFAULT_MCP_SECTION_LABELS = {
-	/** A failed read or action, worded from the host's error. */
-	mcpSectionError: (error) => error.detail ?? (error.kind === "unreachable" ? "Couldn't reach the host." : error.kind === "refused" ? "Not allowed: this connection may not do that." : "Something went wrong."),
+	/** A failed read or action, worded by its kind. What the host said goes under Details. */
+	mcpSectionFailed: (error) => error.kind === "unreachable" ? "Couldn't reach the host." : error.kind === "refused" ? "Not allowed: this connection may not do that." : "Something went wrong.",
 	/** Tests every enabled server. */
 	mcpSectionTestAll: "Test all",
 	/** While that runs. */
@@ -77,6 +77,12 @@ const DEFAULT_MCP_SECTION_LABELS = {
 	mcpSectionDisable: "Disable for this folder",
 	/** Its tooltip when off. */
 	mcpSectionEnable: "Enable for this folder",
+	/** The server's last error, worded; what it said goes under Details. */
+	mcpSectionServerError: "The server reported an error.",
+	/** Listing its tools failed. */
+	mcpSectionToolsFailed: "Couldn't list its tools.",
+	/** A sign-in failed. */
+	mcpSectionSignInFailed: "Sign-in failed.",
 	/** Drops a failed sign-in. */
 	mcpSectionDismiss: "Dismiss",
 	/** The sign-in page is open. */

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

@@ -6,8 +6,8 @@ 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 { useSettingsResource } from "../shared/catalog.js";
 import { ConversationPresetPreview } from "../../../onboarding/conversation.js";
+import { useSettingsResource } from "../shared/catalog.js";
 import { SelectRow, ValueChip } from "../../rows.js";
 import { ModelPickField } from "./ModelPickField.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/settings/sections/models/NewChatPlaceRow.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from "react";
+import { NewChatPlace } from "zidane/chat/pure";
+//#region src/settings/sections/models/NewChatPlaceRow.d.ts
+/** Props for {@link NewChatPlaceRow}. */
+interface NewChatPlaceRowProps {
+  /** The place set here; `null` or absent: none. */
+  value: NewChatPlace | null | undefined;
+  /** What applies while none is set here (a space's row: the global place). Absent: this computer. */
+  inherited?: NewChatPlace | null;
+  /** A space's row: words it for the space. */
+  inSpace?: boolean;
+  /** Takes the place back. */
+  onClear: () => void;
+  /** Extra classes on the row. */
+  className?: string;
+  /** Inline styles on the row. */
+  style?: CSSProperties;
+}
+/**
+ * Renders where new chats start, and Clear when a place is set here.
+ *
+ * @param props - The place, what applies without it, and Clear.
+ */
+declare function NewChatPlaceRow({ value, inherited, inSpace, onClear, className, style }: NewChatPlaceRowProps): import("react").JSX.Element;
+//#endregion
+export { NewChatPlaceRow, NewChatPlaceRowProps };

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

@@ -0,0 +1,78 @@
+import { IconButton } from "../../../components/IconButton.js";
+import { HostRow, MetaChip, RowText } from "../../../components/Form.js";
+import { useModelRowsLabels } from "./model-test.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LOCAL_HOST_KEY } from "zidane/chat/pure";
+//#region src/settings/sections/models/NewChatPlaceRow.tsx
+/** The place as chips: where, on which machine, in which folder, how. */
+function PlaceChips({ place, muted }) {
+	const l = useModelRowsLabels();
+	const host = !place || place.hostId === LOCAL_HOST_KEY ? l.modelRowsThisComputer : place.hostName ?? place.hostId;
+	const tone = muted ? "muted" : "text";
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex items-center gap-1 flex-wrap justify-end min-w-0",
+		children: [
+			/* @__PURE__ */ jsxs(MetaChip, {
+				tone,
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: !place || place.hostId === LOCAL_HOST_KEY ? "i-ph-laptop" : "i-ph-hard-drives"
+				}), host]
+			}),
+			place?.machine && /* @__PURE__ */ jsxs(MetaChip, {
+				tone,
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "i-ph-desktop-tower"
+				}), place.machine]
+			}),
+			place?.folder && /* @__PURE__ */ jsx(MetaChip, {
+				tone,
+				className: "font-mono max-w-[16rem]",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: place.folder
+				})
+			}),
+			place?.isolation && place.isolation !== "local" && /* @__PURE__ */ jsx(MetaChip, {
+				tone,
+				children: place.isolation
+			})
+		]
+	});
+}
+/**
+* Renders where new chats start, and Clear when a place is set here.
+*
+* @param props - The place, what applies without it, and Clear.
+*/
+function NewChatPlaceRow({ value, inherited, inSpace = false, onClear, className, style }) {
+	const l = useModelRowsLabels();
+	const label = l.modelRowsNewChatsStart;
+	return /* @__PURE__ */ jsxs(HostRow, {
+		"data-testid": "new-chat-place-row",
+		disabled: true,
+		className,
+		style,
+		children: [
+			/* @__PURE__ */ jsx(RowText, {
+				label,
+				description: l.modelRowsNewChatsStartHint(inSpace),
+				truncate: false
+			}),
+			/* @__PURE__ */ jsx(PlaceChips, {
+				place: value ?? inherited,
+				muted: !value
+			}),
+			value && /* @__PURE__ */ jsx(IconButton, {
+				icon: "i-ph-x",
+				label: l.modelRowsClear(inSpace ? l.modelRowsPlaceResetSpace : l.modelRowsPlaceReset, label),
+				title: inSpace ? l.modelRowsPlaceResetSpace : l.modelRowsPlaceReset,
+				size: "sm",
+				onClick: onClear
+			})
+		]
+	});
+}
+//#endregion
+export { NewChatPlaceRow };

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

@@ -1,7 +1,9 @@
 import { useSettings } from "../../SettingsProvider.js";
 import { AgentDefaultsRows, agentDefaultsOf } from "./AgentDefaults.js";
 import { SpacesSection } from "../../../chat/sidebar/SpacesSection.js";
-import { jsx } from "react/jsx-runtime";
+import { NewChatPlaceRow } from "./NewChatPlaceRow.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { readNewChatPlace } from "zidane/chat/pure";
 //#region src/settings/sections/models/SpacesDefaultsSection.tsx
 /**
 * The Spaces sections of the General page: the switch, then the list with each space's defaults while it is on.
@@ -11,14 +13,24 @@ import { jsx } from "react/jsx-runtime";
 function SpacesDefaultsSection({ cwd, className, style }) {
 	const { settings } = useSettings();
 	const inherited = agentDefaultsOf(settings);
-	return /* @__PURE__ */ jsx(SpacesSection, { renderDefaults: (space, update) => /* @__PURE__ */ jsx(AgentDefaultsRows, {
+	return /* @__PURE__ */ jsx(SpacesSection, { renderDefaults: (space, update) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AgentDefaultsRows, {
 		value: spaceDefaults(space),
 		onChange: (next) => update((s) => withSpaceDefaults(s, next)),
 		cwd,
 		inherited,
 		className,
 		style
-	}) });
+	}), /* @__PURE__ */ jsx(NewChatPlaceRow, {
+		value: space.place,
+		inherited: readNewChatPlace(settings.defaultPlace) ?? null,
+		inSpace: true,
+		onClear: () => update((s) => {
+			const { place: _place, ...rest } = s;
+			return rest;
+		}),
+		className,
+		style
+	})] }) });
 }
 /**
 * A space's defaults for new sessions, as the rows edit them.

package/dist/settings/sections/models/labels.d.ts

@@ -40,6 +40,8 @@ declare const DEFAULT_MODEL_ROWS_LABELS: {
   modelRowsDuration: (ms: number) => string;
   /** A failed test: why, and what the provider said. */
   modelRowsFailed: (reason: string | undefined, message: string | undefined) => string;
+  /** A failed test, worded; what the provider said goes under Details. */
+  modelRowsTestFailed: (reason: string | undefined) => string;
   /** A failed test's model on its provider, after the reason. */
   modelRowsFailedTarget: (target: string) => string;
   /** The text model row. */
@@ -88,6 +90,11 @@ declare const DEFAULT_MODEL_ROWS_LABELS: {
   modelRowsStartWith: (where: string) => string;
   /** The default agent row. */
   modelRowsDefaultAgent: string;
+  modelRowsNewChatsStart: string;
+  modelRowsNewChatsStartHint: (inSpace: boolean) => "To change it, pick a place in a new chat of this space, then Use for new chats." | "To change it, pick a place in a new chat, then Use for new chats.";
+  modelRowsThisComputer: string;
+  modelRowsPlaceReset: string;
+  modelRowsPlaceResetSpace: string;
   /** The agent new sessions start on with none set. */
   modelRowsBuild: string;
   /** A saved agent this folder doesn't offer. */

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

@@ -40,6 +40,8 @@ const DEFAULT_MODEL_ROWS_LABELS = {
 	modelRowsDuration: (ms) => `${ms}ms`,
 	/** A failed test: why, and what the provider said. */
 	modelRowsFailed: (reason, message) => `${reason ?? "error"}: ${message ?? "failed"}`,
+	/** A failed test, worded; what the provider said goes under Details. */
+	modelRowsTestFailed: (reason) => reason ? `The model didn't answer (${reason}).` : "The model didn't answer.",
 	/** A failed test's model on its provider, after the reason. */
 	modelRowsFailedTarget: (target) => ` (${target})`,
 	/** The text model row. */
@@ -88,6 +90,11 @@ const DEFAULT_MODEL_ROWS_LABELS = {
 	modelRowsStartWith: (where) => `${where} start with them.`,
 	/** The default agent row. */
 	modelRowsDefaultAgent: "Default agent",
+	modelRowsNewChatsStart: "Where new chats start",
+	modelRowsNewChatsStartHint: (inSpace) => inSpace ? "To change it, pick a place in a new chat of this space, then Use for new chats." : "To change it, pick a place in a new chat, then Use for new chats.",
+	modelRowsThisComputer: "This computer",
+	modelRowsPlaceReset: "Start new chats on this computer",
+	modelRowsPlaceResetSpace: "Use the default place",
 	/** The agent new sessions start on with none set. */
 	modelRowsBuild: "Build",
 	/** A saved agent this folder doesn't offer. */

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

@@ -1,4 +1,5 @@
 import { BTN_SECONDARY } from "../../../components/button.js";
+import { Notice } from "../../../components/Notice.js";
 import { MetaChip } from "../../../components/Form.js";
 import { toSettingsError } from "../../headless/host.js";
 import { useComposerModelName, useComposerProviderLabel } from "../../../chat/composer/use-composer-stores.js";
@@ -94,10 +95,12 @@ function ModelTestLine({ result, className }) {
 		]
 	});
 	const target = model && provider ? l.modelRowsPickLabel(model, provider) : model ?? provider;
-	return /* @__PURE__ */ jsxs("div", {
-		role: "alert",
-		className: `zg-meta px-3 pb-2 !text-zg-danger break-words${className ? ` ${className}` : ""}`,
-		children: [l.modelRowsFailed(result.reason, result.message), target ? l.modelRowsFailedTarget(target) : ""]
+	return /* @__PURE__ */ jsxs(Notice, {
+		tone: "error",
+		compact: true,
+		...result.message ? { detail: result.message } : {},
+		className: `mx-3 mb-2${className ? ` ${className}` : ""}`,
+		children: [l.modelRowsTestFailed(result.reason), target ? l.modelRowsFailedTarget(target) : ""]
 	});
 }
 //#endregion

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

@@ -1,8 +1,10 @@
 import { IconButton } from "../../../components/IconButton.js";
 import { BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
+import { Notice } from "../../../components/Notice.js";
 import { Segmented } from "../../../components/Segmented.js";
 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";
@@ -26,8 +28,7 @@ import { memo, useCallback, useMemo, useState } from "react";
 * summed in its header's badges: Processes (open), Sessions, Threads, Slow
 * frames and IPC (hosts that keep those counters: the desktop app, not a
 * server), CPU profile (hosts that record one). A host that can't be
-* watched says why (too old, an error); a token without admin sees the page
-* restricted ("Admin only") and empty. The process tree opens one level at a time; what
+* watched says why (too old, an error). The process tree opens one level at a time; what
 * sessions and terminals launched is its own group, collapsed. Sessions lists
 * what each session runs, one collapsed group per session. Rows are one line:
 * the pid and command line are the row's tooltip.
@@ -60,7 +61,7 @@ function PerformanceSection({ className, style }) {
 	const l = usePerformanceSectionLabels();
 	const settingsLabels = useSettingsLabels();
 	const latest = samples[samples.length - 1];
-	const restricted = useSettingsRestricted() && !host || error?.kind === "refused";
+	const restricted = useSettingsRestricted() && !host;
 	return /* @__PURE__ */ jsxs(SettingsPanel, {
 		className,
 		style,
@@ -677,7 +678,7 @@ function Profile({ host, reveal }) {
 				ok: false,
 				error: {
 					kind: "failed",
-					detail: error instanceof Error ? error.message : String(error)
+					detail: errorMessage(error)
 				}
 			});
 		} finally {
@@ -732,8 +733,17 @@ function Profile({ host, reveal }) {
 				]
 			}),
 			outcome && !outcome.ok && /* @__PURE__ */ jsx("div", {
-				className: "px-2 pb-1.5 text-xs text-zg-danger",
-				children: outcome.error.kind === "busy" ? l.perfProfileBusy : l.perfProfileFailed(outcome.error.detail)
+				className: "px-2 pb-1.5",
+				children: outcome.error.kind === "busy" ? /* @__PURE__ */ jsx(Notice, {
+					tone: "warning",
+					compact: true,
+					children: l.perfProfileBusy
+				}) : /* @__PURE__ */ jsx(Notice, {
+					tone: "error",
+					compact: true,
+					...outcome.error.detail ? { detail: outcome.error.detail } : {},
+					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", {
 				className: ROW,

package/dist/settings/sections/performance/labels.d.ts

@@ -70,7 +70,7 @@ declare const DEFAULT_PERFORMANCE_SECTION_LABELS: {
   perfProfileRecord: string;
   perfProfileRecording: (s: number) => string;
   perfProfileBusy: string;
-  perfProfileFailed: (detail?: string) => string;
+  perfProfileError: string;
   perfHud: string;
   perfHudClose: string;
   perfHudOpen: string;

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

@@ -94,7 +94,7 @@ const DEFAULT_PERFORMANCE_SECTION_LABELS = {
 	perfProfileRecord: "Record",
 	perfProfileRecording: (s) => `Recording ${s} s…`,
 	perfProfileBusy: "Busy. Close DevTools and retry.",
-	perfProfileFailed: (detail) => detail ? `Failed: ${detail}` : "Failed.",
+	perfProfileError: "Couldn't record the profile.",
 	perfHud: "Performance",
 	perfHudClose: "Close the performance overlay",
 	perfHudOpen: "Open Settings › Performance",

package/dist/settings/sections/providers/ProvidersSection.d.ts

@@ -22,7 +22,7 @@ interface ProvidersSectionProps {
 /**
  * Renders the providers of the nearest `SettingsProvider`'s host (`providers`). Without it the list is
  * empty; without an action, its control is hidden; a connection that may not write (`writable`) sees
- * the list restricted ("Admin only").
+ * the list restricted.
  *
  * @param props - The `cwd`, an `intro`, `confirm`, `className` and `style`.
  */

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

@@ -1,5 +1,6 @@
 import { BrandMark } from "../../../components/BrandMark.js";
 import { BTN_DANGER, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
+import { Notice } from "../../../components/Notice.js";
 import { MetaChip } from "../../../components/Form.js";
 import { BrowserSignIn } from "../../../components/BrowserSignIn.js";
 import { toSettingsError } from "../../headless/host.js";
@@ -36,7 +37,7 @@ const NO_PROVIDERS = [];
 /**
 * Renders the providers of the nearest `SettingsProvider`'s host (`providers`). Without it the list is
 * empty; without an action, its control is hidden; a connection that may not write (`writable`) sees
-* the list restricted ("Admin only").
+* the list restricted.
 *
 * @param props - The `cwd`, an `intro`, `confirm`, `className` and `style`.
 */
@@ -64,9 +65,12 @@ function ProvidersSection({ cwd, intro, confirm = YES, className, style }) {
 					confirm
 				}, status.key))
 			}) }),
-			load.error && /* @__PURE__ */ jsx("div", {
-				className: "mt-3 text-xs text-zg-danger",
-				children: l.accountsError(load.error)
+			load.error && /* @__PURE__ */ jsx(Notice, {
+				tone: "error",
+				compact: true,
+				className: "mt-3",
+				...load.error.detail ? { detail: load.error.detail } : {},
+				children: l.accountsFailed(load.error)
 			})
 		] })
 	});
@@ -351,9 +355,12 @@ function ProviderRow({ status, cwd, host, restricted, labels: l, confirm }) {
 					onError: setRowError,
 					onReauth: canSignIn && !flow ? startSignIn : void 0
 				}),
-				rowError && /* @__PURE__ */ jsx("div", {
-					className: "mt-2 text-xs text-zg-danger",
-					children: l.accountsError(rowError)
+				rowError && /* @__PURE__ */ jsx(Notice, {
+					tone: "error",
+					compact: true,
+					className: "mt-2",
+					...rowError.detail ? { detail: rowError.detail } : {},
+					children: l.accountsFailed(rowError)
 				})
 			]
 		})

package/dist/settings/sections/providers/ServerProvidersSection.d.ts

@@ -14,7 +14,7 @@ interface ServerProvidersSectionProps {
 /**
  * Renders the providers of the nearest `SettingsProvider`'s host (`providers`) as a server's cards: Set API
  * key needs `setApiKey`, Sign in `signIn`, Remove `remove`; a connection that may not write (`writable`)
- * sees the cards restricted ("Admin only").
+ * sees the cards restricted.
  *
  * @param props - The `hostName`, an `intro`, `className` and `style`.
  */

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

@@ -1,4 +1,5 @@
 import { BTN_DANGER, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
+import { Notice } from "../../../components/Notice.js";
 import { ErrorNote, FormCard, FormSection, MetaChip, OpLine, RowText } from "../../../components/Form.js";
 import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
@@ -25,7 +26,7 @@ const YES = async () => true;
 /**
 * Renders the providers of the nearest `SettingsProvider`'s host (`providers`) as a server's cards: Set API
 * key needs `setApiKey`, Sign in `signIn`, Remove `remove`; a connection that may not write (`writable`)
-* sees the cards restricted ("Admin only").
+* sees the cards restricted.
 *
 * @param props - The `hostName`, an `intro`, `className` and `style`.
 */
@@ -41,7 +42,10 @@ function ServerProvidersSection({ hostName, intro, className, style }) {
 		children: /* @__PURE__ */ jsxs(SettingsPanelBody, { children: [intro, /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
 			children: [
-				load.error && /* @__PURE__ */ jsx(ErrorNote, { children: l.accountsServerReadFailed(hostName, l.accountsError(load.error)) }),
+				load.error && /* @__PURE__ */ jsx(ErrorNote, {
+					...load.error.detail ? { detail: load.error.detail } : {},
+					children: l.accountsServerReadFailed(hostName, l.accountsFailed(load.error))
+				}),
 				!list && !load.error && /* @__PURE__ */ jsx(OpLine, {
 					kind: "busy",
 					children: l.accountsServerReading(hostName)
@@ -198,9 +202,11 @@ function ProviderCard({ host, hostName, provider, labels: l }) {
 			}),
 			error && /* @__PURE__ */ jsx("div", {
 				className: "px-3 pb-2.5",
-				children: /* @__PURE__ */ jsx(OpLine, {
-					kind: "error",
-					children: l.accountsError(error)
+				children: /* @__PURE__ */ jsx(Notice, {
+					tone: "error",
+					compact: true,
+					...error.detail ? { detail: error.detail } : {},
+					children: l.accountsFailed(error)
 				})
 			})
 		]

package/dist/settings/sections/providers/labels.d.ts

@@ -2,8 +2,8 @@ import { SettingsError } from "../../headless/host.js";
 //#region src/settings/sections/providers/labels.d.ts
 /** The default English strings of the Accounts sections. */
 declare const DEFAULT_ACCOUNTS_SECTION_LABELS: {
-  /** A failed read or action, worded from the host's error. */
-  accountsError: (error: SettingsError) => string;
+  /** A failed read or action, worded by its kind. What the host said goes under Details. */
+  accountsFailed: (error: SettingsError) => "Couldn't reach the host." | "Not allowed: this connection may not do that." | "Something went wrong.";
   /** The status dot of a provider with a credential. */
   accountsAuthenticated: string;
   /** The status dot of a provider without one. */

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

@@ -9,8 +9,8 @@ import { DEFAULT_OAUTH_ACCOUNT_LABEL } from "zidane/chat/pure";
 */
 /** The default English strings of the Accounts sections. */
 const DEFAULT_ACCOUNTS_SECTION_LABELS = {
-	/** A failed read or action, worded from the host's error. */
-	accountsError: (error) => error.detail ?? (error.kind === "unreachable" ? "Couldn't reach the host." : error.kind === "refused" ? "Not allowed: this connection may not do that." : "Something went wrong."),
+	/** A failed read or action, worded by its kind. What the host said goes under Details. */
+	accountsFailed: (error) => error.kind === "unreachable" ? "Couldn't reach the host." : error.kind === "refused" ? "Not allowed: this connection may not do that." : "Something went wrong.",
 	/** The status dot of a provider with a credential. */
 	accountsAuthenticated: "Authenticated",
 	/** The status dot of a provider without one. */

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

@@ -5,8 +5,8 @@ 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 { useSectionLabels } from "../use-section-labels.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 { formatTokens } from "../../../session/headless/usage-format.js";

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

@@ -3,9 +3,9 @@ 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";

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

@@ -99,17 +99,10 @@ function describeSettingsPerformanceContract(name, makeHarness, capabilities, op
 			control.emit(fixturePerfSample(3, 7e3));
 			expect(seen).toEqual([5e3]);
 		});
-		it.skipIf(!options.watchErrors).each([
-			{ kind: "unavailable" },
-			{
-				kind: "refused",
-				detail: "\"perf.watch\" needs an admin token"
-			},
-			{
-				kind: "failed",
-				detail: "offline"
-			}
-		])("a refused watch ($kind) reaches onError as its kind, once", async (error) => {
+		it.skipIf(!options.watchErrors).each([{ kind: "unavailable" }, {
+			kind: "failed",
+			detail: "offline"
+		}])("a refused watch ($kind) reaches onError as its kind, once", async (error) => {
 			const { host } = await setup({ watchError: error });
 			const errors = [];
 			const seen = [];
@@ -119,7 +112,10 @@ function describeSettingsPerformanceContract(name, makeHarness, capabilities, op
 			expect(seen).toEqual([]);
 		});
 		it.skipIf(!options.watchErrors)("a watch released before its refusal lands hears nothing", async () => {
-			const { host } = await setup({ watchError: { kind: "refused" } });
+			const { host } = await setup({ watchError: {
+				kind: "failed",
+				detail: "offline"
+			} });
 			const errors = [];
 			host.performance.watch(() => void 0, (e) => errors.push(e))();
 			await new Promise((resolve) => setTimeout(resolve, 0));