@jini-ai/ui 0.6.19 → 0.6.22

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @jini-ai/ui
 
+## 0.6.22
+
+- `ErrorNotice` in panel-kit: plain words plus Copy details.
+
 ## 0.6.19
 
 - A `<provider>.<kind>-chart` entry from `createChartInteractiveRegistry` now draws with the provider it advertises. Components were cached by chart kind only, so with another enabled provider as the site default, `plugin.echarts.bar-chart` could render through that default. The legacy `recharts.*` aliases and `chart.spec` keep generic selection.

package/dist/features/panel-kit/ErrorNotice.d.ts

@@ -0,0 +1,18 @@
+import type { UserFacingError } from '@jini-ai/core';
+import { type CopyToClipboardOptions } from '../../utils/copy-to-clipboard.js';
+import type { Translate } from '../i18n/index.js';
+/** A formatted failure, optional host translation, and injectable clipboard ports. */
+export interface ErrorNoticeProps extends CopyToClipboardOptions {
+    readonly failure: UserFacingError;
+    readonly t?: Translate;
+    readonly className?: string;
+    /** History surfaces use polite announcements; active form failures keep the alert default. */
+    readonly role?: "alert" | "status";
+}
+/**
+ * Disclose exactly the formatted copy block in native, selectable details. Copying has no recovery effects.
+ * Failed writes leave the details available for manual copying; feedback resets with the incident.
+ * @complexity O(copyText length) per render/copy; one clipboard write plus the existing fallback on rejection.
+ */
+export declare function ErrorNotice({ failure, t, className, role, ...ports }: ErrorNoticeProps): import("react").JSX.Element;
+//# sourceMappingURL=ErrorNotice.d.ts.map

package/dist/features/panel-kit/ErrorNotice.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { copyToClipboard } from '../../utils/copy-to-clipboard.js';
+/**
+ * Disclose exactly the formatted copy block in native, selectable details. Copying has no recovery effects.
+ * Failed writes leave the details available for manual copying; feedback resets with the incident.
+ * @complexity O(copyText length) per render/copy; one clipboard write plus the existing fallback on rejection.
+ */
+export function ErrorNotice({ failure, t = text => text, className = 'notice error', role = 'alert', ...ports }) {
+    const [feedback, setFeedback] = useState(null);
+    async function copy() {
+        const copied = await copyToClipboard({ text: failure.copyText }, ports);
+        setFeedback({ text: failure.copyText, copied });
+    }
+    return (_jsxs("div", { className: className, role: role, children: [_jsx("p", { children: failure.message }), _jsx("p", { children: failure.action }), _jsxs("details", { children: [_jsx("summary", { children: t('Show details') }), _jsx("pre", { style: { whiteSpace: 'pre-wrap', overflowWrap: 'anywhere', userSelect: 'text' }, children: failure.copyText }), _jsx("button", { type: "button", onClick: () => void copy(), children: t('Copy details') }), feedback && feedback.text === failure.copyText ? _jsx("p", { role: "status", children: t(feedback.copied ? 'Copied' : 'Copy failed. Select the details and copy them manually.') }) : null] })] }));
+}
+//# sourceMappingURL=ErrorNotice.js.map

package/dist/features/panel-kit/index.d.ts

@@ -1,4 +1,6 @@
 export * from './fetch-query/index.js';
+export { ErrorNotice } from './ErrorNotice.js';
+export type { ErrorNoticeProps } from './ErrorNotice.js';
 export { useFocusTrap } from './hooks/use-focus-trap.hooks.js';
 export { useDirtyGuard } from './hooks/use-dirty-guard.hooks.js';
 export type { DirtyGuard } from './hooks/use-dirty-guard.hooks.js';

package/dist/features/panel-kit/index.js

@@ -1,4 +1,5 @@
 export * from './fetch-query/index.js';
+export { ErrorNotice } from './ErrorNotice.js';
 export { useFocusTrap } from './hooks/use-focus-trap.hooks.js';
 export { useDirtyGuard } from './hooks/use-dirty-guard.hooks.js';
 export { useAsyncAction } from './hooks/use-async-action.hooks.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jini-ai/ui",
-  "version": "0.6.19",
+  "version": "0.6.22",
   "description": "Generic, product-neutral React UI primitives and feature domains. Framework-free types, decision rules, catalogs, and host port contracts live behind ./core (no React, no DOM). The Excalidraw and Lexical editors live behind ./sketch-editor and ./lexical-rich-text-editor; the GrapesJS-backed inline HTML editor lives behind ./html-editor.",
   "license": "Apache-2.0",
   "repository": {
@@ -263,19 +263,19 @@
     "shiki": "^1.24.4",
     "tailwind-merge": "^2.6.0",
     "zod": "^3.25.76",
+    "@jini-ai/platform": "^0.6.22",
+    "@jini-ai/agent-runtime": "^0.6.22",
     "@jini-ai/integrations": "^0.6.19",
-    "@jini-ai/agent-runtime": "^0.6.19",
     "@jini-ai/agentic": "^0.6.19",
-    "@jini-ai/core": "^0.6.19",
-    "@jini-ai/platform": "^0.6.19"
+    "@jini-ai/core": "^0.6.22"
   },
   "dependencies": {
     "micromark": "^4.0.0",
     "micromark-extension-gfm": "^3.0.0",
+    "@jini-ai/core": "^0.6.22",
     "@jini-ai/ui-kit": "^0.6.19",
-    "@jini-ai/core": "^0.6.19",
-    "@jini-ai/platform": "^0.6.19",
-    "@jini-ai/agentic": "^0.6.19"
+    "@jini-ai/agentic": "^0.6.19",
+    "@jini-ai/platform": "^0.6.22"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",