@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/chips-group-DgaAmiHe.js

@@ -1,21 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-const ChipsGroup = forwardRef(function ChipsGroup2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex gap-[1px] items-center [&>*:not(:last-child)]:rounded-r-none [&>*:not(:first-child)]:rounded-l-none",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-
-export { ChipsGroup as C };
-//# sourceMappingURL=chips-group-DgaAmiHe.js.map

package/dist/chips-group-DgaAmiHe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chips-group-DgaAmiHe.js","sources":["../src/ds/components/Chip/chips-group.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ChipsGroupProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport const ChipsGroup = forwardRef<HTMLDivElement, ChipsGroupProps>(function ChipsGroup(\n  { children, className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex gap-[1px] items-center [&>*:not(:last-child)]:rounded-r-none [&>*:not(:first-child)]:rounded-l-none',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["ChipsGroup"],"mappings":";;;;AAKO,MAAM,UAAA,GAAa,UAAA,CAA4C,SAASA,WAAAA,CAC7E,EAAE,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAChC,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,0GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist/code-block-B0JgzCAI.cjs

@@ -1,86 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const code = require('./code-B3WONxnA.cjs');
-const copyButton = require('./copy-button-MNcP8mIU.cjs');
-const select = require('./select-CvOn0-Xn.cjs');
-const tabsTab = require('./tabs-tab-CulV7e_n.cjs');
-const transitions = require('./transitions-DpczSjmD.cjs');
-const utils = require('./utils-vA5sWo9W.cjs');
-
-function CodeBlock({
-  code: code$1,
-  options,
-  value,
-  onValueChange,
-  selector = "select",
-  fileName,
-  lang,
-  overflow = "wrap",
-  copyMessage,
-  copyTooltip,
-  actions,
-  className
-}) {
-  const hasOptions = options && options.length > 0;
-  const useTabs = hasOptions && selector === "tabs";
-  const useSelect = hasOptions && selector === "select";
-  const activeValue = value ?? options?.[0]?.value;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "figure",
-    {
-      className: utils.cn(
-        "group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border2/40 bg-surface2",
-        className
-      ),
-      children: [
-        useTabs && options && /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tabs, { defaultTab: options[0].value, value: activeValue, onValueChange: onValueChange ?? (() => {
-        }), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-stretch", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(tabsTab.TabList, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: opt.value, children: opt.label }, opt.value)) }) }),
-          actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center border-b border-border1 pr-2 pl-3", children: actions })
-        ] }) }),
-        useSelect && options && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border2/40 px-2 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: activeValue, onValueChange, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
-          ] }),
-          actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center", children: actions })
-        ] }),
-        !hasOptions && fileName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border2/40 px-4 py-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "font-mono text-ui-sm text-neutral4", children: fileName }),
-          actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center", children: actions })
-        ] }),
-        !hasOptions && !fileName && actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end border-b border-border2/40 px-2 py-1.5", children: actions }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            code.Code,
-            {
-              code: code$1,
-              lang,
-              className: utils.cn(
-                "px-4 py-3 font-mono text-ui-sm text-neutral5",
-                overflow === "scroll" ? "overflow-x-auto whitespace-pre" : "whitespace-pre-wrap break-all"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            copyButton.CopyButton,
-            {
-              content: code$1,
-              copyMessage,
-              tooltip: copyTooltip,
-              size: "sm",
-              className: utils.cn(
-                "absolute top-2 right-2 opacity-100 pointer-fine:opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
-                transitions.transitions.opacity
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-exports.CodeBlock = CodeBlock;
-//# sourceMappingURL=code-block-B0JgzCAI.cjs.map

package/dist/code-block-B0JgzCAI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-B0JgzCAI.cjs","sources":["../src/ds/components/CodeBlock/code-block.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Code } from '../Code/code';\nimport { CopyButton } from '../CopyButton/copy-button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../Select/select';\nimport { TabList } from '../Tabs/tabs-list';\nimport { Tabs } from '../Tabs/tabs-root';\nimport { Tab } from '../Tabs/tabs-tab';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type CodeBlockSelector = 'select' | 'tabs';\n\nexport type CodeBlockOverflow = 'wrap' | 'scroll';\n\nexport interface CodeBlockOption {\n  label: string;\n  value: string;\n}\n\nexport interface CodeBlockProps {\n  code: string;\n  options?: CodeBlockOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  selector?: CodeBlockSelector;\n  fileName?: string;\n  lang?: string;\n  /** `wrap` (default) breaks long lines — best for commands and snippets.\n   *  `scroll` preserves columns behind a horizontal scroll — best for source code. */\n  overflow?: CodeBlockOverflow;\n  copyMessage?: string;\n  copyTooltip?: string;\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport function CodeBlock({\n  code,\n  options,\n  value,\n  onValueChange,\n  selector = 'select',\n  fileName,\n  lang,\n  overflow = 'wrap',\n  copyMessage,\n  copyTooltip,\n  actions,\n  className,\n}: CodeBlockProps) {\n  const hasOptions = options && options.length > 0;\n  const useTabs = hasOptions && selector === 'tabs';\n  const useSelect = hasOptions && selector === 'select';\n  const activeValue = value ?? options?.[0]?.value;\n\n  return (\n    <figure\n      className={cn(\n        'group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border2/40 bg-surface2',\n        className,\n      )}\n    >\n      {useTabs && options && (\n        <Tabs defaultTab={options[0].value} value={activeValue} onValueChange={onValueChange ?? (() => {})}>\n          <div className=\"flex items-stretch\">\n            <div className=\"min-w-0 flex-1\">\n              <TabList>\n                {options.map(opt => (\n                  <Tab key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </Tab>\n                ))}\n              </TabList>\n            </div>\n            {actions && <div className=\"flex shrink-0 items-center border-b border-border1 pr-2 pl-3\">{actions}</div>}\n          </div>\n        </Tabs>\n      )}\n\n      {useSelect && options && (\n        <div className=\"flex items-center border-b border-border2/40 px-2 py-1.5\">\n          <Select value={activeValue} onValueChange={onValueChange}>\n            <SelectTrigger size=\"sm\" variant=\"ghost\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(opt => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && fileName && (\n        <div className=\"flex items-center border-b border-border2/40 px-4 py-2\">\n          <figcaption className=\"font-mono text-ui-sm text-neutral4\">{fileName}</figcaption>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && !fileName && actions && (\n        <div className=\"flex items-center justify-end border-b border-border2/40 px-2 py-1.5\">{actions}</div>\n      )}\n\n      <div className=\"relative\">\n        <Code\n          code={code}\n          lang={lang}\n          className={cn(\n            'px-4 py-3 font-mono text-ui-sm text-neutral5',\n            overflow === 'scroll' ? 'overflow-x-auto whitespace-pre' : 'whitespace-pre-wrap break-all',\n          )}\n        />\n        <CopyButton\n          content={code}\n          copyMessage={copyMessage}\n          tooltip={copyTooltip}\n          size=\"sm\"\n          className={cn(\n            'absolute top-2 right-2 opacity-100 pointer-fine:opacity-0 group-hover:opacity-100 group-focus-within:opacity-100',\n            transitions.opacity,\n          )}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"names":["code","jsxs","cn","jsx","Tabs","TabList","Tab","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Code","CopyButton","transitions"],"mappings":"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"}

package/dist/code-block-DlN7SOIs.js

@@ -1,84 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { C as Code } from './code-C5KVVzOZ.js';
-import { C as CopyButton } from './copy-button-B-6j0Ghf.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-CYf1u7Vd.js';
-import { b as Tabs, a as TabList, T as Tab } from './tabs-tab-Bv9aRRTl.js';
-import { t as transitions } from './transitions-tFfqxz40.js';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-function CodeBlock({
-  code,
-  options,
-  value,
-  onValueChange,
-  selector = "select",
-  fileName,
-  lang,
-  overflow = "wrap",
-  copyMessage,
-  copyTooltip,
-  actions,
-  className
-}) {
-  const hasOptions = options && options.length > 0;
-  const useTabs = hasOptions && selector === "tabs";
-  const useSelect = hasOptions && selector === "select";
-  const activeValue = value ?? options?.[0]?.value;
-  return /* @__PURE__ */ jsxs(
-    "figure",
-    {
-      className: cn(
-        "group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border2/40 bg-surface2",
-        className
-      ),
-      children: [
-        useTabs && options && /* @__PURE__ */ jsx(Tabs, { defaultTab: options[0].value, value: activeValue, onValueChange: onValueChange ?? (() => {
-        }), children: /* @__PURE__ */ jsxs("div", { className: "flex items-stretch", children: [
-          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(TabList, { children: options.map((opt) => /* @__PURE__ */ jsx(Tab, { value: opt.value, children: opt.label }, opt.value)) }) }),
-          actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center border-b border-border1 pr-2 pl-3", children: actions })
-        ] }) }),
-        useSelect && options && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border2/40 px-2 py-1.5", children: [
-          /* @__PURE__ */ jsxs(Select, { value: activeValue, onValueChange, children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", variant: "ghost", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
-          ] }),
-          actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: actions })
-        ] }),
-        !hasOptions && fileName && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border2/40 px-4 py-2", children: [
-          /* @__PURE__ */ jsx("figcaption", { className: "font-mono text-ui-sm text-neutral4", children: fileName }),
-          actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: actions })
-        ] }),
-        !hasOptions && !fileName && actions && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end border-b border-border2/40 px-2 py-1.5", children: actions }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            Code,
-            {
-              code,
-              lang,
-              className: cn(
-                "px-4 py-3 font-mono text-ui-sm text-neutral5",
-                overflow === "scroll" ? "overflow-x-auto whitespace-pre" : "whitespace-pre-wrap break-all"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            CopyButton,
-            {
-              content: code,
-              copyMessage,
-              tooltip: copyTooltip,
-              size: "sm",
-              className: cn(
-                "absolute top-2 right-2 opacity-100 pointer-fine:opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
-                transitions.opacity
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export { CodeBlock as C };
-//# sourceMappingURL=code-block-DlN7SOIs.js.map

package/dist/code-block-DlN7SOIs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-DlN7SOIs.js","sources":["../src/ds/components/CodeBlock/code-block.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Code } from '../Code/code';\nimport { CopyButton } from '../CopyButton/copy-button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../Select/select';\nimport { TabList } from '../Tabs/tabs-list';\nimport { Tabs } from '../Tabs/tabs-root';\nimport { Tab } from '../Tabs/tabs-tab';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type CodeBlockSelector = 'select' | 'tabs';\n\nexport type CodeBlockOverflow = 'wrap' | 'scroll';\n\nexport interface CodeBlockOption {\n  label: string;\n  value: string;\n}\n\nexport interface CodeBlockProps {\n  code: string;\n  options?: CodeBlockOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  selector?: CodeBlockSelector;\n  fileName?: string;\n  lang?: string;\n  /** `wrap` (default) breaks long lines — best for commands and snippets.\n   *  `scroll` preserves columns behind a horizontal scroll — best for source code. */\n  overflow?: CodeBlockOverflow;\n  copyMessage?: string;\n  copyTooltip?: string;\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport function CodeBlock({\n  code,\n  options,\n  value,\n  onValueChange,\n  selector = 'select',\n  fileName,\n  lang,\n  overflow = 'wrap',\n  copyMessage,\n  copyTooltip,\n  actions,\n  className,\n}: CodeBlockProps) {\n  const hasOptions = options && options.length > 0;\n  const useTabs = hasOptions && selector === 'tabs';\n  const useSelect = hasOptions && selector === 'select';\n  const activeValue = value ?? options?.[0]?.value;\n\n  return (\n    <figure\n      className={cn(\n        'group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border2/40 bg-surface2',\n        className,\n      )}\n    >\n      {useTabs && options && (\n        <Tabs defaultTab={options[0].value} value={activeValue} onValueChange={onValueChange ?? (() => {})}>\n          <div className=\"flex items-stretch\">\n            <div className=\"min-w-0 flex-1\">\n              <TabList>\n                {options.map(opt => (\n                  <Tab key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </Tab>\n                ))}\n              </TabList>\n            </div>\n            {actions && <div className=\"flex shrink-0 items-center border-b border-border1 pr-2 pl-3\">{actions}</div>}\n          </div>\n        </Tabs>\n      )}\n\n      {useSelect && options && (\n        <div className=\"flex items-center border-b border-border2/40 px-2 py-1.5\">\n          <Select value={activeValue} onValueChange={onValueChange}>\n            <SelectTrigger size=\"sm\" variant=\"ghost\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(opt => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && fileName && (\n        <div className=\"flex items-center border-b border-border2/40 px-4 py-2\">\n          <figcaption className=\"font-mono text-ui-sm text-neutral4\">{fileName}</figcaption>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && !fileName && actions && (\n        <div className=\"flex items-center justify-end border-b border-border2/40 px-2 py-1.5\">{actions}</div>\n      )}\n\n      <div className=\"relative\">\n        <Code\n          code={code}\n          lang={lang}\n          className={cn(\n            'px-4 py-3 font-mono text-ui-sm text-neutral5',\n            overflow === 'scroll' ? 'overflow-x-auto whitespace-pre' : 'whitespace-pre-wrap break-all',\n          )}\n        />\n        <CopyButton\n          content={code}\n          copyMessage={copyMessage}\n          tooltip={copyTooltip}\n          size=\"sm\"\n          className={cn(\n            'absolute top-2 right-2 opacity-100 pointer-fine:opacity-0 group-hover:opacity-100 group-focus-within:opacity-100',\n            transitions.opacity,\n          )}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/code-editor-CA_5t_YB.js

@@ -1,441 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { jsonLanguage } from '@codemirror/lang-json';
-import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
-import { LanguageDescription, LanguageSupport, StreamLanguage, HighlightStyle, syntaxHighlighting } from '@codemirror/language';
-import { EditorState } from '@codemirror/state';
-import { ViewPlugin, MatchDecorator, Decoration, EditorView } from '@codemirror/view';
-import { tags } from '@lezer/highlight';
-import { draculaInit } from '@uiw/codemirror-theme-dracula';
-import ReactCodeMirror from '@uiw/react-codemirror';
-import { forwardRef, useMemo } from 'react';
-import { autocompletion } from '@codemirror/autocomplete';
-import { C as CopyButton } from './copy-button-B-6j0Ghf.js';
-import { u as useTheme } from './theme-provider-C9ih9jSS.js';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-function legacy(parser) {
-  return new LanguageSupport(StreamLanguage.define(parser));
-}
-const codeLanguages = [
-  LanguageDescription.of({
-    name: "JavaScript",
-    alias: ["ecmascript", "js", "node"],
-    extensions: ["js", "mjs", "cjs"],
-    load() {
-      return import('@codemirror/lang-javascript').then((m) => m.javascript());
-    }
-  }),
-  LanguageDescription.of({
-    name: "JSON",
-    alias: ["json5"],
-    extensions: ["json", "map"],
-    load() {
-      return import('@codemirror/lang-json').then((m) => m.json());
-    }
-  }),
-  LanguageDescription.of({
-    name: "JSX",
-    extensions: ["jsx"],
-    load() {
-      return import('@codemirror/lang-javascript').then((m) => m.javascript({ jsx: true }));
-    }
-  }),
-  LanguageDescription.of({
-    name: "Markdown",
-    extensions: ["md", "markdown", "mkd"],
-    load() {
-      return import('@codemirror/lang-markdown').then((m) => m.markdown());
-    }
-  }),
-  LanguageDescription.of({
-    name: "TSX",
-    extensions: ["tsx"],
-    load() {
-      return import('@codemirror/lang-javascript').then((m) => m.javascript({ jsx: true, typescript: true }));
-    }
-  }),
-  LanguageDescription.of({
-    name: "TypeScript",
-    alias: ["ts"],
-    extensions: ["ts", "mts", "cts"],
-    load() {
-      return import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true }));
-    }
-  }),
-  LanguageDescription.of({
-    name: "Shell",
-    alias: ["bash", "sh", "zsh"],
-    extensions: ["sh", "ksh", "bash"],
-    filename: /^PKGBUILD$/,
-    load() {
-      return import('@codemirror/legacy-modes/mode/shell').then((m) => legacy(m.shell));
-    }
-  })
-];
-
-function flattenSchemaToVariables(schema, maxDepth = 5) {
-  if (!schema?.properties) {
-    return [];
-  }
-  const results = [];
-  function processProperty(property, path, depth) {
-    if (depth > maxDepth) {
-      return;
-    }
-    const type = Array.isArray(property.type) ? property.type.join(" | ") : property.type;
-    results.push({
-      path,
-      label: path,
-      description: property.description ?? property.title,
-      type
-    });
-    if (property.properties) {
-      for (const [key, nestedProperty] of Object.entries(property.properties)) {
-        processProperty(nestedProperty, `${path}.${key}`, depth + 1);
-      }
-    }
-    if (property.items?.properties) {
-      for (const [key, itemProperty] of Object.entries(property.items.properties)) {
-        processProperty(itemProperty, `${path}[].${key}`, depth + 1);
-      }
-    }
-  }
-  for (const [key, property] of Object.entries(schema.properties)) {
-    processProperty(property, key, 1);
-  }
-  return results;
-}
-
-function createVariableAutocomplete(schema) {
-  const variables = flattenSchemaToVariables(schema);
-  return autocompletion({
-    override: [createVariableCompletionSource(variables)],
-    defaultKeymap: true,
-    closeOnBlur: true,
-    icons: false
-  });
-}
-function createVariableCompletionSource(variables) {
-  return (context) => {
-    const beforeCursor = context.state.sliceDoc(Math.max(0, context.pos - 50), context.pos);
-    const match = beforeCursor.match(/\{\{([a-zA-Z0-9_.\[\]]*)?$/);
-    if (!match) {
-      return null;
-    }
-    const prefix = match[1] ?? "";
-    const startPos = context.pos - prefix.length;
-    const filteredVariables = prefix ? variables.filter((v) => v.path.toLowerCase().startsWith(prefix.toLowerCase())) : variables;
-    if (filteredVariables.length === 0) {
-      return null;
-    }
-    const completions = filteredVariables.map((variable) => ({
-      label: variable.path,
-      displayLabel: variable.path,
-      detail: variable.type,
-      info: variable.description,
-      apply: (view, completion, from, to) => {
-        const afterCursor = view.state.sliceDoc(to, to + 2);
-        const hasClosingBraces = afterCursor === "}}";
-        const insertText = hasClosingBraces ? completion.label : `${completion.label}}}`;
-        view.dispatch({
-          changes: { from, to, insert: insertText },
-          selection: { anchor: from + insertText.length }
-        });
-      }
-    }));
-    return {
-      from: startPos,
-      options: completions,
-      validFor: /^[a-zA-Z0-9_.\[\]]*$/
-    };
-  };
-}
-
-const VARIABLE_PATTERN = /\{\{([a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)*)\}\}/g;
-const variableDecoration = Decoration.mark({
-  class: "cm-variable-highlight"
-});
-const variableMatcher = new MatchDecorator({
-  regexp: VARIABLE_PATTERN,
-  decoration: () => variableDecoration
-});
-const variableHighlightPlugin = ViewPlugin.fromClass(
-  class {
-    decorations;
-    constructor(view) {
-      this.decorations = variableMatcher.createDeco(view);
-    }
-    update(update) {
-      this.decorations = variableMatcher.updateDeco(update, this.decorations);
-    }
-  },
-  {
-    decorations: (v) => v.decorations
-  }
-);
-const variableHighlight = variableHighlightPlugin;
-
-function buildDarkTheme() {
-  const baseTheme = draculaInit({
-    settings: {
-      fontFamily: "var(--font-mono)",
-      fontSize: "0.8rem",
-      lineHighlight: "transparent",
-      gutterBackground: "transparent",
-      gutterForeground: "var(--neutral2)",
-      background: "transparent",
-      foreground: "var(--neutral6)",
-      caret: "var(--neutral6)"
-    },
-    styles: [
-      { tag: [tags.className, tags.propertyName], color: "var(--neutral6)" },
-      { tag: tags.heading, color: "var(--accent3)", fontWeight: "bold" },
-      {
-        tag: [tags.heading1, tags.heading2, tags.heading3, tags.heading4, tags.heading5, tags.heading6],
-        color: "var(--accent3)",
-        fontWeight: "bold"
-      },
-      { tag: tags.emphasis, fontStyle: "italic", color: "var(--neutral6)" },
-      { tag: tags.strong, fontWeight: "bold", color: "var(--neutral6)" },
-      { tag: tags.link, color: "var(--accent3)", textDecoration: "underline" },
-      { tag: tags.url, color: "var(--accent3)" },
-      { tag: tags.monospace, color: "var(--neutral6)" },
-      { tag: tags.strikethrough, textDecoration: "line-through" },
-      { tag: tags.quote, fontStyle: "italic", color: "var(--neutral2)" }
-    ]
-  });
-  const customLineNumberTheme = EditorView.theme({
-    ".cm-editor": {
-      backgroundColor: "transparent"
-    },
-    ".cm-content": {
-      color: "var(--neutral6)",
-      caretColor: "var(--neutral6)"
-    },
-    ".cm-lineNumbers .cm-gutterElement": {
-      color: "var(--neutral2)"
-    },
-    ".cm-activeLineGutter": {
-      color: "var(--neutral3)"
-    },
-    ".cm-cursor": {
-      borderLeftColor: "var(--neutral6)"
-    },
-    ".cm-selectionBackground, .cm-content ::selection": {
-      backgroundColor: "color-mix(in srgb, var(--accent3) 22%, transparent)"
-    },
-    ".cm-tooltip-autocomplete": {
-      backgroundColor: "var(--surface2)",
-      border: "1px solid var(--border1)",
-      borderRadius: "6px",
-      boxShadow: "0 8px 16px rgba(0, 0, 0, 0.2)"
-    },
-    ".cm-tooltip-autocomplete > ul": {
-      fontFamily: "var(--font-mono)"
-    },
-    ".cm-completionLabel": {
-      color: "var(--neutral6)"
-    },
-    ".cm-completionDetail": {
-      color: "var(--neutral3)",
-      fontSize: "0.7rem",
-      marginLeft: "auto",
-      paddingLeft: "12px"
-    },
-    ".cm-completionInfo": {
-      backgroundColor: "var(--surface2)",
-      border: "1px solid var(--border1)",
-      color: "var(--neutral3)",
-      padding: "8px 12px"
-    },
-    ".cm-completionIcon": {
-      display: "none"
-    },
-    "ul.cm-completionList li[aria-selected]": {
-      backgroundColor: "var(--surface4)",
-      color: "var(--neutral6)"
-    },
-    ".cm-line .cm-variable-highlight": {
-      color: "var(--accent6) !important",
-      fontWeight: "500"
-    }
-  });
-  return [baseTheme, customLineNumberTheme];
-}
-function buildLightTheme() {
-  const editorTheme = EditorView.theme({
-    "&": {
-      backgroundColor: "transparent",
-      color: "var(--neutral6)",
-      fontSize: "0.8rem"
-    },
-    "&.cm-editor .cm-scroller": {
-      fontFamily: "var(--font-mono)"
-    },
-    ".cm-gutters": {
-      backgroundColor: "transparent",
-      color: "var(--neutral2)",
-      borderRight: "none"
-    },
-    ".cm-content": {
-      color: "var(--neutral6)",
-      caretColor: "var(--neutral6)"
-    },
-    ".cm-activeLine": {
-      backgroundColor: "transparent"
-    },
-    ".cm-lineNumbers .cm-gutterElement": {
-      color: "var(--neutral2)"
-    },
-    ".cm-activeLineGutter": {
-      backgroundColor: "transparent",
-      color: "var(--neutral3)"
-    },
-    ".cm-cursor, .cm-dropCursor": {
-      borderLeftColor: "var(--neutral6)"
-    },
-    "&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection": {
-      background: "color-mix(in srgb, var(--accent3) 22%, transparent) !important"
-    },
-    ".cm-tooltip-autocomplete": {
-      backgroundColor: "var(--surface2)",
-      border: "1px solid var(--border1)",
-      borderRadius: "6px",
-      boxShadow: "0 8px 16px rgba(0, 0, 0, 0.2)"
-    },
-    ".cm-tooltip-autocomplete > ul": {
-      fontFamily: "var(--font-mono)"
-    },
-    ".cm-completionLabel": {
-      color: "var(--neutral6)"
-    },
-    ".cm-completionDetail": {
-      color: "var(--neutral3)",
-      fontSize: "0.7rem",
-      marginLeft: "auto",
-      paddingLeft: "12px"
-    },
-    ".cm-completionInfo": {
-      backgroundColor: "var(--surface2)",
-      border: "1px solid var(--border1)",
-      color: "var(--neutral3)",
-      padding: "8px 12px"
-    },
-    ".cm-completionIcon": {
-      display: "none"
-    },
-    "ul.cm-completionList li[aria-selected]": {
-      backgroundColor: "var(--surface4)",
-      color: "var(--neutral6)"
-    },
-    ".cm-line .cm-variable-highlight": {
-      color: "var(--accent6) !important",
-      fontWeight: "500"
-    }
-  });
-  const highlightStyle = HighlightStyle.define([
-    { tag: [tags.comment, tags.bracket], color: "var(--neutral2)" },
-    { tag: [tags.string, tags.meta, tags.regexp], color: "var(--accent1)" },
-    { tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: "var(--accent6)" },
-    { tag: [tags.keyword, tags.operator, tags.tagName], color: "var(--accent2)" },
-    { tag: [tags.function(tags.propertyName), tags.propertyName], color: "var(--accent5)" },
-    {
-      tag: [tags.definition(tags.variableName), tags.function(tags.variableName), tags.className, tags.attributeName],
-      color: "var(--accent3)"
-    },
-    { tag: [tags.variableName, tags.number], color: "var(--accent5)" },
-    { tag: [tags.name, tags.quote], color: "var(--accent1)" },
-    { tag: tags.heading, color: "var(--accent3)", fontWeight: "bold" },
-    {
-      tag: [tags.heading1, tags.heading2, tags.heading3, tags.heading4, tags.heading5, tags.heading6],
-      color: "var(--accent3)",
-      fontWeight: "bold"
-    },
-    { tag: [tags.emphasis], fontStyle: "italic", color: "var(--neutral6)" },
-    { tag: [tags.strong], fontWeight: "bold", color: "var(--neutral6)" },
-    { tag: tags.link, color: "var(--accent3)", textDecoration: "underline" },
-    { tag: tags.url, color: "var(--accent3)" },
-    { tag: tags.monospace, color: "var(--neutral6)" },
-    { tag: tags.strikethrough, textDecoration: "line-through" },
-    { tag: [tags.deleted], color: "var(--accent2)" },
-    { tag: tags.invalid, color: "var(--error)" },
-    { tag: [tags.standard(tags.tagName)], color: "var(--accent1)" }
-  ]);
-  return [editorTheme, syntaxHighlighting(highlightStyle)];
-}
-const useCodemirrorTheme = () => {
-  const isDark = useTheme().resolvedTheme === "dark";
-  return useMemo(() => isDark ? buildDarkTheme() : buildLightTheme(), [isDark]);
-};
-const CodeEditor = forwardRef(
-  ({
-    data,
-    value,
-    onChange,
-    showCopyButton = true,
-    className,
-    language = "json",
-    highlightVariables = false,
-    placeholder,
-    schema,
-    autoFocus,
-    lineNumbers = true,
-    lineWrapping = true,
-    editable,
-    ...props
-  }, ref) => {
-    const theme = useCodemirrorTheme();
-    const formattedCode = data ? JSON.stringify(data, null, 2) : value ?? "";
-    const extensions = useMemo(() => {
-      const exts = [];
-      if (lineWrapping) {
-        exts.push(EditorView.lineWrapping);
-      }
-      if (language === "json") {
-        exts.push(jsonLanguage);
-      } else if (language === "markdown") {
-        exts.push(markdown({ base: markdownLanguage, codeLanguages }));
-      }
-      if (highlightVariables && language === "markdown") {
-        exts.push(variableHighlight);
-      }
-      if (schema && language === "markdown") {
-        exts.push(createVariableAutocomplete(schema));
-      }
-      if (editable === false) {
-        exts.push(EditorState.readOnly.of(true));
-      }
-      return exts;
-    }, [language, highlightVariables, schema, editable, lineWrapping]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("rounded-md bg-surface3 p-1 font-mono relative border border-border1 overflow-hidden", className),
-        ...props,
-        children: [
-          showCopyButton && /* @__PURE__ */ jsx(CopyButton, { content: formattedCode, className: "absolute top-2 right-2 z-20" }),
-          /* @__PURE__ */ jsx(
-            ReactCodeMirror,
-            {
-              ref,
-              value: formattedCode,
-              theme,
-              extensions,
-              onChange,
-              editable,
-              "aria-label": "Code editor",
-              placeholder,
-              height: "100%",
-              style: { height: "100%" },
-              autoFocus,
-              basicSetup: { lineNumbers }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-export { CodeEditor as C, VARIABLE_PATTERN as V, createVariableAutocomplete as a, codeLanguages as c, flattenSchemaToVariables as f, useCodemirrorTheme as u, variableHighlight as v };
-//# sourceMappingURL=code-editor-CA_5t_YB.js.map