@freighttech/ui 0.13.18

package/dist/backend/HtmlRichTextEditor.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../primitives/button.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { sanitizeHtmlRichText, sanitizeRichTextHref, sanitizeRichTextPasteContent } from "./utils/richTextSanitizer.js";
+const HtmlRichTextEditor = React.memo(function HtmlRichTextEditor2({
+  value = "",
+  onChange,
+  editableClassName
+}) {
+  const t = useT();
+  const boldLabel = t("ui.forms.richtext.bold");
+  const italicLabel = t("ui.forms.richtext.italic");
+  const underlineLabel = t("ui.forms.richtext.underline");
+  const listLabel = t("ui.forms.richtext.list");
+  const heading3Label = t("ui.forms.richtext.heading3");
+  const linkLabel = t("ui.forms.richtext.link");
+  const linkUrlPrompt = t("ui.forms.richtext.linkUrlPrompt");
+  const ref = React.useRef(null);
+  const applyingExternal = React.useRef(false);
+  const typingRef = React.useRef(false);
+  React.useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const current = el.innerHTML;
+    const sanitizedValue = sanitizeHtmlRichText(value);
+    if (!typingRef.current && current !== sanitizedValue) {
+      applyingExternal.current = true;
+      el.innerHTML = sanitizedValue;
+      requestAnimationFrame(() => {
+        applyingExternal.current = false;
+      });
+    }
+  }, [value]);
+  const exec = (cmd, arg) => {
+    const el = ref.current;
+    if (!el) return;
+    el.focus();
+    try {
+      document.execCommand(cmd, false, arg);
+    } catch {
+    }
+  };
+  const onKeyDown = (e) => {
+    const isMod = e.metaKey || e.ctrlKey;
+    if (!isMod) return;
+    const k = e.key.toLowerCase();
+    if (k === "b") {
+      e.preventDefault();
+      exec("bold");
+    }
+    if (k === "i") {
+      e.preventDefault();
+      exec("italic");
+    }
+    if (k === "u") {
+      e.preventDefault();
+      exec("underline");
+    }
+  };
+  const onPaste = (e) => {
+    const html = e.clipboardData.getData("text/html");
+    const text = e.clipboardData.getData("text/plain");
+    const sanitizedPaste = sanitizeRichTextPasteContent(html, text);
+    if (!sanitizedPaste) return;
+    e.preventDefault();
+    exec(sanitizedPaste.command, sanitizedPaste.value);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "w-full rounded border", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1 border-b", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-auto px-2 py-0.5 text-xs", onMouseDown: (e) => e.preventDefault(), onClick: () => exec("bold"), children: boldLabel }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-auto px-2 py-0.5 text-xs", onMouseDown: (e) => e.preventDefault(), onClick: () => exec("italic"), children: italicLabel }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-auto px-2 py-0.5 text-xs", onMouseDown: (e) => e.preventDefault(), onClick: () => exec("underline"), children: underlineLabel }),
+      /* @__PURE__ */ jsx("span", { className: "mx-2 text-muted-foreground", children: "|" }),
+      /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-auto px-2 py-0.5 text-xs", onMouseDown: (e) => e.preventDefault(), onClick: () => exec("insertUnorderedList"), children: [
+        "\u2022 ",
+        listLabel
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-auto px-2 py-0.5 text-xs", onMouseDown: (e) => e.preventDefault(), onClick: () => exec("formatBlock", "<h3>"), children: heading3Label }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-auto px-2 py-0.5 text-xs",
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => {
+            const url = sanitizeRichTextHref(window.prompt(linkUrlPrompt));
+            if (url) exec("createLink", url);
+          },
+          children: linkLabel
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: `w-full px-2 py-2 min-h-[100px] sm:min-h-[160px] focus:outline-none prose prose-sm max-w-none ${editableClassName ?? ""}`,
+        contentEditable: true,
+        suppressContentEditableWarning: true,
+        onKeyDown,
+        onPaste,
+        onInput: () => {
+          if (!applyingExternal.current) typingRef.current = true;
+        },
+        onBlur: () => {
+          const el = ref.current;
+          if (!el) return;
+          typingRef.current = false;
+          const sanitizedValue = sanitizeHtmlRichText(el.innerHTML);
+          if (el.innerHTML !== sanitizedValue) {
+            applyingExternal.current = true;
+            el.innerHTML = sanitizedValue;
+            requestAnimationFrame(() => {
+              applyingExternal.current = false;
+            });
+          }
+          onChange(sanitizedValue);
+        }
+      }
+    )
+  ] });
+}, (prev, next) => prev.value === next.value);
+export {
+  HtmlRichTextEditor
+};
+//# sourceMappingURL=HtmlRichTextEditor.js.map

package/dist/backend/HtmlRichTextEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/HtmlRichTextEditor.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { sanitizeHtmlRichText, sanitizeRichTextHref, sanitizeRichTextPasteContent } from './utils/richTextSanitizer'\n\nexport type HtmlRichTextEditorProps = {\n  value?: string\n  onChange: (html: string) => void\n  /** Optional extra classes for the editable surface (e.g. min-height overrides). */\n  editableClassName?: string\n}\n\n/**\n * Standalone rich-text (HTML) editor \u2014 a contentEditable surface with a\n * Bold/Italic/Underline/List/H3/Link toolbar. Emits sanitized HTML via\n * `onChange`. Mirrors the editor embedded in CrudForm, exposed standalone for\n * FMS's hand-rolled forms (offer condition presets, offer wizard terms, \u2026).\n * Supported tags are the sanitizer subset: p, strong/b, em/i, u, ul/li, h3, a.\n */\nexport const HtmlRichTextEditor = React.memo(function HtmlRichTextEditor({\n  value = '',\n  onChange,\n  editableClassName,\n}: HtmlRichTextEditorProps) {\n  const t = useT()\n  const boldLabel = t('ui.forms.richtext.bold')\n  const italicLabel = t('ui.forms.richtext.italic')\n  const underlineLabel = t('ui.forms.richtext.underline')\n  const listLabel = t('ui.forms.richtext.list')\n  const heading3Label = t('ui.forms.richtext.heading3')\n  const linkLabel = t('ui.forms.richtext.link')\n  const linkUrlPrompt = t('ui.forms.richtext.linkUrlPrompt')\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const applyingExternal = React.useRef(false)\n  const typingRef = React.useRef(false)\n\n  React.useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    const current = el.innerHTML\n    const sanitizedValue = sanitizeHtmlRichText(value)\n    if (!typingRef.current && current !== sanitizedValue) {\n      applyingExternal.current = true\n      el.innerHTML = sanitizedValue\n      requestAnimationFrame(() => { applyingExternal.current = false })\n    }\n  }, [value])\n\n  const exec = (cmd: string, arg?: string) => {\n    const el = ref.current\n    if (!el) return\n    el.focus()\n    try {\n      document.execCommand(cmd, false, arg)\n    } catch {\n      // ignore execCommand failures\n    }\n  }\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const isMod = e.metaKey || e.ctrlKey\n    if (!isMod) return\n    const k = e.key.toLowerCase()\n    if (k === 'b') { e.preventDefault(); exec('bold') }\n    if (k === 'i') { e.preventDefault(); exec('italic') }\n    if (k === 'u') { e.preventDefault(); exec('underline') }\n  }\n\n  const onPaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n    const html = e.clipboardData.getData('text/html')\n    const text = e.clipboardData.getData('text/plain')\n    const sanitizedPaste = sanitizeRichTextPasteContent(html, text)\n    if (!sanitizedPaste) return\n\n    e.preventDefault()\n    exec(sanitizedPaste.command, sanitizedPaste.value)\n  }\n\n  return (\n    <div className=\"w-full rounded border\">\n      <div className=\"flex items-center gap-1 px-2 py-1 border-b\">\n        <Button variant=\"ghost\" size=\"sm\" className=\"h-auto px-2 py-0.5 text-xs\" onMouseDown={(e) => e.preventDefault()} onClick={() => exec('bold')}>{boldLabel}</Button>\n        <Button variant=\"ghost\" size=\"sm\" className=\"h-auto px-2 py-0.5 text-xs\" onMouseDown={(e) => e.preventDefault()} onClick={() => exec('italic')}>{italicLabel}</Button>\n        <Button variant=\"ghost\" size=\"sm\" className=\"h-auto px-2 py-0.5 text-xs\" onMouseDown={(e) => e.preventDefault()} onClick={() => exec('underline')}>{underlineLabel}</Button>\n        <span className=\"mx-2 text-muted-foreground\">|</span>\n        <Button variant=\"ghost\" size=\"sm\" className=\"h-auto px-2 py-0.5 text-xs\" onMouseDown={(e) => e.preventDefault()} onClick={() => exec('insertUnorderedList')}>\u2022 {listLabel}</Button>\n        <Button variant=\"ghost\" size=\"sm\" className=\"h-auto px-2 py-0.5 text-xs\" onMouseDown={(e) => e.preventDefault()} onClick={() => exec('formatBlock', '<h3>')}>{heading3Label}</Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-auto px-2 py-0.5 text-xs\"\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => {\n            const url = sanitizeRichTextHref(window.prompt(linkUrlPrompt))\n            if (url) exec('createLink', url)\n          }}\n        >{linkLabel}</Button>\n      </div>\n      <div\n        ref={ref}\n        className={`w-full px-2 py-2 min-h-[100px] sm:min-h-[160px] focus:outline-none prose prose-sm max-w-none ${editableClassName ?? ''}`}\n        contentEditable\n        suppressContentEditableWarning\n        onKeyDown={onKeyDown}\n        onPaste={onPaste}\n        onInput={() => { if (!applyingExternal.current) typingRef.current = true }}\n        onBlur={() => {\n          const el = ref.current\n          if (!el) return\n          typingRef.current = false\n          const sanitizedValue = sanitizeHtmlRichText(el.innerHTML)\n          if (el.innerHTML !== sanitizedValue) {\n            applyingExternal.current = true\n            el.innerHTML = sanitizedValue\n            requestAnimationFrame(() => { applyingExternal.current = false })\n          }\n          onChange(sanitizedValue)\n        }}\n      />\n    </div>\n  )\n}, (prev, next) => prev.value === next.value)\n"],
+  "mappings": "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",
+  "names": ["HtmlRichTextEditor"]
+}

package/dist/backend/IntegrationsButton.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { PlugZap } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { IconButton } from "../primitives-v2/IconButton.js";
+function IntegrationsButton({ href = "/backend/integrations" }) {
+  const t = useT();
+  const label = t("integrations.nav.title", "Integrations");
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      asChild: true,
+      variant: "ghost",
+      size: "sm",
+      title: label,
+      "aria-label": label,
+      children: /* @__PURE__ */ jsx(Link, { href, children: /* @__PURE__ */ jsx(PlugZap, { className: "h-4 w-4 text-topbar-v2-icon" }) })
+    }
+  );
+}
+export {
+  IntegrationsButton
+};
+//# sourceMappingURL=IntegrationsButton.js.map

package/dist/backend/IntegrationsButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/IntegrationsButton.tsx"],
+  "sourcesContent": ["'use client'\n\nimport Link from 'next/link'\nimport { PlugZap } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { IconButton } from '../primitives-v2/IconButton'\n\nexport type IntegrationsButtonProps = {\n  href?: string\n}\n\nexport function IntegrationsButton({ href = '/backend/integrations' }: IntegrationsButtonProps) {\n  const t = useT()\n  const label = t('integrations.nav.title', 'Integrations')\n\n  return (\n    <IconButton\n      asChild\n      variant=\"ghost\"\n      size=\"sm\"\n      title={label}\n      aria-label={label}\n    >\n      <Link href={href}>\n        <PlugZap className=\"h-4 w-4 text-topbar-v2-icon\" />\n      </Link>\n    </IconButton>\n  )\n}\n"],
+  "mappings": ";AAwBQ;AAtBR,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAMpB,SAAS,mBAAmB,EAAE,OAAO,wBAAwB,GAA4B;AAC9F,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,EAAE,0BAA0B,cAAc;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MAEZ,8BAAC,QAAK,MACJ,8BAAC,WAAQ,WAAU,+BAA8B,GACnD;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/backend/JsonBuilder.js

@@ -0,0 +1,323 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../primitives/button.js";
+import { IconButton } from "../primitives/icon-button.js";
+import { Plus, Trash2, ChevronRight, ChevronDown, Code, LayoutList } from "lucide-react";
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function getJsonType(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  return typeof value;
+}
+function JsonBuilder({
+  value,
+  onChange,
+  disabled,
+  error
+}) {
+  const [mode, setMode] = React.useState("raw");
+  const [rawString, setRawString] = React.useState(() => {
+    if (value === null) return "{}";
+    return typeof value === "object" ? JSON.stringify(value, null, 2) : String(value || "{}");
+  });
+  const [parseError, setParseError] = React.useState(null);
+  React.useEffect(() => {
+    if (value === null) {
+      if (!disabled) {
+        onChange({});
+      }
+      setRawString("{}");
+      setParseError(null);
+      return;
+    }
+    if (typeof value === "object") {
+      setRawString(JSON.stringify(value, null, 2));
+      setParseError(null);
+    }
+  }, [value, disabled, onChange]);
+  const handleRawChange = (str) => {
+    setRawString(str);
+    try {
+      if (str.trim() === "") {
+        onChange({});
+        setParseError(null);
+      } else {
+        const parsed = JSON.parse(str);
+        onChange(parsed);
+        setParseError(null);
+      }
+    } catch (e) {
+      onChange(str);
+      setParseError("Invalid JSON");
+    }
+  };
+  const switchToBuilder = () => {
+    try {
+      if (typeof value === "string") {
+        JSON.parse(value);
+      }
+      setMode("builder");
+    } catch (e) {
+      alert("Cannot switch to Builder mode: Invalid JSON");
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 border rounded-md p-4 bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 border-b pb-2 mb-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: cn(mode === "raw" && "bg-muted text-foreground"),
+          onClick: () => setMode("raw"),
+          children: [
+            /* @__PURE__ */ jsx(Code, { className: "w-4 h-4" }),
+            "Raw JSON"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: cn(mode === "builder" && "bg-muted text-foreground"),
+          onClick: switchToBuilder,
+          children: [
+            /* @__PURE__ */ jsx(LayoutList, { className: "w-4 h-4" }),
+            "Builder"
+          ]
+        }
+      )
+    ] }),
+    mode === "raw" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: rawString,
+          onChange: (e) => handleRawChange(e.target.value),
+          onBlur: () => {
+            try {
+              const parsed = JSON.parse(rawString);
+              setRawString(JSON.stringify(parsed, null, 2));
+            } catch {
+            }
+          },
+          placeholder: '{"key": "value"}',
+          className: "w-full rounded border px-3 py-2 min-h-[300px] text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500",
+          disabled
+        }
+      ),
+      parseError && /* @__PURE__ */ jsx("div", { className: "text-xs text-red-600", children: "Invalid JSON format" })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-[300px] text-sm overflow-x-auto", children: typeof value === "object" && value !== null ? /* @__PURE__ */ jsx(
+      JsonNode,
+      {
+        data: value,
+        onChange,
+        readOnly: disabled,
+        isRoot: true
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground italic p-4 text-center", children: "Value is not an object or array. Switch to Raw to edit." }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "text-xs text-red-600", children: error })
+  ] });
+}
+function JsonNode({ data, onChange, onDelete, readOnly, label, isRoot }) {
+  const type = getJsonType(data);
+  const isContainer = type === "object" || type === "array";
+  const [collapsed, setCollapsed] = React.useState(false);
+  const handleTypeChange = (newType) => {
+    let newVal = "";
+    switch (newType) {
+      case "string":
+        newVal = "";
+        break;
+      case "number":
+        newVal = 0;
+        break;
+      case "boolean":
+        newVal = false;
+        break;
+      case "object":
+        newVal = {};
+        break;
+      case "array":
+        newVal = [];
+        break;
+      case "null":
+        newVal = null;
+        break;
+    }
+    onChange(newVal);
+  };
+  const handleAddKey = () => {
+    if (type === "object") {
+      const newKey = `newKey_${Object.keys(data).length}`;
+      onChange({ ...data, [newKey]: "" });
+    } else if (type === "array") {
+      onChange([...data, ""]);
+    }
+  };
+  const handleChildChange = (key, newVal) => {
+    if (type === "object") {
+      onChange({ ...data, [key]: newVal });
+    } else if (type === "array") {
+      const arr = [...data];
+      arr[Number(key)] = newVal;
+      onChange(arr);
+    }
+  };
+  const handleKeyRename = (oldKey, newKey) => {
+    if (oldKey === newKey) return;
+    const keys = Object.keys(data);
+    const newData = {};
+    keys.forEach((k) => {
+      if (k === oldKey) {
+        newData[newKey] = data[k];
+      } else {
+        newData[k] = data[k];
+      }
+    });
+    onChange(newData);
+  };
+  const handleChildDelete = (key) => {
+    if (type === "object") {
+      const newData = { ...data };
+      delete newData[key];
+      onChange(newData);
+    } else if (type === "array") {
+      onChange(data.filter((_, i) => i !== key));
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("pl-0", !isRoot && "pl-4 border-l border-border ml-1"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 py-1 group", children: [
+      isContainer && /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "xs", className: "mt-1 text-muted-foreground hover:text-foreground", onClick: () => setCollapsed(!collapsed), children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3" }) }),
+      !isContainer && !isRoot && /* @__PURE__ */ jsx("div", { className: "w-3" }),
+      " ",
+      label !== void 0 && !isRoot && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-mono", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: ":" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex gap-2 items-center flex-wrap", children: [
+        !readOnly && /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: type,
+            onChange: (e) => handleTypeChange(e.target.value),
+            className: "text-xs border rounded px-1 py-0.5 bg-muted text-foreground focus:ring-1 focus:ring-blue-500",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "string", children: "String" }),
+              /* @__PURE__ */ jsx("option", { value: "number", children: "Number" }),
+              /* @__PURE__ */ jsx("option", { value: "boolean", children: "Boolean" }),
+              /* @__PURE__ */ jsx("option", { value: "object", children: "Object" }),
+              /* @__PURE__ */ jsx("option", { value: "array", children: "Array" }),
+              /* @__PURE__ */ jsx("option", { value: "null", children: "Null" })
+            ]
+          }
+        ),
+        type === "string" && /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "flex-1 min-w-0 sm:min-w-[120px] text-sm border rounded px-2 py-0.5 focus:outline-none focus:border-blue-500",
+            value: data,
+            onChange: (e) => onChange(e.target.value),
+            disabled: readOnly
+          }
+        ),
+        type === "number" && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            className: "flex-1 w-full sm:w-[100px] text-sm border rounded px-2 py-0.5 focus:outline-none focus:border-blue-500",
+            value: data,
+            onChange: (e) => onChange(parseFloat(e.target.value) || 0),
+            disabled: readOnly
+          }
+        ),
+        type === "boolean" && /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "flex-1 w-full sm:w-[100px] text-sm border rounded px-2 py-0.5 focus:outline-none focus:border-blue-500",
+            value: String(data),
+            onChange: (e) => onChange(e.target.value === "true"),
+            disabled: readOnly,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "true", children: "true" }),
+              /* @__PURE__ */ jsx("option", { value: "false", children: "false" })
+            ]
+          }
+        ),
+        type === "null" && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "null" }),
+        isContainer && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: type === "object" ? `{ ${Object.keys(data).length} items }` : `[ ${data.length} items ]` }),
+        onDelete && !readOnly && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            className: "text-muted-foreground hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity",
+            title: "Remove item",
+            onClick: onDelete,
+            children: /* @__PURE__ */ jsx(Trash2, { className: "w-3.5 h-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    isContainer && !collapsed && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 w-full pl-2", children: [
+      type === "object" && Object.entries(data).map(([key, val], idx) => /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+        /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "w-full sm:w-[100px] text-xs font-mono border-b border-transparent hover:border-gray-300 focus:border-blue-500 bg-transparent focus:outline-none text-right pr-1",
+            value: key,
+            onChange: (e) => handleKeyRename(key, e.target.value),
+            disabled: readOnly
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+          JsonNode,
+          {
+            data: val,
+            onChange: (v) => handleChildChange(key, v),
+            onDelete: () => handleChildDelete(key),
+            readOnly
+          }
+        ) })
+      ] }, idx)),
+      type === "array" && data.map((val, idx) => /* @__PURE__ */ jsx(
+        JsonNode,
+        {
+          label: String(idx),
+          data: val,
+          onChange: (v) => handleChildChange(idx, v),
+          onDelete: () => handleChildDelete(idx),
+          readOnly
+        },
+        idx
+      )),
+      !readOnly && /* @__PURE__ */ jsx("div", { className: "pl-4 mt-1", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: handleAddKey,
+          className: "h-6 text-xs",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "w-3 h-3 mr-1" }),
+            "Add ",
+            type === "object" ? "Property" : "Item"
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  JsonBuilder
+};
+//# sourceMappingURL=JsonBuilder.js.map

package/dist/backend/JsonBuilder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/JsonBuilder.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { IconButton } from '../primitives/icon-button'\nimport { Plus, Trash2, ChevronRight, ChevronDown, Code, LayoutList } from 'lucide-react'\n\nfunction cn(...classes: (string | undefined | null | false)[]) {\n    return classes.filter(Boolean).join(' ')\n}\n\nexport type JsonBuilderProps = {\n    value: any\n    onChange: (value: any) => void\n    disabled?: boolean\n    error?: string\n}\n\ntype JsonNodeType = 'string' | 'number' | 'boolean' | 'object' | 'array' | 'null'\n\nfunction getJsonType(value: any): JsonNodeType {\n    if (value === null) return 'null'\n    if (Array.isArray(value)) return 'array'\n    return typeof value as JsonNodeType\n}\n\nexport function JsonBuilder({\n    value,\n    onChange,\n    disabled,\n    error\n}: JsonBuilderProps) {\n    const [mode, setMode] = React.useState<'raw' | 'builder'>('raw')\n    const [rawString, setRawString] = React.useState(() => {\n        if (value === null) return '{}'\n        return typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value || '{}')\n    })\n    const [parseError, setParseError] = React.useState<string | null>(null)\n\n    React.useEffect(() => {\n        if (value === null) {\n            if (!disabled) {\n                onChange({})\n            }\n            setRawString('{}')\n            setParseError(null)\n            return\n        }\n        if (typeof value === 'object') {\n            setRawString(JSON.stringify(value, null, 2))\n            setParseError(null)\n        }\n    }, [value, disabled, onChange])\n\n    const handleRawChange = (str: string) => {\n        setRawString(str)\n        try {\n            if (str.trim() === '') {\n                onChange({})\n                setParseError(null)\n            } else {\n                const parsed = JSON.parse(str)\n                onChange(parsed)\n                setParseError(null)\n            }\n        } catch (e) {\n            onChange(str)\n            setParseError(\"Invalid JSON\")\n        }\n    }\n\n    const switchToBuilder = () => {\n        try {\n            if (typeof value === 'string') {\n                JSON.parse(value)\n            }\n            setMode('builder')\n        } catch (e) {\n            alert(\"Cannot switch to Builder mode: Invalid JSON\")\n        }\n    }\n\n    return (\n        <div className=\"space-y-4 border rounded-md p-4 bg-card\">\n            <div className=\"flex items-center space-x-2 border-b pb-2 mb-2\">\n                <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(mode === 'raw' && \"bg-muted text-foreground\")}\n                    onClick={() => setMode('raw')}\n                >\n                    <Code className=\"w-4 h-4\" />\n                    Raw JSON\n                </Button>\n                <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(mode === 'builder' && \"bg-muted text-foreground\")}\n                    onClick={switchToBuilder}\n                >\n                    <LayoutList className=\"w-4 h-4\" />\n                    Builder\n                </Button>\n            </div>\n\n            {mode === 'raw' ? (\n                <div className=\"space-y-2\">\n                    <textarea\n                        value={rawString}\n                        onChange={(e) => handleRawChange(e.target.value)}\n                        onBlur={() => {\n                            try {\n                                const parsed = JSON.parse(rawString)\n                                setRawString(JSON.stringify(parsed, null, 2))\n                            } catch { }\n                        }}\n                        placeholder='{\"key\": \"value\"}'\n                        className=\"w-full rounded border px-3 py-2 min-h-[300px] text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                        disabled={disabled}\n                    />\n                    {parseError && (\n                        <div className=\"text-xs text-red-600\">Invalid JSON format</div>\n                    )}\n                </div>\n            ) : (\n                <div className=\"min-h-[300px] text-sm overflow-x-auto\">\n                    {typeof value === 'object' && value !== null ? (\n                        <JsonNode\n                            data={value}\n                            onChange={onChange}\n                            readOnly={disabled}\n                            isRoot\n                        />\n                    ) : (\n                        <div className=\"text-muted-foreground italic p-4 text-center\">\n                            Value is not an object or array. Switch to Raw to edit.\n                        </div>\n                    )}\n                </div>\n            )}\n\n            {error && <div className=\"text-xs text-red-600\">{error}</div>}\n        </div>\n    )\n}\n\ninterface JsonNodeProps {\n    data: any\n    onChange: (val: any) => void\n    onDelete?: () => void\n    readOnly?: boolean\n    label?: string\n    isRoot?: boolean\n}\n\nfunction JsonNode({ data, onChange, onDelete, readOnly, label, isRoot }: JsonNodeProps) {\n    const type = getJsonType(data)\n    const isContainer = type === 'object' || type === 'array'\n    const [collapsed, setCollapsed] = React.useState(false)\n\n    const handleTypeChange = (newType: JsonNodeType) => {\n        let newVal: any = ''\n        switch (newType) {\n            case 'string': newVal = \"\"; break;\n            case 'number': newVal = 0; break;\n            case 'boolean': newVal = false; break;\n            case 'object': newVal = {}; break;\n            case 'array': newVal = []; break;\n            case 'null': newVal = null; break;\n        }\n        onChange(newVal)\n    }\n\n    const handleAddKey = () => {\n        if (type === 'object') {\n            const newKey = `newKey_${Object.keys(data).length}`\n            onChange({ ...data, [newKey]: \"\" })\n        } else if (type === 'array') {\n            onChange([...data, \"\"])\n        }\n    }\n\n    const handleChildChange = (key: string | number, newVal: any) => {\n        if (type === 'object') {\n            onChange({ ...data, [key]: newVal })\n        } else if (type === 'array') {\n            const arr = [...data]\n            arr[Number(key)] = newVal\n            onChange(arr)\n        }\n    }\n\n    const handleKeyRename = (oldKey: string, newKey: string) => {\n        if (oldKey === newKey) return\n        const keys = Object.keys(data)\n        const newData: any = {}\n        keys.forEach(k => {\n            if (k === oldKey) {\n                newData[newKey] = data[k]\n            } else {\n                newData[k] = data[k]\n            }\n        })\n        onChange(newData)\n    }\n\n    const handleChildDelete = (key: string | number) => {\n        if (type === 'object') {\n            const newData = { ...data }\n            delete newData[key as string]\n            onChange(newData)\n        } else if (type === 'array') {\n            onChange(data.filter((_: any, i: number) => i !== key))\n        }\n    }\n\n    return (\n        <div className={cn(\"pl-0\", !isRoot && \"pl-4 border-l border-border ml-1\")}>\n            <div className=\"flex items-start gap-2 py-1 group\">\n\n                {isContainer && (\n                    <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" className=\"mt-1 text-muted-foreground hover:text-foreground\" onClick={() => setCollapsed(!collapsed)}>\n                        {collapsed ? <ChevronRight className=\"w-3 h-3\" /> : <ChevronDown className=\"w-3 h-3\" />}\n                    </IconButton>\n                )}\n                {!isContainer && !isRoot && <div className=\"w-3\" />} {/* Spacer */}\n\n                {label !== undefined && !isRoot && (\n                    <div className=\"flex items-center gap-1\">\n                        <span className=\"text-xs text-muted-foreground font-mono\">\n                            {label}\n                        </span>\n                        <span className=\"text-muted-foreground text-xs\">:</span>\n                    </div>\n                )}\n\n                <div className=\"flex-1 flex gap-2 items-center flex-wrap\">\n\n                    {!readOnly && (\n                        <select\n                            value={type}\n                            onChange={(e) => handleTypeChange(e.target.value as JsonNodeType)}\n                            className=\"text-xs border rounded px-1 py-0.5 bg-muted text-foreground focus:ring-1 focus:ring-blue-500\"\n                        >\n                            <option value=\"string\">String</option>\n                            <option value=\"number\">Number</option>\n                            <option value=\"boolean\">Boolean</option>\n                            <option value=\"object\">Object</option>\n                            <option value=\"array\">Array</option>\n                            <option value=\"null\">Null</option>\n                        </select>\n                    )}\n\n                    {type === 'string' && (\n                        <input\n                            className=\"flex-1 min-w-0 sm:min-w-[120px] text-sm border rounded px-2 py-0.5 focus:outline-none focus:border-blue-500\"\n                            value={data}\n                            onChange={e => onChange(e.target.value)}\n                            disabled={readOnly}\n                        />\n                    )}\n                    {type === 'number' && (\n                        <input\n                            type=\"number\"\n                            className=\"flex-1 w-full sm:w-[100px] text-sm border rounded px-2 py-0.5 focus:outline-none focus:border-blue-500\"\n                            value={data}\n                            onChange={e => onChange(parseFloat(e.target.value) || 0)}\n                            disabled={readOnly}\n                        />\n                    )}\n                    {type === 'boolean' && (\n                        <select\n                            className=\"flex-1 w-full sm:w-[100px] text-sm border rounded px-2 py-0.5 focus:outline-none focus:border-blue-500\"\n                            value={String(data)}\n                            onChange={e => onChange(e.target.value === 'true')}\n                            disabled={readOnly}\n                        >\n                            <option value=\"true\">true</option>\n                            <option value=\"false\">false</option>\n                        </select>\n                    )}\n                    {type === 'null' && <span className=\"text-xs text-muted-foreground\">null</span>}\n                    {isContainer && (\n                        <span className=\"text-xs text-muted-foreground\">\n                            {type === 'object' ? `{ ${Object.keys(data).length} items }` : `[ ${data.length} items ]`}\n                        </span>\n                    )}\n\n                    {onDelete && !readOnly && (\n                        <IconButton\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"xs\"\n                            className=\"text-muted-foreground hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity\"\n                            title=\"Remove item\"\n                            onClick={onDelete}\n                        >\n                            <Trash2 className=\"w-3.5 h-3.5\" />\n                        </IconButton>\n                    )}\n                </div>\n            </div>\n\n            {isContainer && !collapsed && (\n                <div className=\"flex flex-col gap-1 w-full pl-2\">\n                    {type === 'object' && Object.entries(data).map(([key, val], idx) => (\n                        <div key={idx} className=\"flex\">\n                            <div className=\"pt-2\">\n                                {/* Key Renamer */}\n                                <input\n                                    className=\"w-full sm:w-[100px] text-xs font-mono border-b border-transparent hover:border-gray-300 focus:border-blue-500 bg-transparent focus:outline-none text-right pr-1\"\n                                    value={key}\n                                    onChange={(e) => handleKeyRename(key, e.target.value)}\n                                    disabled={readOnly}\n                                />\n                            </div>\n                            <div className=\"flex-1\">\n                                <JsonNode\n                                    data={val}\n                                    onChange={(v) => handleChildChange(key, v)}\n                                    onDelete={() => handleChildDelete(key)}\n                                    readOnly={readOnly}\n                                />\n                            </div>\n                        </div>\n                    ))}\n\n                    {type === 'array' && (data as any[]).map((val, idx) => (\n                        <JsonNode\n                            key={idx}\n                            label={String(idx)}\n                            data={val}\n                            onChange={(v) => handleChildChange(idx, v)}\n                            onDelete={() => handleChildDelete(idx)}\n                            readOnly={readOnly}\n                        />\n                    ))}\n\n                    {!readOnly && (\n                        <div className=\"pl-4 mt-1\">\n                            <Button\n                                type=\"button\"\n                                variant=\"outline\"\n                                size=\"sm\"\n                                onClick={handleAddKey}\n                                className=\"h-6 text-xs\"\n                            >\n                                <Plus className=\"w-3 h-3 mr-1\" />\n                                Add {type === 'object' ? 'Property' : 'Item'}\n                            </Button>\n                        </div>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n}\n"],
+  "mappings": "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",
+  "names": []
+}