@flanksource/clicky-ui 0.3.43 → 0.3.45

package/README.md

@@ -125,6 +125,8 @@ import "@flanksource/clicky-ui/mdx-editor.css"; // only if you render the markdo
 
 Without this import the field renders, but its toolbar and content are unstyled.
 
+If Markdown cannot be imported, the field displays the parsing error and preserves the document in a source editor. Correct the source and choose **Retry rich text** to reopen the rich-text editor. Source edits use the same `onChange` callback; read-only and disabled fields remain protected. Loading another document through `value` retries its import automatically.
+
 ## Bundle size guidance
 
 Prefer subpath imports in production apps:

package/dist/ai.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const agentActionIcons = require("./data/ai/agent-action-icons.cjs");
 const AdvancedChatConfig = require("./data/ai/AdvancedChatConfig.cjs");
+const ToolPreferences = require("./data/ai/ToolPreferences.cjs");
 const sessionCategories = require("./data/ai/session-categories.cjs");
 const claudeComplete = require("./data/ai/examples/sessions/claude-complete.cjs");
 const types = require("./data/chat/types.cjs");
@@ -59,7 +60,6 @@ const SessionViewer = require("./data/ai/SessionViewer.cjs");
 const index$2 = require("./data/ai/SpecRuntimeEditor/index.cjs");
 const SessionInspector_remote = require("./data/ai/SessionInspector.remote.cjs");
 const ThreadPicker = require("./data/ai/ThreadPicker.cjs");
-const ToolPreferences = require("./data/ai/ToolPreferences.cjs");
 const unspecified = require("./data/runtime/unspecified.cjs");
 const toolPolicy = require("./data/chat/tool-policy.cjs");
 const runtimeProfileModel = require("./lib/runtime-profile-model.cjs");
@@ -92,6 +92,9 @@ exports.PERMISSION_MODE_ICONS = agentActionIcons.PERMISSION_MODE_ICONS;
 exports.WORKFLOW_PHASES = agentActionIcons.WORKFLOW_PHASES;
 exports.effortIcon = agentActionIcons.effortIcon;
 exports.AdvancedChatConfig = AdvancedChatConfig.AdvancedChatConfig;
+exports.AdvancedChatSettings = ToolPreferences.AdvancedChatSettings;
+exports.ToolPreferences = ToolPreferences.ToolPreferences;
+exports.ToolPreferencesMenu = ToolPreferences.ToolPreferencesMenu;
 exports.CATEGORY_ICONS = sessionCategories.CATEGORY_ICONS;
 exports.CATEGORY_LABELS = sessionCategories.CATEGORY_LABELS;
 exports.classifyCommand = sessionCategories.classifyCommand;
@@ -203,7 +206,6 @@ exports.openRemoteSession = SessionInspector_remote.openRemoteSession;
 exports.sessionFollowUrl = SessionInspector_remote.sessionFollowUrl;
 exports.useRemoteSession = SessionInspector_remote.useRemoteSession;
 exports.ThreadPicker = ThreadPicker.ThreadPicker;
-exports.ToolPreferences = ToolPreferences.ToolPreferences;
 exports.UNSPECIFIED_HINT = unspecified.UNSPECIFIED_HINT;
 exports.UNSPECIFIED_ID = unspecified.UNSPECIFIED_ID;
 exports.UNSPECIFIED_LABEL = unspecified.UNSPECIFIED_LABEL;

package/dist/ai.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ai.js

@@ -1,5 +1,6 @@
 import { AGENT_RUNTIME_ICONS, APPROVAL_ICONS, EFFORT_ICONS, PERMISSION_MODE_ICONS, WORKFLOW_PHASES, effortIcon } from "./data/ai/agent-action-icons.js";
 import { AdvancedChatConfig } from "./data/ai/AdvancedChatConfig.js";
+import { AdvancedChatSettings, ToolPreferences, ToolPreferencesMenu } from "./data/ai/ToolPreferences.js";
 import { CATEGORY_ICONS, CATEGORY_LABELS, classifyCommand, classifyToolCategory, collectSessionFilters, eventCategory, isEventVisible } from "./data/ai/session-categories.js";
 import { CLAUDE_COMPLETE_SESSION } from "./data/ai/examples/sessions/claude-complete.js";
 import { CLAUDE_PERMISSION_MODES, CLAUDE_PERMISSION_MODE_OPTIONS, normalizeToolPolicy } from "./data/chat/types.js";
@@ -57,7 +58,6 @@ import { SessionViewer } from "./data/ai/SessionViewer.js";
 import { SpecRuntimeEditor } from "./data/ai/SpecRuntimeEditor/index.js";
 import { TERMINAL_SESSION_LIFECYCLES, fetchRemoteSession, isTerminalSessionLifecycle, mergeSessionMessages, openRemoteSession, sessionFollowUrl, useRemoteSession } from "./data/ai/SessionInspector.remote.js";
 import { ThreadPicker } from "./data/ai/ThreadPicker.js";
-import { ToolPreferences } from "./data/ai/ToolPreferences.js";
 import { UNSPECIFIED_HINT, UNSPECIFIED_ID, UNSPECIFIED_LABEL, UNSPECIFIED_NAME, unspecifiedHint } from "./data/runtime/unspecified.js";
 import { appendToolPolicy, matchesTool, normalizeToolPolicyRules, resolveToolPolicy, toolPolicyFromPreferences } from "./data/chat/tool-policy.js";
 import { authoredRuntimeSpec, duplicateName, mergeRuntimeSpec, nextNewName, permissionTarget, presetForRef, presetsOf, referencedBy, reorderProfilePresets, uniqueName } from "./lib/runtime-profile-model.js";
@@ -87,6 +87,7 @@ export {
   AGENT_RUNTIME_ICONS,
   APPROVAL_ICONS,
   AdvancedChatConfig,
+  AdvancedChatSettings,
   CATEGORY_ICONS,
   CATEGORY_LABELS,
   CLAUDE_COMPLETE_SESSION,
@@ -163,6 +164,7 @@ export {
   TERMINAL_SESSION_LIFECYCLES,
   ThreadPicker,
   ToolPreferences,
+  ToolPreferencesMenu,
   ToolSchemaBrowser2 as ToolSchemaBrowser,
   UNSPECIFIED_HINT,
   UNSPECIFIED_ID,

package/dist/components/MdxEditorField.cjs

@@ -26,6 +26,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const utils = require("../lib/utils.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
+const button = require("./button.cjs");
 const mdxEditorFieldPlugins = require("./mdx-editor-field-plugins.cjs");
 const EDITOR_MIN_HEIGHT_CLASS = {
   xs: "min-h-32",
@@ -55,6 +56,7 @@ function MdxEditorField({
   ...pluginOptions
 }) {
   const [mdx, setMdx] = react.useState(null);
+  const [parseError, setParseError] = react.useState(null);
   const editorRef = react.useRef(null);
   const lastValueRef = react.useRef(value);
   const readonly = readOnly || disabled;
@@ -73,6 +75,7 @@ function MdxEditorField({
     var _a;
     if (!mdx || value === lastValueRef.current) return;
     lastValueRef.current = value;
+    setParseError(null);
     (_a = editorRef.current) == null ? void 0 : _a.setMarkdown(value);
   }, [mdx, value]);
   const commit = react.useCallback(
@@ -87,27 +90,41 @@ function MdxEditorField({
     () => mdx ? mdxEditorFieldPlugins.createMdxEditorPlugins(mdx, pluginOptions) : [],
     [mdx, pluginOptions]
   );
-  if (!mdx) {
-    const fallbackAriaLabel = ariaLabel ?? (id ? void 0 : "Markdown");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        id,
-        "data-jsf-input": true,
-        rows: 6,
-        "aria-label": fallbackAriaLabel,
-        className: utils.cn(
-          jsonSchemaFormUtils.inputClass(size),
-          "h-auto resize-y font-mono",
-          EDITOR_MIN_HEIGHT_CLASS[size],
-          textareaClassName
-        ),
-        value,
-        disabled: readonly,
-        placeholder: typeof placeholder === "string" ? placeholder : void 0,
-        onChange: (event) => commit(event.target.value)
-      }
-    );
+  const reportError = react.useCallback(
+    (error) => {
+      queueMicrotask(() => setParseError(error));
+    },
+    []
+  );
+  const currentError = parseError;
+  if (!mdx || currentError) {
+    const fallbackAriaLabel = ariaLabel ?? (currentError ? "Markdown source" : id ? void 0 : "Markdown");
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+      currentError && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "mb-2 text-sm text-destructive", children: [
+        "Markdown could not be loaded: ",
+        currentError.error
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          id,
+          "data-jsf-input": true,
+          rows: 6,
+          "aria-label": fallbackAriaLabel,
+          className: utils.cn(
+            jsonSchemaFormUtils.inputClass(size),
+            "h-auto resize-y font-mono",
+            EDITOR_MIN_HEIGHT_CLASS[size],
+            textareaClassName
+          ),
+          value,
+          disabled: readonly,
+          placeholder: typeof placeholder === "string" ? placeholder : void 0,
+          onChange: (event) => commit(event.target.value)
+        }
+      ),
+      currentError && !readonly && /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", size: "sm", onClick: () => setParseError(null), children: "Retry rich text" })
+    ] });
   }
   const { MDXEditor } = mdx;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { id, "data-jsf-input": true, className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -120,7 +137,8 @@ function MdxEditorField({
       plugins,
       className: utils.cn("clicky-mdx-editor-field", readonly && "clicky-mdx-editor-field-readonly", className),
       contentEditableClassName: utils.cn("clicky-mdx-editor-content", EDITOR_MIN_HEIGHT_CLASS[size], contentClassName),
-      onChange: commit
+      onChange: commit,
+      onError: reportError
     }
   ) });
 }

package/dist/components/MdxEditorField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MdxEditorField.cjs","sources":["../../src/components/MdxEditorField.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { FormSize } from \"./json-schema-form-size\";\nimport { inputClass } from \"./json-schema-form-utils\";\nimport { createMdxEditorPlugins } from \"./mdx-editor-field-plugins\";\nimport type { MdxEditorFieldProps } from \"./mdx-editor-options\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\n\nexport type {\n  MdxEditorAdmonitionOptions,\n  MdxEditorCalloutOptions,\n  MdxEditorCodeBlockEditorContext,\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorCodeBlockEditorProps,\n  MdxEditorCodeBlockLanguage,\n  MdxEditorCodeBlockOptions,\n  MdxEditorCodeMirrorOptions,\n  MdxEditorDiffModeOptions,\n  MdxEditorFieldProps,\n  MdxEditorHeadingLevel,\n  MdxEditorImageOptions,\n  MdxEditorImagePreviewHandler,\n  MdxEditorImageUploadHandler,\n  MdxEditorInsertJsx,\n  MdxEditorJsxAttribute,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorJsxEditorProps,\n  MdxEditorJsxNode,\n  MdxEditorLinkOptions,\n  MdxEditorPlugin,\n  MdxEditorPluginOptions,\n  MdxEditorRuntime,\n  MdxEditorToolbarOptions,\n  MdxEditorViewMode,\n} from \"./mdx-editor-options\";\n\ninterface MdxEditorMethods {\n  focus: () => void;\n  getContentEditableHTML: () => string;\n  getMarkdown: () => string;\n  getSelectionMarkdown: () => string;\n  insertMarkdown: (markdown: string) => void;\n  setMarkdown: (markdown: string) => void;\n}\n\nconst EDITOR_MIN_HEIGHT_CLASS: Record<FormSize, string> = {\n  xs: \"min-h-32\",\n  sm: \"min-h-36\",\n  md: \"min-h-40\",\n  lg: \"min-h-48\",\n  xl: \"min-h-56\",\n};\n\nlet mdxEditorModulePromise: Promise<MdxEditorModule> | null = null;\n\nfunction loadMdxEditorModule(): Promise<MdxEditorModule> {\n  mdxEditorModulePromise ??= import(\"@mdxeditor/editor\");\n  return mdxEditorModulePromise;\n}\n\nexport function MdxEditorField({\n  id,\n  value = \"\",\n  onChange,\n  readOnly = false,\n  disabled = false,\n  size = \"md\",\n  placeholder,\n  className,\n  contentClassName,\n  textareaClassName,\n  \"aria-label\": ariaLabel,\n  commitInitialMarkdownNormalize = false,\n  ...pluginOptions\n}: MdxEditorFieldProps) {\n  const [mdx, setMdx] = useState<MdxEditorModule | null>(null);\n  const editorRef = useRef<MdxEditorMethods>(null);\n  const lastValueRef = useRef(value);\n  const readonly = readOnly || disabled;\n\n  useEffect(() => {\n    let cancelled = false;\n    loadMdxEditorModule()\n      .then((mod) => {\n        if (!cancelled) setMdx(mod);\n      })\n      .catch(() => {\n        if (!cancelled) setMdx(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!mdx || value === lastValueRef.current) return;\n    lastValueRef.current = value;\n    editorRef.current?.setMarkdown(value);\n  }, [mdx, value]);\n\n  const commit = useCallback(\n    (next: string, initialMarkdownNormalize = false) => {\n      if (initialMarkdownNormalize && !commitInitialMarkdownNormalize) return;\n      lastValueRef.current = next;\n      onChange?.(next);\n    },\n    [commitInitialMarkdownNormalize, onChange],\n  );\n\n  const plugins = useMemo(\n    () => (mdx ? createMdxEditorPlugins(mdx, pluginOptions) : []),\n    [mdx, pluginOptions],\n  );\n\n  if (!mdx) {\n    const fallbackAriaLabel = ariaLabel ?? (id ? undefined : \"Markdown\");\n    return (\n      <textarea\n        id={id}\n        data-jsf-input\n        rows={6}\n        aria-label={fallbackAriaLabel}\n        className={cn(\n          inputClass(size),\n          \"h-auto resize-y font-mono\",\n          EDITOR_MIN_HEIGHT_CLASS[size],\n          textareaClassName,\n        )}\n        value={value}\n        disabled={readonly}\n        placeholder={typeof placeholder === \"string\" ? placeholder : undefined}\n        onChange={(event) => commit(event.target.value)}\n      />\n    );\n  }\n\n  const { MDXEditor } = mdx;\n  return (\n    <div id={id} data-jsf-input className=\"min-w-0\">\n      <MDXEditor\n        ref={editorRef}\n        markdown={value}\n        readOnly={readonly}\n        placeholder={placeholder}\n        plugins={plugins}\n        className={cn(\"clicky-mdx-editor-field\", readonly && \"clicky-mdx-editor-field-readonly\", className)}\n        contentEditableClassName={cn(\"clicky-mdx-editor-content\", EDITOR_MIN_HEIGHT_CLASS[size], contentClassName)}\n        onChange={commit}\n      />\n    </div>\n  );\n}\n"],"names":["useState","useRef","useEffect","useCallback","useMemo","createMdxEditorPlugins","jsx","cn","inputClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAM,0BAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,yBAA0D;AAE9D,SAAS,sBAAgD;AACvD,sDAA2B,OAAO,mBAAmB;AACrD,SAAO;AACT;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,iCAAiC;AAAA,EACjC,GAAG;AACL,GAAwB;AACtB,QAAM,CAAC,KAAK,MAAM,IAAIA,MAAAA,SAAiC,IAAI;AAC3D,QAAM,YAAYC,MAAAA,OAAyB,IAAI;AAC/C,QAAM,eAAeA,MAAAA,OAAO,KAAK;AACjC,QAAM,WAAW,YAAY;AAE7BC,QAAAA,UAAU,MAAM;AACd,QAAI,YAAY;AAChB,wBAAA,EACG,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,UAAW,QAAO,GAAG;AAAA,IAC5B,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,QAAO,IAAI;AAAA,IAC7B,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAA,CAAE;AAELA,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,OAAO,UAAU,aAAa,QAAS;AAC5C,iBAAa,UAAU;AACvB,oBAAU,YAAV,mBAAmB,YAAY;AAAA,EACjC,GAAG,CAAC,KAAK,KAAK,CAAC;AAEf,QAAM,SAASC,MAAAA;AAAAA,IACb,CAAC,MAAc,2BAA2B,UAAU;AAClD,UAAI,4BAA4B,CAAC,+BAAgC;AACjE,mBAAa,UAAU;AACvB,2CAAW;AAAA,IACb;AAAA,IACA,CAAC,gCAAgC,QAAQ;AAAA,EAAA;AAG3C,QAAM,UAAUC,MAAAA;AAAAA,IACd,MAAO,MAAMC,sBAAAA,uBAAuB,KAAK,aAAa,IAAI,CAAA;AAAA,IAC1D,CAAC,KAAK,aAAa;AAAA,EAAA;AAGrB,MAAI,CAAC,KAAK;AACR,UAAM,oBAAoB,cAAc,KAAK,SAAY;AACzD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,kBAAc;AAAA,QACd,MAAM;AAAA,QACN,cAAY;AAAA,QACZ,WAAWC,MAAAA;AAAAA,UACTC,oBAAAA,WAAW,IAAI;AAAA,UACf;AAAA,UACA,wBAAwB,IAAI;AAAA,UAC5B;AAAA,QAAA;AAAA,QAEF;AAAA,QACA,UAAU;AAAA,QACV,aAAa,OAAO,gBAAgB,WAAW,cAAc;AAAA,QAC7D,UAAU,CAAC,UAAU,OAAO,MAAM,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGpD;AAEA,QAAM,EAAE,cAAc;AACtB,wCACG,OAAA,EAAI,IAAQ,kBAAc,MAAC,WAAU,WACpC,UAAAF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAWC,MAAAA,GAAG,2BAA2B,YAAY,oCAAoC,SAAS;AAAA,MAClG,0BAA0BA,MAAAA,GAAG,6BAA6B,wBAAwB,IAAI,GAAG,gBAAgB;AAAA,MACzG,UAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;"}
+{"version":3,"file":"MdxEditorField.cjs","sources":["../../src/components/MdxEditorField.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { FormSize } from \"./json-schema-form-size\";\nimport { inputClass } from \"./json-schema-form-utils\";\nimport { Button } from \"./button\";\nimport { createMdxEditorPlugins } from \"./mdx-editor-field-plugins\";\nimport type { MdxEditorFieldProps } from \"./mdx-editor-options\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\n\nexport type {\n  MdxEditorAdmonitionOptions,\n  MdxEditorCalloutOptions,\n  MdxEditorCodeBlockEditorContext,\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorCodeBlockEditorProps,\n  MdxEditorCodeBlockLanguage,\n  MdxEditorCodeBlockOptions,\n  MdxEditorCodeMirrorOptions,\n  MdxEditorDiffModeOptions,\n  MdxEditorFieldProps,\n  MdxEditorHeadingLevel,\n  MdxEditorImageOptions,\n  MdxEditorImagePreviewHandler,\n  MdxEditorImageUploadHandler,\n  MdxEditorInsertJsx,\n  MdxEditorJsxAttribute,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorJsxEditorProps,\n  MdxEditorJsxNode,\n  MdxEditorLinkOptions,\n  MdxEditorPlugin,\n  MdxEditorPluginOptions,\n  MdxEditorRuntime,\n  MdxEditorToolbarOptions,\n  MdxEditorViewMode,\n} from \"./mdx-editor-options\";\n\ninterface MdxEditorMethods {\n  focus: () => void;\n  getContentEditableHTML: () => string;\n  getMarkdown: () => string;\n  getSelectionMarkdown: () => string;\n  insertMarkdown: (markdown: string) => void;\n  setMarkdown: (markdown: string) => void;\n}\n\nconst EDITOR_MIN_HEIGHT_CLASS: Record<FormSize, string> = {\n  xs: \"min-h-32\",\n  sm: \"min-h-36\",\n  md: \"min-h-40\",\n  lg: \"min-h-48\",\n  xl: \"min-h-56\",\n};\n\nlet mdxEditorModulePromise: Promise<MdxEditorModule> | null = null;\n\nfunction loadMdxEditorModule(): Promise<MdxEditorModule> {\n  mdxEditorModulePromise ??= import(\"@mdxeditor/editor\");\n  return mdxEditorModulePromise;\n}\n\nexport function MdxEditorField({\n  id,\n  value = \"\",\n  onChange,\n  readOnly = false,\n  disabled = false,\n  size = \"md\",\n  placeholder,\n  className,\n  contentClassName,\n  textareaClassName,\n  \"aria-label\": ariaLabel,\n  commitInitialMarkdownNormalize = false,\n  ...pluginOptions\n}: MdxEditorFieldProps) {\n  const [mdx, setMdx] = useState<MdxEditorModule | null>(null);\n  const [parseError, setParseError] = useState<{\n    error: string;\n    source: string;\n  } | null>(null);\n  const editorRef = useRef<MdxEditorMethods>(null);\n  const lastValueRef = useRef(value);\n  const readonly = readOnly || disabled;\n\n  useEffect(() => {\n    let cancelled = false;\n    loadMdxEditorModule()\n      .then((mod) => {\n        if (!cancelled) setMdx(mod);\n      })\n      .catch(() => {\n        if (!cancelled) setMdx(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!mdx || value === lastValueRef.current) return;\n    lastValueRef.current = value;\n    setParseError(null);\n    editorRef.current?.setMarkdown(value);\n  }, [mdx, value]);\n\n  const commit = useCallback(\n    (next: string, initialMarkdownNormalize = false) => {\n      if (initialMarkdownNormalize && !commitInitialMarkdownNormalize) return;\n      lastValueRef.current = next;\n      onChange?.(next);\n    },\n    [commitInitialMarkdownNormalize, onChange],\n  );\n\n  const plugins = useMemo(\n    () => (mdx ? createMdxEditorPlugins(mdx, pluginOptions) : []),\n    [mdx, pluginOptions],\n  );\n\n  const reportError = useCallback(\n    (error: { error: string; source: string }) => {\n      queueMicrotask(() => setParseError(error));\n    },\n    [],\n  );\n\n  const currentError = parseError;\n  if (!mdx || currentError) {\n    const fallbackAriaLabel =\n      ariaLabel ??\n      (currentError ? \"Markdown source\" : id ? undefined : \"Markdown\");\n    return (\n      <div className=\"min-w-0\">\n        {currentError && (\n          <div role=\"alert\" className=\"mb-2 text-sm text-destructive\">\n            Markdown could not be loaded: {currentError.error}\n          </div>\n        )}\n        <textarea\n          id={id}\n          data-jsf-input\n          rows={6}\n          aria-label={fallbackAriaLabel}\n          className={cn(\n            inputClass(size),\n            \"h-auto resize-y font-mono\",\n            EDITOR_MIN_HEIGHT_CLASS[size],\n            textareaClassName,\n          )}\n          value={value}\n          disabled={readonly}\n          placeholder={\n            typeof placeholder === \"string\" ? placeholder : undefined\n          }\n          onChange={(event) => commit(event.target.value)}\n        />\n        {currentError && !readonly && (\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setParseError(null)}>\n            Retry rich text\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  const { MDXEditor } = mdx;\n  return (\n    <div id={id} data-jsf-input className=\"min-w-0\">\n      <MDXEditor\n        ref={editorRef}\n        markdown={value}\n        readOnly={readonly}\n        placeholder={placeholder}\n        plugins={plugins}\n        className={cn(\"clicky-mdx-editor-field\", readonly && \"clicky-mdx-editor-field-readonly\", className)}\n        contentEditableClassName={cn(\"clicky-mdx-editor-content\", EDITOR_MIN_HEIGHT_CLASS[size], contentClassName)}\n        onChange={commit}\n        onError={reportError}\n      />\n    </div>\n  );\n}\n"],"names":["useState","useRef","useEffect","useCallback","useMemo","createMdxEditorPlugins","jsxs","jsx","cn","inputClass","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAM,0BAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,yBAA0D;AAE9D,SAAS,sBAAgD;AACvD,sDAA2B,OAAO,mBAAmB;AACrD,SAAO;AACT;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,iCAAiC;AAAA,EACjC,GAAG;AACL,GAAwB;AACtB,QAAM,CAAC,KAAK,MAAM,IAAIA,MAAAA,SAAiC,IAAI;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAG1B,IAAI;AACd,QAAM,YAAYC,MAAAA,OAAyB,IAAI;AAC/C,QAAM,eAAeA,MAAAA,OAAO,KAAK;AACjC,QAAM,WAAW,YAAY;AAE7BC,QAAAA,UAAU,MAAM;AACd,QAAI,YAAY;AAChB,wBAAA,EACG,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,UAAW,QAAO,GAAG;AAAA,IAC5B,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,QAAO,IAAI;AAAA,IAC7B,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAA,CAAE;AAELA,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,OAAO,UAAU,aAAa,QAAS;AAC5C,iBAAa,UAAU;AACvB,kBAAc,IAAI;AAClB,oBAAU,YAAV,mBAAmB,YAAY;AAAA,EACjC,GAAG,CAAC,KAAK,KAAK,CAAC;AAEf,QAAM,SAASC,MAAAA;AAAAA,IACb,CAAC,MAAc,2BAA2B,UAAU;AAClD,UAAI,4BAA4B,CAAC,+BAAgC;AACjE,mBAAa,UAAU;AACvB,2CAAW;AAAA,IACb;AAAA,IACA,CAAC,gCAAgC,QAAQ;AAAA,EAAA;AAG3C,QAAM,UAAUC,MAAAA;AAAAA,IACd,MAAO,MAAMC,sBAAAA,uBAAuB,KAAK,aAAa,IAAI,CAAA;AAAA,IAC1D,CAAC,KAAK,aAAa;AAAA,EAAA;AAGrB,QAAM,cAAcF,MAAAA;AAAAA,IAClB,CAAC,UAA6C;AAC5C,qBAAe,MAAM,cAAc,KAAK,CAAC;AAAA,IAC3C;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAM,eAAe;AACrB,MAAI,CAAC,OAAO,cAAc;AACxB,UAAM,oBACJ,cACC,eAAe,oBAAoB,KAAK,SAAY;AACvD,WACEG,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,MAAA,gBACCA,2BAAAA,KAAC,OAAA,EAAI,MAAK,SAAQ,WAAU,iCAAgC,UAAA;AAAA,QAAA;AAAA,QAC3B,aAAa;AAAA,MAAA,GAC9C;AAAA,MAEFC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,kBAAc;AAAA,UACd,MAAM;AAAA,UACN,cAAY;AAAA,UACZ,WAAWC,MAAAA;AAAAA,YACTC,oBAAAA,WAAW,IAAI;AAAA,YACf;AAAA,YACA,wBAAwB,IAAI;AAAA,YAC5B;AAAA,UAAA;AAAA,UAEF;AAAA,UACA,UAAU;AAAA,UACV,aACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,UAElD,UAAU,CAAC,UAAU,OAAO,MAAM,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAE/C,gBAAgB,CAAC,YAChBF,2BAAAA,IAACG,OAAAA,QAAA,EAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,MAAM,cAAc,IAAI,GAAG,UAAA,kBAAA,CAEtF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AAEA,QAAM,EAAE,cAAc;AACtB,wCACG,OAAA,EAAI,IAAQ,kBAAc,MAAC,WAAU,WACpC,UAAAH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAWC,MAAAA,GAAG,2BAA2B,YAAY,oCAAoC,SAAS;AAAA,MAClG,0BAA0BA,MAAAA,GAAG,6BAA6B,wBAAwB,IAAI,GAAG,gBAAgB;AAAA,MACzG,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAAA,GAEb;AAEJ;;"}

package/dist/components/MdxEditorField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdxEditorField.d.ts","sourceRoot":"","sources":["../../src/components/MdxEditorField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,+BAA+B,EAC/B,kCAAkC,EAClC,6BAA6B,EAC7B,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,EAC5B,2BAA2B,EAC3B,kBAAkB,EAClB,qBAAqB,EACrB,+BAA+B,EAC/B,uBAAuB,EACvB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AA0B9B,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAU,EACV,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,IAAW,EACX,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EAAE,SAAS,EACvB,8BAAsC,EACtC,GAAG,aAAa,EACjB,EAAE,mBAAmB,+BA6ErB"}
+{"version":3,"file":"MdxEditorField.d.ts","sourceRoot":"","sources":["../../src/components/MdxEditorField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,+BAA+B,EAC/B,kCAAkC,EAClC,6BAA6B,EAC7B,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,EAC5B,2BAA2B,EAC3B,kBAAkB,EAClB,qBAAqB,EACrB,+BAA+B,EAC/B,uBAAuB,EACvB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AA0B9B,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAU,EACV,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,IAAW,EACX,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EAAE,SAAS,EACvB,8BAAsC,EACtC,GAAG,aAAa,EACjB,EAAE,mBAAmB,+BA2GrB"}

package/dist/components/MdxEditorField.js

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { cn } from "../lib/utils.js";
 import { inputClass } from "./json-schema-form-utils.js";
+import { Button } from "./button.js";
 import { createMdxEditorPlugins } from "./mdx-editor-field-plugins.js";
 const EDITOR_MIN_HEIGHT_CLASS = {
   xs: "min-h-32",
@@ -31,6 +32,7 @@ function MdxEditorField({
   ...pluginOptions
 }) {
   const [mdx, setMdx] = useState(null);
+  const [parseError, setParseError] = useState(null);
   const editorRef = useRef(null);
   const lastValueRef = useRef(value);
   const readonly = readOnly || disabled;
@@ -49,6 +51,7 @@ function MdxEditorField({
     var _a;
     if (!mdx || value === lastValueRef.current) return;
     lastValueRef.current = value;
+    setParseError(null);
     (_a = editorRef.current) == null ? void 0 : _a.setMarkdown(value);
   }, [mdx, value]);
   const commit = useCallback(
@@ -63,27 +66,41 @@ function MdxEditorField({
     () => mdx ? createMdxEditorPlugins(mdx, pluginOptions) : [],
     [mdx, pluginOptions]
   );
-  if (!mdx) {
-    const fallbackAriaLabel = ariaLabel ?? (id ? void 0 : "Markdown");
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        id,
-        "data-jsf-input": true,
-        rows: 6,
-        "aria-label": fallbackAriaLabel,
-        className: cn(
-          inputClass(size),
-          "h-auto resize-y font-mono",
-          EDITOR_MIN_HEIGHT_CLASS[size],
-          textareaClassName
-        ),
-        value,
-        disabled: readonly,
-        placeholder: typeof placeholder === "string" ? placeholder : void 0,
-        onChange: (event) => commit(event.target.value)
-      }
-    );
+  const reportError = useCallback(
+    (error) => {
+      queueMicrotask(() => setParseError(error));
+    },
+    []
+  );
+  const currentError = parseError;
+  if (!mdx || currentError) {
+    const fallbackAriaLabel = ariaLabel ?? (currentError ? "Markdown source" : id ? void 0 : "Markdown");
+    return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      currentError && /* @__PURE__ */ jsxs("div", { role: "alert", className: "mb-2 text-sm text-destructive", children: [
+        "Markdown could not be loaded: ",
+        currentError.error
+      ] }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          id,
+          "data-jsf-input": true,
+          rows: 6,
+          "aria-label": fallbackAriaLabel,
+          className: cn(
+            inputClass(size),
+            "h-auto resize-y font-mono",
+            EDITOR_MIN_HEIGHT_CLASS[size],
+            textareaClassName
+          ),
+          value,
+          disabled: readonly,
+          placeholder: typeof placeholder === "string" ? placeholder : void 0,
+          onChange: (event) => commit(event.target.value)
+        }
+      ),
+      currentError && !readonly && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setParseError(null), children: "Retry rich text" })
+    ] });
   }
   const { MDXEditor } = mdx;
   return /* @__PURE__ */ jsx("div", { id, "data-jsf-input": true, className: "min-w-0", children: /* @__PURE__ */ jsx(
@@ -96,7 +113,8 @@ function MdxEditorField({
       plugins,
       className: cn("clicky-mdx-editor-field", readonly && "clicky-mdx-editor-field-readonly", className),
       contentEditableClassName: cn("clicky-mdx-editor-content", EDITOR_MIN_HEIGHT_CLASS[size], contentClassName),
-      onChange: commit
+      onChange: commit,
+      onError: reportError
     }
   ) });
 }

package/dist/components/MdxEditorField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MdxEditorField.js","sources":["../../src/components/MdxEditorField.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { FormSize } from \"./json-schema-form-size\";\nimport { inputClass } from \"./json-schema-form-utils\";\nimport { createMdxEditorPlugins } from \"./mdx-editor-field-plugins\";\nimport type { MdxEditorFieldProps } from \"./mdx-editor-options\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\n\nexport type {\n  MdxEditorAdmonitionOptions,\n  MdxEditorCalloutOptions,\n  MdxEditorCodeBlockEditorContext,\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorCodeBlockEditorProps,\n  MdxEditorCodeBlockLanguage,\n  MdxEditorCodeBlockOptions,\n  MdxEditorCodeMirrorOptions,\n  MdxEditorDiffModeOptions,\n  MdxEditorFieldProps,\n  MdxEditorHeadingLevel,\n  MdxEditorImageOptions,\n  MdxEditorImagePreviewHandler,\n  MdxEditorImageUploadHandler,\n  MdxEditorInsertJsx,\n  MdxEditorJsxAttribute,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorJsxEditorProps,\n  MdxEditorJsxNode,\n  MdxEditorLinkOptions,\n  MdxEditorPlugin,\n  MdxEditorPluginOptions,\n  MdxEditorRuntime,\n  MdxEditorToolbarOptions,\n  MdxEditorViewMode,\n} from \"./mdx-editor-options\";\n\ninterface MdxEditorMethods {\n  focus: () => void;\n  getContentEditableHTML: () => string;\n  getMarkdown: () => string;\n  getSelectionMarkdown: () => string;\n  insertMarkdown: (markdown: string) => void;\n  setMarkdown: (markdown: string) => void;\n}\n\nconst EDITOR_MIN_HEIGHT_CLASS: Record<FormSize, string> = {\n  xs: \"min-h-32\",\n  sm: \"min-h-36\",\n  md: \"min-h-40\",\n  lg: \"min-h-48\",\n  xl: \"min-h-56\",\n};\n\nlet mdxEditorModulePromise: Promise<MdxEditorModule> | null = null;\n\nfunction loadMdxEditorModule(): Promise<MdxEditorModule> {\n  mdxEditorModulePromise ??= import(\"@mdxeditor/editor\");\n  return mdxEditorModulePromise;\n}\n\nexport function MdxEditorField({\n  id,\n  value = \"\",\n  onChange,\n  readOnly = false,\n  disabled = false,\n  size = \"md\",\n  placeholder,\n  className,\n  contentClassName,\n  textareaClassName,\n  \"aria-label\": ariaLabel,\n  commitInitialMarkdownNormalize = false,\n  ...pluginOptions\n}: MdxEditorFieldProps) {\n  const [mdx, setMdx] = useState<MdxEditorModule | null>(null);\n  const editorRef = useRef<MdxEditorMethods>(null);\n  const lastValueRef = useRef(value);\n  const readonly = readOnly || disabled;\n\n  useEffect(() => {\n    let cancelled = false;\n    loadMdxEditorModule()\n      .then((mod) => {\n        if (!cancelled) setMdx(mod);\n      })\n      .catch(() => {\n        if (!cancelled) setMdx(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!mdx || value === lastValueRef.current) return;\n    lastValueRef.current = value;\n    editorRef.current?.setMarkdown(value);\n  }, [mdx, value]);\n\n  const commit = useCallback(\n    (next: string, initialMarkdownNormalize = false) => {\n      if (initialMarkdownNormalize && !commitInitialMarkdownNormalize) return;\n      lastValueRef.current = next;\n      onChange?.(next);\n    },\n    [commitInitialMarkdownNormalize, onChange],\n  );\n\n  const plugins = useMemo(\n    () => (mdx ? createMdxEditorPlugins(mdx, pluginOptions) : []),\n    [mdx, pluginOptions],\n  );\n\n  if (!mdx) {\n    const fallbackAriaLabel = ariaLabel ?? (id ? undefined : \"Markdown\");\n    return (\n      <textarea\n        id={id}\n        data-jsf-input\n        rows={6}\n        aria-label={fallbackAriaLabel}\n        className={cn(\n          inputClass(size),\n          \"h-auto resize-y font-mono\",\n          EDITOR_MIN_HEIGHT_CLASS[size],\n          textareaClassName,\n        )}\n        value={value}\n        disabled={readonly}\n        placeholder={typeof placeholder === \"string\" ? placeholder : undefined}\n        onChange={(event) => commit(event.target.value)}\n      />\n    );\n  }\n\n  const { MDXEditor } = mdx;\n  return (\n    <div id={id} data-jsf-input className=\"min-w-0\">\n      <MDXEditor\n        ref={editorRef}\n        markdown={value}\n        readOnly={readonly}\n        placeholder={placeholder}\n        plugins={plugins}\n        className={cn(\"clicky-mdx-editor-field\", readonly && \"clicky-mdx-editor-field-readonly\", className)}\n        contentEditableClassName={cn(\"clicky-mdx-editor-content\", EDITOR_MIN_HEIGHT_CLASS[size], contentClassName)}\n        onChange={commit}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AA8CA,MAAM,0BAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,yBAA0D;AAE9D,SAAS,sBAAgD;AACvD,sDAA2B,OAAO,mBAAmB;AACrD,SAAO;AACT;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,iCAAiC;AAAA,EACjC,GAAG;AACL,GAAwB;AACtB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiC,IAAI;AAC3D,QAAM,YAAY,OAAyB,IAAI;AAC/C,QAAM,eAAe,OAAO,KAAK;AACjC,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,wBAAA,EACG,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,UAAW,QAAO,GAAG;AAAA,IAC5B,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,QAAO,IAAI;AAAA,IAC7B,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;;AACd,QAAI,CAAC,OAAO,UAAU,aAAa,QAAS;AAC5C,iBAAa,UAAU;AACvB,oBAAU,YAAV,mBAAmB,YAAY;AAAA,EACjC,GAAG,CAAC,KAAK,KAAK,CAAC;AAEf,QAAM,SAAS;AAAA,IACb,CAAC,MAAc,2BAA2B,UAAU;AAClD,UAAI,4BAA4B,CAAC,+BAAgC;AACjE,mBAAa,UAAU;AACvB,2CAAW;AAAA,IACb;AAAA,IACA,CAAC,gCAAgC,QAAQ;AAAA,EAAA;AAG3C,QAAM,UAAU;AAAA,IACd,MAAO,MAAM,uBAAuB,KAAK,aAAa,IAAI,CAAA;AAAA,IAC1D,CAAC,KAAK,aAAa;AAAA,EAAA;AAGrB,MAAI,CAAC,KAAK;AACR,UAAM,oBAAoB,cAAc,KAAK,SAAY;AACzD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,kBAAc;AAAA,QACd,MAAM;AAAA,QACN,cAAY;AAAA,QACZ,WAAW;AAAA,UACT,WAAW,IAAI;AAAA,UACf;AAAA,UACA,wBAAwB,IAAI;AAAA,UAC5B;AAAA,QAAA;AAAA,QAEF;AAAA,QACA,UAAU;AAAA,QACV,aAAa,OAAO,gBAAgB,WAAW,cAAc;AAAA,QAC7D,UAAU,CAAC,UAAU,OAAO,MAAM,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGpD;AAEA,QAAM,EAAE,cAAc;AACtB,6BACG,OAAA,EAAI,IAAQ,kBAAc,MAAC,WAAU,WACpC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW,GAAG,2BAA2B,YAAY,oCAAoC,SAAS;AAAA,MAClG,0BAA0B,GAAG,6BAA6B,wBAAwB,IAAI,GAAG,gBAAgB;AAAA,MACzG,UAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;"}
+{"version":3,"file":"MdxEditorField.js","sources":["../../src/components/MdxEditorField.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { FormSize } from \"./json-schema-form-size\";\nimport { inputClass } from \"./json-schema-form-utils\";\nimport { Button } from \"./button\";\nimport { createMdxEditorPlugins } from \"./mdx-editor-field-plugins\";\nimport type { MdxEditorFieldProps } from \"./mdx-editor-options\";\n\ntype MdxEditorModule = typeof import(\"@mdxeditor/editor\");\n\nexport type {\n  MdxEditorAdmonitionOptions,\n  MdxEditorCalloutOptions,\n  MdxEditorCodeBlockEditorContext,\n  MdxEditorCodeBlockEditorDescriptor,\n  MdxEditorCodeBlockEditorProps,\n  MdxEditorCodeBlockLanguage,\n  MdxEditorCodeBlockOptions,\n  MdxEditorCodeMirrorOptions,\n  MdxEditorDiffModeOptions,\n  MdxEditorFieldProps,\n  MdxEditorHeadingLevel,\n  MdxEditorImageOptions,\n  MdxEditorImagePreviewHandler,\n  MdxEditorImageUploadHandler,\n  MdxEditorInsertJsx,\n  MdxEditorJsxAttribute,\n  MdxEditorJsxComponentDescriptor,\n  MdxEditorJsxEditorProps,\n  MdxEditorJsxNode,\n  MdxEditorLinkOptions,\n  MdxEditorPlugin,\n  MdxEditorPluginOptions,\n  MdxEditorRuntime,\n  MdxEditorToolbarOptions,\n  MdxEditorViewMode,\n} from \"./mdx-editor-options\";\n\ninterface MdxEditorMethods {\n  focus: () => void;\n  getContentEditableHTML: () => string;\n  getMarkdown: () => string;\n  getSelectionMarkdown: () => string;\n  insertMarkdown: (markdown: string) => void;\n  setMarkdown: (markdown: string) => void;\n}\n\nconst EDITOR_MIN_HEIGHT_CLASS: Record<FormSize, string> = {\n  xs: \"min-h-32\",\n  sm: \"min-h-36\",\n  md: \"min-h-40\",\n  lg: \"min-h-48\",\n  xl: \"min-h-56\",\n};\n\nlet mdxEditorModulePromise: Promise<MdxEditorModule> | null = null;\n\nfunction loadMdxEditorModule(): Promise<MdxEditorModule> {\n  mdxEditorModulePromise ??= import(\"@mdxeditor/editor\");\n  return mdxEditorModulePromise;\n}\n\nexport function MdxEditorField({\n  id,\n  value = \"\",\n  onChange,\n  readOnly = false,\n  disabled = false,\n  size = \"md\",\n  placeholder,\n  className,\n  contentClassName,\n  textareaClassName,\n  \"aria-label\": ariaLabel,\n  commitInitialMarkdownNormalize = false,\n  ...pluginOptions\n}: MdxEditorFieldProps) {\n  const [mdx, setMdx] = useState<MdxEditorModule | null>(null);\n  const [parseError, setParseError] = useState<{\n    error: string;\n    source: string;\n  } | null>(null);\n  const editorRef = useRef<MdxEditorMethods>(null);\n  const lastValueRef = useRef(value);\n  const readonly = readOnly || disabled;\n\n  useEffect(() => {\n    let cancelled = false;\n    loadMdxEditorModule()\n      .then((mod) => {\n        if (!cancelled) setMdx(mod);\n      })\n      .catch(() => {\n        if (!cancelled) setMdx(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!mdx || value === lastValueRef.current) return;\n    lastValueRef.current = value;\n    setParseError(null);\n    editorRef.current?.setMarkdown(value);\n  }, [mdx, value]);\n\n  const commit = useCallback(\n    (next: string, initialMarkdownNormalize = false) => {\n      if (initialMarkdownNormalize && !commitInitialMarkdownNormalize) return;\n      lastValueRef.current = next;\n      onChange?.(next);\n    },\n    [commitInitialMarkdownNormalize, onChange],\n  );\n\n  const plugins = useMemo(\n    () => (mdx ? createMdxEditorPlugins(mdx, pluginOptions) : []),\n    [mdx, pluginOptions],\n  );\n\n  const reportError = useCallback(\n    (error: { error: string; source: string }) => {\n      queueMicrotask(() => setParseError(error));\n    },\n    [],\n  );\n\n  const currentError = parseError;\n  if (!mdx || currentError) {\n    const fallbackAriaLabel =\n      ariaLabel ??\n      (currentError ? \"Markdown source\" : id ? undefined : \"Markdown\");\n    return (\n      <div className=\"min-w-0\">\n        {currentError && (\n          <div role=\"alert\" className=\"mb-2 text-sm text-destructive\">\n            Markdown could not be loaded: {currentError.error}\n          </div>\n        )}\n        <textarea\n          id={id}\n          data-jsf-input\n          rows={6}\n          aria-label={fallbackAriaLabel}\n          className={cn(\n            inputClass(size),\n            \"h-auto resize-y font-mono\",\n            EDITOR_MIN_HEIGHT_CLASS[size],\n            textareaClassName,\n          )}\n          value={value}\n          disabled={readonly}\n          placeholder={\n            typeof placeholder === \"string\" ? placeholder : undefined\n          }\n          onChange={(event) => commit(event.target.value)}\n        />\n        {currentError && !readonly && (\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setParseError(null)}>\n            Retry rich text\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  const { MDXEditor } = mdx;\n  return (\n    <div id={id} data-jsf-input className=\"min-w-0\">\n      <MDXEditor\n        ref={editorRef}\n        markdown={value}\n        readOnly={readonly}\n        placeholder={placeholder}\n        plugins={plugins}\n        className={cn(\"clicky-mdx-editor-field\", readonly && \"clicky-mdx-editor-field-readonly\", className)}\n        contentEditableClassName={cn(\"clicky-mdx-editor-content\", EDITOR_MIN_HEIGHT_CLASS[size], contentClassName)}\n        onChange={commit}\n        onError={reportError}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-item-summary.cjs

@@ -55,7 +55,12 @@ function itemSummaryFor({
   var _a, _b, _c;
   const obj = collections.isPlainObject(item) ? item : {};
   const props = itemProperties(itemSchema, obj);
-  const title = firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ?? spec.fallback ?? `Item ${index + 1}`;
+  const title = firstNonEmpty(
+    (spec.title ?? DEFAULT_TITLE_KEYS).map((key) => {
+      const value = text(obj[key]);
+      return value && enumLabel(props[key], value);
+    })
+  ) ?? spec.fallback ?? `Item ${index + 1}`;
   const summary = (spec.summary ?? []).map((part) => summaryPart(obj, part)).filter((s) => !!s).join(SUMMARY_SEPARATOR);
   const glyphValue = spec.glyph ? text(obj[spec.glyph]) : "";
   const glyphProp = spec.glyph ? props[spec.glyph] : void 0;

package/dist/components/json-schema-form-item-summary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.cjs","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// itemProperties is the item schema's effective properties — `allOf` members\n// included, so items composed of flattened `$ref`s summarize like any other —\n// resolved against `value`.\nfunction itemProperties(\n  itemSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): Record<string, JsonSchemaProperty> {\n  return itemSchema ? effectiveProperties(itemSchema as JsonSchemaObject, value).properties : {};\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item. The spec is one per\n// array, so there is no item value to select a conditional branch: only base\n// and unconditional properties (and `else` branches, which `{}` selects) count.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  // Resolved against this item's own value, as the item's body is rendered,\n  // so a property a matching `then`/`else` branch declares labels its chip.\n  const props = itemProperties(itemSchema, obj);\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":["isPlainObject","effectiveProperties","normalizeTone"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-item-summary.cjs","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// itemProperties is the item schema's effective properties — `allOf` members\n// included, so items composed of flattened `$ref`s summarize like any other —\n// resolved against `value`.\nfunction itemProperties(\n  itemSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): Record<string, JsonSchemaProperty> {\n  return itemSchema ? effectiveProperties(itemSchema as JsonSchemaObject, value).properties : {};\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item. The spec is one per\n// array, so there is no item value to select a conditional branch: only base\n// and unconditional properties (and `else` branches, which `{}` selects) count.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  // Resolved against this item's own value, as the item's body is rendered,\n  // so a property a matching `then`/`else` branch declares labels its chip.\n  const props = itemProperties(itemSchema, obj);\n\n  const title =\n    firstNonEmpty(\n      (spec.title ?? DEFAULT_TITLE_KEYS).map((key) => {\n        const value = text(obj[key]);\n        return value && enumLabel(props[key], value);\n      }),\n    ) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":["isPlainObject","effectiveProperties","normalizeTone"],"mappings":"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"}

package/dist/components/json-schema-form-item-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-summary.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,gBAAgB,EAGhB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,eAAe,CAC7B,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,kBAAkB,GAAG,SAAS,GACzC,aAAa,CAsBf;AAYD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAEtF;AA4BD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC5C,GAAG,gBAAgB,CA8CnB;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzE;AAID,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,GAAG,SAAS,CAIpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD"}
+{"version":3,"file":"json-schema-form-item-summary.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-summary.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,gBAAgB,EAGhB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,eAAe,CAC7B,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,kBAAkB,GAAG,SAAS,GACzC,aAAa,CAsBf;AAYD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAEtF;AA4BD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC5C,GAAG,gBAAgB,CAmDnB;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzE;AAID,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,GAAG,SAAS,CAIpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD"}

package/dist/components/json-schema-form-item-summary.js

@@ -53,7 +53,12 @@ function itemSummaryFor({
   var _a, _b, _c;
   const obj = isPlainObject(item) ? item : {};
   const props = itemProperties(itemSchema, obj);
-  const title = firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ?? spec.fallback ?? `Item ${index + 1}`;
+  const title = firstNonEmpty(
+    (spec.title ?? DEFAULT_TITLE_KEYS).map((key) => {
+      const value = text(obj[key]);
+      return value && enumLabel(props[key], value);
+    })
+  ) ?? spec.fallback ?? `Item ${index + 1}`;
   const summary = (spec.summary ?? []).map((part) => summaryPart(obj, part)).filter((s) => !!s).join(SUMMARY_SEPARATOR);
   const glyphValue = spec.glyph ? text(obj[spec.glyph]) : "";
   const glyphProp = spec.glyph ? props[spec.glyph] : void 0;

package/dist/components/json-schema-form-item-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.js","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// itemProperties is the item schema's effective properties — `allOf` members\n// included, so items composed of flattened `$ref`s summarize like any other —\n// resolved against `value`.\nfunction itemProperties(\n  itemSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): Record<string, JsonSchemaProperty> {\n  return itemSchema ? effectiveProperties(itemSchema as JsonSchemaObject, value).properties : {};\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item. The spec is one per\n// array, so there is no item value to select a conditional branch: only base\n// and unconditional properties (and `else` branches, which `{}` selects) count.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  // Resolved against this item's own value, as the item's body is rendered,\n  // so a property a matching `then`/`else` branch declares labels its chip.\n  const props = itemProperties(itemSchema, obj);\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-item-summary.js","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// itemProperties is the item schema's effective properties — `allOf` members\n// included, so items composed of flattened `$ref`s summarize like any other —\n// resolved against `value`.\nfunction itemProperties(\n  itemSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): Record<string, JsonSchemaProperty> {\n  return itemSchema ? effectiveProperties(itemSchema as JsonSchemaObject, value).properties : {};\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item. The spec is one per\n// array, so there is no item value to select a conditional branch: only base\n// and unconditional properties (and `else` branches, which `{}` selects) count.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  // Resolved against this item's own value, as the item's body is rendered,\n  // so a property a matching `then`/`else` branch declares labels its chip.\n  const props = itemProperties(itemSchema, obj);\n\n  const title =\n    firstNonEmpty(\n      (spec.title ?? DEFAULT_TITLE_KEYS).map((key) => {\n        const value = text(obj[key]);\n        return value && enumLabel(props[key], value);\n      }),\n    ) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/CodeBlock.cjs

@@ -17,6 +17,7 @@ function CodeBlock({
   highlightedHtml,
   className,
   jsonDefaultOpenDepth = 2,
+  jsonFormat = "json",
   bare = false,
   copyable = false,
   downloadable = false,
@@ -98,7 +99,7 @@ function CodeBlock({
     );
   }
   if (parsedJson !== JSON_PARSE_FAILED) {
-    const tree = /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: parsedJson, defaultOpenDepth: jsonDefaultOpenDepth });
+    const tree = /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: parsedJson, format: jsonFormat, defaultOpenDepth: jsonDefaultOpenDepth });
     if (bare) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("overflow-auto text-xs", className), children: tree });
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -106,7 +107,7 @@ function CodeBlock({
         className: utils.cn("overflow-hidden rounded-md border border-border bg-muted/40", className),
         ...overrideAttrs,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CodeBlockHeader, { label: "json", actions: headerActions }),
+          /* @__PURE__ */ jsxRuntime.jsx(CodeBlockHeader, { label: jsonFormat, actions: headerActions }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto p-3 text-xs", children: tree })
         ]
       }