zidane-ui 9.1.13 → 9.1.14

package/dist/workspace/PanelContentView.js

@@ -1,3 +1,4 @@
+import { Notice } from "../components/Notice.js";
 import { PanelEmpty, PanelLoading } from "../components/PanelEmpty.js";
 import { PANEL_ROW, PANEL_ROW_HOVER, RowBadge } from "../components/PanelRows.js";
 import { useExtensionItems } from "../extensions/ExtensionsProvider.js";
@@ -62,10 +63,18 @@ const PanelContentView = memo(function PanelContentView({ content, loading, erro
 		className,
 		style
 	});
+	if (!content && error) return /* @__PURE__ */ jsx("div", {
+		className: `${block ? "" : "px-3 pt-3"}${className ? ` ${className}` : ""}`,
+		style,
+		children: /* @__PURE__ */ jsx(Notice, {
+			tone: "error",
+			detail: error,
+			children: labels.panelError
+		})
+	});
 	if (!content) return /* @__PURE__ */ jsx(PanelEmpty, {
 		icon: "i-ph-squares-four",
-		title: error ?? labels.panelContentNone,
-		warn: Boolean(error),
+		title: labels.panelContentNone,
 		className,
 		style
 	});
@@ -94,10 +103,12 @@ const PanelContentView = memo(function PanelContentView({ content, loading, erro
 		}), loadingMore ? labels.panelLoadingMore : content.more.label ?? labels.panelLoadMore]
 	}) : null;
 	const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-		error && /* @__PURE__ */ jsx("div", {
-			className: "text-xs text-[var(--zg-warn)] mb-2",
-			role: "alert",
-			children: error
+		error && /* @__PURE__ */ jsx(Notice, {
+			tone: "error",
+			compact: true,
+			detail: error,
+			className: "mb-2",
+			children: labels.panelError
 		}),
 		header && /* @__PURE__ */ jsx("div", {
 			className: block ? "mb-4" : "mb-3",

package/dist/workspace/WorkspaceProvider.js

@@ -1,7 +1,8 @@
 import { LabelsProvider } from "../labels.js";
+import { errorMessage } from "../components/report-error.js";
+import { EMPTY_CONTENT_ENTRY, bindingKey, createPanelContents } from "./headless/contents.js";
 import { activeTabOf } from "./headless/panel-tree.js";
 import { EMPTY_WORKSPACE_LAYOUT, createMemoryLayouts } from "./headless/layouts.js";
-import { EMPTY_CONTENT_ENTRY, bindingKey, createPanelContents } from "./headless/contents.js";
 import { groupViews, sameAttention, viewOf } from "./headless/view.js";
 import { createWorkspaceOps } from "./headless/ops.js";
 import { useWorkspaceLabels } from "./useWorkspaceLabels.js";
@@ -129,7 +130,7 @@ function WorkspaceState({ host: given, scope, tabs: appTabs, fillEmpty = false,
 	const refresh = useCallback((id) => {
 		if (!cwd || !binding || !panels) return;
 		const token = contentsStore.begin(binding, id);
-		panels.load(cwd, id, ctxFor(id)).then((content) => contentsStore.settle(binding, id, token, { content })).catch((err) => contentsStore.settle(binding, id, token, { error: err instanceof Error ? err.message : String(err) }));
+		panels.load(cwd, id, ctxFor(id)).then((content) => contentsStore.settle(binding, id, token, { content })).catch((err) => contentsStore.settle(binding, id, token, { error: errorMessage(err) }));
 	}, [
 		cwd,
 		binding,
@@ -189,7 +190,7 @@ function WorkspaceState({ host: given, scope, tabs: appTabs, fillEmpty = false,
 			const result = await panels.action(cwd, id, actionId, payload, ctxFor(id));
 			error = result.ok ? null : errorText(result.error);
 		} catch (err) {
-			error = err instanceof Error ? err.message : String(err);
+			error = errorMessage(err);
 		}
 		if (!at) return;
 		if (error !== null) {

package/dist/workspace/extension-tabs.js

@@ -1,7 +1,7 @@
-import { extensionsErrorOf } from "../extensions/headless/host.js";
 import { useExtensionsLabels } from "../extensions/useExtensionsLabels.js";
 import { ExtensionComponent } from "../extensions/ExtensionComponent.js";
 import { useExtensionEffectRouter, useExtensionItems, useExtensionsHost } from "../extensions/ExtensionsProvider.js";
+import { extensionsErrorOf } from "../extensions/headless/host.js";
 import { ExtensionWebview } from "../extensions/ExtensionWebview.js";
 import { PanelContentView } from "./PanelContentView.js";
 import { useWorkspaceView } from "./WorkspaceProvider.js";

package/dist/workspace/headless/index.js

@@ -1,7 +1,7 @@
+import { EMPTY_CONTENT_ENTRY, bindingInFolder, bindingKey, createPanelContents } from "./contents.js";
 import { findGroup, groupsOf, parseTree, treeTabs } from "./tree.js";
 import { activeTabOf, closeTab, dropTab, focusTab, focusedGroup, moveTabBy, panelTreeOf, parsePanelTree, pickTab, pinTab, resizeSplit, splitTab } from "./panel-tree.js";
 import { EMPTY_WORKSPACE_LAYOUT, WORKSPACE_STORAGE_KEY, createMemoryLayouts, createStorageLayouts, parseWorkspaceLayout, sameWorkspaceLayout } from "./layouts.js";
-import { EMPTY_CONTENT_ENTRY, bindingInFolder, bindingKey, createPanelContents } from "./contents.js";
 import { groupIdsOf, groupViews, sameAttention, splitView, viewOf } from "./view.js";
 import { createWorkspaceOps } from "./ops.js";
 import { DEFAULT_WORKSPACE_LABELS } from "./labels.js";

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

@@ -23,6 +23,7 @@ declare const DEFAULT_WORKSPACE_LABELS: {
   panelTabUpdated: string;
   panelResizeGroups: string;
   panelUnavailable: string;
+  panelError: string;
   panelContentNone: string;
   panelContentEmpty: string;
   panelHeatmapLabel: string;

package/dist/workspace/headless/labels.js

@@ -23,6 +23,7 @@ const DEFAULT_WORKSPACE_LABELS = {
 	panelTabUpdated: "updated",
 	panelResizeGroups: "Resize panel groups",
 	panelUnavailable: "This panel is not available here.",
+	panelError: "Something went wrong in this panel.",
 	panelContentNone: "Nothing to show",
 	panelContentEmpty: "Nothing yet",
 	panelHeatmapLabel: "Activity heatmap",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zidane-ui",
-  "version": "9.1.13",
+  "version": "9.1.14",
   "description": "Zidane design system and chat kit: tokens, surface primitives, theme engine, React components, the chat layer (sessions, transcript, composer) and ChatHost adapters.",
   "type": "module",
   "license": "MIT",
@@ -514,7 +514,7 @@
     "prepare": "bun run link:zidane"
   },
   "dependencies": {
-    "@pierre/diffs": "~1.6.2",
+    "@pierre/diffs": "1.6.2",
     "@pierre/highlights": "0.3.0",
     "@pierre/trees": "^1.0.0-beta.6",
     "@radix-ui/react-dropdown-menu": "^2.1.25",
@@ -536,7 +536,7 @@
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "unocss": ">=66.0.0",
-    "zidane": "^9.1.13",
+    "zidane": "^9.1.14",
     "vitest": ">=3"
   },
   "peerDependenciesMeta": {

package/src/styles/motion.css

@@ -281,6 +281,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/src/styles/primitives.css

@@ -249,6 +249,13 @@
   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);
 }