zidane-ui 9.1.13 → 9.1.14

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

@@ -1,7 +1,8 @@
 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";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelBody } from "../../section.js";
 import { hasCredentialChoice } from "../../headless/providers.js";
 import { SettingsRestricted } from "../../SettingsRestricted.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/shared/catalog.js

@@ -2,8 +2,8 @@ import { IconButton } from "../../../components/IconButton.js";
 import { Segmented } from "../../../components/Segmented.js";
 import { EmptyState } from "../../../components/Surface.js";
 import { Checkbox } from "../../../components/Form.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsDocument, useSettingsHost, useSettingsWritable } from "../../SettingsProvider.js";
+import { toSettingsError } from "../../headless/host.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { SettingsRestricted } from "../../SettingsRestricted.js";
 import { enabledNames, toggleEnabled } from "../../headless/enabled.js";

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

@@ -1,7 +1,7 @@
 import { BTN_LG_SECONDARY, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
 import { OpLine } from "../../../components/Form.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../../section.js";
 import { ScopePicker, useCatalogSharedLabels, useOpLine, useSettingsResource, useSettingsValues, useWriteSetting } from "../shared/catalog.js";
 import { SettingsTutorial } from "../../SettingsTutorial.js";

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));

package/dist/styles.css

@@ -75,6 +75,7 @@
 .i-ph-clock-counter-clockwise{--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='M136 80v43.47l36.12 21.67a8 8 0 0 1-8.24 13.72l-40-24A8 8 0 0 1 120 128V80a8 8 0 0 1 16 0m-8-48a95.44 95.44 0 0 0-67.92 28.15C52.81 67.51 46.35 74.59 40 82V64a8 8 0 0 0-16 0v40a8 8 0 0 0 8 8h40a8 8 0 0 0 0-16H49c7.15-8.42 14.27-16.35 22.39-24.57a80 80 0 1 1 1.66 114.75a8 8 0 1 0-11 11.64A96 96 0 1 0 128 32'/%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-cloud{--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='M160 40a88.09 88.09 0 0 0-78.71 48.67A64 64 0 1 0 72 216h88a88 88 0 0 0 0-176m0 160H72a48 48 0 0 1 0-96c1.1 0 2.2 0 3.29.11A88 88 0 0 0 72 128a8 8 0 0 0 16 0a72 72 0 1 1 72 72'/%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-cloud-arrow-up{--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='M178.34 165.66L160 147.31V208a8 8 0 0 1-16 0v-60.69l-18.34 18.35a8 8 0 0 1-11.32-11.32l32-32a8 8 0 0 1 11.32 0l32 32a8 8 0 0 1-11.32 11.32M160 40a88.08 88.08 0 0 0-78.71 48.68A64 64 0 1 0 72 216h40a8 8 0 0 0 0-16H72a48 48 0 0 1 0-96c1.1 0 2.2 0 3.29.12A88 88 0 0 0 72 128a8 8 0 0 0 16 0a72 72 0 1 1 100.8 66a8 8 0 0 0 3.2 15.34a7.9 7.9 0 0 0 3.2-.68A88 88 0 0 0 160 40'/%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-cloud-slash{--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='M53.92 34.62a8 8 0 1 0-11.84 10.76l39.24 43.17l-.06.12A65 65 0 0 0 72 88a64 64 0 0 0 0 128h88a87.3 87.3 0 0 0 31.8-5.93l10.28 11.31a8 8 0 1 0 11.84-10.76ZM160 200H72a48 48 0 0 1 0-96c1.1 0 2.2 0 3.3.12A88.4 88.4 0 0 0 72 128a8 8 0 0 0 16 0a72.3 72.3 0 0 1 5.06-26.54l87 95.7A71.7 71.7 0 0 1 160 200m88-72a87.9 87.9 0 0 1-22.35 58.61A8 8 0 0 1 213.71 176a72 72 0 0 0-96.34-106a8 8 0 0 1-9.48-12.89A88 88 0 0 1 248 128'/%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-code{--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='M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25'/%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-coffee{--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='M80 56V24a8 8 0 0 1 16 0v32a8 8 0 0 1-16 0m40 8a8 8 0 0 0 8-8V24a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m32 0a8 8 0 0 0 8-8V24a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m96 56v8a40 40 0 0 1-37.51 39.91a96.6 96.6 0 0 1-27 40.09H208a8 8 0 0 1 0 16H32a8 8 0 0 1 0-16h24.54A96.3 96.3 0 0 1 24 136V88a8 8 0 0 1 8-8h176a40 40 0 0 1 40 40m-48-24H40v40a80.27 80.27 0 0 0 45.12 72h69.76A80.27 80.27 0 0 0 200 136Zm32 24a24 24 0 0 0-16-22.62V136a96 96 0 0 1-1.2 15a24 24 0 0 0 17.2-23Z'/%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-columns{--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='M104 32H64a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h40a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176H64V48h40Zm88-176h-40a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h40a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176h-40V48h40Z'/%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;}
@@ -137,6 +138,7 @@
 .i-ph-globe-simple{--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.12 104.12 0 0 0 128 24m87.62 96h-39.83c-1.79-36.51-15.85-62.33-27.38-77.6a88.19 88.19 0 0 1 67.22 77.6ZM96.23 136h63.54c-2.31 41.61-22.23 67.11-31.77 77c-9.55-9.9-29.46-35.4-31.77-77m0-16c2.31-41.61 22.23-67.11 31.77-77c9.55 9.93 29.46 35.43 31.77 77Zm11.36-77.6C96.06 57.67 82 83.49 80.21 120H40.37a88.19 88.19 0 0 1 67.22-77.6M40.37 136h39.84c1.82 36.51 15.85 62.33 27.38 77.6A88.19 88.19 0 0 1 40.37 136m108 77.6c11.53-15.27 25.56-41.09 27.38-77.6h39.84a88.19 88.19 0 0 1-67.18 77.6Z'/%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-graduation-cap{--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='m251.76 88.94l-120-64a8 8 0 0 0-7.52 0l-120 64a8 8 0 0 0 0 14.12L32 117.87v48.42a15.9 15.9 0 0 0 4.06 10.65C49.16 191.53 78.51 216 128 216a130 130 0 0 0 48-8.76V240a8 8 0 0 0 16 0v-40.49a115.6 115.6 0 0 0 27.94-22.57a15.9 15.9 0 0 0 4.06-10.65v-48.42l27.76-14.81a8 8 0 0 0 0-14.12M128 200c-43.27 0-68.72-21.14-80-33.71V126.4l76.24 40.66a8 8 0 0 0 7.52 0L176 143.47v46.34c-12.6 5.88-28.48 10.19-48 10.19m80-33.75a97.8 97.8 0 0 1-16 14.25v-45.57l16-8.53Zm-20-47.31l-.22-.13l-56-29.87a8 8 0 0 0-7.52 14.12L171 128l-43 22.93L25 96l103-54.93L231 96Z'/%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-graph{--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='M200 152a31.84 31.84 0 0 0-19.53 6.68l-23.11-18A31.65 31.65 0 0 0 160 128c0-.74 0-1.48-.08-2.21l13.23-4.41A32 32 0 1 0 168 104c0 .74 0 1.48.08 2.21l-13.23 4.41A32 32 0 0 0 128 96a32.6 32.6 0 0 0-5.27.44L115.89 81A32 32 0 1 0 96 88a32.6 32.6 0 0 0 5.27-.44l6.84 15.4a31.92 31.92 0 0 0-8.57 39.64l-25.71 22.84a32.06 32.06 0 1 0 10.63 12l25.71-22.84a31.91 31.91 0 0 0 37.36-1.24l23.11 18A31.65 31.65 0 0 0 168 184a32 32 0 1 0 32-32m0-64a16 16 0 1 1-16 16a16 16 0 0 1 16-16M80 56a16 16 0 1 1 16 16a16 16 0 0 1-16-16M56 208a16 16 0 1 1 16-16a16 16 0 0 1-16 16m56-80a16 16 0 1 1 16 16a16 16 0 0 1-16-16m88 72a16 16 0 1 1 16-16a16 16 0 0 1-16 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-graphics-card{--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='M232 48H16a8 8 0 0 0-8 8v152a8 8 0 0 0 16 0v-16h16v16a8 8 0 0 0 16 0v-16h16v16a8 8 0 0 0 16 0v-16h16v16a8 8 0 0 0 16 0v-16h112a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m0 128H24V64h208Zm-56-16a40 40 0 1 0-40-40a40 40 0 0 0 40 40m-24-40a23.74 23.74 0 0 1 2.35-10.34l32 32A23.74 23.74 0 0 1 176 144a24 24 0 0 1-24-24m48 0a23.74 23.74 0 0 1-2.35 10.34l-32-32A23.74 23.74 0 0 1 176 96a24 24 0 0 1 24 24M80 160a40 40 0 1 0-40-40a40 40 0 0 0 40 40m-24-40a23.74 23.74 0 0 1 2.35-10.34l32 32A23.74 23.74 0 0 1 80 144a24 24 0 0 1-24-24m48 0a23.74 23.74 0 0 1-2.35 10.34l-32-32A23.74 23.74 0 0 1 80 96a24 24 0 0 1 24 24'/%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-hand{--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='M188 48a27.75 27.75 0 0 0-12 2.71V44a28 28 0 0 0-54.65-8.6A28 28 0 0 0 80 60v64l-3.82-6.13a28 28 0 0 0-48.6 27.82c16 33.77 28.93 57.72 43.72 72.69C86.24 233.54 103.2 240 128 240a88.1 88.1 0 0 0 88-88V76a28 28 0 0 0-28-28m12 104a72.08 72.08 0 0 1-72 72c-20.38 0-33.51-4.88-45.33-16.85C69.44 193.74 57.26 171 41.9 138.58a6 6 0 0 0-.3-.58a12 12 0 0 1 20.79-12a2 2 0 0 0 .14.23l18.67 30A8 8 0 0 0 96 152V60a12 12 0 0 1 24 0v60a8 8 0 0 0 16 0V44a12 12 0 0 1 24 0v76a8 8 0 0 0 16 0V76a12 12 0 0 1 24 0Z'/%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-hand-palm{--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='M188 88a27.75 27.75 0 0 0-12 2.71V60a28 28 0 0 0-41.36-24.6A28 28 0 0 0 80 44v6.71A27.75 27.75 0 0 0 68 48a28 28 0 0 0-28 28v76a88 88 0 0 0 176 0v-36a28 28 0 0 0-28-28m12 64a72 72 0 0 1-144 0V76a12 12 0 0 1 24 0v44a8 8 0 0 0 16 0V44a12 12 0 0 1 24 0v68a8 8 0 0 0 16 0V60a12 12 0 0 1 24 0v68.67A48.08 48.08 0 0 0 120 176a8 8 0 0 0 16 0a32 32 0 0 1 32-32a8 8 0 0 0 8-8v-20a12 12 0 0 1 24 0Z'/%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-hard-drives{--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='M208 136H48a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16m0 64H48v-48h160zm0-160H48a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 64H48V56h160zm-16-24a12 12 0 1 1-12-12a12 12 0 0 1 12 12m0 96a12 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;}
@@ -215,6 +217,7 @@
 .i-ph-sidebar-simple{--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='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 56h40v144H40Zm176 144H96V56h120z'/%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-sidebar-simple-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='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 160H88V56h128z'/%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-sign-in{--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='m141.66 133.66l-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32M200 32h-64a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h64a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8'/%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-signpost{--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='M246 106.65L212.33 69.3a16 16 0 0 0-11.89-5.3H136V32a8 8 0 0 0-16 0v32H40a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h80v64a8 8 0 0 0 16 0v-64h64.44a16 16 0 0 0 11.89-5.3L246 117.35a8 8 0 0 0 0-10.7M200.44 144H40V80h160.44l28.8 32Z'/%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-sliders-horizontal{--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='M40 88h33a32 32 0 0 0 62 0h81a8 8 0 0 0 0-16h-81a32 32 0 0 0-62 0H40a8 8 0 0 0 0 16m64-24a16 16 0 1 1-16 16a16 16 0 0 1 16-16m112 104h-17a32 32 0 0 0-62 0H40a8 8 0 0 0 0 16h97a32 32 0 0 0 62 0h17a8 8 0 0 0 0-16m-48 24a16 16 0 1 1 16-16a16 16 0 0 1-16 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-sparkle{--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='M197.58 129.06L146 110l-19-51.62a15.92 15.92 0 0 0-29.88 0L78 110l-51.62 19a15.92 15.92 0 0 0 0 29.88L78 178l19 51.62a15.92 15.92 0 0 0 29.88 0L146 178l51.62-19a15.92 15.92 0 0 0 0-29.88ZM137 164.22a8 8 0 0 0-4.74 4.74L112 223.85L91.78 169a8 8 0 0 0-4.78-4.78L32.15 144L87 123.78a8 8 0 0 0 4.78-4.78L112 64.15L132.22 119a8 8 0 0 0 4.74 4.74L191.85 144ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8'/%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-speaker-high{--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='M155.51 24.81a8 8 0 0 0-8.42.88L77.25 80H32a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h45.25l69.84 54.31A8 8 0 0 0 160 224V32a8 8 0 0 0-4.49-7.19M32 96h40v64H32Zm112 111.64l-56-43.55V91.91l56-43.55Zm54-106.08a40 40 0 0 1 0 52.88a8 8 0 0 1-12-10.58a24 24 0 0 0 0-31.72a8 8 0 0 1 12-10.58M248 128a79.9 79.9 0 0 1-20.37 53.34a8 8 0 0 1-11.92-10.67a64 64 0 0 0 0-85.33a8 8 0 1 1 11.92-10.67A79.83 79.83 0 0 1 248 128'/%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;}
@@ -363,7 +366,6 @@
 .top-7{top:1.75rem;}
 .top-full{top:100%;}
 .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
-.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;}
 .line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;}
 .isolate{isolation:isolate;}
 .z-\[-1\]{z-index:-1;}
@@ -396,6 +398,7 @@
 .m\[0\]{margin:0;}
 .m-1{margin:0.25rem;}
 .m-2{margin:0.5rem;}
+.m-3{margin:0.75rem;}
 .m\[1\]{margin:1;}
 .m\[2\]{margin:2;}
 .m\[2\]\!{margin:2 !important;}
@@ -415,7 +418,8 @@
 .-my-0\.5{margin-top:-0.125rem;margin-bottom:-0.125rem;}
 .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem;}
 .-my-px{margin-top:-1px;margin-bottom:-1px;}
-.mx{margin-left:1rem;margin-right:1rem;}
+.mx,
+.mx-4{margin-left:1rem;margin-right:1rem;}
 .mx-0\.5{margin-left:0.125rem;margin-right:0.125rem;}
 .mx-1{margin-left:0.25rem;margin-right:0.25rem;}
 .mx-1\.5{margin-left:0.375rem;margin-right:0.375rem;}
@@ -500,14 +504,17 @@
 .hidden{display:none;}
 .aspect-square{aspect-ratio:1/1;}
 .size-7{width:1.75rem;height:1.75rem;}
+.size-9{width:2.25rem;height:2.25rem;}
 .\!h-2{height:0.5rem !important;}
 .\!h-6{height:1.5rem !important;}
 .\!h-7{height:1.75rem !important;}
+.\!max-w-none{max-width:none !important;}
 .\!min-h-0{min-height:0 !important;}
 .\!w-4{width:1rem !important;}
 .\!w-40{width:10rem !important;}
 .\!w-64{width:16rem !important;}
 .\!w-auto{width:auto !important;}
+.\!w-full{width:100% !important;}
 .h-\[108px\]{height:108px;}
 .h-\[14px\]{height:14px;}
 .h-\[18px\]{height:18px;}
@@ -650,6 +657,7 @@
 .min-h-full{min-height:100%;}
 .min-w-\[10rem\],
 .min-w-40{min-width:10rem;}
+.min-w-\[12rem\]{min-width:12rem;}
 .min-w-\[14px\]{min-width:14px;}
 .min-w-\[14rem\]{min-width:14rem;}
 .min-w-\[1em\]{min-width:1em;}
@@ -681,6 +689,7 @@
 .w-\[440px\]{width:440px;}
 .w-\[460px\]{width:460px;}
 .w-\[480px\]{width:480px;}
+.w-\[520px\]{width:520px;}
 .w-\[560px\]{width:560px;}
 .w-\[62\%\]{width:62%;}
 .w-\[72px\]{width:72px;}
@@ -690,6 +699,7 @@
 .w-\[8px\]{width:8px;}
 .w-\[920px\]{width:920px;}
 .w-\[calc\(50\%-2px\)\]{width:calc(50% - 2px);}
+.w-\[min\(24rem\,calc\(100vw-1\.5rem\)\)\]{width:min(24rem,calc(100vw - 1.5rem));}
 .w-0\.5{width:0.125rem;}
 .w-1,
 .w1{width:0.25rem;}
@@ -736,6 +746,7 @@
 .flex-grow,
 .grow{flex-grow:1;}
 .basis-40{flex-basis:10rem;}
+.basis-full{flex-basis:100%;}
 .flex-row{flex-direction:row;}
 .flex-row-reverse{flex-direction:row-reverse;}
 .flex-col{flex-direction:column;}
@@ -828,7 +839,6 @@
 .gap-y-1\.5{row-gap:0.375rem;}
 .gap-y-2{row-gap:0.5rem;}
 .gap-y-3\.5{row-gap:0.875rem;}
-.space-y-0\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.125rem * var(--un-space-y-reverse));}
 .space-y-1\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.375rem * var(--un-space-y-reverse));}
 .space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}
 .space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}
@@ -947,6 +957,7 @@
 .bg-amber-500{--un-bg-opacity:1;background-color:rgb(245 158 11 / var(--un-bg-opacity));}
 .bg-amber-600{--un-bg-opacity:1;background-color:rgb(217 119 6 / var(--un-bg-opacity));}
 .bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));}
+.bg-black\/30{background-color:rgb(0 0 0 / 0.3);}
 .bg-current{background-color:currentColor;}
 .bg-transparent{background-color:transparent;}
 .bg-zg-accent-fill-fg{background-color:var(--zg-accent-fill-fg);}
@@ -1196,6 +1207,7 @@
 .tracking-\[-0\.005em\]{letter-spacing:-0.005em;}
 .tracking-\[-0\.01em\]{letter-spacing:-0.01em;}
 .tracking-\[0\.12em\]{letter-spacing:0.12em;}
+.tracking-\[0\.2em\]{letter-spacing:0.2em;}
 .tracking-\[inherit\]{letter-spacing:inherit;}
 .tracking-normal{letter-spacing:0em;}
 .font-\[inherit\]{font-family:inherit;}
@@ -1301,6 +1313,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-success\/15{background-color:color-mix(in srgb, var(--zg-success) 15%, transparent);}
 .bg-zg-warn\/10{background-color:color-mix(in srgb, var(--zg-warn) 10%, transparent);}
 .border-zg-danger\/30{border-color:color-mix(in srgb, var(--zg-danger) 30%, transparent);}
 .text-zg-accent-fill-fg\/80{color:color-mix(in srgb, var(--zg-accent-fill-fg) 80%, transparent);}
@@ -1955,6 +1969,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);
 }
@@ -2589,6 +2610,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/terminal/HostTerminalSurface.js

@@ -1,7 +1,9 @@
+import { Notice } from "../components/Notice.js";
+import { errorMessage } from "../components/report-error.js";
 import { RowActionsMenu } from "../components/RowActionsMenu.js";
-import { getMergedKeybindings } from "../keybindings/headless/overrides.js";
-import { bindingAllowedIn } from "../keybindings/headless/key-scope.js";
 import { useAppearanceState, usePalette } from "../appearance/AppearanceProvider.js";
+import { bindingAllowedIn } from "../keybindings/headless/key-scope.js";
+import { getMergedKeybindings } from "../keybindings/headless/overrides.js";
 import { matchesBinding } from "../keybindings/match.js";
 import { useKeybindingsHost } from "../keybindings/KeybindingsProvider.js";
 import { useSymbolsFontUrl, useTerminalActions, useTerminalStore } from "./TerminalProvider.js";
@@ -324,7 +326,10 @@ function HostTerminalSurface({ scope, terminalId, label, cwd, autoFocus = false,
 				for (const q of pending) (q.kind === "reset" ? reset : apply)(q.offset, q.data);
 				settle(true);
 			} catch (err) {
-				if (!disposed && seq === attachSeq) setFailed(err instanceof Error ? err.message : String(err));
+				if (!disposed && seq === attachSeq) setFailed({
+					message: labels.terminalAttachError,
+					detail: errorMessage(err)
+				});
 				reveal();
 			}
 		}
@@ -471,7 +476,10 @@ function HostTerminalSurface({ scope, terminalId, label, cwd, autoFocus = false,
 			attach();
 			if (autoFocusRef.current) term.focus();
 		}, (err) => {
-			if (!disposed) setFailed(labels.terminalCouldNotLoad(err instanceof Error ? err.message : String(err)));
+			if (!disposed) setFailed({
+				message: labels.terminalLoadError,
+				detail: errorMessage(err)
+			});
 		});
 		return () => {
 			disposed = true;
@@ -586,9 +594,11 @@ function HostTerminalSurface({ scope, terminalId, label, cwd, autoFocus = false,
 				className: "absolute inset-0 pl-2 pt-1",
 				style: { caretColor: "transparent" }
 			}),
-			failed && /* @__PURE__ */ jsx("div", {
-				className: "absolute inset-x-0 top-0 m-2 px-2.5 py-1.5 rounded-md bg-zg-danger/10 text-zg-label text-[var(--zg-danger)]",
-				children: failed
+			failed && /* @__PURE__ */ jsx(Notice, {
+				tone: "error",
+				detail: failed.detail,
+				className: "absolute inset-x-0 top-0 m-2",
+				children: failed.message
 			}),
 			/* @__PURE__ */ jsx(RowActionsMenu, {
 				open: menu !== null,

package/dist/terminal/TerminalPanel.js

@@ -1,6 +1,7 @@
 import { useMotionTransition, useTabExit } from "../motion/springs.js";
 import { IconButton } from "../components/IconButton.js";
 import { buttonClass } from "../components/button.js";
+import { Notice } from "../components/Notice.js";
 import { Tooltip } from "../components/Tooltip.js";
 import { IconToggle } from "../components/IconToggle.js";
 import { useTabDrag } from "../hooks/useTabDrag.js";
@@ -214,19 +215,19 @@ function TerminalPanel({ scope, placement, trailing, className, style }) {
 				onNew: (target) => void openNew(target),
 				trailing
 			}),
-			data.error && /* @__PURE__ */ jsxs("div", {
-				role: "alert",
-				className: "shrink-0 mx-2 mt-1 px-2.5 py-1 rounded-zg-md bg-zg-danger/10 text-zg-label text-[var(--zg-danger)] flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "flex-1 min-w-0 truncate",
-					children: data.error
-				}), /* @__PURE__ */ jsx(IconButton, {
+			data.error && /* @__PURE__ */ jsx(Notice, {
+				tone: "error",
+				compact: true,
+				detail: data.error,
+				className: "shrink-0 mx-2 mt-1",
+				action: /* @__PURE__ */ jsx(IconButton, {
 					size: "xs",
 					icon: "i-ph-x",
 					label: labels.terminalDismissError,
 					onClick: () => store.dismissError(key),
-					className: "!text-current"
-				})]
+					className: "!text-current ml-auto"
+				}),
+				children: labels.terminalActionFailed
 			}),
 			/* @__PURE__ */ jsx("div", {
 				ref: areaRef,
@@ -439,7 +440,7 @@ function statusText(t, labels) {
 	switch (t.status) {
 		case "exited": return t.exitCode !== void 0 ? labels.terminalExitedWith(t.exitCode) : labels.terminalExitedPlain;
 		case "paused": return labels.terminalDisconnected;
-		case "error": return t.error ?? labels.terminalFailedToStart;
+		case "error": return labels.terminalFailedToStart;
 		case "starting": return labels.terminalStarting;
 		default: return null;
 	}
@@ -457,18 +458,30 @@ function StatusBar({ scope, terminal: t, onReconnect }) {
 		label: labels.terminalRestart,
 		run: () => void store.restart(scope, t.id)
 	} : null;
+	const button = action && /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: action.run,
+		className: "zg-segment-item zg-press-soft shrink-0 h-5 px-1.5 rounded-zg-sm border-0 bg-transparent font-sans text-zg-meta text-[var(--zg-accent)] cursor-pointer",
+		children: action.label
+	});
+	if (t.status === "error") return /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 px-2 py-1",
+		"data-testid": "terminal-status",
+		children: /* @__PURE__ */ jsx(Notice, {
+			tone: "error",
+			compact: true,
+			...t.error ? { detail: t.error } : {},
+			action: button,
+			children: text
+		})
+	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: `shrink-0 flex items-center gap-2 h-7 px-3 zg-meta ${t.status === "error" ? "text-[var(--zg-danger)]" : ""}`,
+		className: "shrink-0 flex items-center gap-2 h-7 px-3 zg-meta",
 		"data-testid": "terminal-status",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "truncate",
 			children: text
-		}), action && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: action.run,
-			className: "zg-segment-item zg-press-soft shrink-0 h-5 px-1.5 rounded-zg-sm border-0 bg-transparent font-sans text-zg-meta text-[var(--zg-accent)] cursor-pointer",
-			children: action.label
-		})]
+		}), button]
 	});
 }
 function Empty({ onNew }) {

package/dist/terminal/TerminalSurface.js

@@ -1,4 +1,6 @@
 import { useLabels } from "../labels.js";
+import { Notice } from "../components/Notice.js";
+import { errorMessage } from "../components/report-error.js";
 import { loadGhostty, openTerminal } from "./ghostty.js";
 import { macTerminalKey } from "./keys.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -131,7 +133,7 @@ function TerminalSurface({ adapter, theme, fontFamily, fontSize, symbolsFontUrl,
 			if (adapter.onExit) unsubscribe.push(adapter.onExit((code) => setExitCode(code)));
 			if (live.current.autoFocus && live.current.visible) term.focus();
 		}, (error) => {
-			if (!disposed) setFailed(error instanceof Error ? error.message : String(error));
+			if (!disposed) setFailed(errorMessage(error));
 		});
 		return () => {
 			disposed = true;
@@ -176,10 +178,15 @@ function TerminalSurface({ adapter, theme, fontFamily, fontSize, symbolsFontUrl,
 			"data-terminal-mount": true,
 			className: "absolute inset-0 pl-2 pt-1",
 			style: { caretColor: "transparent" }
-		}), (failed !== null || exitCode !== null) && /* @__PURE__ */ jsx("div", {
+		}), failed !== null ? /* @__PURE__ */ jsx(Notice, {
+			tone: "error",
+			detail: failed,
+			className: "absolute inset-x-0 bottom-0 m-2",
+			children: labels.terminalStartFailed
+		}) : exitCode !== null && /* @__PURE__ */ jsx("div", {
 			role: "status",
-			className: `absolute inset-x-0 bottom-0 m-2 px-2.5 py-1.5 rounded-zg-sm text-zg-label ${failed !== null ? "bg-zg-danger/10 text-[var(--zg-danger)]" : "bg-[var(--zg-tray)] text-[var(--zg-text-muted)]"}`,
-			children: failed !== null ? labels.terminalLoadFailed(failed) : labels.terminalExited(exitCode)
+			className: "absolute inset-x-0 bottom-0 m-2 px-2.5 py-1.5 rounded-zg-sm text-zg-label bg-[var(--zg-tray)] text-[var(--zg-text-muted)]",
+			children: labels.terminalExited(exitCode)
 		})]
 	});
 }

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

@@ -60,6 +60,11 @@ declare const DEFAULT_TERMINAL_LABELS: {
   terminalPaste: string;
   terminalClear: string;
   terminalCouldNotLoad: (message: string) => string;
+  /** The terminal's view failed: the renderer did not load, or the terminal did not attach. */
+  terminalLoadError: string;
+  terminalAttachError: string;
+  /** Opening, closing or restarting a terminal failed (the error line over the terminal). */
+  terminalActionFailed: string;
   /** A remote terminal's loopback link, in its tooltip. */
   terminalLinkOnServer: (serverName: string) => string;
 };

package/dist/terminal/headless/labels.js

@@ -60,6 +60,11 @@ const DEFAULT_TERMINAL_LABELS = {
 	terminalPaste: "Paste",
 	terminalClear: "Clear",
 	terminalCouldNotLoad: (message) => `Could not load the terminal: ${message}`,
+	/** The terminal's view failed: the renderer did not load, or the terminal did not attach. */
+	terminalLoadError: "Couldn't load the terminal.",
+	terminalAttachError: "Couldn't connect to this terminal.",
+	/** Opening, closing or restarting a terminal failed (the error line over the terminal). */
+	terminalActionFailed: "Couldn't complete that terminal action.",
 	/** A remote terminal's loopback link, in its tooltip. */
 	terminalLinkOnServer: (serverName) => `runs on ${serverName}, not reachable from this computer`
 };

package/dist/terminal/headless/store.d.ts

@@ -263,7 +263,7 @@ declare class TerminalStore {
    */
   toggleDrawer(scope: TerminalScope): void;
   /**
-   * Opens the drawer and a new terminal in it.
+   * Opens the drawer and a new terminal in it, focused.
    *
    * @param scope - The scope.
    */

package/dist/terminal/headless/store.js

@@ -249,7 +249,8 @@ var TerminalStore = class {
 		if (s.state.terminals.some((t) => t.owner === "user")) return;
 		const revealed = this.revealed.get(key);
 		if (revealed && revealed === s.activeId && s.state.terminals.some((t) => t.id === revealed)) return;
-		await this.open(scope, void 0, measure?.() ?? void 0);
+		const info = await this.open(scope, void 0, measure?.() ?? void 0);
+		if (info && placement === "drawer") this.reveal(scope, info.id, "drawer");
 	}
 	/**
 	* Opens a terminal and makes it active. Resolves `null` when it failed (see `error`).
@@ -505,13 +506,15 @@ var TerminalStore = class {
 		this.layouts.update(scope, { terminalOpen: open });
 	}
 	/**
-	* Opens the drawer and a new terminal in it.
+	* Opens the drawer and a new terminal in it, focused.
 	*
 	* @param scope - The scope.
 	*/
 	openInDrawer(scope) {
 		this.layouts.update(scope, { terminalOpen: true });
-		this.open(scope);
+		this.open(scope).then((info) => {
+			if (info) this.reveal(scope, info.id, "drawer");
+		});
 	}
 	/**
 	* Opens a new terminal in the scope, shows it, and types `input` into it (a

package/dist/workspace/LayoutBudget.d.ts

@@ -9,6 +9,10 @@ interface LayoutBudget extends LayoutResolved {
   hidePanel: () => void;
   /** Bring the slid-away panel back. */
   revealPanel: () => void;
+  /** The sidebar is open over the chat while the window is too narrow to dock it. */
+  sidebarPeek: boolean;
+  /** Open (or close) the sidebar over the chat. It works only while the budget collapses the sidebar. */
+  peekSidebar: (open: boolean) => void;
   /**
    * Drag caps that keep the chat at its floor, read at drag time. A getter,
    * not a value: they change on every resized pixel and must not re-render
@@ -39,7 +43,7 @@ interface LayoutBudgetProviderProps {
     width: number | null;
     share: number | null;
   };
-  /** What the panel belongs to (the scope's key): a change brings a slid-away panel back. */
+  /** What the panel belongs to (the scope's key): a change brings a slid-away panel back and closes a peeking sidebar. */
   resetKey?: string | null;
   /** The columns. */
   children: ReactNode;

package/dist/workspace/LayoutBudget.js

@@ -12,7 +12,10 @@ import { createContext, useCallback, useContext, useEffect, useMemo, useRef, use
 *
 * Owns the floating panel's "slid away" flag: a pointer-down in the chat
 * hides it (`hidePanel`) until it is opened again, the window grows enough
-* to dock it, or the scope changes (`resetKey`).
+* to dock it, or the scope changes (`resetKey`). And the sidebar's peek: on a
+* window too narrow to dock it (a phone, a tablet), the sidebar toggle opens
+* it over the chat (`peekSidebar`) until it is closed, the scope changes, or
+* the window grows enough to dock it.
 *
 * Never read `window.innerWidth` in a column: read `useLayoutBudget()`.
 */
@@ -53,6 +56,12 @@ function LayoutBudgetProvider({ sidebar, panel, resetKey = null, children }) {
 	]);
 	const hidePanel = useCallback(() => setPanelHidden(true), []);
 	const revealPanel = useCallback(() => setPanelHidden(false), []);
+	const [peek, setPeek] = useState(false);
+	const sidebarPeek = peek && resolved.sidebarForcedCollapsed;
+	useEffect(() => {
+		setPeek(false);
+	}, [resolved.sidebarForcedCollapsed, resetKey]);
+	const peekSidebar = useCallback((open) => setPeek(open), []);
 	const caps = useRef({
 		viewportWidth,
 		resolved,
@@ -79,12 +88,16 @@ function LayoutBudgetProvider({ sidebar, panel, resetKey = null, children }) {
 		panelHidden,
 		hidePanel,
 		revealPanel,
+		sidebarPeek,
+		peekSidebar,
 		getCaps
 	}), [
 		resolved,
 		panelHidden,
 		hidePanel,
 		revealPanel,
+		sidebarPeek,
+		peekSidebar,
 		getCaps
 	]);
 	return /* @__PURE__ */ jsx(BudgetContext.Provider, {

package/dist/workspace/PanelContentView.d.ts

@@ -37,7 +37,7 @@ interface PanelContentViewProps {
   content: PanelContent | null;
   /** A load is in flight. */
   loading: boolean;
-  /** Why the last load failed, or `null`. */
+  /** Why the last load or action failed, in the extension's words (shown under Details), or `null`. */
   error: string | null;
   /** Runs one of the panel's actions (a row's `actionId`, a footer action). Keep it stable: the view is memoised. */
   onAction: (actionId: string, payload?: unknown) => void;