@infuro/cms-core 1.0.19 → 1.0.20

package/dist/admin.cjs

@@ -401,7 +401,7 @@ var defaultValue = {
 var AdminConfigContext = (0, import_react4.createContext)(defaultValue);
 
 // src/lib/cms-version.ts
-var CMS_VERSION = true ? "1.0.19" : "0.0.0";
+var CMS_VERSION = true ? "1.0.20" : "0.0.0";
 
 // src/components/Admin/Sidebar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -546,6 +546,10 @@ function AdminSidebar({ variant = "sidebar" }) {
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Shield, { className: `h-4 w-4 mr-2 ${isActive("/admin/roles") ? iconActive : iconInactive}` }),
             "Roles"
           ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/llm_agents", className: `${linkCls} ${isActive("/admin/llm_agents") ? linkActive : linkInactive}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Bot, { className: `h-4 w-4 mr-2 ${isActive("/admin/llm_agents") ? iconActive : iconInactive}` }),
+            "LLM agents"
+          ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/plugins", className: `${linkCls} ${isActive("/admin/plugins") ? linkActive : linkInactive}`, children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Puzzle, { className: `h-4 w-4 mr-2 ${isActive("/admin/plugins") ? iconActive : iconInactive}` }),
             "Plugins"
@@ -1404,7 +1408,9 @@ function CreateEditForm({ isOpen, onClose, apiEndpoint, columns, existingData })
     if (existingData) {
       setFormData(existingData);
     } else {
-      setFormData(columns.reduce((acc, col) => ({ ...acc, [col.field]: col.defaultValue || "" }), {}));
+      setFormData(
+        columns.filter((col) => !col.hideInForm).reduce((acc, col) => ({ ...acc, [col.field]: col.defaultValue || "" }), {})
+      );
     }
   }, [existingData, columns]);
   const handleChange = (e, field) => {
@@ -1418,7 +1424,7 @@ function CreateEditForm({ isOpen, onClose, apiEndpoint, columns, existingData })
   };
   const validateForm = () => {
     let newErrors = {};
-    columns.forEach((col) => {
+    columns.filter((col) => !col.hideInForm).forEach((col) => {
       if (col.validation?.required && !formData[col.field]) {
         newErrors[col.field] = `${col.displayName} is required`;
       }
@@ -1458,7 +1464,7 @@ Note: ${result.note}`);
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, className: "h-8 w-8", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.X, { className: "h-5 w-5" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 min-h-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-4", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-4", children: columns.filter((col) => !col.hideInForm).map((col) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Label3, { className: "block text-sm font-medium mb-1", children: col.displayName }),
         col.relationApi ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           RelationAutocomplete,
@@ -1470,10 +1476,35 @@ Note: ${result.note}`);
             valueField: col.relationValueField ?? "id",
             placeholder: `Select ${col.displayName}`
           }
-        ) : col.type === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Textarea, { value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Select, { onValueChange: (value) => setFormData({ ...formData, [col.field]: value }), children: [
+        ) : col.type === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          Textarea,
+          {
+            rows: typeof col.textareaRows === "number" ? col.textareaRows : 4,
+            className: "min-h-[80px] font-mono text-sm",
+            value: formData[col.field] ?? "",
+            onChange: (e) => handleChange(e, col.field),
+            placeholder: col.placeholder
+          }
+        ) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Select, { onValueChange: (value) => setFormData({ ...formData, [col.field]: value }), children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: formData[col.field] || "Select an option" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { children: col.options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: option.value, children: option.label }, option.value)) })
-        ] }) : col.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Switch, { checked: formData[col.field] || false, onCheckedChange: () => handleToggleChange(col.field) }) : col.type === "date" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { type: "date", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "password" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { type: "password", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "number" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { type: "number", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "file" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FileUpload, { onUploadSuccess: (url) => handleFileUpload(col.field, url) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { type: col.type || "text", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }),
+        ] }) : col.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Switch, { checked: formData[col.field] || false, onCheckedChange: () => handleToggleChange(col.field) }) : col.type === "date" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { type: "date", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "password" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Input, { type: "password", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "number" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          Input,
+          {
+            type: "number",
+            placeholder: col.placeholder,
+            value: formData[col.field] ?? "",
+            onChange: (e) => handleChange(e, col.field)
+          }
+        ) : col.type === "file" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FileUpload, { onUploadSuccess: (url) => handleFileUpload(col.field, url) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          Input,
+          {
+            type: col.type || "text",
+            placeholder: col.placeholder,
+            value: formData[col.field] ?? "",
+            onChange: (e) => handleChange(e, col.field)
+          }
+        ),
         errors[col.field] && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-red-500 text-sm mt-1", children: errors[col.field] })
       ] }, col.field)) }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2 p-4 border-t border-gray-200 shrink-0 bg-white", children: [
@@ -2076,6 +2107,10 @@ function AdminCRUD({
   const hasLoadedRef = (0, import_react13.useRef)(false);
   const isMobile = useIsMobile();
   const showGroupColumn = !!manageUserGroups && roleOptions.length > 0;
+  const listColumns = (0, import_react13.useMemo)(
+    () => Array.isArray(columns) ? columns.filter((c) => !c.hideInTable) : [],
+    [columns]
+  );
   (0, import_react13.useEffect)(() => {
     const timeoutId = setTimeout(() => {
       if (searchInput !== searchQuery) {
@@ -2526,7 +2561,7 @@ function AdminCRUD({
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ml-2", children: "Refreshing list..." })
       ] }),
       isMobile ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col gap-2 min-w-0", children: data && data.length > 0 ? data.map((item, index) => {
-        const displayCols = columns?.slice(0, 4) ?? [];
+        const displayCols = listColumns?.slice(0, 4) ?? [];
         const primary = displayCols[0];
         const primaryVal = primary ? getNestedValue(item, primary.field || primary.key) : null;
         return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -2600,7 +2635,7 @@ function AdminCRUD({
         );
       }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "rounded-md border border-gray-200 p-6 text-center text-gray-500", children: "No data found" }) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "overflow-x-auto min-w-0 rounded-md border border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Table, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TableRow, { children: [
-          columns && columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          listColumns && listColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             TableHead,
             {
               className: "cursor-pointer",
@@ -2622,7 +2657,7 @@ function AdminCRUD({
             className: "cursor-pointer",
             onClick: () => handleRowClick(item),
             children: [
-              columns && columns.map((col, colIndex) => {
+              listColumns && listColumns.map((col, colIndex) => {
                 const fieldKey = col.field || col.key;
                 const value = getNestedValue(item, fieldKey);
                 return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { children: formatCellValue(value, col) }, `${item.id}-${colIndex}-${fieldKey}`);
@@ -2706,7 +2741,7 @@ function AdminCRUD({
         )) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           TableCell,
           {
-            colSpan: columns ? columns.length + 1 + (showGroupColumn ? 1 : 0) : 1,
+            colSpan: listColumns.length ? listColumns.length + 1 + (showGroupColumn ? 1 : 0) : 1,
             className: "text-center py-8",
             children: "No data found"
           }
@@ -9270,6 +9305,10 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 // src/admin/pages/PluginsPage.tsx
 var import_sonner7 = require("sonner");
 var import_jsx_runtime56 = require("react/jsx-runtime");
+function slugifyAgentKey(name) {
+  const s = name.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 64);
+  return s || "agent";
+}
 function normalizeChatMode(raw) {
   if (raw === "external" || raw === "llm") return raw;
   return "whatsapp";
@@ -9429,6 +9468,25 @@ function PluginSettingsPanel({
   const [chatMode, setChatMode] = (0, import_react41.useState)("whatsapp");
   const [whatsappPhone, setWhatsappPhone] = (0, import_react41.useState)("");
   const [externalChatSnippet, setExternalChatSnippet] = (0, import_react41.useState)("");
+  const [attachedAgentSlug, setAttachedAgentSlug] = (0, import_react41.useState)("");
+  const [llmAgents, setLlmAgents] = (0, import_react41.useState)([]);
+  const [agentId, setAgentId] = (0, import_react41.useState)(null);
+  const [agentName, setAgentName] = (0, import_react41.useState)("");
+  const [agentSlug, setAgentSlug] = (0, import_react41.useState)("");
+  const [agentSystem, setAgentSystem] = (0, import_react41.useState)("");
+  const [agentModel, setAgentModel] = (0, import_react41.useState)("");
+  const [agentTemp, setAgentTemp] = (0, import_react41.useState)("");
+  const [agentMaxTokens, setAgentMaxTokens] = (0, import_react41.useState)("");
+  const [agentValidationJson, setAgentValidationJson] = (0, import_react41.useState)("");
+  const [agentLoading, setAgentLoading] = (0, import_react41.useState)(false);
+  const [agentSaving, setAgentSaving] = (0, import_react41.useState)(false);
+  const [kbCatalog, setKbCatalog] = (0, import_react41.useState)([]);
+  const [attachedAgentKnowledge, setAttachedAgentKnowledge] = (0, import_react41.useState)([]);
+  const [attachedKbLoading, setAttachedKbLoading] = (0, import_react41.useState)(false);
+  const [attachExistingDocId, setAttachExistingDocId] = (0, import_react41.useState)("__none__");
+  const [uploadingAttachedKbFile, setUploadingAttachedKbFile] = (0, import_react41.useState)(false);
+  const [uploadingAttachedKbLink, setUploadingAttachedKbLink] = (0, import_react41.useState)(false);
+  const [attachedKbInputKey, setAttachedKbInputKey] = (0, import_react41.useState)(0);
   const [erpPipelineName, setErpPipelineName] = (0, import_react41.useState)("");
   const [erpPipelineStageName, setErpPipelineStageName] = (0, import_react41.useState)("");
   const [erpFormsCatalog, setErpFormsCatalog] = (0, import_react41.useState)([]);
@@ -9452,6 +9510,7 @@ function PluginSettingsPanel({
         setIconImageUrl(data.iconImageUrl ?? "");
         setIconBackgroundColor(data.iconBackgroundColor ?? "#6366f1");
         setHeaderColor(data.headerColor ?? "#6366f1");
+        setAttachedAgentSlug(data.attachedAgentSlug ?? "");
       }
       if (isErp) {
         setErpPipelineName(data.pipelineName ?? data.pipelineId ?? "");
@@ -9506,6 +9565,116 @@ function PluginSettingsPanel({
       setErpFormsCatalog(rows);
     }).catch(() => setErpFormsCatalog([]));
   }, [isErp, loading]);
+  const fetchLlmAgents = (0, import_react41.useCallback)(async () => {
+    const res = await fetch("/api/llm_agents?limit=100&sortField=name&sortOrder=asc");
+    if (!res.ok) {
+      setLlmAgents([]);
+      return;
+    }
+    const j = await res.json();
+    const list = (j.data ?? []).map((r) => ({
+      id: r.id,
+      name: String(r.name ?? ""),
+      slug: String(r.slug ?? ""),
+      enabled: r.enabled !== false
+    }));
+    setLlmAgents(list);
+    const pick = list.find((a) => a.enabled) ?? list[0];
+    const fullRow = (j.data ?? []).find((r) => r.id === pick?.id);
+    if (pick && fullRow) {
+      setAgentId(pick.id);
+      setAgentName(pick.name);
+      setAgentSlug(pick.slug);
+      setAgentSystem(String(fullRow.systemInstruction ?? ""));
+      setAgentModel(String(fullRow.model ?? ""));
+      setAgentTemp(fullRow.temperature != null ? String(fullRow.temperature) : "");
+      setAgentMaxTokens(fullRow.maxTokens != null ? String(fullRow.maxTokens) : "");
+      setAgentValidationJson(String(fullRow.validationRules ?? ""));
+      setAttachedAgentSlug(pick.slug);
+    }
+  }, []);
+  const fetchKbCatalog = (0, import_react41.useCallback)(async () => {
+    try {
+      const res = await fetch("/api/knowledge_base_documents?limit=300&sortField=name&sortOrder=asc");
+      if (!res.ok) {
+        setKbCatalog([]);
+        return;
+      }
+      const j = await res.json();
+      setKbCatalog(
+        (j.data ?? []).map((r) => ({
+          id: typeof r.id === "number" ? r.id : Number(r.id),
+          name: String(r.name ?? "")
+        })).filter((r) => Number.isInteger(r.id) && r.id > 0)
+      );
+    } catch {
+      setKbCatalog([]);
+    }
+  }, []);
+  const fetchAttachedKnowledge = (0, import_react41.useCallback)(async (slug) => {
+    if (!slug.trim()) {
+      setAttachedAgentKnowledge([]);
+      return;
+    }
+    setAttachedKbLoading(true);
+    try {
+      const res = await fetch(`/api/llm_agents/${encodeURIComponent(slug.trim())}/knowledge`);
+      if (!res.ok) {
+        setAttachedAgentKnowledge([]);
+        return;
+      }
+      const j = await res.json();
+      setAttachedAgentKnowledge(
+        (j.documents ?? []).map((d) => ({
+          id: typeof d.id === "number" ? d.id : Number(d.id),
+          name: String(d.name ?? "")
+        }))
+      );
+    } catch {
+      setAttachedAgentKnowledge([]);
+    } finally {
+      setAttachedKbLoading(false);
+    }
+  }, []);
+  (0, import_react41.useEffect)(() => {
+    if (!isLlm || loading || chatMode !== "llm") return;
+    setAgentLoading(true);
+    void (async () => {
+      try {
+        await fetchLlmAgents();
+        const listRes = await fetch("/api/llm_agents?limit=1");
+        const listJ = listRes.ok ? await listRes.json() : { data: [] };
+        if (!listJ.data?.length) {
+          const defaultName = botName.trim() || "Assistant";
+          const defaultSlug = slugifyAgentKey(defaultName);
+          const createRes = await fetch("/api/llm_agents", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ name: defaultName, slug: defaultSlug, systemInstruction: "", enabled: true })
+          });
+          if (createRes.ok) {
+            await fetchLlmAgents();
+          }
+        }
+      } finally {
+        setAgentLoading(false);
+      }
+    })();
+  }, [isLlm, loading, chatMode]);
+  (0, import_react41.useEffect)(() => {
+    if (!isLlm || loading || chatMode !== "llm") return;
+    void fetchKbCatalog();
+  }, [isLlm, loading, chatMode, fetchKbCatalog]);
+  (0, import_react41.useEffect)(() => {
+    if (!isLlm || loading || chatMode !== "llm" || !attachedAgentSlug.trim()) {
+      setAttachedAgentKnowledge([]);
+      return;
+    }
+    void fetchAttachedKnowledge(attachedAgentSlug);
+  }, [isLlm, loading, chatMode, attachedAgentSlug, fetchAttachedKnowledge]);
+  (0, import_react41.useEffect)(() => {
+    setAttachExistingDocId("__none__");
+  }, [attachedAgentSlug]);
   const buildPayload = () => {
     if (isErp) {
       const sortedIds = [...new Set(erpOpportunityFormIds.filter((n) => Number.isInteger(n) && n > 0))].sort(
@@ -9540,6 +9709,7 @@ function PluginSettingsPanel({
       payload.iconImageUrl = { value: iconImageUrl, type: "public" };
       payload.iconBackgroundColor = { value: iconBackgroundColor, type: "public" };
       payload.headerColor = { value: headerColor, type: "public" };
+      payload.attachedAgentSlug = { value: attachedAgentSlug.trim(), type: "public" };
     }
     if (isEmail) {
       payload.salesTeamEmails = { value: serializeEmailRecipients(salesTeamEmails), type: "public" };
@@ -9555,6 +9725,56 @@ function PluginSettingsPanel({
     }
     return payload;
   };
+  const handleSaveAgent = async () => {
+    if (!agentId) {
+      import_sonner7.toast.error("No agent to save");
+      return;
+    }
+    const name = agentName.trim();
+    if (!name) {
+      import_sonner7.toast.error("Agent name is required");
+      return;
+    }
+    const tempRaw = agentTemp.trim();
+    const maxRaw = agentMaxTokens.trim();
+    const temperature = tempRaw === "" ? null : Number(tempRaw);
+    const maxTokens = maxRaw === "" ? null : parseInt(maxRaw, 10);
+    if (tempRaw !== "" && !Number.isFinite(temperature)) {
+      import_sonner7.toast.error("Temperature must be a number");
+      return;
+    }
+    if (maxRaw !== "" && (!Number.isFinite(maxTokens) || maxTokens < 1)) {
+      import_sonner7.toast.error("Max tokens must be a positive integer");
+      return;
+    }
+    setAgentSaving(true);
+    try {
+      const res = await fetch(`/api/llm_agents/${agentId}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name,
+          systemInstruction: agentSystem.trim(),
+          model: agentModel.trim() || null,
+          temperature,
+          maxTokens,
+          validationRules: agentValidationJson.trim() || null,
+          enabled: true
+        })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        import_sonner7.toast.error(err.error || "Failed to update agent");
+        return;
+      }
+      setAttachedAgentSlug(agentSlug);
+      import_sonner7.toast.success("Agent saved");
+    } catch {
+      import_sonner7.toast.error("Failed to update agent");
+    } finally {
+      setAgentSaving(false);
+    }
+  };
   const handleSave = async () => {
     setSaving(true);
     try {
@@ -9588,6 +9808,78 @@ function PluginSettingsPanel({
       setSaving(false);
     }
   };
+  const uploadKbFileToAttached = async (file) => {
+    const slug = agentSlug.trim() || attachedAgentSlug.trim();
+    if (!slug) {
+      import_sonner7.toast.error("No agent configured");
+      return;
+    }
+    setUploadingAttachedKbFile(true);
+    try {
+      const fd = new FormData();
+      const stem = file.name.replace(/\.[^/.]+$/, "").trim() || "Upload";
+      fd.append("name", stem);
+      fd.append("file", file);
+      const r = await fetch(`/api/llm_agents/${encodeURIComponent(slug)}/knowledge`, { method: "POST", body: fd });
+      if (!r.ok) {
+        const err = await r.json().catch(() => ({}));
+        import_sonner7.toast.error(err.error || "Upload failed");
+        return;
+      }
+      import_sonner7.toast.success("Knowledge added and linked");
+      setAttachedKbInputKey((k) => k + 1);
+      await fetchAttachedKnowledge(slug);
+      await fetchKbCatalog();
+    } finally {
+      setUploadingAttachedKbFile(false);
+    }
+  };
+  const onAttachedKbFileChange = (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const slug = agentSlug.trim() || attachedAgentSlug.trim();
+    if (!slug) {
+      import_sonner7.toast.error("No agent configured");
+      e.target.value = "";
+      return;
+    }
+    void uploadKbFileToAttached(file);
+  };
+  const handleAttachExistingToAttached = async () => {
+    const slug = agentSlug.trim() || attachedAgentSlug.trim();
+    if (!slug || attachExistingDocId === "__none__") return;
+    const docId = parseInt(attachExistingDocId, 10);
+    if (!Number.isFinite(docId)) return;
+    setUploadingAttachedKbLink(true);
+    try {
+      const r = await fetch(`/api/llm_agents/${encodeURIComponent(slug)}/knowledge`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ documentId: docId })
+      });
+      if (!r.ok) {
+        const err = await r.json().catch(() => ({}));
+        import_sonner7.toast.error(err.error || "Attach failed");
+        return;
+      }
+      import_sonner7.toast.success("Document attached");
+      setAttachExistingDocId("__none__");
+      await fetchAttachedKnowledge(slug);
+    } finally {
+      setUploadingAttachedKbLink(false);
+    }
+  };
+  const handleUnlinkKbDoc = async (docId) => {
+    const slug = agentSlug.trim() || attachedAgentSlug.trim();
+    if (!slug) return;
+    const r = await fetch(`/api/llm_agents/${encodeURIComponent(slug)}/knowledge/${docId}`, { method: "DELETE" });
+    if (!r.ok) {
+      import_sonner7.toast.error("Could not remove link");
+      return;
+    }
+    import_sonner7.toast.success("Removed from agent");
+    await fetchAttachedKnowledge(slug);
+  };
   if (loading) return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Loading..." });
   if (isErp) {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-4", children: [
@@ -10029,8 +10321,206 @@ function PluginSettingsPanel({
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Only paste code from sources you trust." })
       ] }),
       chatMode === "llm" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50/80 dark:bg-gray-800/40 p-3 space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-900 dark:text-white", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Bot, { className: "h-4 w-4" }),
+            "Chat assistant agent"
+          ] }),
+          agentLoading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Loader2, { className: "h-4 w-4 animate-spin" }),
+            "Loading agent\u2026"
+          ] }) : !agentId ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "No agent found. Save settings to auto-create one." }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-name", className: "text-sm", children: "Name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Input,
+                {
+                  id: "agent-name",
+                  value: agentName,
+                  onChange: (e) => setAgentName(e.target.value),
+                  placeholder: "e.g. Sales assistant",
+                  className: "h-8 text-sm"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-slug", className: "text-sm", children: "Slug" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Input,
+                {
+                  id: "agent-slug",
+                  value: agentSlug,
+                  disabled: true,
+                  className: "h-8 text-sm font-mono bg-gray-100 dark:bg-gray-700"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-[11px] text-gray-500", children: "Auto-generated. Used in API routes." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-system", className: "text-sm", children: "System instruction" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Textarea,
+                {
+                  id: "agent-system",
+                  value: agentSystem,
+                  onChange: (e) => setAgentSystem(e.target.value),
+                  rows: 5,
+                  placeholder: "How the model should behave\u2026",
+                  className: "text-sm"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-model", className: "text-sm", children: "Model (optional)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  Input,
+                  {
+                    id: "agent-model",
+                    value: agentModel,
+                    onChange: (e) => setAgentModel(e.target.value),
+                    placeholder: "Gateway model id",
+                    className: "h-8 text-sm font-mono"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-temp", className: "text-sm", children: "Temperature" }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  Input,
+                  {
+                    id: "agent-temp",
+                    value: agentTemp,
+                    onChange: (e) => setAgentTemp(e.target.value),
+                    placeholder: "e.g. 0.7",
+                    className: "h-8 text-sm"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-max", className: "text-sm", children: "Max tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Input,
+                {
+                  id: "agent-max",
+                  value: agentMaxTokens,
+                  onChange: (e) => setAgentMaxTokens(e.target.value.replace(/\D/g, "")),
+                  placeholder: "e.g. 1024",
+                  className: "h-8 text-sm"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: "agent-validation", className: "text-sm", children: "Validation & output guardrails" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Textarea,
+                {
+                  id: "agent-validation",
+                  value: agentValidationJson,
+                  onChange: (e) => setAgentValidationJson(e.target.value),
+                  rows: 4,
+                  placeholder: 'Plain text or JSON: {"guardrails":"Never promise refunds.","maxUserChars":2000}',
+                  className: "text-xs font-mono"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                className: "gap-1",
+                disabled: agentSaving,
+                onClick: () => void handleSaveAgent(),
+                children: agentSaving ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+                  "Saving\u2026"
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Save, { className: "h-3.5 w-3.5" }),
+                  "Save agent"
+                ] })
+              }
+            )
+          ] }),
+          agentId && agentSlug.trim() ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "rounded-md border border-dashed border-gray-300 dark:border-gray-600 bg-white/60 dark:bg-gray-900/30 p-3 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2 text-xs font-medium text-gray-800 dark:text-gray-200", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.FileUp, { className: "h-3.5 w-3.5 shrink-0" }),
+              "Knowledge for this agent"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Upload text (.txt, .md, .json) or PDF (.pdf), or link documents already in the knowledge base." }),
+            attachedKbLoading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Loading linked documents\u2026" }) : attachedAgentKnowledge.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "No documents linked yet." }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: "max-h-32 space-y-1.5 overflow-y-auto", children: attachedAgentKnowledge.map((d) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("li", { className: "flex items-center justify-between gap-2 text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "min-w-0 truncate", title: d.name, children: d.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-7 shrink-0 text-xs text-red-600 hover:text-red-700 dark:text-red-400",
+                  onClick: () => void handleUnlinkKbDoc(d.id),
+                  children: "Remove"
+                }
+              )
+            ] }, d.id)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-[180px] space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { className: "text-xs", children: "Upload file" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  Input,
+                  {
+                    type: "file",
+                    accept: ".txt,.md,.json,.pdf,text/plain,text/markdown,application/json,application/pdf",
+                    disabled: uploadingAttachedKbFile || uploadingAttachedKbLink,
+                    className: "h-8 cursor-pointer text-xs disabled:opacity-60",
+                    onChange: onAttachedKbFileChange
+                  },
+                  attachedKbInputKey
+                ),
+                uploadingAttachedKbFile ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                  "div",
+                  {
+                    className: "pointer-events-none absolute inset-0 flex items-center justify-center gap-2 rounded-md bg-background/85 text-xs font-medium text-gray-700 dark:text-gray-200",
+                    "aria-live": "polite",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Loader2, { className: "h-4 w-4 shrink-0 animate-spin" }),
+                      "Saving & linking\u2026"
+                    ]
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-[11px] text-gray-500 dark:text-gray-400", children: "Pick a file to upload immediately (chunking, embeddings if configured, then link to this agent)." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-wrap items-end gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-[200px] flex-1 space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { className: "text-xs", children: "Attach existing document" }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Select, { value: attachExistingDocId, onValueChange: setAttachExistingDocId, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectValue, { placeholder: "Choose a document" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectContent, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: "__none__", children: "\u2014 Select \u2014" }),
+                    kbCatalog.filter((d) => !attachedAgentKnowledge.some((a) => a.id === d.id)).map((d) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItem, { value: String(d.id), children: d.name }, d.id))
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: "h-8",
+                  disabled: uploadingAttachedKbFile || uploadingAttachedKbLink || attachExistingDocId === "__none__",
+                  onClick: () => void handleAttachExistingToAttached(),
+                  children: uploadingAttachedKbLink ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+                    "Linking\u2026"
+                  ] }) : "Attach"
+                }
+              )
+            ] })
+          ] }) : null
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: `${settingsGroup}-botName`, className: "text-sm", children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label3, { htmlFor: `${settingsGroup}-botName`, className: "text-sm", children: "Widget title" }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             Input,
             {
@@ -12366,6 +12856,39 @@ var CRUD_CONFIGS = {
       { field: "createdAt", displayName: "Created", type: "date" }
     ],
     addEditPageUrl: ""
+  },
+  llm_agents: {
+    title: "LLM agents",
+    apiEndpoint: "/api/llm_agents",
+    defaultSortField: "name",
+    defaultSortOrder: "asc",
+    columns: [
+      { field: "name", displayName: "Name" },
+      { field: "slug", displayName: "Slug" },
+      {
+        field: "systemInstruction",
+        displayName: "System instruction",
+        type: "textarea",
+        hideInTable: true,
+        textareaRows: 10,
+        placeholder: "How the model should behave for this agent (sent as system prompt to the LLM)."
+      },
+      { field: "model", displayName: "Model", placeholder: "Optional gateway model id" },
+      { field: "temperature", displayName: "Temperature", type: "number" },
+      { field: "maxTokens", displayName: "Max tokens", type: "number" },
+      {
+        field: "validationRules",
+        displayName: "Validation & output guardrails",
+        type: "textarea",
+        hideInTable: true,
+        textareaRows: 8,
+        placeholder: "Plain text: rules appended to the system prompt. Or JSON: guardrails, maxUserChars, blockedSubstrings, etc."
+      },
+      { field: "enabled", displayName: "Enabled", type: "boolean" },
+      { field: "createdAt", displayName: "Created", type: "date", hideInForm: true },
+      { field: "updatedAt", displayName: "Updated", type: "datetime", hideInForm: true }
+    ],
+    addEditPageUrl: ""
   }
 };
 function BlogEditorWrapper({ blogId }) {