@mieweb/q 1.0.0

package/dist/AgentConfigGenerator-DLoMdUYG.js

@@ -0,0 +1,1903 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { useRef as B, useMemo as De, useCallback as W, useEffect as H, useState as E } from "react";
+import se from "js-yaml";
+import { Download as be, Copy as Be, Plus as ue, Trash2 as de, Settings as He, Wrench as Je, Code as We, Send as Ke, Pencil as Ye, Upload as $e, RotateCcw as Qe, ArrowLeft as Ge } from "lucide-react";
+import { Card as we, Button as j, Input as Z, Select as te, Checkbox as ie, Tabs as Ze, TabsList as Xe, TabsTrigger as re, Alert as Me, AlertDescription as en } from "@mieweb/ui";
+import { QuestionnaireRenderer as nn } from "@mieweb/forms-renderer";
+import tn from "@monaco-editor/react";
+const rn = "mieforms-v1.0", on = "Agent Configuration", ln = [
+  {
+    id: "sec-basic",
+    fieldType: "section",
+    title: "Basic Info",
+    fields: [
+      {
+        id: "_id",
+        fieldType: "text",
+        question: "Config ID (_id)",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "name",
+        fieldType: "text",
+        question: "Name",
+        answer: "New Agent Config",
+        required: !1
+      },
+      {
+        id: "timezone",
+        fieldType: "dropdown",
+        question: "Timezone",
+        answer: "America/New_York",
+        required: !1,
+        options: [
+          {
+            id: "tz-ny",
+            label: "America/New_York",
+            value: "America/New_York"
+          },
+          {
+            id: "tz-chi",
+            label: "America/Chicago",
+            value: "America/Chicago"
+          },
+          {
+            id: "tz-den",
+            label: "America/Denver",
+            value: "America/Denver"
+          },
+          {
+            id: "tz-la",
+            label: "America/Los_Angeles",
+            value: "America/Los_Angeles"
+          },
+          {
+            id: "tz-hon",
+            label: "Pacific/Honolulu",
+            value: "Pacific/Honolulu"
+          },
+          {
+            id: "tz-anc",
+            label: "America/Anchorage",
+            value: "America/Anchorage"
+          },
+          {
+            id: "tz-phx",
+            label: "America/Phoenix",
+            value: "America/Phoenix"
+          }
+        ]
+      },
+      {
+        id: "description",
+        fieldType: "text",
+        question: "Description",
+        answer: "Agent Assistant Description",
+        required: !1
+      }
+    ]
+  },
+  {
+    id: "sec-telephony",
+    fieldType: "section",
+    title: "Telephony Settings",
+    fields: [
+      {
+        id: "twilio.phoneNumber",
+        fieldType: "text",
+        question: "Twilio Phone Number",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "twilio.accountSid",
+        fieldType: "text",
+        question: "Twilio Account SID",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "twilio.authToken",
+        fieldType: "text",
+        question: "Twilio Auth Token",
+        answer: "",
+        required: !1
+      }
+    ]
+  },
+  {
+    id: "sec-office",
+    fieldType: "section",
+    title: "Office Hours",
+    fields: [
+      {
+        id: "officeOpeningTime",
+        fieldType: "dropdown",
+        question: "Opening Time (Hour)",
+        answer: "8",
+        required: !1,
+        configType: "number",
+        options: [
+          {
+            id: "h0",
+            label: "0:00",
+            value: "0"
+          },
+          {
+            id: "h1",
+            label: "1:00",
+            value: "1"
+          },
+          {
+            id: "h2",
+            label: "2:00",
+            value: "2"
+          },
+          {
+            id: "h3",
+            label: "3:00",
+            value: "3"
+          },
+          {
+            id: "h4",
+            label: "4:00",
+            value: "4"
+          },
+          {
+            id: "h5",
+            label: "5:00",
+            value: "5"
+          },
+          {
+            id: "h6",
+            label: "6:00",
+            value: "6"
+          },
+          {
+            id: "h7",
+            label: "7:00",
+            value: "7"
+          },
+          {
+            id: "h8",
+            label: "8:00",
+            value: "8"
+          },
+          {
+            id: "h9",
+            label: "9:00",
+            value: "9"
+          },
+          {
+            id: "h10",
+            label: "10:00",
+            value: "10"
+          },
+          {
+            id: "h11",
+            label: "11:00",
+            value: "11"
+          },
+          {
+            id: "h12",
+            label: "12:00",
+            value: "12"
+          },
+          {
+            id: "h13",
+            label: "13:00",
+            value: "13"
+          },
+          {
+            id: "h14",
+            label: "14:00",
+            value: "14"
+          },
+          {
+            id: "h15",
+            label: "15:00",
+            value: "15"
+          },
+          {
+            id: "h16",
+            label: "16:00",
+            value: "16"
+          },
+          {
+            id: "h17",
+            label: "17:00",
+            value: "17"
+          },
+          {
+            id: "h18",
+            label: "18:00",
+            value: "18"
+          },
+          {
+            id: "h19",
+            label: "19:00",
+            value: "19"
+          },
+          {
+            id: "h20",
+            label: "20:00",
+            value: "20"
+          },
+          {
+            id: "h21",
+            label: "21:00",
+            value: "21"
+          },
+          {
+            id: "h22",
+            label: "22:00",
+            value: "22"
+          },
+          {
+            id: "h23",
+            label: "23:00",
+            value: "23"
+          }
+        ]
+      },
+      {
+        id: "officeClosingTime",
+        fieldType: "dropdown",
+        question: "Closing Time (Hour)",
+        answer: "17",
+        required: !1,
+        configType: "number",
+        options: [
+          {
+            id: "h0",
+            label: "0:00",
+            value: "0"
+          },
+          {
+            id: "h1",
+            label: "1:00",
+            value: "1"
+          },
+          {
+            id: "h2",
+            label: "2:00",
+            value: "2"
+          },
+          {
+            id: "h3",
+            label: "3:00",
+            value: "3"
+          },
+          {
+            id: "h4",
+            label: "4:00",
+            value: "4"
+          },
+          {
+            id: "h5",
+            label: "5:00",
+            value: "5"
+          },
+          {
+            id: "h6",
+            label: "6:00",
+            value: "6"
+          },
+          {
+            id: "h7",
+            label: "7:00",
+            value: "7"
+          },
+          {
+            id: "h8",
+            label: "8:00",
+            value: "8"
+          },
+          {
+            id: "h9",
+            label: "9:00",
+            value: "9"
+          },
+          {
+            id: "h10",
+            label: "10:00",
+            value: "10"
+          },
+          {
+            id: "h11",
+            label: "11:00",
+            value: "11"
+          },
+          {
+            id: "h12",
+            label: "12:00",
+            value: "12"
+          },
+          {
+            id: "h13",
+            label: "13:00",
+            value: "13"
+          },
+          {
+            id: "h14",
+            label: "14:00",
+            value: "14"
+          },
+          {
+            id: "h15",
+            label: "15:00",
+            value: "15"
+          },
+          {
+            id: "h16",
+            label: "16:00",
+            value: "16"
+          },
+          {
+            id: "h17",
+            label: "17:00",
+            value: "17"
+          },
+          {
+            id: "h18",
+            label: "18:00",
+            value: "18"
+          },
+          {
+            id: "h19",
+            label: "19:00",
+            value: "19"
+          },
+          {
+            id: "h20",
+            label: "20:00",
+            value: "20"
+          },
+          {
+            id: "h21",
+            label: "21:00",
+            value: "21"
+          },
+          {
+            id: "h22",
+            label: "22:00",
+            value: "22"
+          },
+          {
+            id: "h23",
+            label: "23:00",
+            value: "23"
+          }
+        ]
+      },
+      {
+        id: "afterHoursNotice",
+        fieldType: "longtext",
+        question: "After Hours Notice",
+        answer: "Our office is currently closed.",
+        required: !1
+      },
+      {
+        id: "officeHoursHumanNumber",
+        fieldType: "text",
+        question: "Human Handover Number",
+        answer: "",
+        required: !1
+      }
+    ]
+  },
+  {
+    id: "sec-webchart",
+    fieldType: "section",
+    title: "WebChart Integration",
+    fields: [
+      {
+        id: "webchart.url",
+        fieldType: "text",
+        question: "WebChart URL",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "webchart.username",
+        fieldType: "text",
+        question: "WebChart Username",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "webchart.password",
+        fieldType: "text",
+        question: "WebChart Password",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "defaultServiceLocation",
+        fieldType: "text",
+        question: "Default Service Location",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "defaultPatientId",
+        fieldType: "text",
+        question: "Default Patient ID",
+        answer: "",
+        required: !1,
+        configType: "number"
+      },
+      {
+        id: "transcript_doc_type",
+        fieldType: "text",
+        question: "Transcript Doc Type",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "defaultPhysicianId",
+        fieldType: "text",
+        question: "Default Physician ID",
+        answer: "",
+        required: !1,
+        configType: "number"
+      },
+      {
+        id: "userId",
+        fieldType: "text",
+        question: "User ID",
+        answer: "",
+        required: !1
+      },
+      {
+        id: "visitType",
+        fieldType: "text",
+        question: "Visit Type",
+        answer: "",
+        required: !1
+      }
+    ]
+  },
+  {
+    id: "sec-audio",
+    fieldType: "section",
+    title: "Audio Configuration",
+    fields: [
+      {
+        id: "elevenLabsPronunciationDictionaries",
+        fieldType: "text",
+        question: "ElevenLabs Pronunciation Dictionary IDs (comma-separated)",
+        answer: "",
+        required: !1,
+        configTransform: "elevenLabsDictIds"
+      },
+      {
+        id: "elevenLabsPronunciationDictionaries__versions",
+        fieldType: "text",
+        question: "ElevenLabs Pronunciation Dictionary Version IDs (comma-separated)",
+        answer: "",
+        required: !1,
+        configTransform: "elevenLabsDictVersions"
+      }
+    ]
+  },
+  {
+    id: "sec-agent",
+    fieldType: "section",
+    title: "Agent Specific Info",
+    fields: [
+      {
+        id: "welcome",
+        fieldType: "longtext",
+        question: "Welcome Message",
+        answer: "Thank you for calling. How can I help you today?",
+        required: !1
+      },
+      {
+        id: "systemPrompt",
+        fieldType: "longtext",
+        question: "System Prompt",
+        answer: "You are a helpful AI assistant.",
+        required: !1
+      },
+      {
+        id: "disabledGenericTools",
+        fieldType: "check",
+        question: "Enabled Generic Tools",
+        answer: [],
+        required: !1,
+        configTransform: "genericToolsInvert",
+        options: [
+          {
+            id: "gt-hangup",
+            label: "force_hangup_bad_call",
+            value: "force_hangup_bad_call"
+          },
+          {
+            id: "gt-birthdate",
+            label: "validate_birth_date",
+            value: "validate_birth_date"
+          },
+          {
+            id: "gt-goodbye",
+            label: "thanks_for_calling_goodbye",
+            value: "thanks_for_calling_goodbye"
+          },
+          {
+            id: "gt-human",
+            label: "connect_to_a_human",
+            value: "connect_to_a_human"
+          },
+          {
+            id: "gt-multiple",
+            label: "handle_multiple_patients",
+            value: "handle_multiple_patients"
+          },
+          {
+            id: "gt-schedule",
+            label: "schedule_call_later",
+            value: "schedule_call_later"
+          },
+          {
+            id: "gt-objective",
+            label: "mark_objective_complete",
+            value: "mark_objective_complete"
+          }
+        ]
+      }
+    ]
+  }
+], X = {
+  schemaType: rn,
+  title: on,
+  fields: ln
+};
+function Te(e) {
+  const t = [];
+  for (const n of e || [])
+    n.fieldType === "section" && Array.isArray(n.fields) ? t.push(...Te(n.fields)) : t.push(n);
+  return t;
+}
+function an(e, t) {
+  return t.split(".").reduce(function(n, i) {
+    return n ? n[i] : void 0;
+  }, e);
+}
+function sn(e, t) {
+  const n = Te((t || X).fields), i = [];
+  for (const a of n) {
+    if (!a.id || a.id.startsWith("sec-") || !a.required) continue;
+    const o = an(e, a.id);
+    (o == null || o === "") && i.push(`${a.text || a.question || a.id} is required`);
+  }
+  return i;
+}
+function fe(e) {
+  return se.dump(e, {
+    lineWidth: -1,
+    forceQuotes: !1,
+    quotingType: '"',
+    noCompatMode: !0,
+    styles: { "!!null": "empty" },
+    replacer: function(t, n) {
+      return n === "" ? null : n;
+    }
+  });
+}
+function Rn(e) {
+  return se.load(e);
+}
+function cn(e, t, n, i = "yaml", a = "") {
+  const o = sn(e);
+  if (o.length > 0) {
+    alert(`Please fix the following errors before downloading:
+
+- ${o.join(`
+- `)}`);
+    return;
+  }
+  const u = i === "json", c = u ? a : t, s = u ? "application/json" : "text/yaml", w = u ? "config.json" : "config.yaml";
+  if (n) {
+    n(c, i);
+    return;
+  }
+  const T = new Blob([c], { type: s }), v = URL.createObjectURL(T), b = document.createElement("a");
+  b.href = v, b.download = w, document.body.appendChild(b), b.click(), document.body.removeChild(b), URL.revokeObjectURL(v);
+}
+async function un(e) {
+  try {
+    await navigator.clipboard.writeText(e), alert("Copied to clipboard!");
+  } catch (t) {
+    console.error("Clipboard failed:", t), alert("Failed to copy to clipboard. Please check your browser permissions or try again.");
+  }
+}
+let ee;
+const dn = new Uint8Array(16);
+function fn() {
+  if (!ee && (ee = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !ee))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return ee(dn);
+}
+const q = [];
+for (let e = 0; e < 256; ++e)
+  q.push((e + 256).toString(16).slice(1));
+function mn(e, t = 0) {
+  return q[e[t + 0]] + q[e[t + 1]] + q[e[t + 2]] + q[e[t + 3]] + "-" + q[e[t + 4]] + q[e[t + 5]] + "-" + q[e[t + 6]] + q[e[t + 7]] + "-" + q[e[t + 8]] + q[e[t + 9]] + "-" + q[e[t + 10]] + q[e[t + 11]] + q[e[t + 12]] + q[e[t + 13]] + q[e[t + 14]] + q[e[t + 15]];
+}
+const hn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), me = {
+  randomUUID: hn
+};
+function pn(e, t, n) {
+  if (me.randomUUID && !e)
+    return me.randomUUID();
+  e = e || {};
+  const i = e.random || (e.rng || fn)();
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, mn(i);
+}
+function O(e, t, n) {
+  const i = t.split(".");
+  let a = e;
+  for (let o = 0; o < i.length - 1; o++)
+    (!a[i[o]] || typeof a[i[o]] != "object") && (a[i[o]] = {}), a = a[i[o]];
+  a[i[i.length - 1]] = n;
+}
+function K(e, t) {
+  const n = t.split(".");
+  let i = e;
+  for (const a of n) {
+    if (i == null) return;
+    i = i[a];
+  }
+  return i;
+}
+function xe(e, t) {
+  if (t === "number") {
+    if (e === "" || e == null) return "";
+    const n = Number(e);
+    return isNaN(n) ? "" : n;
+  }
+  return t === "boolean" ? typeof e == "boolean" ? e : e === "true" || e === !0 : e ?? "";
+}
+function R(e) {
+  return e.id;
+}
+function Ae(e, t) {
+  const n = t.split(".");
+  let i = e;
+  for (let a = 0; a < n.length - 1; a++) {
+    if (i == null || typeof i != "object") return;
+    i = i[n[a]];
+  }
+  i != null && typeof i == "object" && delete i[n[n.length - 1]];
+}
+function he(e, t, n) {
+  const i = t.split("."), a = n.split(".");
+  if (i.length === 1 && a.length === 1) {
+    const c = {};
+    for (const s of Object.keys(e))
+      s === i[0] ? c[a[0]] = e[s] : c[s] = e[s];
+    return c;
+  }
+  if (i.length === a.length && i.slice(0, -1).join(".") === a.slice(0, -1).join(".")) {
+    const c = structuredClone(e);
+    let s = c;
+    for (let y = 0; y < i.length - 1; y++) {
+      if (s[i[y]] == null || typeof s[i[y]] != "object")
+        return e;
+      s = s[i[y]];
+    }
+    const w = i[i.length - 1], T = a[a.length - 1], v = {};
+    for (const y of Object.keys(s))
+      y === w ? v[T] = s[y] : v[y] = s[y];
+    let b = c;
+    for (let y = 0; y < i.length - 2; y++)
+      b = b[i[y]];
+    return b[i[i.length - 2]] = v, c;
+  }
+  const o = structuredClone(e), u = K(o, t);
+  return Ae(o, t), u !== void 0 && O(o, n, u), o;
+}
+function oe(e, t) {
+  const n = {};
+  for (const i of Object.keys(e || {})) {
+    if (!t && i === "tools") continue;
+    const a = t ? t + "." + i : i, o = e[i];
+    o && typeof o == "object" && !Array.isArray(o) ? Object.assign(n, oe(o, a)) : n[a] = o;
+  }
+  return n;
+}
+function le(e, t, n) {
+  for (const i of e || []) {
+    if (i.id === t)
+      return i.id = n, !0;
+    if (i.fields && le(i.fields, t, n))
+      return !0;
+  }
+  return !1;
+}
+function Ce(e, t) {
+  if (!Array.isArray(e)) return !1;
+  const n = e.findIndex(function(i) {
+    return i.id === t;
+  });
+  if (n !== -1)
+    return e.splice(n, 1), !0;
+  for (const i of e)
+    if (i.fields && Ce(i.fields, t)) return !0;
+  return !1;
+}
+function Se(e, t) {
+  for (const n of e || [])
+    if (n.id === t || n.fields && Se(n.fields, t)) return !0;
+  return !1;
+}
+function vn(e) {
+  return e.split(".").pop().replace(/([A-Z])/g, " $1").replace(/^(.)/, function(n) {
+    return n.toUpperCase();
+  }).trim();
+}
+function gn(e, t, n) {
+  const i = typeof n == "boolean" ? "dropdown" : "text", a = typeof n == "number" ? "number" : void 0, o = { id: t, fieldType: i, text: vn(t), required: !1 };
+  a && (o.configType = a);
+  const u = t.includes(".") ? t.split(".").slice(0, -1).join(".") : null;
+  if (u) {
+    for (const s of e.fields || [])
+      if (s.fieldType === "section" && Array.isArray(s.fields) && !Y(s) && s.fields.some(function(T) {
+        return T.id && T.id.startsWith(u + ".");
+      })) {
+        s.fields.push(o);
+        return;
+      }
+  }
+  const c = (e.fields || []).filter(function(s) {
+    return s.fieldType === "section" && !Y(s);
+  });
+  if (c.length > 0) {
+    const s = c[c.length - 1];
+    s.fields = s.fields || [], s.fields.push(o);
+  } else
+    e.fields = e.fields || [], e.fields.push(o);
+}
+function yn(e, t, n) {
+  const i = oe(e), a = oe(t), o = new Set(Object.keys(i)), u = new Set(Object.keys(a)), c = [...o].filter(function(A) {
+    return !u.has(A);
+  }), s = [...u].filter(function(A) {
+    return !o.has(A);
+  });
+  if (c.length === 0 && s.length === 0) return n;
+  const w = structuredClone(n), T = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set();
+  if (c.length > 0 && s.length > 0) {
+    for (const l of c) {
+      const f = JSON.stringify(i[l]);
+      for (const p of s)
+        if (!T.has(p) && JSON.stringify(a[p]) === f) {
+          le(w.fields, l, p), T.add(p), v.add(l);
+          break;
+        }
+    }
+    const A = c.filter(function(l) {
+      return !v.has(l);
+    }), d = s.filter(function(l) {
+      return !T.has(l);
+    });
+    A.length === 1 && d.length === 1 && (le(w.fields, A[0], d[0]), T.add(d[0]), v.add(A[0]));
+  }
+  const b = s.filter(function(A) {
+    return !T.has(A);
+  });
+  for (const A of b)
+    Se(w.fields, A) || gn(w, A, a[A]);
+  const y = c.filter(function(A) {
+    return !v.has(A);
+  });
+  for (const A of y)
+    Ce(w.fields, A);
+  return w;
+}
+function ae(e) {
+  const t = {};
+  for (const n of e || []) {
+    if (n.fieldType === "section" && Array.isArray(n.fields)) {
+      if (Y(n)) continue;
+      Object.assign(t, ae(n.fields));
+      continue;
+    }
+    n.id && (t[n.id] = n.text || "");
+  }
+  return t;
+}
+function bn(e, t, n) {
+  const i = ae(e == null ? void 0 : e.fields), a = ae(t == null ? void 0 : t.fields), o = new Set(Object.keys(i)), u = new Set(Object.keys(a)), c = [...o].filter(function(d) {
+    return !u.has(d);
+  }), s = [...u].filter(function(d) {
+    return !o.has(d);
+  });
+  if (c.length === 0 && s.length === 0)
+    return { config: n, renames: [] };
+  let w = n;
+  const T = [], v = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
+  if (c.length > 0 && s.length > 0) {
+    for (const f of c) {
+      const p = i[f];
+      if (p) {
+        for (const m of s)
+          if (!v.has(m) && a[m] === p) {
+            w = he(w, f, m), T.push({ oldId: f, newId: m }), v.add(m), b.add(f);
+            break;
+          }
+      }
+    }
+    const d = c.filter(function(f) {
+      return !b.has(f);
+    }), l = s.filter(function(f) {
+      return !v.has(f);
+    });
+    d.length === 1 && l.length === 1 && (w = he(w, d[0], l[0]), T.push({ oldId: d[0], newId: l[0] }), v.add(l[0]), b.add(d[0]));
+  }
+  const y = s.filter(function(d) {
+    return !v.has(d);
+  });
+  if (y.length > 0) {
+    w === n && (w = structuredClone(n));
+    for (const d of y)
+      K(w, d) === void 0 && O(w, d, "");
+  }
+  const A = c.filter(function(d) {
+    return !b.has(d);
+  });
+  if (A.length > 0) {
+    w === n && (w = structuredClone(n));
+    for (const d of A)
+      Ae(w, d);
+  }
+  return { config: w, renames: T };
+}
+function ce(e) {
+  const t = [];
+  for (const n of e || [])
+    Y(n) || (n.fieldType === "section" && Array.isArray(n.fields) ? t.push(...ce(n.fields)) : t.push(n));
+  return t;
+}
+function ne(e) {
+  const t = e.answer;
+  if (t == null) return "";
+  if (e.fieldType === "dropdown" && e.options) {
+    const n = e.options.find((i) => i.id === t || i.value === t);
+    if (n) return n.value;
+  }
+  return t;
+}
+function pe(e) {
+  const t = e.answer;
+  return Array.isArray(t) ? e.options ? t.map((n) => {
+    const i = e.options.find((a) => a.id === n || a.value === n);
+    return i ? i.value : n;
+  }) : t : [];
+}
+function Ne(e) {
+  return e.options ? e.options.map((t) => t.value) : [];
+}
+function Y(e) {
+  return e.fieldType === "section" && /^sec-tool-\d+$/.test(e.id);
+}
+function ke(e) {
+  return (e || []).filter((t) => Y(t));
+}
+function Q(e, t) {
+  const n = (e.fields || []).find((i) => i.id.endsWith("-" + t));
+  return n ? ne(n) : "";
+}
+function wn(e, t) {
+  const n = ke(e.fields || []), i = [];
+  for (const a of n) {
+    const o = Q(a, "name"), u = Q(a, "description"), c = Q(a, "endpoint"), s = Q(a, "method"), w = Q(a, "params");
+    let T;
+    try {
+      T = w ? JSON.parse(w) : { type: "object", properties: {}, required: [] };
+    } catch {
+      T = { type: "object", properties: {}, required: [] };
+    }
+    const v = { name: o, description: u, inputSchema: T };
+    c && (v.endpoint = c), s && s !== "GET" && (v.method = s), i.push(v);
+  }
+  t.tools = i;
+}
+function Tn(e, t) {
+  const n = structuredClone(t), i = ce(e.fields || []);
+  ke(e.fields || []).length > 0 && wn(e, n);
+  for (const o of i) {
+    const u = o.configTransform;
+    if (u === "genericToolsInvert") {
+      const w = pe(o), T = Ne(o), v = R(o);
+      O(n, v, T.filter((b) => !w.includes(b)));
+      continue;
+    }
+    if (u === "elevenLabsDictIds") {
+      const w = (ne(o) || "").split(",").map((y) => y.trim()).filter(Boolean), T = i.find((y) => y.configTransform === "elevenLabsDictVersions"), v = T ? (ne(T) || "").split(",").map((y) => y.trim()).filter(Boolean) : [], b = R(o);
+      O(n, b, w.map((y, A) => ({
+        pronunciation_dictionary_id: y,
+        version_id: v[A] || ""
+      })));
+      continue;
+    }
+    if (u === "elevenLabsDictVersions")
+      continue;
+    const c = R(o), s = o.configType || "string";
+    o.fieldType === "check" ? O(n, c, pe(o)) : O(n, c, xe(ne(o), s));
+  }
+  return n;
+}
+function G(e, t) {
+  const n = structuredClone(t);
+  return qe(n.fields, e), n;
+}
+function qe(e, t) {
+  for (const n of e || []) {
+    if (Y(n))
+      continue;
+    if (n.fieldType === "section" && Array.isArray(n.fields)) {
+      qe(n.fields, t);
+      continue;
+    }
+    const i = n.configTransform;
+    if (i === "genericToolsInvert") {
+      const u = R(n), c = K(t, u) || [], T = Ne(n).filter((v) => !c.includes(v)).map(function(v) {
+        const b = (n.options || []).find(function(y) {
+          return y.value === v;
+        });
+        return b ? b.id : v;
+      });
+      n.selected = T, n.answer = T;
+      continue;
+    }
+    if (i === "elevenLabsDictIds") {
+      const u = R(n), c = K(t, u) || [];
+      n.answer = c.map((s) => s.pronunciation_dictionary_id).join(", ");
+      continue;
+    }
+    if (i === "elevenLabsDictVersions") {
+      const u = R(n).replace(/__versions$/, ""), c = K(t, u) || [];
+      n.answer = c.map((s) => s.version_id).join(", ");
+      continue;
+    }
+    const a = R(n), o = K(t, a);
+    if (n.fieldType === "check") {
+      const u = Array.isArray(o) ? o : [], c = n.options ? u.map(function(s) {
+        const w = n.options.find(function(T) {
+          return T.value === s || T.id === s;
+        });
+        return w ? w.id : s;
+      }) : u;
+      n.selected = c, n.answer = c;
+      continue;
+    }
+    if (n.fieldType === "dropdown" && n.options) {
+      const u = n.options.find((c) => c.value === String(o ?? ""));
+      n.selected = u ? u.id : null, n.answer = u ? u.value : String(o ?? "");
+      continue;
+    }
+    n.answer = o != null ? String(o) : "";
+  }
+}
+function xn(e) {
+  const t = {
+    _id: pn(),
+    tools: []
+  }, n = ce((e == null ? void 0 : e.fields) || []);
+  for (const i of n) {
+    if (i.id === "_id") continue;
+    const a = i.configTransform;
+    if (a === "genericToolsInvert") {
+      O(t, R(i), []);
+      continue;
+    }
+    if (a === "elevenLabsDictIds") {
+      O(t, R(i), []);
+      continue;
+    }
+    if (a === "elevenLabsDictVersions")
+      continue;
+    const o = R(i), u = i.configType || "string";
+    i.fieldType === "check" ? O(t, o, Array.isArray(i.answer) ? i.answer : []) : O(t, o, xe(i.answer ?? "", u));
+  }
+  return t;
+}
+function An(e) {
+  if (!Array.isArray(e)) return e;
+  if (e.length > 0 && e[0] && typeof e[0] == "object" && "value" in e[0]) {
+    var t = e.map(function(n) {
+      return n.value;
+    });
+    return t.length === 1 ? t[0] : t;
+  }
+  return e;
+}
+function _e(e, t) {
+  t || (t = {});
+  for (var n = 0; n < (e || []).length; n++) {
+    var i = e[n];
+    i.id && i.answer !== void 0 && (t[i.id] = An(i.answer)), i.fields && _e(i.fields, t);
+  }
+  return t;
+}
+function Ie(e, t) {
+  for (var n = 0; n < (e || []).length; n++) {
+    var i = e[n];
+    i.id && t[i.id] !== void 0 && (i.answer = t[i.id]), i.fields && Ie(i.fields, t);
+  }
+}
+function Cn({ config: e, schema: t, onConfigChange: n }) {
+  const i = t || X, a = B(null), o = B(null), u = B(e), c = B(i), s = B(n);
+  u.current = e, c.current = i, s.current = n;
+  const w = De(
+    () => G(e, i),
+    [e, i]
+  ), T = W(function() {
+    if (a.current)
+      try {
+        var v = a.current.getResponse();
+        if (!v) return;
+        var b = v.fields || v;
+        if (!Array.isArray(b) && typeof b == "object" && !b.length && (b = v.fields), !b) return;
+        var y = _e(Array.isArray(b) ? b : [b]);
+        if (Object.keys(y).length === 0) return;
+        var A = structuredClone(c.current);
+        Ie(A.fields, y);
+        var d = Tn(A, u.current);
+        s.current(d);
+      } catch (l) {
+        console.error("[FormBuilder] syncConfig error:", l);
+      }
+  }, []);
+  return H(function() {
+    var v = o.current;
+    if (!v) return;
+    var b = null;
+    function y() {
+      clearTimeout(b), b = setTimeout(T, 50);
+    }
+    return v.addEventListener("input", y), v.addEventListener("change", y), v.addEventListener("click", y), function() {
+      clearTimeout(b), v.removeEventListener("input", y), v.removeEventListener("change", y), v.removeEventListener("click", y);
+    };
+  }, [T]), /* @__PURE__ */ x("div", { ref: o, className: "max-w-6xl mx-auto p-6 rounded-lg shadow", style: { background: "var(--mieweb-card)", borderRadius: "var(--mieweb-radius-lg, 0.75rem)" }, children: [
+    /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-6", style: { color: "var(--mieweb-foreground)" }, children: "General Configuration" }),
+    /* @__PURE__ */ r(
+      nn,
+      {
+        ref: a,
+        formData: w,
+        hideUnsupportedFields: !0
+      }
+    )
+  ] });
+}
+function Sn({
+  yamlOutput: e,
+  jsonOutput: t,
+  editorMode: n,
+  onEditorModeChange: i,
+  onEditorChange: a,
+  onDownload: o
+}) {
+  return /* @__PURE__ */ x(
+    we,
+    {
+      padding: "none",
+      className: "h-[calc(100vh-10rem)] max-w-full overflow-hidden flex flex-col",
+      children: [
+        /* @__PURE__ */ x("div", { className: "p-2 border-b flex justify-between items-center flex-shrink-0", style: { background: "var(--mieweb-muted)" }, children: [
+          /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ r("div", { className: "flex rounded gap-1", children: ["yaml", "json"].map(function(u) {
+              var c = n === u;
+              return /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: function() {
+                    i(u);
+                  },
+                  className: "px-3 h-7 text-sm rounded transition-all " + (c ? "" : "ivr-hover"),
+                  style: c ? { background: "var(--mieweb-primary-700, #1786b3)", color: "var(--mieweb-primary-foreground, #fff)", fontWeight: 600 } : { background: "transparent", color: "var(--mieweb-neutral-600, #525252)" },
+                  children: u.toUpperCase()
+                },
+                u
+              );
+            }) }),
+            /* @__PURE__ */ x("span", { className: "hidden sm:block text-sm font-medium", style: { color: "var(--mieweb-muted-foreground)" }, children: [
+              "config.",
+              n
+            ] })
+          ] }),
+          /* @__PURE__ */ x("div", { className: "flex items-center gap-1", children: [
+            o && /* @__PURE__ */ r(
+              j,
+              {
+                variant: "primary",
+                size: "sm",
+                onClick: function() {
+                  o(n);
+                },
+                leftIcon: /* @__PURE__ */ r(be, { className: "h-4 w-4" }),
+                "aria-label": `Download config.${n}`,
+                children: /* @__PURE__ */ x("span", { className: "hidden sm:inline", children: [
+                  "Download .",
+                  n
+                ] })
+              }
+            ),
+            /* @__PURE__ */ r(
+              j,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: function() {
+                  un(n === "yaml" ? e : t);
+                },
+                "aria-label": "Copy to clipboard",
+                className: "ivr-hover h-8 w-8",
+                style: { color: "var(--mieweb-muted-foreground)" },
+                children: /* @__PURE__ */ r(Be, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r(
+          tn,
+          {
+            height: "100%",
+            language: n,
+            value: n === "yaml" ? e : t,
+            onChange: function(u) {
+              a(u, n);
+            },
+            options: { minimap: { enabled: !1 }, fontSize: 14 }
+          },
+          n
+        )
+      ]
+    }
+  );
+}
+const Nn = [
+  { value: "string", label: "String" },
+  { value: "number", label: "Number" },
+  { value: "boolean", label: "Boolean" },
+  { value: "object", label: "Object" },
+  { value: "array", label: "Array" }
+], kn = [
+  { value: "string", label: "String" },
+  { value: "number", label: "Number" },
+  { value: "boolean", label: "Boolean" },
+  { value: "object", label: "Object" }
+], ve = /* @__PURE__ */ new Set(["string", "number"]);
+function ge({ value: e, onChange: t, size: n, ...i }) {
+  const [a, o] = E(e);
+  H(function() {
+    o(e);
+  }, [e]);
+  function u() {
+    if (a !== e) {
+      var s = t(a);
+      s === !1 && o(e);
+    }
+  }
+  function c(s) {
+    s.key === "Enter" && s.target.blur();
+  }
+  return /* @__PURE__ */ r(
+    Z,
+    {
+      ...i,
+      size: n || "sm",
+      value: a,
+      onChange: function(s) {
+        o(s.target.value);
+      },
+      onBlur: u,
+      onKeyDown: c
+    }
+  );
+}
+function ye({ values: e, onChange: t }) {
+  const [n, i] = E((e || []).join(", "));
+  H(function() {
+    i((e || []).join(", "));
+  }, [e]);
+  function a(o) {
+    var u = o.split(",").map(function(c) {
+      return c.trim();
+    }).filter(function(c) {
+      return c !== "";
+    });
+    t(u);
+  }
+  return /* @__PURE__ */ r(
+    Z,
+    {
+      size: "sm",
+      value: n,
+      onChange: function(o) {
+        i(o.target.value);
+      },
+      onBlur: function() {
+        a(n);
+      },
+      onKeyDown: function(o) {
+        o.key === "Enter" && o.target.blur();
+      },
+      placeholder: "e.g. dev, staging, prod"
+    }
+  );
+}
+function qn({ config: e, onConfigChange: t }) {
+  var A;
+  function n(d) {
+    var l = structuredClone(e);
+    d(l), t(l);
+  }
+  function i() {
+    n(function(d) {
+      d.tools || (d.tools = []);
+      for (var l = 1; d.tools.some(function(f) {
+        return f.name === "tool_" + l;
+      }); )
+        l++;
+      d.tools.push({
+        name: "tool_" + l,
+        description: "Description of the tool",
+        inputSchema: { type: "object", properties: {}, required: [] }
+      });
+    });
+  }
+  function a(d) {
+    n(function(l) {
+      l.tools.splice(d, 1);
+    });
+  }
+  function o(d, l, f) {
+    if (l === "name") {
+      var p = e.tools[d].name;
+      if (f !== p) {
+        var m = e.tools.some(function(g, _) {
+          return _ !== d && g.name === f;
+        });
+        if (m)
+          return alert('Tool name "' + f + '" already exists.'), !1;
+      }
+    }
+    return n(function(g) {
+      g.tools[d].name, g.tools[d][l] = f;
+    }), !0;
+  }
+  function u(d) {
+    n(function(l) {
+      var f = l.tools[d];
+      f.inputSchema || (f.inputSchema = { type: "object", properties: {}, required: [] }), f.inputSchema.properties || (f.inputSchema.properties = {});
+      for (var p = 1; f.inputSchema.properties["param_" + p]; )
+        p++;
+      f.inputSchema.properties["param_" + p] = {
+        type: "string",
+        description: "Parameter description"
+      };
+    });
+  }
+  function c(d, l, f, p) {
+    if (l !== f) {
+      var m = e.tools[d];
+      if (m.inputSchema.properties[f])
+        return alert('Parameter "' + f + '" already exists.'), !1;
+    }
+    return n(function(g) {
+      var _ = g.tools[d], L = _.inputSchema.properties;
+      if (l !== f) {
+        var z = {};
+        Object.keys(L).forEach(function(k) {
+          z[k === l ? f : k] = k === l ? p : L[k];
+        }), _.inputSchema.properties = z, _.inputSchema.required && _.inputSchema.required.includes(l) && (_.inputSchema.required = _.inputSchema.required.map(function(k) {
+          return k === l ? f : k;
+        }));
+      } else
+        L[l] = p;
+    }), !0;
+  }
+  function s(d, l) {
+    n(function(f) {
+      var p = f.tools[d];
+      delete p.inputSchema.properties[l], p.inputSchema.required && (p.inputSchema.required = p.inputSchema.required.filter(function(m) {
+        return m !== l;
+      }));
+    });
+  }
+  function w(d, l) {
+    n(function(f) {
+      var p = f.tools[d];
+      p.inputSchema.required || (p.inputSchema.required = []), p.inputSchema.required.includes(l) ? p.inputSchema.required = p.inputSchema.required.filter(function(m) {
+        return m !== l;
+      }) : p.inputSchema.required.push(l);
+    });
+  }
+  function T(d, l, f, p) {
+    var m = { type: p, description: f.description || "" };
+    f.default !== void 0 && (m.default = f.default), p === "array" && (m.items = f.items || { type: "string" }), ve.has(p) && f.enum && (m.enum = f.enum), c(d, l, l, m);
+  }
+  function v(d, l, f, p) {
+    c(d, l, l, {
+      ...f,
+      items: { type: p }
+    });
+  }
+  function b(d, l, f, p) {
+    var m = { ...f };
+    p ? m.enum = [] : delete m.enum, c(d, l, l, m);
+  }
+  function y(d, l, f, p) {
+    var m = { ...f, enum: p };
+    if (m.default !== void 0) {
+      var g = p.map(String);
+      g.includes(String(m.default)) || (m.default = p.length > 0 ? p[0] : void 0, m.default === void 0 && delete m.default);
+    }
+    c(d, l, l, m);
+  }
+  return /* @__PURE__ */ x("div", { className: "max-w-4xl mx-auto", children: [
+    /* @__PURE__ */ x("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", style: { color: "var(--mieweb-foreground)" }, children: "Tool Builder" }),
+      /* @__PURE__ */ r(
+        j,
+        {
+          variant: "primary",
+          size: "sm",
+          onClick: i,
+          leftIcon: /* @__PURE__ */ r(ue, { className: "h-4 w-4" }),
+          children: "Add Tool"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ x("div", { className: "space-y-4", children: [
+      (A = e.tools) == null ? void 0 : A.map(function(d, l) {
+        var f, p;
+        return /* @__PURE__ */ x(we, { padding: "md", className: "relative", children: [
+          /* @__PURE__ */ r(
+            j,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: function() {
+                a(l);
+              },
+              className: "absolute top-3 right-3 ivr-hover-destructive",
+              style: { color: "var(--mieweb-destructive)" },
+              "aria-label": "Remove tool",
+              children: /* @__PURE__ */ r(de, { className: "h-5 w-5" })
+            }
+          ),
+          /* @__PURE__ */ x("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", children: [
+            /* @__PURE__ */ r(
+              ge,
+              {
+                label: "Tool Name",
+                value: d.name,
+                onChange: function(m) {
+                  return o(l, "name", m);
+                },
+                size: "md"
+              }
+            ),
+            /* @__PURE__ */ r(
+              Z,
+              {
+                label: "Description",
+                size: "md",
+                value: d.description,
+                onChange: function(m) {
+                  o(l, "description", m.target.value);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ x("div", { className: "p-4 rounded-lg border", style: { background: "var(--mieweb-muted)", borderColor: "var(--mieweb-border)", borderRadius: "var(--mieweb-radius-lg, 0.75rem)" }, children: [
+            /* @__PURE__ */ x("div", { className: "flex justify-between items-center mb-3", children: [
+              /* @__PURE__ */ r("h4", { className: "font-medium text-sm", style: { color: "var(--mieweb-foreground)" }, children: "Input Schema Parameters" }),
+              /* @__PURE__ */ r(
+                j,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  onClick: function() {
+                    u(l);
+                  },
+                  leftIcon: /* @__PURE__ */ r(ue, { className: "h-3 w-3" }),
+                  children: "Add Parameter"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("div", { className: "space-y-2", children: ((f = d.inputSchema) == null ? void 0 : f.properties) && Object.entries(d.inputSchema.properties).map(function([m, g], _) {
+              var I, P, $;
+              var L = g.type === "array", z = ve.has(g.type), k = Array.isArray(g.enum);
+              return /* @__PURE__ */ x("div", { className: "rounded border p-2 space-y-2", style: { background: "var(--mieweb-card)", borderColor: "var(--mieweb-border)" }, children: [
+                /* @__PURE__ */ x("div", { className: "flex flex-col md:flex-row gap-2 items-start", children: [
+                  /* @__PURE__ */ r("div", { className: "w-full md:w-36 flex-shrink-0", children: /* @__PURE__ */ r(
+                    ge,
+                    {
+                      value: m,
+                      onChange: function(C) {
+                        return c(l, m, C, g);
+                      },
+                      placeholder: "Name",
+                      size: "sm"
+                    }
+                  ) }),
+                  /* @__PURE__ */ r("div", { className: "w-full md:w-28 flex-shrink-0", children: /* @__PURE__ */ r(
+                    te,
+                    {
+                      options: Nn,
+                      value: g.type,
+                      onValueChange: function(C) {
+                        T(l, m, g, C);
+                      },
+                      size: "sm"
+                    }
+                  ) }),
+                  L && /* @__PURE__ */ r("div", { className: "w-full md:w-32 flex-shrink-0", children: /* @__PURE__ */ r(
+                    te,
+                    {
+                      options: kn,
+                      value: ((I = g.items) == null ? void 0 : I.type) || "string",
+                      onValueChange: function(C) {
+                        v(l, m, g, C);
+                      },
+                      size: "sm"
+                    }
+                  ) }),
+                  /* @__PURE__ */ r("div", { className: "w-full flex-1", children: /* @__PURE__ */ r(
+                    Z,
+                    {
+                      size: "sm",
+                      value: g.description || "",
+                      onChange: function(C) {
+                        c(l, m, m, { ...g, description: C.target.value });
+                      },
+                      placeholder: "Description"
+                    }
+                  ) }),
+                  /* @__PURE__ */ x("div", { className: "flex items-center gap-3 flex-shrink-0 mt-1 md:mt-0", children: [
+                    /* @__PURE__ */ r(
+                      ie,
+                      {
+                        label: "Req",
+                        size: "sm",
+                        checked: (P = d.inputSchema.required) == null ? void 0 : P.includes(m),
+                        onChange: function() {
+                          w(l, m);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      ie,
+                      {
+                        label: "Default",
+                        size: "sm",
+                        checked: g.default !== void 0,
+                        onChange: function(C) {
+                          var J = { ...g };
+                          C.target.checked ? L ? J.default = [] : k && g.enum && g.enum.length > 0 ? J.default = g.enum[0] : J.default = "" : delete J.default, c(l, m, m, J);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      j,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: function() {
+                          s(l, m);
+                        },
+                        className: "ivr-hover-destructive h-8 w-8",
+                        style: { color: "var(--mieweb-destructive)" },
+                        "aria-label": "Remove parameter",
+                        children: /* @__PURE__ */ r(de, { className: "h-4 w-4" })
+                      }
+                    )
+                  ] })
+                ] }),
+                g.default !== void 0 && /* @__PURE__ */ x("div", { className: "flex gap-2 items-center pl-1", children: [
+                  /* @__PURE__ */ r("span", { className: "text-xs w-16 flex-shrink-0", style: { color: "var(--mieweb-muted-foreground)" }, children: "Default:" }),
+                  /* @__PURE__ */ r("div", { className: "flex-1", children: L ? /* @__PURE__ */ x("div", { className: "flex gap-2 items-center", children: [
+                    /* @__PURE__ */ r("div", { className: "flex-1", children: /* @__PURE__ */ r(
+                      ye,
+                      {
+                        values: Array.isArray(g.default) ? g.default : [],
+                        onChange: function(C) {
+                          c(l, m, m, { ...g, default: C });
+                        }
+                      }
+                    ) }),
+                    /* @__PURE__ */ r("span", { className: "text-xs whitespace-nowrap", style: { color: "var(--mieweb-muted-foreground)" }, children: "comma-separated" })
+                  ] }) : k && g.enum && g.enum.length > 0 ? (
+                    /* Enum active with values → dropdown constrained to enum */
+                    /* @__PURE__ */ r(
+                      te,
+                      {
+                        size: "sm",
+                        options: g.enum.map(function(C) {
+                          return { value: String(C), label: String(C) };
+                        }),
+                        value: String(g.default),
+                        onValueChange: function(C) {
+                          c(l, m, m, { ...g, default: C });
+                        }
+                      }
+                    )
+                  ) : k ? /* @__PURE__ */ r("span", { className: "text-xs italic", style: { color: "var(--mieweb-warning)" }, children: "Add enum values first to pick a default" }) : /* @__PURE__ */ r(
+                    Z,
+                    {
+                      size: "sm",
+                      value: g.default,
+                      onChange: function(C) {
+                        c(l, m, m, { ...g, default: C.target.value });
+                      },
+                      placeholder: "Default value"
+                    }
+                  ) })
+                ] }),
+                z && /* @__PURE__ */ x("div", { className: "flex flex-col gap-1 pl-1", children: [
+                  /* @__PURE__ */ r(
+                    ie,
+                    {
+                      label: "Enum — restrict to allowed values",
+                      size: "sm",
+                      checked: k,
+                      onChange: function(C) {
+                        b(l, m, g, C.target.checked);
+                      }
+                    }
+                  ),
+                  k && /* @__PURE__ */ x("div", { className: "flex gap-2 items-start pl-5", children: [
+                    /* @__PURE__ */ r("div", { className: "flex-1", children: /* @__PURE__ */ r(
+                      ye,
+                      {
+                        values: g.enum,
+                        onChange: function(C) {
+                          y(l, m, g, C);
+                        }
+                      }
+                    ) }),
+                    /* @__PURE__ */ r("span", { className: "text-xs mt-2 whitespace-nowrap", style: { color: "var(--mieweb-muted-foreground)" }, children: "comma-separated" })
+                  ] }),
+                  k && g.enum && g.enum.length > 0 && /* @__PURE__ */ r("div", { className: "pl-5 flex flex-wrap gap-1", children: g.enum.map(function(C) {
+                    return /* @__PURE__ */ r("span", { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium", style: { background: "var(--mieweb-primary-100, #b3e6f6)", color: "var(--mieweb-primary-700, #1786b3)" }, children: C }, C);
+                  }) })
+                ] }),
+                L && /* @__PURE__ */ x("div", { className: "pl-1 text-xs text-gray-500", children: [
+                  "Items type: ",
+                  /* @__PURE__ */ r("span", { className: "font-medium text-gray-700", children: (($ = g.items) == null ? void 0 : $.type) || "string" }),
+                  " ",
+                  "— the array selector above controls this"
+                ] })
+              ] }, _);
+            }) }),
+            (!((p = d.inputSchema) != null && p.properties) || Object.keys(d.inputSchema.properties).length === 0) && /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 italic", children: "No parameters defined." })
+          ] })
+        ] }, l);
+      }),
+      (!e.tools || e.tools.length === 0) && /* @__PURE__ */ r("div", { className: "text-center py-12 text-gray-500", children: "No custom tools defined. Click “Add Tool” to create one." })
+    ] })
+  ] });
+}
+function zn({
+  initialConfig: e,
+  schema: t,
+  onConfigChange: n,
+  onDownload: i,
+  onSubmit: a,
+  showEditor: o = !0
+}) {
+  const [u, c] = E(function() {
+    return e || xn(t || X);
+  }), [s, w] = E("form"), [T, v] = E("yaml"), [b, y] = E(""), [A, d] = E(""), [l, f] = E(t || X), [p, m] = E(!1), [g, _] = E(null), [L, z] = E(0);
+  H(function() {
+    if (!g) return;
+    const h = setTimeout(function() {
+      _(null);
+    }, 5e3);
+    return function() {
+      clearTimeout(h);
+    };
+  }, [g]);
+  const k = B(null), I = B(null), P = B(u);
+  P.current = u, H(function() {
+    try {
+      y(fe(u)), d(JSON.stringify(u, null, 2));
+    } catch (h) {
+      console.error("Error generating output", h);
+    }
+  }, [u]), H(function() {
+    try {
+      s === "editor" && (T === "yaml" ? y(fe(u)) : T === "json" && d(JSON.stringify(u, null, 2)));
+    } catch (h) {
+      console.error("Error resetting output on tab change", h);
+    }
+  }, [s, T, u]), H(function() {
+    n && n(u);
+  }, [u, n]);
+  function $(h) {
+    P.current = h, c(h);
+  }
+  function C(h) {
+    if (Array.isArray(h)) return h.map(C);
+    if (h !== null && typeof h == "object") {
+      var N = {};
+      for (var S of Object.keys(h))
+        N[S] = C(h[S]);
+      return N;
+    }
+    return h === null ? "" : h;
+  }
+  function J(h, N) {
+    try {
+      let S;
+      N === "yaml" ? (y(h), S = C(se.load(h))) : (d(h), S = JSON.parse(h)), S && typeof S == "object" && (f(function(F) {
+        return yn(u, S, F);
+      }), c(S), z(function(F) {
+        return F + 1;
+      }));
+    } catch {
+    }
+  }
+  function Ee(h) {
+    cn(u, b, i, h || "yaml", A);
+  }
+  const [M, je] = E(null);
+  H(function() {
+    p && !M && import("@mieweb/forms-editor").then(function(h) {
+      je(function() {
+        return h.QuestionnaireEditor;
+      });
+    });
+  }, [p, M]);
+  const Pe = W(function() {
+    var h;
+    (h = I.current) == null || h.call(I), f(function(N) {
+      return G(P.current, N);
+    }), m(!0);
+  }, []), Le = W(function() {
+    var h;
+    (h = I.current) == null || h.call(I), f(function(N) {
+      return z(function(S) {
+        return S + 1;
+      }), G(P.current, N);
+    }), m(!1);
+  }, []), Oe = /* @__PURE__ */ new Set(["text", "longtext", "dropdown", "check", "section"]);
+  function Re(h) {
+    let N = 0;
+    function S(U) {
+      return Array.isArray(U) ? U.reduce(function(V, D) {
+        return D.fieldType && !Oe.has(D.fieldType) ? (N++, V) : Array.isArray(D.fields) ? V.concat([{ ...D, fields: S(D.fields) }]) : V.concat([D]);
+      }, []) : U;
+    }
+    return { filtered: { ...h, fields: S(h.fields) }, removedCount: N };
+  }
+  const ze = W(function(h) {
+    const { filtered: N, removedCount: S } = Re(h);
+    S > 0 && _(
+      `${S} unsupported field type${S > 1 ? "s were" : " was"} removed. Only Text, Long Text, Dropdown, and Checkbox fields are supported.`
+    ), f(function(F) {
+      const U = bn(F, N, P.current);
+      return U.config !== P.current && c(U.config), N;
+    });
+  }, []), Fe = W(function() {
+    const h = new Blob([JSON.stringify(l, null, 2)], { type: "application/json" }), N = URL.createObjectURL(h), S = document.createElement("a");
+    S.href = N, S.download = (l.title || "form-schema").replace(/\s+/g, "-").toLowerCase() + ".json", document.body.appendChild(S), S.click(), document.body.removeChild(S), URL.revokeObjectURL(N);
+  }, [l]), Ve = W(function(h) {
+    var F;
+    const N = (F = h.target.files) == null ? void 0 : F[0];
+    if (!N) return;
+    const S = new FileReader();
+    S.onload = function(U) {
+      try {
+        const V = JSON.parse(U.target.result);
+        if (!V.fields || !Array.isArray(V.fields)) {
+          alert('Invalid schema file: missing "fields" array.');
+          return;
+        }
+        f(G(P.current, V)), z(function(D) {
+          return D + 1;
+        });
+      } catch (V) {
+        alert("Failed to parse schema file: " + V.message);
+      }
+    }, S.readAsText(N), h.target.value = "";
+  }, []), Ue = W(function() {
+    var h;
+    window.confirm("Reset the form to the default Agent schema? Any custom fields will be lost.") && ((h = I.current) == null || h.call(I), f(G(P.current, X)), z(function(N) {
+      return N + 1;
+    }));
+  }, []);
+  return /* @__PURE__ */ r("div", { className: "flex flex-col h-full", style: { fontFamily: "var(--mieweb-font-sans, inherit)" }, children: /* @__PURE__ */ x("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ r("div", { className: "shadow-sm border-b", style: { background: "var(--mieweb-card)", borderColor: "var(--mieweb-border)" }, children: /* @__PURE__ */ x("div", { className: "px-4 flex items-center justify-between gap-2 flex-wrap", children: [
+      /* @__PURE__ */ r(
+        Ze,
+        {
+          value: s,
+          onValueChange: function(h) {
+            w(h), m(!1);
+          },
+          variant: "underline",
+          children: /* @__PURE__ */ x(Xe, { className: "border-b-0", children: [
+            /* @__PURE__ */ x(re, { value: "form", className: "gap-2 px-3 py-3 text-sm", children: [
+              /* @__PURE__ */ r(He, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "Form Builder" })
+            ] }),
+            /* @__PURE__ */ x(re, { value: "tools", className: "gap-2 px-3 py-3 text-sm", children: [
+              /* @__PURE__ */ r(Je, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "Tool Builder" })
+            ] }),
+            o && /* @__PURE__ */ x(re, { value: "editor", className: "gap-2 px-3 py-3 text-sm", children: [
+              /* @__PURE__ */ r(We, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "Config Editor" })
+            ] })
+          ] })
+        }
+      ),
+      a && /* @__PURE__ */ r(
+        j,
+        {
+          variant: "primary",
+          size: "sm",
+          onClick: () => a(b),
+          leftIcon: /* @__PURE__ */ r(Ke, { className: "h-4 w-4" }),
+          className: "my-1 shrink-0",
+          children: /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "Submit" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ x("div", { className: "flex-1 overflow-auto p-4 md:p-6", children: [
+      /* @__PURE__ */ x("div", { style: { display: s === "form" && !p ? "" : "none" }, children: [
+        /* @__PURE__ */ x("div", { className: "max-w-6xl mx-auto mb-4 flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ r(
+            j,
+            {
+              variant: "primary",
+              size: "sm",
+              onClick: Pe,
+              leftIcon: /* @__PURE__ */ r(Ye, { className: "h-4 w-4" }),
+              children: "Customize Form"
+            }
+          ),
+          /* @__PURE__ */ x("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+            /* @__PURE__ */ r(
+              j,
+              {
+                variant: "primary",
+                size: "sm",
+                onClick: Fe,
+                leftIcon: /* @__PURE__ */ r(be, { className: "h-4 w-4" }),
+                title: "Export schema as JSON",
+                children: "Export"
+              }
+            ),
+            /* @__PURE__ */ r(
+              j,
+              {
+                variant: "primary",
+                size: "sm",
+                onClick: function() {
+                  var h;
+                  (h = k.current) == null || h.click();
+                },
+                leftIcon: /* @__PURE__ */ r($e, { className: "h-4 w-4" }),
+                title: "Import a schema JSON file",
+                children: "Import"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                ref: k,
+                type: "file",
+                accept: ".json",
+                className: "hidden",
+                onChange: Ve
+              }
+            ),
+            /* @__PURE__ */ r(
+              j,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: Ue,
+                leftIcon: /* @__PURE__ */ r(Qe, { className: "h-4 w-4" }),
+                style: { color: "var(--mieweb-destructive)" },
+                className: "ivr-hover-destructive",
+                title: "Reset to default Agent schema",
+                children: "Reset"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r(
+          Cn,
+          {
+            config: u,
+            schema: l,
+            onConfigChange: $,
+            syncRef: I
+          },
+          L
+        )
+      ] }),
+      s === "form" && p && /* @__PURE__ */ x("div", { className: "max-w-7xl mx-auto", children: [
+        /* @__PURE__ */ x("div", { className: "mb-4 flex items-center gap-3", children: [
+          /* @__PURE__ */ r(
+            j,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: Le,
+              leftIcon: /* @__PURE__ */ r(Ge, { className: "h-4 w-4" }),
+              children: "Back to Form"
+            }
+          ),
+          /* @__PURE__ */ x("span", { className: "text-sm", style: { color: "var(--mieweb-muted-foreground)" }, children: [
+            "Add, remove, or reorder fields. The field ",
+            /* @__PURE__ */ r("code", { className: "text-xs px-1 rounded", style: { background: "var(--mieweb-muted)", color: "var(--mieweb-foreground)" }, children: "ID" }),
+            " is used as the config key (dot-notation for nesting, e.g. ",
+            /* @__PURE__ */ r("code", { className: "text-xs px-1 rounded", style: { background: "var(--mieweb-muted)", color: "var(--mieweb-foreground)" }, children: "twilio.phoneNumber" }),
+            ")."
+          ] })
+        ] }),
+        g && /* @__PURE__ */ r(
+          Me,
+          {
+            variant: "warning",
+            dismissible: !0,
+            onDismiss: function() {
+              _(null);
+            },
+            className: "mb-3",
+            children: /* @__PURE__ */ r(en, { children: g })
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "rounded-lg shadow p-4 min-h-[600px]", style: { background: "var(--mieweb-card)", borderRadius: "var(--mieweb-radius-lg, 0.75rem)" }, children: M ? /* @__PURE__ */ r(
+          M,
+          {
+            initialFormData: l || void 0,
+            onChange: ze
+          }
+        ) : /* @__PURE__ */ r("div", { className: "flex items-center justify-center h-64", style: { color: "var(--mieweb-muted-foreground)" }, children: "Loading form editor..." }) })
+      ] }),
+      s === "editor" && o && /* @__PURE__ */ r(
+        Sn,
+        {
+          yamlOutput: b,
+          jsonOutput: A,
+          editorMode: T,
+          onEditorModeChange: v,
+          onEditorChange: J,
+          onDownload: Ee
+        }
+      ),
+      s === "tools" && /* @__PURE__ */ r(
+        qn,
+        {
+          config: u,
+          onConfigChange: $
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  zn as A,
+  Sn as C,
+  Cn as F,
+  qn as T,
+  fe as a,
+  un as b,
+  G as c,
+  X as d,
+  xn as e,
+  cn as f,
+  Tn as q,
+  sn as v,
+  Rn as y
+};