markdown-flow-ui 0.3.2-dev.1 → 0.3.2

package/dist/components/MarkdownFlowEditor/components/VariableSearchDropdown.es.js

@@ -1,184 +0,0 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useRef as R, useState as L, useCallback as k, useEffect as V, useMemo as b } from "react";
-import { Input as P } from "../../ui/input.es.js";
-import { cn as z } from "../../../lib/utils.es.js";
-import T from "../../../node_modules/lucide-react/dist/esm/icons/search.es.js";
-const W = ({
-  open: m,
-  anchorElement: r,
-  onClose: l,
-  onSelect: D,
-  variables: M,
-  systemVariables: $,
-  labels: h
-}) => {
-  const f = R(null), C = R(null), [A, E] = L(""), [S, B] = L({ left: 0, top: 0 }), [w, o] = L(-1), y = k(() => {
-    if (!r) return;
-    const e = r.getBoundingClientRect(), t = r.ownerDocument, s = t.defaultView;
-    if (!s) return;
-    const i = f.current?.getBoundingClientRect().width ?? 0, x = s.getComputedStyle(r).direction === "rtl" ? e.right - i : e.left, v = Math.max(8, t.documentElement.clientWidth - i - 8);
-    B({
-      left: Math.min(Math.max(8, x), v),
-      top: e.bottom + 8
-    });
-  }, [r]);
-  V(() => {
-    if (!m) {
-      E(""), o(-1);
-      return;
-    }
-    const e = r?.ownerDocument.defaultView;
-    if (!e) return;
-    y();
-    const t = e.setTimeout(() => {
-      C.current?.focus();
-    }, 0), s = (x) => {
-      const v = x.target;
-      f.current && !f.current.contains(v) && r && !r.contains(v) && l();
-    }, i = () => y();
-    return e.addEventListener("mousedown", s), e.addEventListener("scroll", i, !0), e.addEventListener("resize", i), () => {
-      e.clearTimeout(t), e.removeEventListener("mousedown", s), e.removeEventListener("scroll", i, !0), e.removeEventListener("resize", i);
-    };
-  }, [m, r, l, y]);
-  const p = A.trim().toLowerCase(), g = k(
-    (e) => {
-      if (!p) return !0;
-      const t = e.name.toLowerCase().includes(p), s = e.label ? e.label.toLowerCase().includes(p) : !1;
-      return t || s;
-    },
-    [p]
-  ), u = b(
-    () => $.filter(g),
-    [$, g]
-  ), d = b(
-    () => M.filter(g),
-    [M, g]
-  ), n = b(
-    () => [
-      ...u.map((e) => ({
-        group: "system",
-        variable: e
-      })),
-      ...d.map((e) => ({
-        group: "custom",
-        variable: e
-      }))
-    ],
-    [u, d]
-  ), I = b(() => {
-    const e = /* @__PURE__ */ new Map();
-    return n.forEach((t, s) => {
-      e.set(`${t.group}-${t.variable.name}`, s);
-    }), e;
-  }, [n]);
-  V(() => {
-    (!m || !n.length) && o(-1);
-  }, [m, n.length]);
-  const N = k(
-    (e) => {
-      D(e), l();
-    },
-    [l, D]
-  ), K = (e) => {
-    if (!n.length) {
-      e.key === "Escape" && l();
-      return;
-    }
-    if (e.key === "ArrowDown")
-      e.preventDefault(), o((t) => (t + 1) % n.length);
-    else if (e.key === "ArrowUp")
-      e.preventDefault(), o(
-        (t) => t <= 0 ? n.length - 1 : t - 1
-      );
-    else if (e.key === "Enter") {
-      e.preventDefault();
-      const t = n[w];
-      t && N(t.variable);
-    } else e.key === "Escape" && (e.preventDefault(), l());
-  };
-  return m ? /* @__PURE__ */ c(
-    "div",
-    {
-      ref: f,
-      className: "markdown-flow-editor-variable-search",
-      style: {
-        position: "fixed",
-        left: `${S.left}px`,
-        top: `${S.top}px`
-      },
-      children: [
-        /* @__PURE__ */ c("div", { className: "relative", children: [
-          /* @__PURE__ */ a(T, { className: "variable-search-icon" }),
-          /* @__PURE__ */ a(
-            P,
-            {
-              ref: C,
-              value: A,
-              placeholder: h.searchPlaceholder,
-              onChange: (e) => E(e.target.value),
-              onKeyDown: K,
-              className: "variable-search-input"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c("div", { className: "variable-search-list", children: [
-          u.length > 0 && /* @__PURE__ */ c("div", { className: "variable-search-section", children: [
-            /* @__PURE__ */ a("p", { className: "variable-search-section-title", children: h.systemLabel }),
-            u.map((e) => {
-              const t = I.get(`system-${e.name}`) ?? -1;
-              return /* @__PURE__ */ c(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => N(e),
-                  onMouseEnter: () => {
-                    t >= 0 && o(t);
-                  },
-                  className: z(
-                    "variable-search-item",
-                    w === t && "variable-search-item-active"
-                  ),
-                  children: [
-                    /* @__PURE__ */ a("span", { className: "variable-search-item-name", children: e.name }),
-                    e.label && /* @__PURE__ */ a("span", { className: "variable-search-item-label", children: e.label })
-                  ]
-                },
-                `system-${e.name}`
-              );
-            })
-          ] }),
-          d.length > 0 && /* @__PURE__ */ c("div", { className: "variable-search-section", children: [
-            /* @__PURE__ */ a("p", { className: "variable-search-section-title", children: h.customLabel }),
-            d.map((e) => {
-              const t = I.get(`custom-${e.name}`) ?? -1;
-              return /* @__PURE__ */ c(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => N(e),
-                  onMouseEnter: () => {
-                    t >= 0 && o(t);
-                  },
-                  className: z(
-                    "variable-search-item",
-                    w === t && "variable-search-item-active"
-                  ),
-                  children: [
-                    /* @__PURE__ */ a("span", { className: "variable-search-item-name", children: e.name }),
-                    e.label && /* @__PURE__ */ a("span", { className: "variable-search-item-label", children: e.label })
-                  ]
-                },
-                `custom-${e.name}`
-              );
-            })
-          ] }),
-          u.length === 0 && d.length === 0 && /* @__PURE__ */ a("div", { className: "variable-search-empty", children: h.emptyLabel })
-        ] })
-      ]
-    }
-  ) : null;
-};
-export {
-  W as default
-};
-//# sourceMappingURL=VariableSearchDropdown.es.js.map

package/dist/components/MarkdownFlowEditor/components/VariableSearchDropdown.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableSearchDropdown.es.js","sources":["../../../../src/components/MarkdownFlowEditor/components/VariableSearchDropdown.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Search } from \"lucide-react\";\nimport { Variable } from \"../types\";\nimport { Input } from \"../../ui/input\";\nimport { cn } from \"../../../lib/utils\";\n\ninterface VariableSearchDropdownProps {\n  open: boolean;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  onSelect: (variable: Variable) => void;\n  variables: Variable[];\n  systemVariables: Variable[];\n  labels: {\n    searchPlaceholder: string;\n    systemLabel: string;\n    customLabel: string;\n    emptyLabel: string;\n  };\n}\n\nconst VariableSearchDropdown: React.FC<VariableSearchDropdownProps> = ({\n  open,\n  anchorElement,\n  onClose,\n  onSelect,\n  variables,\n  systemVariables,\n  labels,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [query, setQuery] = useState(\"\");\n  const [position, setPosition] = useState({ left: 0, top: 0 });\n  const [highlightIndex, setHighlightIndex] = useState(-1);\n\n  const updatePosition = useCallback(() => {\n    if (!anchorElement) return;\n    const rect = anchorElement.getBoundingClientRect();\n    const doc = anchorElement.ownerDocument;\n    const view = doc.defaultView;\n    if (!view) return;\n    const width = containerRef.current?.getBoundingClientRect().width ?? 0;\n    const desiredLeft =\n      view.getComputedStyle(anchorElement).direction === \"rtl\"\n        ? rect.right - width\n        : rect.left;\n    const maxLeft = Math.max(8, doc.documentElement.clientWidth - width - 8);\n    setPosition({\n      left: Math.min(Math.max(8, desiredLeft), maxLeft),\n      top: rect.bottom + 8,\n    });\n  }, [anchorElement]);\n\n  useEffect(() => {\n    if (!open) {\n      setQuery(\"\");\n      setHighlightIndex(-1);\n      return;\n    }\n    const view = anchorElement?.ownerDocument.defaultView;\n    if (!view) return;\n    updatePosition();\n    const focusTimer = view.setTimeout(() => {\n      inputRef.current?.focus();\n    }, 0);\n    const handleClick = (event: MouseEvent) => {\n      const target = event.target as Node | null;\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(target) &&\n        anchorElement &&\n        !anchorElement.contains(target)\n      ) {\n        onClose();\n      }\n    };\n    const handleScroll = () => updatePosition();\n    view.addEventListener(\"mousedown\", handleClick);\n    view.addEventListener(\"scroll\", handleScroll, true);\n    view.addEventListener(\"resize\", handleScroll);\n\n    return () => {\n      view.clearTimeout(focusTimer);\n      view.removeEventListener(\"mousedown\", handleClick);\n      view.removeEventListener(\"scroll\", handleScroll, true);\n      view.removeEventListener(\"resize\", handleScroll);\n    };\n  }, [open, anchorElement, onClose, updatePosition]);\n\n  const normalizedQuery = query.trim().toLowerCase();\n  const filterVariable = useCallback(\n    (variable: Variable) => {\n      if (!normalizedQuery) return true;\n      const nameMatch = variable.name.toLowerCase().includes(normalizedQuery);\n      const labelMatch = variable.label\n        ? variable.label.toLowerCase().includes(normalizedQuery)\n        : false;\n      return nameMatch || labelMatch;\n    },\n    [normalizedQuery]\n  );\n\n  const filteredSystemVariables = useMemo(\n    () => systemVariables.filter(filterVariable),\n    [systemVariables, filterVariable]\n  );\n  const filteredCustomVariables = useMemo(\n    () => variables.filter(filterVariable),\n    [variables, filterVariable]\n  );\n\n  const orderedItems = useMemo(\n    () => [\n      ...filteredSystemVariables.map((variable) => ({\n        group: \"system\" as const,\n        variable,\n      })),\n      ...filteredCustomVariables.map((variable) => ({\n        group: \"custom\" as const,\n        variable,\n      })),\n    ],\n    [filteredSystemVariables, filteredCustomVariables]\n  );\n\n  const indexesByKey = useMemo(() => {\n    const map = new Map<string, number>();\n    orderedItems.forEach((item, index) => {\n      map.set(`${item.group}-${item.variable.name}`, index);\n    });\n    return map;\n  }, [orderedItems]);\n\n  useEffect(() => {\n    if (!open || !orderedItems.length) {\n      setHighlightIndex(-1);\n    }\n  }, [open, orderedItems.length]);\n\n  const handleSelect = useCallback(\n    (variable: Variable) => {\n      onSelect(variable);\n      onClose();\n    },\n    [onClose, onSelect]\n  );\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!orderedItems.length) {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      setHighlightIndex((prev) => (prev + 1) % orderedItems.length);\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      setHighlightIndex((prev) =>\n        prev <= 0 ? orderedItems.length - 1 : prev - 1\n      );\n    } else if (event.key === \"Enter\") {\n      event.preventDefault();\n      const item = orderedItems[highlightIndex];\n      if (item) {\n        handleSelect(item.variable);\n      }\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      onClose();\n    }\n  };\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"markdown-flow-editor-variable-search\"\n      style={{\n        position: \"fixed\",\n        left: `${position.left}px`,\n        top: `${position.top}px`,\n      }}\n    >\n      <div className=\"relative\">\n        <Search className=\"variable-search-icon\" />\n        <Input\n          ref={inputRef}\n          value={query}\n          placeholder={labels.searchPlaceholder}\n          onChange={(event) => setQuery(event.target.value)}\n          onKeyDown={handleInputKeyDown}\n          className=\"variable-search-input\"\n        />\n      </div>\n      <div className=\"variable-search-list\">\n        {filteredSystemVariables.length > 0 && (\n          <div className=\"variable-search-section\">\n            <p className=\"variable-search-section-title\">\n              {labels.systemLabel}\n            </p>\n            {filteredSystemVariables.map((variable) => {\n              const index = indexesByKey.get(`system-${variable.name}`) ?? -1;\n              const isActive = highlightIndex === index;\n              return (\n                <button\n                  key={`system-${variable.name}`}\n                  type=\"button\"\n                  onClick={() => handleSelect(variable)}\n                  onMouseEnter={() => {\n                    if (index >= 0) {\n                      setHighlightIndex(index);\n                    }\n                  }}\n                  className={cn(\n                    \"variable-search-item\",\n                    isActive && \"variable-search-item-active\"\n                  )}\n                >\n                  <span className=\"variable-search-item-name\">\n                    {variable.name}\n                  </span>\n                  {variable.label && (\n                    <span className=\"variable-search-item-label\">\n                      {variable.label}\n                    </span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        )}\n\n        {filteredCustomVariables.length > 0 && (\n          <div className=\"variable-search-section\">\n            <p className=\"variable-search-section-title\">\n              {labels.customLabel}\n            </p>\n            {filteredCustomVariables.map((variable) => {\n              const index = indexesByKey.get(`custom-${variable.name}`) ?? -1;\n              const isActive = highlightIndex === index;\n              return (\n                <button\n                  key={`custom-${variable.name}`}\n                  type=\"button\"\n                  onClick={() => handleSelect(variable)}\n                  onMouseEnter={() => {\n                    if (index >= 0) {\n                      setHighlightIndex(index);\n                    }\n                  }}\n                  className={cn(\n                    \"variable-search-item\",\n                    isActive && \"variable-search-item-active\"\n                  )}\n                >\n                  <span className=\"variable-search-item-name\">\n                    {variable.name}\n                  </span>\n                  {variable.label && (\n                    <span className=\"variable-search-item-label\">\n                      {variable.label}\n                    </span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        )}\n\n        {filteredSystemVariables.length === 0 &&\n          filteredCustomVariables.length === 0 && (\n            <div className=\"variable-search-empty\">{labels.emptyLabel}</div>\n          )}\n      </div>\n    </div>\n  );\n};\n\nexport default VariableSearchDropdown;\n"],"names":["VariableSearchDropdown","open","anchorElement","onClose","onSelect","variables","systemVariables","labels","containerRef","useRef","inputRef","query","setQuery","useState","position","setPosition","highlightIndex","setHighlightIndex","updatePosition","useCallback","rect","doc","view","width","desiredLeft","maxLeft","useEffect","focusTimer","handleClick","event","target","handleScroll","normalizedQuery","filterVariable","variable","nameMatch","labelMatch","filteredSystemVariables","useMemo","filteredCustomVariables","orderedItems","indexesByKey","map","item","index","handleSelect","handleInputKeyDown","prev","jsxs","jsx","Search","Input","cn"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/components/VariableSelect.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("react"),I=require("../../ui/input.cjs"),v=require("../../ui/button.cjs"),M=require("../../../lib/utils.cjs"),z=require("../../../_virtual/index.cjs"),Q=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),$=require("../../../node_modules/lucide-react/dist/esm/icons/search.cjs"),y=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),O=require("../../../node_modules/lucide-react/dist/esm/icons/x.cjs"),U=require("../../../node_modules/lucide-react/dist/esm/icons/plus.cjs"),D=[],Y=({variables:P,systemVariables:B,selectedName:r,onSelect:o,onAddVariable:L})=>{const{t}=Q.useTranslation(),i=P??D,R=B??D,[c,w]=a.useState(i);a.useEffect(()=>{w(i)},[i]);const d=R,[u,V]=a.useState(""),[T,m]=a.useState(!1),[S,x]=a.useState(""),[f,h]=a.useState(!1),[C,b]=a.useState(!1),p=()=>{h(!1),b(!1)},n=u.toLowerCase(),E=s=>{const A=s.name.toLowerCase().includes(n),l=s.label?s.label.toLowerCase().includes(n):!1;return A||l},g=a.useMemo(()=>d.filter(E),[d,n]),N=a.useMemo(()=>c.filter(E),[c,n]),_=g.length>0||N.length>0,k=()=>{const s=z.distExports.normalizeVariableName(S);if(!s){b(!0),h(!1);return}if([...c,...d].some(j=>z.distExports.normalizeVariableName(j.name)===s)){h(!0),b(!1);return}const l={name:s};w(j=>[l,...j]),L?.({name:s}),x(""),m(!1),V(""),p(),o?.(l)},q=()=>{m(!1),x(""),p()},F=s=>{x(s.target.value),(f||C)&&p()},K=s=>{s.key==="Enter"?k():s.key==="Escape"&&q()};return e.jsxs("div",{className:"w-full max-w-sm rounded-lg border bg-white",children:[e.jsxs("div",{className:"relative",children:[e.jsx($.default,{className:"absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(I.Input,{type:"text",placeholder:t("variableSearchPlaceholder","Search variable"),value:u,onChange:s=>V(s.target.value),className:"ps-8 h-8 border-0 focus-visible:ring-0 focus-visible:ring-offset-0"})]}),e.jsx("div",{className:"max-h-[300px] overflow-y-auto p-2",children:_?e.jsxs("div",{className:"space-y-4",children:[g.length>0&&e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"px-3 text-xs font-medium text-muted-foreground",children:t("variableSectionSystem","System Variables")}),e.jsx("div",{className:"space-y-1",children:g.map(s=>e.jsxs("button",{onClick:()=>o?.(s),className:M.cn("flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent",r===s.name&&"bg-accent"),children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:s.name}),s.label&&e.jsx("span",{className:"text-xs text-muted-foreground",children:s.label})]}),r===s.name&&e.jsx(y.default,{className:"mt-1 h-4 w-4 text-foreground"})]},`system-${s.name}`))})]}),N.length>0&&e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"px-3 text-xs font-medium text-muted-foreground",children:t("variableSectionCustom","Custom Variables")}),e.jsx("div",{className:"space-y-1",children:N.map(s=>e.jsxs("button",{onClick:()=>o?.(s),className:M.cn("flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent",r===s.name&&"bg-accent"),children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:s.name}),s.label&&e.jsx("span",{className:"text-xs text-muted-foreground",children:s.label})]}),r===s.name&&e.jsx(y.default,{className:"mt-1 h-4 w-4 text-foreground"})]},`custom-${s.name}`))})]})]}):e.jsx("div",{className:"px-3 py-6 text-center text-sm text-muted-foreground",children:u?t("variableNotFound","No variables found"):t("variableEmpty","No variables yet")})}),e.jsx("div",{className:"border-t border-border p-2",children:T?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2",children:[e.jsx(I.Input,{type:"text",placeholder:t("variableNamePlaceholder","Variable name"),value:S,onChange:F,onKeyDown:K,autoFocus:!0,className:"h-8 flex-1 border-0 px-0 focus-visible:ring-0 focus-visible:ring-offset-0"}),e.jsx(v.Button,{variant:"ghost",size:"icon",onClick:q,className:"h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",children:e.jsx(O.default,{className:"h-4 w-4"})}),e.jsx(v.Button,{variant:"ghost",size:"icon",onClick:k,className:"h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",children:e.jsx(y.default,{className:"h-4 w-4"})})]}),(f||C)&&e.jsx("p",{className:"mt-1 px-3 text-xs text-red-500",children:f?t("variableAlreadyExists","Variable already exists"):t("variableNameInvalid","Use a non-empty name without control characters, line breaks, or }}")})]}):e.jsxs(v.Button,{variant:"ghost",size:"sm",onClick:()=>m(!0),className:"w-full justify-start text-muted-foreground hover:text-foreground",children:[e.jsx(U.default,{className:"me-2 h-4 w-4"}),t("variableAddNew","Add new variable")]})})]})};exports.default=Y;
-//# sourceMappingURL=VariableSelect.cjs.map

package/dist/components/MarkdownFlowEditor/components/VariableSelect.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableSelect.cjs","sources":["../../../../src/components/MarkdownFlowEditor/components/VariableSelect.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { Search, Plus, Check, X } from \"lucide-react\";\nimport { Input } from \"../../ui/input\";\nimport { Button } from \"../../ui/button\";\nimport { cn } from \"../../../lib/utils\";\nimport { Variable } from \"../types\";\nimport { normalizeVariableName } from \"../utils\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface VariableSelectProps {\n  variables?: Variable[];\n  systemVariables?: Variable[];\n  selectedName?: string;\n  onSelect?: (variable: Variable) => void;\n  onAddVariable?: (variable: Variable) => void;\n}\n\nconst EMPTY_VARIABLES: Variable[] = [];\n\nconst VariableSelect = ({\n  variables: initialVariables,\n  systemVariables: initialSystemVariables,\n  selectedName,\n  onSelect,\n  onAddVariable,\n}: VariableSelectProps) => {\n  const { t } = useTranslation();\n  const safeInitialVariables = initialVariables ?? EMPTY_VARIABLES;\n  const safeInitialSystemVariables = initialSystemVariables ?? EMPTY_VARIABLES;\n\n  const [variables, setVariables] = useState<Variable[]>(safeInitialVariables);\n  useEffect(() => {\n    setVariables(safeInitialVariables);\n  }, [safeInitialVariables]);\n  const systemVariables = safeInitialSystemVariables;\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [isAddingNew, setIsAddingNew] = useState(false);\n  const [newVariableName, setNewVariableName] = useState(\"\");\n  const [duplicateError, setDuplicateError] = useState(false);\n  const [invalidNameError, setInvalidNameError] = useState(false);\n  const resetErrors = () => {\n    setDuplicateError(false);\n    setInvalidNameError(false);\n  };\n  const normalizedSearch = searchQuery.toLowerCase();\n  const filterPredicate = (variable: Variable) => {\n    const nameMatch = variable.name.toLowerCase().includes(normalizedSearch);\n    const labelMatch = variable.label\n      ? variable.label.toLowerCase().includes(normalizedSearch)\n      : false;\n    return nameMatch || labelMatch;\n  };\n\n  const filteredSystemVariables = useMemo(\n    () => systemVariables.filter(filterPredicate),\n    [systemVariables, normalizedSearch]\n  );\n  const filteredCustomVariables = useMemo(\n    () => variables.filter(filterPredicate),\n    [variables, normalizedSearch]\n  );\n  const hasAnyResult =\n    filteredSystemVariables.length > 0 || filteredCustomVariables.length > 0;\n\n  const handleAddVariable = () => {\n    const inputValue = normalizeVariableName(newVariableName);\n    if (!inputValue) {\n      setInvalidNameError(true);\n      setDuplicateError(false);\n      return;\n    }\n\n    const isDuplicate = [...variables, ...systemVariables].some(\n      (v) => normalizeVariableName(v.name) === inputValue\n    );\n\n    if (isDuplicate) {\n      setDuplicateError(true);\n      setInvalidNameError(false);\n      return;\n    }\n\n    const newVariable: Variable = {\n      name: inputValue,\n    };\n    setVariables((prev) => [newVariable, ...prev]);\n    onAddVariable?.({ name: inputValue });\n    setNewVariableName(\"\");\n    setIsAddingNew(false);\n    setSearchQuery(\"\");\n    resetErrors();\n    onSelect?.(newVariable);\n  };\n\n  const handleCancelAdd = () => {\n    setIsAddingNew(false);\n    setNewVariableName(\"\");\n    resetErrors();\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setNewVariableName(e.target.value);\n    if (duplicateError || invalidNameError) {\n      resetErrors();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      handleAddVariable();\n    } else if (e.key === \"Escape\") {\n      handleCancelAdd();\n    }\n  };\n  return (\n    <div className=\"w-full max-w-sm rounded-lg border bg-white\">\n      <div className=\"relative\">\n        <Search className=\"absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          type=\"text\"\n          placeholder={t(\"variableSearchPlaceholder\", \"Search variable\")}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"ps-8 h-8 border-0 focus-visible:ring-0 focus-visible:ring-offset-0\"\n        />\n      </div>\n\n      <div className=\"max-h-[300px] overflow-y-auto p-2\">\n        {hasAnyResult ? (\n          <div className=\"space-y-4\">\n            {filteredSystemVariables.length > 0 && (\n              <div className=\"space-y-1\">\n                <p className=\"px-3 text-xs font-medium text-muted-foreground\">\n                  {t(\"variableSectionSystem\", \"System Variables\")}\n                </p>\n                <div className=\"space-y-1\">\n                  {filteredSystemVariables.map((variable) => (\n                    <button\n                      key={`system-${variable.name}`}\n                      onClick={() => onSelect?.(variable)}\n                      className={cn(\n                        \"flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent\",\n                        selectedName === variable.name && \"bg-accent\"\n                      )}\n                    >\n                      <div className=\"flex flex-col\">\n                        <span className=\"text-sm font-medium text-foreground\">\n                          {variable.name}\n                        </span>\n                        {variable.label && (\n                          <span className=\"text-xs text-muted-foreground\">\n                            {variable.label}\n                          </span>\n                        )}\n                      </div>\n                      {selectedName === variable.name && (\n                        <Check className=\"mt-1 h-4 w-4 text-foreground\" />\n                      )}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {filteredCustomVariables.length > 0 && (\n              <div className=\"space-y-1\">\n                <p className=\"px-3 text-xs font-medium text-muted-foreground\">\n                  {t(\"variableSectionCustom\", \"Custom Variables\")}\n                </p>\n                <div className=\"space-y-1\">\n                  {filteredCustomVariables.map((variable) => (\n                    <button\n                      key={`custom-${variable.name}`}\n                      onClick={() => onSelect?.(variable)}\n                      className={cn(\n                        \"flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent\",\n                        selectedName === variable.name && \"bg-accent\"\n                      )}\n                    >\n                      <div className=\"flex flex-col\">\n                        <span className=\"text-sm font-medium text-foreground\">\n                          {variable.name}\n                        </span>\n                        {variable.label && (\n                          <span className=\"text-xs text-muted-foreground\">\n                            {variable.label}\n                          </span>\n                        )}\n                      </div>\n                      {selectedName === variable.name && (\n                        <Check className=\"mt-1 h-4 w-4 text-foreground\" />\n                      )}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        ) : (\n          <div className=\"px-3 py-6 text-center text-sm text-muted-foreground\">\n            {searchQuery\n              ? t(\"variableNotFound\", \"No variables found\")\n              : t(\"variableEmpty\", \"No variables yet\")}\n          </div>\n        )}\n      </div>\n\n      <div className=\"border-t border-border p-2\">\n        {isAddingNew ? (\n          <div>\n            <div className=\"flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2\">\n              <Input\n                type=\"text\"\n                placeholder={t(\"variableNamePlaceholder\", \"Variable name\")}\n                value={newVariableName}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                autoFocus\n                className=\"h-8 flex-1 border-0 px-0 focus-visible:ring-0 focus-visible:ring-offset-0\"\n              />\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={handleCancelAdd}\n                className=\"h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground\"\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={handleAddVariable}\n                className=\"h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground\"\n              >\n                <Check className=\"h-4 w-4\" />\n              </Button>\n            </div>\n            {(duplicateError || invalidNameError) && (\n              <p className=\"mt-1 px-3 text-xs text-red-500\">\n                {duplicateError\n                  ? t(\"variableAlreadyExists\", \"Variable already exists\")\n                  : t(\n                      \"variableNameInvalid\",\n                      \"Use a non-empty name without control characters, line breaks, or }}\"\n                    )}\n              </p>\n            )}\n          </div>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setIsAddingNew(true)}\n            className=\"w-full justify-start text-muted-foreground hover:text-foreground\"\n          >\n            <Plus className=\"me-2 h-4 w-4\" />\n            {t(\"variableAddNew\", \"Add new variable\")}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\nexport default VariableSelect;\n"],"names":["EMPTY_VARIABLES","VariableSelect","initialVariables","initialSystemVariables","selectedName","onSelect","onAddVariable","useTranslation","safeInitialVariables","safeInitialSystemVariables","variables","setVariables","useState","useEffect","systemVariables","searchQuery","setSearchQuery","isAddingNew","setIsAddingNew","newVariableName","setNewVariableName","duplicateError","setDuplicateError","invalidNameError","setInvalidNameError","resetErrors","normalizedSearch","filterPredicate","variable","nameMatch","labelMatch","filteredSystemVariables","useMemo","filteredCustomVariables","hasAnyResult","handleAddVariable","inputValue","normalizeVariableName","v","newVariable","prev","handleCancelAdd","handleInputChange","e","handleKeyDown","jsxs","jsx","Search","Input","cn","Check","Button","X","Plus"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/components/VariableSelect.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { Variable } from '../types.js';
-interface VariableSelectProps {
-    variables?: Variable[];
-    systemVariables?: Variable[];
-    selectedName?: string;
-    onSelect?: (variable: Variable) => void;
-    onAddVariable?: (variable: Variable) => void;
-}
-declare const VariableSelect: ({ variables: initialVariables, systemVariables: initialSystemVariables, selectedName, onSelect, onAddVariable, }: VariableSelectProps) => React.JSX.Element;
-export default VariableSelect;

package/dist/components/MarkdownFlowEditor/components/VariableSelect.es.js

@@ -1,172 +0,0 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as r, useEffect as Y, useMemo as D } from "react";
-import { Input as P } from "../../ui/input.es.js";
-import { Button as w } from "../../ui/button.es.js";
-import { cn as L } from "../../../lib/utils.es.js";
-import { d as M } from "../../../_virtual/index.es.js";
-import { useTranslation as _ } from "../../../node_modules/react-i18next/dist/es/useTranslation.es.js";
-import q from "../../../node_modules/lucide-react/dist/esm/icons/search.es.js";
-import V from "../../../node_modules/lucide-react/dist/esm/icons/check.es.js";
-import G from "../../../node_modules/lucide-react/dist/esm/icons/x.es.js";
-import H from "../../../node_modules/lucide-react/dist/esm/icons/plus.es.js";
-const B = [], ne = ({
-  variables: F,
-  systemVariables: K,
-  selectedName: l,
-  onSelect: i,
-  onAddVariable: Q
-}) => {
-  const { t: s } = _(), c = F ?? B, R = K ?? B, [m, C] = r(c);
-  Y(() => {
-    C(c);
-  }, [c]);
-  const d = R, [u, E] = r(""), [T, f] = r(!1), [k, h] = r(""), [x, p] = r(!1), [S, b] = r(!1), N = () => {
-    p(!1), b(!1);
-  }, o = u.toLowerCase(), A = (e) => {
-    const j = e.name.toLowerCase().includes(o), n = e.label ? e.label.toLowerCase().includes(o) : !1;
-    return j || n;
-  }, g = D(
-    () => d.filter(A),
-    [d, o]
-  ), v = D(
-    () => m.filter(A),
-    [m, o]
-  ), $ = g.length > 0 || v.length > 0, I = () => {
-    const e = M.normalizeVariableName(k);
-    if (!e) {
-      b(!0), p(!1);
-      return;
-    }
-    if ([...m, ...d].some(
-      (y) => M.normalizeVariableName(y.name) === e
-    )) {
-      p(!0), b(!1);
-      return;
-    }
-    const n = {
-      name: e
-    };
-    C((y) => [n, ...y]), Q?.({ name: e }), h(""), f(!1), E(""), N(), i?.(n);
-  }, z = () => {
-    f(!1), h(""), N();
-  }, U = (e) => {
-    h(e.target.value), (x || S) && N();
-  }, X = (e) => {
-    e.key === "Enter" ? I() : e.key === "Escape" && z();
-  };
-  return /* @__PURE__ */ a("div", { className: "w-full max-w-sm rounded-lg border bg-white", children: [
-    /* @__PURE__ */ a("div", { className: "relative", children: [
-      /* @__PURE__ */ t(q, { className: "absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ t(
-        P,
-        {
-          type: "text",
-          placeholder: s("variableSearchPlaceholder", "Search variable"),
-          value: u,
-          onChange: (e) => E(e.target.value),
-          className: "ps-8 h-8 border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("div", { className: "max-h-[300px] overflow-y-auto p-2", children: $ ? /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      g.length > 0 && /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ t("p", { className: "px-3 text-xs font-medium text-muted-foreground", children: s("variableSectionSystem", "System Variables") }),
-        /* @__PURE__ */ t("div", { className: "space-y-1", children: g.map((e) => /* @__PURE__ */ a(
-          "button",
-          {
-            onClick: () => i?.(e),
-            className: L(
-              "flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent",
-              l === e.name && "bg-accent"
-            ),
-            children: [
-              /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ t("span", { className: "text-sm font-medium text-foreground", children: e.name }),
-                e.label && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: e.label })
-              ] }),
-              l === e.name && /* @__PURE__ */ t(V, { className: "mt-1 h-4 w-4 text-foreground" })
-            ]
-          },
-          `system-${e.name}`
-        )) })
-      ] }),
-      v.length > 0 && /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ t("p", { className: "px-3 text-xs font-medium text-muted-foreground", children: s("variableSectionCustom", "Custom Variables") }),
-        /* @__PURE__ */ t("div", { className: "space-y-1", children: v.map((e) => /* @__PURE__ */ a(
-          "button",
-          {
-            onClick: () => i?.(e),
-            className: L(
-              "flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent",
-              l === e.name && "bg-accent"
-            ),
-            children: [
-              /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ t("span", { className: "text-sm font-medium text-foreground", children: e.name }),
-                e.label && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: e.label })
-              ] }),
-              l === e.name && /* @__PURE__ */ t(V, { className: "mt-1 h-4 w-4 text-foreground" })
-            ]
-          },
-          `custom-${e.name}`
-        )) })
-      ] })
-    ] }) : /* @__PURE__ */ t("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: u ? s("variableNotFound", "No variables found") : s("variableEmpty", "No variables yet") }) }),
-    /* @__PURE__ */ t("div", { className: "border-t border-border p-2", children: T ? /* @__PURE__ */ a("div", { children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2", children: [
-        /* @__PURE__ */ t(
-          P,
-          {
-            type: "text",
-            placeholder: s("variableNamePlaceholder", "Variable name"),
-            value: k,
-            onChange: U,
-            onKeyDown: X,
-            autoFocus: !0,
-            className: "h-8 flex-1 border-0 px-0 focus-visible:ring-0 focus-visible:ring-offset-0"
-          }
-        ),
-        /* @__PURE__ */ t(
-          w,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: z,
-            className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ t(G, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ t(
-          w,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: I,
-            className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ t(V, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      (x || S) && /* @__PURE__ */ t("p", { className: "mt-1 px-3 text-xs text-red-500", children: x ? s("variableAlreadyExists", "Variable already exists") : s(
-        "variableNameInvalid",
-        "Use a non-empty name without control characters, line breaks, or }}"
-      ) })
-    ] }) : /* @__PURE__ */ a(
-      w,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => f(!0),
-        className: "w-full justify-start text-muted-foreground hover:text-foreground",
-        children: [
-          /* @__PURE__ */ t(H, { className: "me-2 h-4 w-4" }),
-          s("variableAddNew", "Add new variable")
-        ]
-      }
-    ) })
-  ] });
-};
-export {
-  ne as default
-};
-//# sourceMappingURL=VariableSelect.es.js.map

package/dist/components/MarkdownFlowEditor/components/VariableSelect.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableSelect.es.js","sources":["../../../../src/components/MarkdownFlowEditor/components/VariableSelect.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { Search, Plus, Check, X } from \"lucide-react\";\nimport { Input } from \"../../ui/input\";\nimport { Button } from \"../../ui/button\";\nimport { cn } from \"../../../lib/utils\";\nimport { Variable } from \"../types\";\nimport { normalizeVariableName } from \"../utils\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface VariableSelectProps {\n  variables?: Variable[];\n  systemVariables?: Variable[];\n  selectedName?: string;\n  onSelect?: (variable: Variable) => void;\n  onAddVariable?: (variable: Variable) => void;\n}\n\nconst EMPTY_VARIABLES: Variable[] = [];\n\nconst VariableSelect = ({\n  variables: initialVariables,\n  systemVariables: initialSystemVariables,\n  selectedName,\n  onSelect,\n  onAddVariable,\n}: VariableSelectProps) => {\n  const { t } = useTranslation();\n  const safeInitialVariables = initialVariables ?? EMPTY_VARIABLES;\n  const safeInitialSystemVariables = initialSystemVariables ?? EMPTY_VARIABLES;\n\n  const [variables, setVariables] = useState<Variable[]>(safeInitialVariables);\n  useEffect(() => {\n    setVariables(safeInitialVariables);\n  }, [safeInitialVariables]);\n  const systemVariables = safeInitialSystemVariables;\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [isAddingNew, setIsAddingNew] = useState(false);\n  const [newVariableName, setNewVariableName] = useState(\"\");\n  const [duplicateError, setDuplicateError] = useState(false);\n  const [invalidNameError, setInvalidNameError] = useState(false);\n  const resetErrors = () => {\n    setDuplicateError(false);\n    setInvalidNameError(false);\n  };\n  const normalizedSearch = searchQuery.toLowerCase();\n  const filterPredicate = (variable: Variable) => {\n    const nameMatch = variable.name.toLowerCase().includes(normalizedSearch);\n    const labelMatch = variable.label\n      ? variable.label.toLowerCase().includes(normalizedSearch)\n      : false;\n    return nameMatch || labelMatch;\n  };\n\n  const filteredSystemVariables = useMemo(\n    () => systemVariables.filter(filterPredicate),\n    [systemVariables, normalizedSearch]\n  );\n  const filteredCustomVariables = useMemo(\n    () => variables.filter(filterPredicate),\n    [variables, normalizedSearch]\n  );\n  const hasAnyResult =\n    filteredSystemVariables.length > 0 || filteredCustomVariables.length > 0;\n\n  const handleAddVariable = () => {\n    const inputValue = normalizeVariableName(newVariableName);\n    if (!inputValue) {\n      setInvalidNameError(true);\n      setDuplicateError(false);\n      return;\n    }\n\n    const isDuplicate = [...variables, ...systemVariables].some(\n      (v) => normalizeVariableName(v.name) === inputValue\n    );\n\n    if (isDuplicate) {\n      setDuplicateError(true);\n      setInvalidNameError(false);\n      return;\n    }\n\n    const newVariable: Variable = {\n      name: inputValue,\n    };\n    setVariables((prev) => [newVariable, ...prev]);\n    onAddVariable?.({ name: inputValue });\n    setNewVariableName(\"\");\n    setIsAddingNew(false);\n    setSearchQuery(\"\");\n    resetErrors();\n    onSelect?.(newVariable);\n  };\n\n  const handleCancelAdd = () => {\n    setIsAddingNew(false);\n    setNewVariableName(\"\");\n    resetErrors();\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setNewVariableName(e.target.value);\n    if (duplicateError || invalidNameError) {\n      resetErrors();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      handleAddVariable();\n    } else if (e.key === \"Escape\") {\n      handleCancelAdd();\n    }\n  };\n  return (\n    <div className=\"w-full max-w-sm rounded-lg border bg-white\">\n      <div className=\"relative\">\n        <Search className=\"absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          type=\"text\"\n          placeholder={t(\"variableSearchPlaceholder\", \"Search variable\")}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"ps-8 h-8 border-0 focus-visible:ring-0 focus-visible:ring-offset-0\"\n        />\n      </div>\n\n      <div className=\"max-h-[300px] overflow-y-auto p-2\">\n        {hasAnyResult ? (\n          <div className=\"space-y-4\">\n            {filteredSystemVariables.length > 0 && (\n              <div className=\"space-y-1\">\n                <p className=\"px-3 text-xs font-medium text-muted-foreground\">\n                  {t(\"variableSectionSystem\", \"System Variables\")}\n                </p>\n                <div className=\"space-y-1\">\n                  {filteredSystemVariables.map((variable) => (\n                    <button\n                      key={`system-${variable.name}`}\n                      onClick={() => onSelect?.(variable)}\n                      className={cn(\n                        \"flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent\",\n                        selectedName === variable.name && \"bg-accent\"\n                      )}\n                    >\n                      <div className=\"flex flex-col\">\n                        <span className=\"text-sm font-medium text-foreground\">\n                          {variable.name}\n                        </span>\n                        {variable.label && (\n                          <span className=\"text-xs text-muted-foreground\">\n                            {variable.label}\n                          </span>\n                        )}\n                      </div>\n                      {selectedName === variable.name && (\n                        <Check className=\"mt-1 h-4 w-4 text-foreground\" />\n                      )}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {filteredCustomVariables.length > 0 && (\n              <div className=\"space-y-1\">\n                <p className=\"px-3 text-xs font-medium text-muted-foreground\">\n                  {t(\"variableSectionCustom\", \"Custom Variables\")}\n                </p>\n                <div className=\"space-y-1\">\n                  {filteredCustomVariables.map((variable) => (\n                    <button\n                      key={`custom-${variable.name}`}\n                      onClick={() => onSelect?.(variable)}\n                      className={cn(\n                        \"flex w-full items-start justify-between rounded-md px-3 py-2 text-start transition-colors hover:bg-accent\",\n                        selectedName === variable.name && \"bg-accent\"\n                      )}\n                    >\n                      <div className=\"flex flex-col\">\n                        <span className=\"text-sm font-medium text-foreground\">\n                          {variable.name}\n                        </span>\n                        {variable.label && (\n                          <span className=\"text-xs text-muted-foreground\">\n                            {variable.label}\n                          </span>\n                        )}\n                      </div>\n                      {selectedName === variable.name && (\n                        <Check className=\"mt-1 h-4 w-4 text-foreground\" />\n                      )}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        ) : (\n          <div className=\"px-3 py-6 text-center text-sm text-muted-foreground\">\n            {searchQuery\n              ? t(\"variableNotFound\", \"No variables found\")\n              : t(\"variableEmpty\", \"No variables yet\")}\n          </div>\n        )}\n      </div>\n\n      <div className=\"border-t border-border p-2\">\n        {isAddingNew ? (\n          <div>\n            <div className=\"flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2\">\n              <Input\n                type=\"text\"\n                placeholder={t(\"variableNamePlaceholder\", \"Variable name\")}\n                value={newVariableName}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n                autoFocus\n                className=\"h-8 flex-1 border-0 px-0 focus-visible:ring-0 focus-visible:ring-offset-0\"\n              />\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={handleCancelAdd}\n                className=\"h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground\"\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={handleAddVariable}\n                className=\"h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground\"\n              >\n                <Check className=\"h-4 w-4\" />\n              </Button>\n            </div>\n            {(duplicateError || invalidNameError) && (\n              <p className=\"mt-1 px-3 text-xs text-red-500\">\n                {duplicateError\n                  ? t(\"variableAlreadyExists\", \"Variable already exists\")\n                  : t(\n                      \"variableNameInvalid\",\n                      \"Use a non-empty name without control characters, line breaks, or }}\"\n                    )}\n              </p>\n            )}\n          </div>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setIsAddingNew(true)}\n            className=\"w-full justify-start text-muted-foreground hover:text-foreground\"\n          >\n            <Plus className=\"me-2 h-4 w-4\" />\n            {t(\"variableAddNew\", \"Add new variable\")}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\nexport default VariableSelect;\n"],"names":["EMPTY_VARIABLES","VariableSelect","initialVariables","initialSystemVariables","selectedName","onSelect","onAddVariable","t","useTranslation","safeInitialVariables","safeInitialSystemVariables","variables","setVariables","useState","useEffect","systemVariables","searchQuery","setSearchQuery","isAddingNew","setIsAddingNew","newVariableName","setNewVariableName","duplicateError","setDuplicateError","invalidNameError","setInvalidNameError","resetErrors","normalizedSearch","filterPredicate","variable","nameMatch","labelMatch","filteredSystemVariables","useMemo","filteredCustomVariables","hasAnyResult","handleAddVariable","inputValue","normalizeVariableName","v","newVariable","prev","handleCancelAdd","handleInputChange","handleKeyDown","jsxs","jsx","Search","Input","cn","Check","Button","X","Plus"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),n=require("../../../../lib/utils.cjs"),s=i.forwardRef(({className:c,size:r=20,...t},o)=>e.jsxs("svg",{ref:o,xmlns:"http://www.w3.org/2000/svg",width:r,height:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:n.cn("lucide lucide-search-braces",c),...t,children:[e.jsx("circle",{cx:"11",cy:"11",r:"7"}),e.jsx("line",{x1:"16.65",y1:"16.65",x2:"21",y2:"21"}),e.jsx("path",{d:"M10 8c-1 0-1.5.5-1.5 1.5S8 11 7 11s1.5.5 1.5 1.5S9 14 10 14"}),e.jsx("path",{d:"M12 8c1 0 1.5.5 1.5 1.5S14 11 15 11s-1.5.5-1.5 1.5S13 14 12 14"})]}));s.displayName="SearchBracesIcon";exports.default=s;
-//# sourceMappingURL=SearchBracesIcon.cjs.map

package/dist/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBracesIcon.cjs","sources":["../../../../../src/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { LucideProps } from \"lucide-react\";\nimport { cn } from \"../../../../lib/utils\";\n\nconst SearchBracesIcon = forwardRef<SVGSVGElement, LucideProps>(\n  ({ className, size = 20, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\"lucide lucide-search-braces\", className)}\n      {...props}\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <line x1=\"16.65\" y1=\"16.65\" x2=\"21\" y2=\"21\" />\n      <path d=\"M10 8c-1 0-1.5.5-1.5 1.5S8 11 7 11s1.5.5 1.5 1.5S9 14 10 14\" />\n      <path d=\"M12 8c1 0 1.5.5 1.5 1.5S14 11 15 11s-1.5.5-1.5 1.5S13 14 12 14\" />\n    </svg>\n  )\n);\n\nSearchBracesIcon.displayName = \"SearchBracesIcon\";\n\nexport default SearchBracesIcon;\n"],"names":["SearchBracesIcon","forwardRef","className","size","props","ref","jsxs","cn","jsx"],"mappings":"2MAIMA,EAAmBC,EAAAA,WACvB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,GAAI,GAAGC,CAAA,EAASC,IACnCC,EAAAA,KAAC,MAAA,CACC,IAAAD,EACA,MAAM,6BACN,MAAOF,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,OACL,OAAO,eACP,cAAc,QACd,eAAe,QACf,UAAWI,EAAAA,GAAG,8BAA+BL,CAAS,EACrD,GAAGE,EAEJ,SAAA,CAAAI,MAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,EAC9BA,EAAAA,IAAC,QAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAA,CAAK,EAC5CA,EAAAA,IAAC,OAAA,CAAK,EAAE,6DAAA,CAA8D,EACtEA,EAAAA,IAAC,OAAA,CAAK,EAAE,gEAAA,CAAiE,CAAA,CAAA,CAAA,CAG/E,EAEAR,EAAiB,YAAc"}

package/dist/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.d.ts

@@ -1,3 +0,0 @@
-import { LucideProps } from 'lucide-react';
-declare const SearchBracesIcon: import('react').ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
-export default SearchBracesIcon;

package/dist/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.es.js

@@ -1,32 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { cn as i } from "../../../../lib/utils.es.js";
-const n = t(
-  ({ className: c, size: e = 20, ...o }, s) => /* @__PURE__ */ a(
-    "svg",
-    {
-      ref: s,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: e,
-      height: e,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: i("lucide lucide-search-braces", c),
-      ...o,
-      children: [
-        /* @__PURE__ */ r("circle", { cx: "11", cy: "11", r: "7" }),
-        /* @__PURE__ */ r("line", { x1: "16.65", y1: "16.65", x2: "21", y2: "21" }),
-        /* @__PURE__ */ r("path", { d: "M10 8c-1 0-1.5.5-1.5 1.5S8 11 7 11s1.5.5 1.5 1.5S9 14 10 14" }),
-        /* @__PURE__ */ r("path", { d: "M12 8c1 0 1.5.5 1.5 1.5S14 11 15 11s-1.5.5-1.5 1.5S13 14 12 14" })
-      ]
-    }
-  )
-);
-n.displayName = "SearchBracesIcon";
-export {
-  n as default
-};
-//# sourceMappingURL=SearchBracesIcon.es.js.map

package/dist/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBracesIcon.es.js","sources":["../../../../../src/components/MarkdownFlowEditor/components/icons/SearchBracesIcon.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { LucideProps } from \"lucide-react\";\nimport { cn } from \"../../../../lib/utils\";\n\nconst SearchBracesIcon = forwardRef<SVGSVGElement, LucideProps>(\n  ({ className, size = 20, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\"lucide lucide-search-braces\", className)}\n      {...props}\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <line x1=\"16.65\" y1=\"16.65\" x2=\"21\" y2=\"21\" />\n      <path d=\"M10 8c-1 0-1.5.5-1.5 1.5S8 11 7 11s1.5.5 1.5 1.5S9 14 10 14\" />\n      <path d=\"M12 8c1 0 1.5.5 1.5 1.5S14 11 15 11s-1.5.5-1.5 1.5S13 14 12 14\" />\n    </svg>\n  )\n);\n\nSearchBracesIcon.displayName = \"SearchBracesIcon\";\n\nexport default SearchBracesIcon;\n"],"names":["SearchBracesIcon","forwardRef","className","size","props","ref","jsxs","cn","jsx"],"mappings":";;;AAIA,MAAMA,IAAmBC;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,IAAI,GAAGC,EAAA,GAASC,MACnC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,OAAM;AAAA,MACN,OAAOF;AAAA,MACP,QAAQA;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWI,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,QAC9B,gBAAAA,EAAC,UAAK,IAAG,SAAQ,IAAG,SAAQ,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,QAC5C,gBAAAA,EAAC,QAAA,EAAK,GAAE,8DAAA,CAA8D;AAAA,QACtE,gBAAAA,EAAC,QAAA,EAAK,GAAE,iEAAA,CAAiE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/E;AAEAR,EAAiB,cAAc;"}

package/dist/components/MarkdownFlowEditor/plugins/VariablePlaceholder.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../node_modules/@codemirror/view/dist/index.cjs"),g=require("../types.cjs"),f=require("./PlaceholderWidget.cjs"),a=require("../../../_virtual/index.cjs"),d=(e,s,n)=>{const t=s+2,r=n-2;return r<t?!1:e.state.selection.ranges.some(o=>{const h=o.anchor>=t&&o.anchor<=r,u=o.head>=t&&o.head<=r;return h||u})},c=(e,s)=>{const n=e.state.doc.toString();return i.Decoration.set(s.flatMap(t=>{const r=n.slice(t.start,t.end);return t.name===null||r.includes(`
-`)||d(e,t.start,t.end)?[]:[i.Decoration.replace({widget:new f.default(r,{tag:"variable",title:t.name},"tag-variable",g.SelectedOption.Variable,e)}).range(t.start,t.end)]}))},l=(e,s)=>s.filter(n=>d(e,n.start,n.end)).map(n=>n.start).join(","),S=i.ViewPlugin.fromClass(class{constructor(e){this.markers=a.distExports.findDocumentVariableMarkers(e.state.doc.toString()),this.selectionSignature=l(e,this.markers),this.placeholders=c(e,this.markers)}update(e){if(e.docChanged&&(this.markers=a.distExports.findDocumentVariableMarkers(e.state.doc.toString())),e.docChanged||e.selectionSet){const s=l(e.view,this.markers);(e.docChanged||s!==this.selectionSignature)&&(this.selectionSignature=s,this.placeholders=c(e.view,this.markers))}}},{decorations:e=>e.placeholders,provide:e=>i.EditorView.atomicRanges.of(s=>s.plugin(e)?.placeholders||i.Decoration.none)});exports.default=S;
-//# sourceMappingURL=VariablePlaceholder.cjs.map

package/dist/components/MarkdownFlowEditor/plugins/VariablePlaceholder.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariablePlaceholder.cjs","sources":["../../../../src/components/MarkdownFlowEditor/plugins/VariablePlaceholder.ts"],"sourcesContent":["import {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n} from \"@codemirror/view\";\nimport { SelectedOption } from \"../types\";\nimport PlaceholderWidget from \"./PlaceholderWidget\";\nimport { findDocumentVariableMarkers } from \"../utils\";\n\nconst selectionInsideVariableExpression = (\n  view: EditorView,\n  from: number,\n  to: number\n) => {\n  const innerStart = from + 2;\n  const innerEnd = to - 2;\n  if (innerEnd < innerStart) {\n    return false;\n  }\n  return view.state.selection.ranges.some((range) => {\n    const isAnchorInside =\n      range.anchor >= innerStart && range.anchor <= innerEnd;\n    const isHeadInside = range.head >= innerStart && range.head <= innerEnd;\n    return isAnchorInside || isHeadInside;\n  });\n};\n\nconst buildPlaceholders = (\n  view: EditorView,\n  markers: ReturnType<typeof findDocumentVariableMarkers>\n): DecorationSet => {\n  const text = view.state.doc.toString();\n  return Decoration.set(\n    markers.flatMap((marker) => {\n      const rawMarker = text.slice(marker.start, marker.end);\n      if (\n        marker.name === null ||\n        // CodeMirror inline widgets cannot replace line breaks in marker padding.\n        rawMarker.includes(\"\\n\") ||\n        selectionInsideVariableExpression(view, marker.start, marker.end)\n      ) {\n        return [];\n      }\n      return [\n        Decoration.replace({\n          widget: new PlaceholderWidget(\n            rawMarker,\n            { tag: \"variable\", title: marker.name },\n            \"tag-variable\",\n            SelectedOption.Variable,\n            view\n          ),\n        }).range(marker.start, marker.end),\n      ];\n    })\n  );\n};\n\nconst selectedMarkers = (\n  view: EditorView,\n  markers: ReturnType<typeof findDocumentVariableMarkers>\n) =>\n  markers\n    .filter((marker) =>\n      selectionInsideVariableExpression(view, marker.start, marker.end)\n    )\n    .map((marker) => marker.start)\n    .join(\",\");\n\nconst VariablePlaceholder = ViewPlugin.fromClass(\n  class {\n    placeholders: DecorationSet;\n    markers: ReturnType<typeof findDocumentVariableMarkers>;\n    selectionSignature: string;\n    constructor(view: EditorView) {\n      this.markers = findDocumentVariableMarkers(view.state.doc.toString());\n      this.selectionSignature = selectedMarkers(view, this.markers);\n      this.placeholders = buildPlaceholders(view, this.markers);\n    }\n    update(update: ViewUpdate) {\n      if (update.docChanged)\n        this.markers = findDocumentVariableMarkers(update.state.doc.toString());\n      if (update.docChanged || update.selectionSet) {\n        const signature = selectedMarkers(update.view, this.markers);\n        if (update.docChanged || signature !== this.selectionSignature) {\n          this.selectionSignature = signature;\n          this.placeholders = buildPlaceholders(update.view, this.markers);\n        }\n      }\n    }\n  },\n  {\n    decorations: (instance) => instance.placeholders,\n    provide: (plugin) =>\n      EditorView.atomicRanges.of((view) => {\n        return view.plugin(plugin)?.placeholders || Decoration.none;\n      }),\n  }\n);\n\nexport default VariablePlaceholder;\n"],"names":["selectionInsideVariableExpression","view","from","to","innerStart","innerEnd","range","isAnchorInside","isHeadInside","buildPlaceholders","markers","text","Decoration","marker","rawMarker","PlaceholderWidget","SelectedOption","selectedMarkers","VariablePlaceholder","ViewPlugin","findDocumentVariableMarkers","update","signature","instance","plugin","EditorView"],"mappings":"6RAWMA,EAAoC,CACxCC,EACAC,EACAC,IACG,CACH,MAAMC,EAAaF,EAAO,EACpBG,EAAWF,EAAK,EACtB,OAAIE,EAAWD,EACN,GAEFH,EAAK,MAAM,UAAU,OAAO,KAAMK,GAAU,CACjD,MAAMC,EACJD,EAAM,QAAUF,GAAcE,EAAM,QAAUD,EAC1CG,EAAeF,EAAM,MAAQF,GAAcE,EAAM,MAAQD,EAC/D,OAAOE,GAAkBC,CAC3B,CAAC,CACH,EAEMC,EAAoB,CACxBR,EACAS,IACkB,CAClB,MAAMC,EAAOV,EAAK,MAAM,IAAI,SAAA,EAC5B,OAAOW,EAAAA,WAAW,IAChBF,EAAQ,QAASG,GAAW,CAC1B,MAAMC,EAAYH,EAAK,MAAME,EAAO,MAAOA,EAAO,GAAG,EACrD,OACEA,EAAO,OAAS,MAEhBC,EAAU,SAAS;AAAA,CAAI,GACvBd,EAAkCC,EAAMY,EAAO,MAAOA,EAAO,GAAG,EAEzD,CAAA,EAEF,CACLD,EAAAA,WAAW,QAAQ,CACjB,OAAQ,IAAIG,EAAAA,QACVD,EACA,CAAE,IAAK,WAAY,MAAOD,EAAO,IAAA,EACjC,eACAG,EAAAA,eAAe,SACff,CAAA,CACF,CACD,EAAE,MAAMY,EAAO,MAAOA,EAAO,GAAG,CAAA,CAErC,CAAC,CAAA,CAEL,EAEMI,EAAkB,CACtBhB,EACAS,IAEAA,EACG,OAAQG,GACPb,EAAkCC,EAAMY,EAAO,MAAOA,EAAO,GAAG,CAClE,EACC,IAAKA,GAAWA,EAAO,KAAK,EAC5B,KAAK,GAAG,EAEPK,EAAsBC,EAAAA,WAAW,UACrC,KAAM,CAIJ,YAAYlB,EAAkB,CAC5B,KAAK,QAAUmB,0CAA4BnB,EAAK,MAAM,IAAI,UAAU,EACpE,KAAK,mBAAqBgB,EAAgBhB,EAAM,KAAK,OAAO,EAC5D,KAAK,aAAeQ,EAAkBR,EAAM,KAAK,OAAO,CAC1D,CACA,OAAOoB,EAAoB,CAGzB,GAFIA,EAAO,aACT,KAAK,QAAUD,0CAA4BC,EAAO,MAAM,IAAI,UAAU,GACpEA,EAAO,YAAcA,EAAO,aAAc,CAC5C,MAAMC,EAAYL,EAAgBI,EAAO,KAAM,KAAK,OAAO,GACvDA,EAAO,YAAcC,IAAc,KAAK,sBAC1C,KAAK,mBAAqBA,EAC1B,KAAK,aAAeb,EAAkBY,EAAO,KAAM,KAAK,OAAO,EAEnE,CACF,CAAA,EAEF,CACE,YAAcE,GAAaA,EAAS,aACpC,QAAUC,GACRC,EAAAA,WAAW,aAAa,GAAIxB,GACnBA,EAAK,OAAOuB,CAAM,GAAG,cAAgBZ,EAAAA,WAAW,IACxD,CAAA,CAEP"}

package/dist/components/MarkdownFlowEditor/plugins/VariablePlaceholder.d.ts

@@ -1,9 +0,0 @@
-import { DecorationSet, ViewPlugin, ViewUpdate } from '@codemirror/view';
-import { findDocumentVariableMarkers } from '../utils.js';
-declare const VariablePlaceholder: ViewPlugin<{
-    placeholders: DecorationSet;
-    markers: ReturnType<typeof findDocumentVariableMarkers>;
-    selectionSignature: string;
-    update(update: ViewUpdate): void;
-}, undefined>;
-export default VariablePlaceholder;