@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/data/FixtureEditor/FixtureEditor.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const button = require("../../components/button.cjs");
-const MdxEditorField = require("../../components/MdxEditorField.cjs");
 const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
 const utils = require("../../lib/utils.cjs");
 const Icon = require("../Icon.cjs");
@@ -22,6 +21,10 @@ const LazyFixtureFrontmatterDialog = react.lazy(async () => {
   const mod = await Promise.resolve().then(() => require("./FixtureFrontmatterDialog.cjs"));
   return { default: mod.FixtureFrontmatterDialog };
 });
+const LazyMdxEditorField = react.lazy(async () => {
+  const mod = await Promise.resolve().then(() => require("../../components/MdxEditorField.cjs"));
+  return { default: mod.MdxEditorField };
+});
 const FIXTURE_MDX_LANGUAGES = {
   ai: "AI",
   bash: "Bash",
@@ -77,30 +80,46 @@ function FixtureEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      MdxEditorField.MdxEditorField,
+      react.Suspense,
       {
-        value,
-        onChange,
-        readOnly,
-        size,
-        placeholder,
-        "aria-label": "Fixture markdown",
-        headings: true,
-        lists: true,
-        quote: true,
-        links: true,
-        tables: true,
-        thematicBreak: true,
-        codeBlocks: {
-          defaultLanguage: "yaml",
-          editorDescriptors: [fixtureCodeBlockDescriptor]
-        },
-        codeMirror: { languages: FIXTURE_MDX_LANGUAGES },
-        markdownShortcuts: true,
-        diffMode: { viewMode: "rich-text", viewModes: ["rich-text", "source"] },
-        className: "border-0 shadow-none",
-        contentClassName: "min-h-96 px-4 py-3",
-        textareaClassName: "min-h-96 rounded-none border-0 shadow-none"
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            "aria-label": "Fixture markdown",
+            className: "min-h-96 w-full rounded-none border-0 px-4 py-3 font-mono text-sm shadow-none",
+            value,
+            disabled: readOnly,
+            placeholder,
+            onChange: (e) => onChange(e.target.value)
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          LazyMdxEditorField,
+          {
+            value,
+            onChange,
+            readOnly,
+            size,
+            placeholder,
+            "aria-label": "Fixture markdown",
+            headings: true,
+            lists: true,
+            quote: true,
+            links: true,
+            tables: true,
+            thematicBreak: true,
+            codeBlocks: {
+              defaultLanguage: "yaml",
+              editorDescriptors: [fixtureCodeBlockDescriptor]
+            },
+            codeMirror: { languages: FIXTURE_MDX_LANGUAGES },
+            markdownShortcuts: true,
+            diffMode: { viewMode: "rich-text", viewModes: ["rich-text", "source"] },
+            className: "border-0 shadow-none",
+            contentClassName: "min-h-96 px-4 py-3",
+            textareaClassName: "min-h-96 rounded-none border-0 shadow-none"
+          }
+        )
       }
     ),
     frontmatterOptions && /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/data/FixtureEditor/FixtureEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureEditor.cjs","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport type { MdxEditorCodeBlockEditorDescriptor } from \"../../components/mdx-editor-options\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiAdd,\n  UiBug,\n  UiFileCode,\n  UiFileText,\n  UiListDashes,\n  UiRobotAi,\n  UiTerminal,\n  UiTest,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  createChecklistMarkdown,\n  createFenceMarkdown,\n  fixtureFenceKind,\n  fixtureFenceSnippetInfo,\n  schemaKeys,\n  splitFixtureFenceInfo,\n} from \"./fixture-blocks\";\nimport { fixtureCodeBlockMatches } from \"./fixture-code-block-model\";\nimport { FixtureFenceCodeBlockEditor } from \"./FixtureFenceCodeBlockEditor\";\nimport type {\n  FixtureEditorProps,\n  FixtureFenceOption,\n  FixtureFenceSchemas,\n  FixtureFrontmatterEditorOptions,\n} from \"./types\";\n\n// Loaded lazily because FixtureFrontmatterDialog embeds SpecRuntimeEditor,\n// which in turn embeds FixtureEditor (VerifySection edits a verify fixture) —\n// a static import here would close that cycle.\nconst LazyFixtureFrontmatterDialog = lazy(async () => {\n  const mod = await import(\"./FixtureFrontmatterDialog\");\n  return { default: mod.FixtureFrontmatterDialog };\n});\n\nconst FIXTURE_MDX_LANGUAGES: Record<string, string> = {\n  ai: \"AI\",\n  bash: \"Bash\",\n  exec: \"Exec\",\n  json: \"JSON\",\n  lint: \"YAML\",\n  markdown: \"Markdown\",\n  prompt: \"Prompt\",\n  shell: \"Shell\",\n  sh: \"Shell\",\n  test: \"YAML\",\n  yaml: \"YAML\",\n  yml: \"YAML\",\n};\n\nexport function FixtureEditor({\n  value,\n  onChange,\n  schemas = {},\n  allowedFences,\n  frontmatterEditor,\n  readOnly = false,\n  size = \"md\",\n  placeholder = \"Write fixture markdown...\",\n  className,\n}: FixtureEditorProps) {\n  const [frontmatterOpen, setFrontmatterOpen] = useState(false);\n  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);\n  const fenceOptions = useMemo(\n    () => normalizeFenceOptions(allowedFences, schemas),\n    [allowedFences, schemas],\n  );\n  const fixtureCodeBlockDescriptor = useMemo(\n    () =>\n      createFixtureCodeBlockDescriptor({\n        schemas,\n        readOnly,\n        size,\n      }),\n    [schemas, readOnly, size],\n  );\n\n  const appendMarkdown = (markdown: string) => {\n    const prefix = value === \"\" || value.endsWith(\"\\n\") ? \"\" : \"\\n\\n\";\n    onChange(`${value}${prefix}${markdown}`);\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      <FixtureEditorToolbar\n        readOnly={readOnly}\n        fenceOptions={fenceOptions}\n        onEditFrontmatter={\n          frontmatterOptions ? () => setFrontmatterOpen(true) : undefined\n        }\n        onAddFence={(info) => appendMarkdown(createFenceMarkdown(info, schemas))}\n        onAddChecklist={() => appendMarkdown(createChecklistMarkdown())}\n      />\n      <MdxEditorField\n        value={value}\n        onChange={onChange}\n        readOnly={readOnly}\n        size={size}\n        placeholder={placeholder}\n        aria-label=\"Fixture markdown\"\n        headings\n        lists\n        quote\n        links\n        tables\n        thematicBreak\n        codeBlocks={{\n          defaultLanguage: \"yaml\",\n          editorDescriptors: [fixtureCodeBlockDescriptor],\n        }}\n        codeMirror={{ languages: FIXTURE_MDX_LANGUAGES }}\n        markdownShortcuts\n        diffMode={{ viewMode: \"rich-text\", viewModes: [\"rich-text\", \"source\"] }}\n        className=\"border-0 shadow-none\"\n        contentClassName=\"min-h-96 px-4 py-3\"\n        textareaClassName=\"min-h-96 rounded-none border-0 shadow-none\"\n      />\n      {frontmatterOptions && (\n        <Suspense fallback={null}>\n          <LazyFixtureFrontmatterDialog\n            open={frontmatterOpen}\n            markdown={value}\n            onChange={onChange}\n            onClose={() => setFrontmatterOpen(false)}\n            size={size}\n            options={frontmatterOptions}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n\ntype NormalizedFenceOption = {\n  info: string;\n  label: string;\n  description?: string;\n};\n\nfunction FixtureEditorToolbar({\n  readOnly,\n  fenceOptions,\n  onEditFrontmatter,\n  onAddFence,\n  onAddChecklist,\n}: {\n  readOnly: boolean;\n  fenceOptions: readonly NormalizedFenceOption[];\n  onEditFrontmatter?: (() => void) | undefined;\n  onAddFence: (info: string) => void;\n  onAddChecklist: () => void;\n}) {\n  if (readOnly) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <DropdownMenu\n        label=\"Add fence\"\n        icon={UiAdd}\n        size=\"sm\"\n        variant=\"outline\"\n        menuLabel=\"Add fixture fence\"\n        items={fenceOptions.map((option) => ({\n          label: option.label,\n          icon: iconForFence(option.info),\n          onSelect: () => onAddFence(option.info),\n          ...(option.description ? { title: option.description } : {}),\n        }))}\n      />\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onAddChecklist}>\n        <Icon icon={UiListDashes} />\n        Add checklist\n      </Button>\n      {onEditFrontmatter && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={onEditFrontmatter}\n        >\n          <Icon icon={UiFileText} />\n          Frontmatter\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction createFixtureCodeBlockDescriptor({\n  schemas,\n  readOnly,\n  size,\n}: {\n  schemas: FixtureFenceSchemas;\n  readOnly: boolean;\n  size: NonNullable<FixtureEditorProps[\"size\"]>;\n}): MdxEditorCodeBlockEditorDescriptor {\n  return {\n    priority: 100,\n    match: (language, meta) => fixtureCodeBlockMatches(language, meta, schemas),\n    Editor: (props) => (\n      <FixtureFenceCodeBlockEditor\n        {...props}\n        schemas={schemas}\n        readOnly={readOnly}\n        size={size}\n      />\n    ),\n  };\n}\n\nfunction normalizeFenceOptions(\n  allowedFences: readonly FixtureFenceOption[] | undefined,\n  schemas: FixtureFenceSchemas,\n): NormalizedFenceOption[] {\n  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);\n  const seen = new Set<string>();\n  const normalized: NormalizedFenceOption[] = [];\n\n  for (const option of raw) {\n    const rawInfo = typeof option === \"string\" ? option : option.info;\n    const info = fixtureFenceSnippetInfo(rawInfo);\n    if (!info || seen.has(info)) continue;\n    seen.add(info);\n    const label =\n      typeof option === \"string\"\n        ? defaultFenceLabel(rawInfo)\n        : String(option.label ?? defaultFenceLabel(rawInfo));\n    const description =\n      typeof option === \"string\" || option.description == null\n        ? undefined\n        : String(option.description);\n    normalized.push({\n      info,\n      label,\n      ...(description ? { description } : {}),\n    });\n  }\n\n  return normalized;\n}\n\nfunction iconForFence(info: string): StaticIconComponent {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  switch (fixtureFenceKind(language, meta)) {\n    case \"ai\":\n    case \"prompt\":\n      return UiRobotAi;\n    case \"test\":\n      return UiTest;\n    case \"lint\":\n      return UiBug;\n    case \"exec\":\n    case \"shell\":\n      return UiTerminal;\n    case \"yaml\":\n    case \"code\":\n      return UiFileCode;\n  }\n}\n\nfunction defaultFenceLabel(info: string): string {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  const kind = fixtureFenceKind(language, meta);\n  return kind === \"test\" || kind === \"lint\" || kind === \"ai\" || kind === \"prompt\"\n    ? kind\n    : fixtureFenceSnippetInfo(info);\n}\n\nfunction defaultFenceSchemaKeys(schemas: FixtureFenceSchemas): string[] {\n  return schemaKeys(schemas).filter((key) => {\n    const { language, meta } = splitFixtureFenceInfo(key);\n    const kind = fixtureFenceKind(language, meta);\n    return (\n      kind === \"test\" ||\n      kind === \"lint\" ||\n      (kind === \"yaml\" && meta.trim() !== \"\")\n    );\n  });\n}\n\nfunction normalizeFrontmatterOptions(\n  options: FixtureEditorProps[\"frontmatterEditor\"],\n): FixtureFrontmatterEditorOptions | undefined {\n  if (options === false) return undefined;\n  return typeof options === \"object\" ? options : {};\n}\n"],"names":["lazy","useState","useMemo","cn","jsx","createFenceMarkdown","createChecklistMarkdown","MdxEditorField","Suspense","jsxs","DropdownMenu","UiAdd","Button","Icon","UiListDashes","UiFileText","fixtureCodeBlockMatches","FixtureFenceCodeBlockEditor","fixtureFenceSnippetInfo","splitFixtureFenceInfo","fixtureFenceKind","UiRobotAi","UiTest","UiBug","UiTerminal","UiFileCode","schemaKeys"],"mappings":"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"}
+{"version":3,"file":"FixtureEditor.cjs","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport type { MdxEditorCodeBlockEditorDescriptor } from \"../../components/mdx-editor-options\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiAdd,\n  UiBug,\n  UiFileCode,\n  UiFileText,\n  UiListDashes,\n  UiRobotAi,\n  UiTerminal,\n  UiTest,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  createChecklistMarkdown,\n  createFenceMarkdown,\n  fixtureFenceKind,\n  fixtureFenceSnippetInfo,\n  schemaKeys,\n  splitFixtureFenceInfo,\n} from \"./fixture-blocks\";\nimport { fixtureCodeBlockMatches } from \"./fixture-code-block-model\";\nimport { FixtureFenceCodeBlockEditor } from \"./FixtureFenceCodeBlockEditor\";\nimport type {\n  FixtureEditorProps,\n  FixtureFenceOption,\n  FixtureFenceSchemas,\n  FixtureFrontmatterEditorOptions,\n} from \"./types\";\n\n// Loaded lazily because FixtureFrontmatterDialog embeds SpecRuntimeEditor,\n// which in turn embeds FixtureEditor (VerifySection edits a verify fixture) —\n// a static import here would close that cycle.\nconst LazyFixtureFrontmatterDialog = lazy(async () => {\n  const mod = await import(\"./FixtureFrontmatterDialog\");\n  return { default: mod.FixtureFrontmatterDialog };\n});\n\n// Loaded lazily so a static import here doesn't pull @mdxeditor/editor into\n// every host that imports the `data`/main entry — mirrors the pattern in\n// components/json-schema-form-fields.tsx.\nconst LazyMdxEditorField = lazy(async () => {\n  const mod = await import(\"../../components/MdxEditorField\");\n  return { default: mod.MdxEditorField };\n});\n\nconst FIXTURE_MDX_LANGUAGES: Record<string, string> = {\n  ai: \"AI\",\n  bash: \"Bash\",\n  exec: \"Exec\",\n  json: \"JSON\",\n  lint: \"YAML\",\n  markdown: \"Markdown\",\n  prompt: \"Prompt\",\n  shell: \"Shell\",\n  sh: \"Shell\",\n  test: \"YAML\",\n  yaml: \"YAML\",\n  yml: \"YAML\",\n};\n\nexport function FixtureEditor({\n  value,\n  onChange,\n  schemas = {},\n  allowedFences,\n  frontmatterEditor,\n  readOnly = false,\n  size = \"md\",\n  placeholder = \"Write fixture markdown...\",\n  className,\n}: FixtureEditorProps) {\n  const [frontmatterOpen, setFrontmatterOpen] = useState(false);\n  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);\n  const fenceOptions = useMemo(\n    () => normalizeFenceOptions(allowedFences, schemas),\n    [allowedFences, schemas],\n  );\n  const fixtureCodeBlockDescriptor = useMemo(\n    () =>\n      createFixtureCodeBlockDescriptor({\n        schemas,\n        readOnly,\n        size,\n      }),\n    [schemas, readOnly, size],\n  );\n\n  const appendMarkdown = (markdown: string) => {\n    const prefix = value === \"\" || value.endsWith(\"\\n\") ? \"\" : \"\\n\\n\";\n    onChange(`${value}${prefix}${markdown}`);\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      <FixtureEditorToolbar\n        readOnly={readOnly}\n        fenceOptions={fenceOptions}\n        onEditFrontmatter={\n          frontmatterOptions ? () => setFrontmatterOpen(true) : undefined\n        }\n        onAddFence={(info) => appendMarkdown(createFenceMarkdown(info, schemas))}\n        onAddChecklist={() => appendMarkdown(createChecklistMarkdown())}\n      />\n      <Suspense\n        fallback={\n          <textarea\n            aria-label=\"Fixture markdown\"\n            className=\"min-h-96 w-full rounded-none border-0 px-4 py-3 font-mono text-sm shadow-none\"\n            value={value}\n            disabled={readOnly}\n            placeholder={placeholder}\n            onChange={(e) => onChange(e.target.value)}\n          />\n        }\n      >\n        <LazyMdxEditorField\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          size={size}\n          placeholder={placeholder}\n          aria-label=\"Fixture markdown\"\n          headings\n          lists\n          quote\n          links\n          tables\n          thematicBreak\n          codeBlocks={{\n            defaultLanguage: \"yaml\",\n            editorDescriptors: [fixtureCodeBlockDescriptor],\n          }}\n          codeMirror={{ languages: FIXTURE_MDX_LANGUAGES }}\n          markdownShortcuts\n          diffMode={{ viewMode: \"rich-text\", viewModes: [\"rich-text\", \"source\"] }}\n          className=\"border-0 shadow-none\"\n          contentClassName=\"min-h-96 px-4 py-3\"\n          textareaClassName=\"min-h-96 rounded-none border-0 shadow-none\"\n        />\n      </Suspense>\n      {frontmatterOptions && (\n        <Suspense fallback={null}>\n          <LazyFixtureFrontmatterDialog\n            open={frontmatterOpen}\n            markdown={value}\n            onChange={onChange}\n            onClose={() => setFrontmatterOpen(false)}\n            size={size}\n            options={frontmatterOptions}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n\ntype NormalizedFenceOption = {\n  info: string;\n  label: string;\n  description?: string;\n};\n\nfunction FixtureEditorToolbar({\n  readOnly,\n  fenceOptions,\n  onEditFrontmatter,\n  onAddFence,\n  onAddChecklist,\n}: {\n  readOnly: boolean;\n  fenceOptions: readonly NormalizedFenceOption[];\n  onEditFrontmatter?: (() => void) | undefined;\n  onAddFence: (info: string) => void;\n  onAddChecklist: () => void;\n}) {\n  if (readOnly) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <DropdownMenu\n        label=\"Add fence\"\n        icon={UiAdd}\n        size=\"sm\"\n        variant=\"outline\"\n        menuLabel=\"Add fixture fence\"\n        items={fenceOptions.map((option) => ({\n          label: option.label,\n          icon: iconForFence(option.info),\n          onSelect: () => onAddFence(option.info),\n          ...(option.description ? { title: option.description } : {}),\n        }))}\n      />\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onAddChecklist}>\n        <Icon icon={UiListDashes} />\n        Add checklist\n      </Button>\n      {onEditFrontmatter && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={onEditFrontmatter}\n        >\n          <Icon icon={UiFileText} />\n          Frontmatter\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction createFixtureCodeBlockDescriptor({\n  schemas,\n  readOnly,\n  size,\n}: {\n  schemas: FixtureFenceSchemas;\n  readOnly: boolean;\n  size: NonNullable<FixtureEditorProps[\"size\"]>;\n}): MdxEditorCodeBlockEditorDescriptor {\n  return {\n    priority: 100,\n    match: (language, meta) => fixtureCodeBlockMatches(language, meta, schemas),\n    Editor: (props) => (\n      <FixtureFenceCodeBlockEditor\n        {...props}\n        schemas={schemas}\n        readOnly={readOnly}\n        size={size}\n      />\n    ),\n  };\n}\n\nfunction normalizeFenceOptions(\n  allowedFences: readonly FixtureFenceOption[] | undefined,\n  schemas: FixtureFenceSchemas,\n): NormalizedFenceOption[] {\n  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);\n  const seen = new Set<string>();\n  const normalized: NormalizedFenceOption[] = [];\n\n  for (const option of raw) {\n    const rawInfo = typeof option === \"string\" ? option : option.info;\n    const info = fixtureFenceSnippetInfo(rawInfo);\n    if (!info || seen.has(info)) continue;\n    seen.add(info);\n    const label =\n      typeof option === \"string\"\n        ? defaultFenceLabel(rawInfo)\n        : String(option.label ?? defaultFenceLabel(rawInfo));\n    const description =\n      typeof option === \"string\" || option.description == null\n        ? undefined\n        : String(option.description);\n    normalized.push({\n      info,\n      label,\n      ...(description ? { description } : {}),\n    });\n  }\n\n  return normalized;\n}\n\nfunction iconForFence(info: string): StaticIconComponent {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  switch (fixtureFenceKind(language, meta)) {\n    case \"ai\":\n    case \"prompt\":\n      return UiRobotAi;\n    case \"test\":\n      return UiTest;\n    case \"lint\":\n      return UiBug;\n    case \"exec\":\n    case \"shell\":\n      return UiTerminal;\n    case \"yaml\":\n    case \"code\":\n      return UiFileCode;\n  }\n}\n\nfunction defaultFenceLabel(info: string): string {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  const kind = fixtureFenceKind(language, meta);\n  return kind === \"test\" || kind === \"lint\" || kind === \"ai\" || kind === \"prompt\"\n    ? kind\n    : fixtureFenceSnippetInfo(info);\n}\n\nfunction defaultFenceSchemaKeys(schemas: FixtureFenceSchemas): string[] {\n  return schemaKeys(schemas).filter((key) => {\n    const { language, meta } = splitFixtureFenceInfo(key);\n    const kind = fixtureFenceKind(language, meta);\n    return (\n      kind === \"test\" ||\n      kind === \"lint\" ||\n      (kind === \"yaml\" && meta.trim() !== \"\")\n    );\n  });\n}\n\nfunction normalizeFrontmatterOptions(\n  options: FixtureEditorProps[\"frontmatterEditor\"],\n): FixtureFrontmatterEditorOptions | undefined {\n  if (options === false) return undefined;\n  return typeof options === \"object\" ? options : {};\n}\n"],"names":["lazy","useState","useMemo","cn","jsx","createFenceMarkdown","createChecklistMarkdown","Suspense","jsxs","DropdownMenu","UiAdd","Button","Icon","UiListDashes","UiFileText","fixtureCodeBlockMatches","FixtureFenceCodeBlockEditor","fixtureFenceSnippetInfo","splitFixtureFenceInfo","fixtureFenceKind","UiRobotAi","UiTest","UiBug","UiTerminal","UiFileCode","schemaKeys"],"mappings":"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"}

package/dist/data/FixtureEditor/FixtureEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureEditor.d.ts","sourceRoot":"","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAyBjB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAgB,EAChB,IAAW,EACX,WAAyC,EACzC,SAAS,GACV,EAAE,kBAAkB,+BAuEpB"}
+{"version":3,"file":"FixtureEditor.d.ts","sourceRoot":"","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAgB,EAChB,IAAW,EACX,WAAyC,EACzC,SAAS,GACV,EAAE,kBAAkB,+BAoFpB"}

package/dist/data/FixtureEditor/FixtureEditor.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo, Suspense, lazy } from "react";
 import { Button } from "../../components/button.js";
-import { MdxEditorField } from "../../components/MdxEditorField.js";
 import { DropdownMenu } from "../../overlay/DropdownMenu.js";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../Icon.js";
@@ -20,6 +19,10 @@ const LazyFixtureFrontmatterDialog = lazy(async () => {
   const mod = await import("./FixtureFrontmatterDialog.js");
   return { default: mod.FixtureFrontmatterDialog };
 });
+const LazyMdxEditorField = lazy(async () => {
+  const mod = await import("../../components/MdxEditorField.js");
+  return { default: mod.MdxEditorField };
+});
 const FIXTURE_MDX_LANGUAGES = {
   ai: "AI",
   bash: "Bash",
@@ -75,30 +78,46 @@ function FixtureEditor({
       }
     ),
     /* @__PURE__ */ jsx(
-      MdxEditorField,
+      Suspense,
       {
-        value,
-        onChange,
-        readOnly,
-        size,
-        placeholder,
-        "aria-label": "Fixture markdown",
-        headings: true,
-        lists: true,
-        quote: true,
-        links: true,
-        tables: true,
-        thematicBreak: true,
-        codeBlocks: {
-          defaultLanguage: "yaml",
-          editorDescriptors: [fixtureCodeBlockDescriptor]
-        },
-        codeMirror: { languages: FIXTURE_MDX_LANGUAGES },
-        markdownShortcuts: true,
-        diffMode: { viewMode: "rich-text", viewModes: ["rich-text", "source"] },
-        className: "border-0 shadow-none",
-        contentClassName: "min-h-96 px-4 py-3",
-        textareaClassName: "min-h-96 rounded-none border-0 shadow-none"
+        fallback: /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            "aria-label": "Fixture markdown",
+            className: "min-h-96 w-full rounded-none border-0 px-4 py-3 font-mono text-sm shadow-none",
+            value,
+            disabled: readOnly,
+            placeholder,
+            onChange: (e) => onChange(e.target.value)
+          }
+        ),
+        children: /* @__PURE__ */ jsx(
+          LazyMdxEditorField,
+          {
+            value,
+            onChange,
+            readOnly,
+            size,
+            placeholder,
+            "aria-label": "Fixture markdown",
+            headings: true,
+            lists: true,
+            quote: true,
+            links: true,
+            tables: true,
+            thematicBreak: true,
+            codeBlocks: {
+              defaultLanguage: "yaml",
+              editorDescriptors: [fixtureCodeBlockDescriptor]
+            },
+            codeMirror: { languages: FIXTURE_MDX_LANGUAGES },
+            markdownShortcuts: true,
+            diffMode: { viewMode: "rich-text", viewModes: ["rich-text", "source"] },
+            className: "border-0 shadow-none",
+            contentClassName: "min-h-96 px-4 py-3",
+            textareaClassName: "min-h-96 rounded-none border-0 shadow-none"
+          }
+        )
       }
     ),
     frontmatterOptions && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(

package/dist/data/FixtureEditor/FixtureEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureEditor.js","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport type { MdxEditorCodeBlockEditorDescriptor } from \"../../components/mdx-editor-options\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiAdd,\n  UiBug,\n  UiFileCode,\n  UiFileText,\n  UiListDashes,\n  UiRobotAi,\n  UiTerminal,\n  UiTest,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  createChecklistMarkdown,\n  createFenceMarkdown,\n  fixtureFenceKind,\n  fixtureFenceSnippetInfo,\n  schemaKeys,\n  splitFixtureFenceInfo,\n} from \"./fixture-blocks\";\nimport { fixtureCodeBlockMatches } from \"./fixture-code-block-model\";\nimport { FixtureFenceCodeBlockEditor } from \"./FixtureFenceCodeBlockEditor\";\nimport type {\n  FixtureEditorProps,\n  FixtureFenceOption,\n  FixtureFenceSchemas,\n  FixtureFrontmatterEditorOptions,\n} from \"./types\";\n\n// Loaded lazily because FixtureFrontmatterDialog embeds SpecRuntimeEditor,\n// which in turn embeds FixtureEditor (VerifySection edits a verify fixture) —\n// a static import here would close that cycle.\nconst LazyFixtureFrontmatterDialog = lazy(async () => {\n  const mod = await import(\"./FixtureFrontmatterDialog\");\n  return { default: mod.FixtureFrontmatterDialog };\n});\n\nconst FIXTURE_MDX_LANGUAGES: Record<string, string> = {\n  ai: \"AI\",\n  bash: \"Bash\",\n  exec: \"Exec\",\n  json: \"JSON\",\n  lint: \"YAML\",\n  markdown: \"Markdown\",\n  prompt: \"Prompt\",\n  shell: \"Shell\",\n  sh: \"Shell\",\n  test: \"YAML\",\n  yaml: \"YAML\",\n  yml: \"YAML\",\n};\n\nexport function FixtureEditor({\n  value,\n  onChange,\n  schemas = {},\n  allowedFences,\n  frontmatterEditor,\n  readOnly = false,\n  size = \"md\",\n  placeholder = \"Write fixture markdown...\",\n  className,\n}: FixtureEditorProps) {\n  const [frontmatterOpen, setFrontmatterOpen] = useState(false);\n  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);\n  const fenceOptions = useMemo(\n    () => normalizeFenceOptions(allowedFences, schemas),\n    [allowedFences, schemas],\n  );\n  const fixtureCodeBlockDescriptor = useMemo(\n    () =>\n      createFixtureCodeBlockDescriptor({\n        schemas,\n        readOnly,\n        size,\n      }),\n    [schemas, readOnly, size],\n  );\n\n  const appendMarkdown = (markdown: string) => {\n    const prefix = value === \"\" || value.endsWith(\"\\n\") ? \"\" : \"\\n\\n\";\n    onChange(`${value}${prefix}${markdown}`);\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      <FixtureEditorToolbar\n        readOnly={readOnly}\n        fenceOptions={fenceOptions}\n        onEditFrontmatter={\n          frontmatterOptions ? () => setFrontmatterOpen(true) : undefined\n        }\n        onAddFence={(info) => appendMarkdown(createFenceMarkdown(info, schemas))}\n        onAddChecklist={() => appendMarkdown(createChecklistMarkdown())}\n      />\n      <MdxEditorField\n        value={value}\n        onChange={onChange}\n        readOnly={readOnly}\n        size={size}\n        placeholder={placeholder}\n        aria-label=\"Fixture markdown\"\n        headings\n        lists\n        quote\n        links\n        tables\n        thematicBreak\n        codeBlocks={{\n          defaultLanguage: \"yaml\",\n          editorDescriptors: [fixtureCodeBlockDescriptor],\n        }}\n        codeMirror={{ languages: FIXTURE_MDX_LANGUAGES }}\n        markdownShortcuts\n        diffMode={{ viewMode: \"rich-text\", viewModes: [\"rich-text\", \"source\"] }}\n        className=\"border-0 shadow-none\"\n        contentClassName=\"min-h-96 px-4 py-3\"\n        textareaClassName=\"min-h-96 rounded-none border-0 shadow-none\"\n      />\n      {frontmatterOptions && (\n        <Suspense fallback={null}>\n          <LazyFixtureFrontmatterDialog\n            open={frontmatterOpen}\n            markdown={value}\n            onChange={onChange}\n            onClose={() => setFrontmatterOpen(false)}\n            size={size}\n            options={frontmatterOptions}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n\ntype NormalizedFenceOption = {\n  info: string;\n  label: string;\n  description?: string;\n};\n\nfunction FixtureEditorToolbar({\n  readOnly,\n  fenceOptions,\n  onEditFrontmatter,\n  onAddFence,\n  onAddChecklist,\n}: {\n  readOnly: boolean;\n  fenceOptions: readonly NormalizedFenceOption[];\n  onEditFrontmatter?: (() => void) | undefined;\n  onAddFence: (info: string) => void;\n  onAddChecklist: () => void;\n}) {\n  if (readOnly) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <DropdownMenu\n        label=\"Add fence\"\n        icon={UiAdd}\n        size=\"sm\"\n        variant=\"outline\"\n        menuLabel=\"Add fixture fence\"\n        items={fenceOptions.map((option) => ({\n          label: option.label,\n          icon: iconForFence(option.info),\n          onSelect: () => onAddFence(option.info),\n          ...(option.description ? { title: option.description } : {}),\n        }))}\n      />\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onAddChecklist}>\n        <Icon icon={UiListDashes} />\n        Add checklist\n      </Button>\n      {onEditFrontmatter && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={onEditFrontmatter}\n        >\n          <Icon icon={UiFileText} />\n          Frontmatter\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction createFixtureCodeBlockDescriptor({\n  schemas,\n  readOnly,\n  size,\n}: {\n  schemas: FixtureFenceSchemas;\n  readOnly: boolean;\n  size: NonNullable<FixtureEditorProps[\"size\"]>;\n}): MdxEditorCodeBlockEditorDescriptor {\n  return {\n    priority: 100,\n    match: (language, meta) => fixtureCodeBlockMatches(language, meta, schemas),\n    Editor: (props) => (\n      <FixtureFenceCodeBlockEditor\n        {...props}\n        schemas={schemas}\n        readOnly={readOnly}\n        size={size}\n      />\n    ),\n  };\n}\n\nfunction normalizeFenceOptions(\n  allowedFences: readonly FixtureFenceOption[] | undefined,\n  schemas: FixtureFenceSchemas,\n): NormalizedFenceOption[] {\n  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);\n  const seen = new Set<string>();\n  const normalized: NormalizedFenceOption[] = [];\n\n  for (const option of raw) {\n    const rawInfo = typeof option === \"string\" ? option : option.info;\n    const info = fixtureFenceSnippetInfo(rawInfo);\n    if (!info || seen.has(info)) continue;\n    seen.add(info);\n    const label =\n      typeof option === \"string\"\n        ? defaultFenceLabel(rawInfo)\n        : String(option.label ?? defaultFenceLabel(rawInfo));\n    const description =\n      typeof option === \"string\" || option.description == null\n        ? undefined\n        : String(option.description);\n    normalized.push({\n      info,\n      label,\n      ...(description ? { description } : {}),\n    });\n  }\n\n  return normalized;\n}\n\nfunction iconForFence(info: string): StaticIconComponent {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  switch (fixtureFenceKind(language, meta)) {\n    case \"ai\":\n    case \"prompt\":\n      return UiRobotAi;\n    case \"test\":\n      return UiTest;\n    case \"lint\":\n      return UiBug;\n    case \"exec\":\n    case \"shell\":\n      return UiTerminal;\n    case \"yaml\":\n    case \"code\":\n      return UiFileCode;\n  }\n}\n\nfunction defaultFenceLabel(info: string): string {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  const kind = fixtureFenceKind(language, meta);\n  return kind === \"test\" || kind === \"lint\" || kind === \"ai\" || kind === \"prompt\"\n    ? kind\n    : fixtureFenceSnippetInfo(info);\n}\n\nfunction defaultFenceSchemaKeys(schemas: FixtureFenceSchemas): string[] {\n  return schemaKeys(schemas).filter((key) => {\n    const { language, meta } = splitFixtureFenceInfo(key);\n    const kind = fixtureFenceKind(language, meta);\n    return (\n      kind === \"test\" ||\n      kind === \"lint\" ||\n      (kind === \"yaml\" && meta.trim() !== \"\")\n    );\n  });\n}\n\nfunction normalizeFrontmatterOptions(\n  options: FixtureEditorProps[\"frontmatterEditor\"],\n): FixtureFrontmatterEditorOptions | undefined {\n  if (options === false) return undefined;\n  return typeof options === \"object\" ? options : {};\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FixtureEditor.js","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport type { MdxEditorCodeBlockEditorDescriptor } from \"../../components/mdx-editor-options\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiAdd,\n  UiBug,\n  UiFileCode,\n  UiFileText,\n  UiListDashes,\n  UiRobotAi,\n  UiTerminal,\n  UiTest,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  createChecklistMarkdown,\n  createFenceMarkdown,\n  fixtureFenceKind,\n  fixtureFenceSnippetInfo,\n  schemaKeys,\n  splitFixtureFenceInfo,\n} from \"./fixture-blocks\";\nimport { fixtureCodeBlockMatches } from \"./fixture-code-block-model\";\nimport { FixtureFenceCodeBlockEditor } from \"./FixtureFenceCodeBlockEditor\";\nimport type {\n  FixtureEditorProps,\n  FixtureFenceOption,\n  FixtureFenceSchemas,\n  FixtureFrontmatterEditorOptions,\n} from \"./types\";\n\n// Loaded lazily because FixtureFrontmatterDialog embeds SpecRuntimeEditor,\n// which in turn embeds FixtureEditor (VerifySection edits a verify fixture) —\n// a static import here would close that cycle.\nconst LazyFixtureFrontmatterDialog = lazy(async () => {\n  const mod = await import(\"./FixtureFrontmatterDialog\");\n  return { default: mod.FixtureFrontmatterDialog };\n});\n\n// Loaded lazily so a static import here doesn't pull @mdxeditor/editor into\n// every host that imports the `data`/main entry — mirrors the pattern in\n// components/json-schema-form-fields.tsx.\nconst LazyMdxEditorField = lazy(async () => {\n  const mod = await import(\"../../components/MdxEditorField\");\n  return { default: mod.MdxEditorField };\n});\n\nconst FIXTURE_MDX_LANGUAGES: Record<string, string> = {\n  ai: \"AI\",\n  bash: \"Bash\",\n  exec: \"Exec\",\n  json: \"JSON\",\n  lint: \"YAML\",\n  markdown: \"Markdown\",\n  prompt: \"Prompt\",\n  shell: \"Shell\",\n  sh: \"Shell\",\n  test: \"YAML\",\n  yaml: \"YAML\",\n  yml: \"YAML\",\n};\n\nexport function FixtureEditor({\n  value,\n  onChange,\n  schemas = {},\n  allowedFences,\n  frontmatterEditor,\n  readOnly = false,\n  size = \"md\",\n  placeholder = \"Write fixture markdown...\",\n  className,\n}: FixtureEditorProps) {\n  const [frontmatterOpen, setFrontmatterOpen] = useState(false);\n  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);\n  const fenceOptions = useMemo(\n    () => normalizeFenceOptions(allowedFences, schemas),\n    [allowedFences, schemas],\n  );\n  const fixtureCodeBlockDescriptor = useMemo(\n    () =>\n      createFixtureCodeBlockDescriptor({\n        schemas,\n        readOnly,\n        size,\n      }),\n    [schemas, readOnly, size],\n  );\n\n  const appendMarkdown = (markdown: string) => {\n    const prefix = value === \"\" || value.endsWith(\"\\n\") ? \"\" : \"\\n\\n\";\n    onChange(`${value}${prefix}${markdown}`);\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      <FixtureEditorToolbar\n        readOnly={readOnly}\n        fenceOptions={fenceOptions}\n        onEditFrontmatter={\n          frontmatterOptions ? () => setFrontmatterOpen(true) : undefined\n        }\n        onAddFence={(info) => appendMarkdown(createFenceMarkdown(info, schemas))}\n        onAddChecklist={() => appendMarkdown(createChecklistMarkdown())}\n      />\n      <Suspense\n        fallback={\n          <textarea\n            aria-label=\"Fixture markdown\"\n            className=\"min-h-96 w-full rounded-none border-0 px-4 py-3 font-mono text-sm shadow-none\"\n            value={value}\n            disabled={readOnly}\n            placeholder={placeholder}\n            onChange={(e) => onChange(e.target.value)}\n          />\n        }\n      >\n        <LazyMdxEditorField\n          value={value}\n          onChange={onChange}\n          readOnly={readOnly}\n          size={size}\n          placeholder={placeholder}\n          aria-label=\"Fixture markdown\"\n          headings\n          lists\n          quote\n          links\n          tables\n          thematicBreak\n          codeBlocks={{\n            defaultLanguage: \"yaml\",\n            editorDescriptors: [fixtureCodeBlockDescriptor],\n          }}\n          codeMirror={{ languages: FIXTURE_MDX_LANGUAGES }}\n          markdownShortcuts\n          diffMode={{ viewMode: \"rich-text\", viewModes: [\"rich-text\", \"source\"] }}\n          className=\"border-0 shadow-none\"\n          contentClassName=\"min-h-96 px-4 py-3\"\n          textareaClassName=\"min-h-96 rounded-none border-0 shadow-none\"\n        />\n      </Suspense>\n      {frontmatterOptions && (\n        <Suspense fallback={null}>\n          <LazyFixtureFrontmatterDialog\n            open={frontmatterOpen}\n            markdown={value}\n            onChange={onChange}\n            onClose={() => setFrontmatterOpen(false)}\n            size={size}\n            options={frontmatterOptions}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n\ntype NormalizedFenceOption = {\n  info: string;\n  label: string;\n  description?: string;\n};\n\nfunction FixtureEditorToolbar({\n  readOnly,\n  fenceOptions,\n  onEditFrontmatter,\n  onAddFence,\n  onAddChecklist,\n}: {\n  readOnly: boolean;\n  fenceOptions: readonly NormalizedFenceOption[];\n  onEditFrontmatter?: (() => void) | undefined;\n  onAddFence: (info: string) => void;\n  onAddChecklist: () => void;\n}) {\n  if (readOnly) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <DropdownMenu\n        label=\"Add fence\"\n        icon={UiAdd}\n        size=\"sm\"\n        variant=\"outline\"\n        menuLabel=\"Add fixture fence\"\n        items={fenceOptions.map((option) => ({\n          label: option.label,\n          icon: iconForFence(option.info),\n          onSelect: () => onAddFence(option.info),\n          ...(option.description ? { title: option.description } : {}),\n        }))}\n      />\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onAddChecklist}>\n        <Icon icon={UiListDashes} />\n        Add checklist\n      </Button>\n      {onEditFrontmatter && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={onEditFrontmatter}\n        >\n          <Icon icon={UiFileText} />\n          Frontmatter\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction createFixtureCodeBlockDescriptor({\n  schemas,\n  readOnly,\n  size,\n}: {\n  schemas: FixtureFenceSchemas;\n  readOnly: boolean;\n  size: NonNullable<FixtureEditorProps[\"size\"]>;\n}): MdxEditorCodeBlockEditorDescriptor {\n  return {\n    priority: 100,\n    match: (language, meta) => fixtureCodeBlockMatches(language, meta, schemas),\n    Editor: (props) => (\n      <FixtureFenceCodeBlockEditor\n        {...props}\n        schemas={schemas}\n        readOnly={readOnly}\n        size={size}\n      />\n    ),\n  };\n}\n\nfunction normalizeFenceOptions(\n  allowedFences: readonly FixtureFenceOption[] | undefined,\n  schemas: FixtureFenceSchemas,\n): NormalizedFenceOption[] {\n  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);\n  const seen = new Set<string>();\n  const normalized: NormalizedFenceOption[] = [];\n\n  for (const option of raw) {\n    const rawInfo = typeof option === \"string\" ? option : option.info;\n    const info = fixtureFenceSnippetInfo(rawInfo);\n    if (!info || seen.has(info)) continue;\n    seen.add(info);\n    const label =\n      typeof option === \"string\"\n        ? defaultFenceLabel(rawInfo)\n        : String(option.label ?? defaultFenceLabel(rawInfo));\n    const description =\n      typeof option === \"string\" || option.description == null\n        ? undefined\n        : String(option.description);\n    normalized.push({\n      info,\n      label,\n      ...(description ? { description } : {}),\n    });\n  }\n\n  return normalized;\n}\n\nfunction iconForFence(info: string): StaticIconComponent {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  switch (fixtureFenceKind(language, meta)) {\n    case \"ai\":\n    case \"prompt\":\n      return UiRobotAi;\n    case \"test\":\n      return UiTest;\n    case \"lint\":\n      return UiBug;\n    case \"exec\":\n    case \"shell\":\n      return UiTerminal;\n    case \"yaml\":\n    case \"code\":\n      return UiFileCode;\n  }\n}\n\nfunction defaultFenceLabel(info: string): string {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  const kind = fixtureFenceKind(language, meta);\n  return kind === \"test\" || kind === \"lint\" || kind === \"ai\" || kind === \"prompt\"\n    ? kind\n    : fixtureFenceSnippetInfo(info);\n}\n\nfunction defaultFenceSchemaKeys(schemas: FixtureFenceSchemas): string[] {\n  return schemaKeys(schemas).filter((key) => {\n    const { language, meta } = splitFixtureFenceInfo(key);\n    const kind = fixtureFenceKind(language, meta);\n    return (\n      kind === \"test\" ||\n      kind === \"lint\" ||\n      (kind === \"yaml\" && meta.trim() !== \"\")\n    );\n  });\n}\n\nfunction normalizeFrontmatterOptions(\n  options: FixtureEditorProps[\"frontmatterEditor\"],\n): FixtureFrontmatterEditorOptions | undefined {\n  if (options === false) return undefined;\n  return typeof options === \"object\" ? options : {};\n}\n"],"names":[],"mappings":"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"}