@infuro/cms-core 1.0.19 → 1.0.21

package/dist/admin.js

@@ -351,7 +351,7 @@ var defaultValue = {
 var AdminConfigContext = createContext(defaultValue);
 
 // src/lib/cms-version.ts
-var CMS_VERSION = true ? "1.0.19" : "0.0.0";
+var CMS_VERSION = true ? "1.0.21" : "0.0.0";
 
 // src/components/Admin/Sidebar.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -880,7 +880,7 @@ function AdminShell({ children }) {
 }
 
 // src/components/Admin/CRUD.tsx
-import { useEffect as useEffect6, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef3, useState as useState8 } from "react";
 
 // src/components/Admin/CreateEditForm.tsx
 import { useState as useState6, useEffect as useEffect4 } from "react";
@@ -1363,7 +1363,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) => {
@@ -1377,7 +1379,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`;
       }
@@ -1417,7 +1419,7 @@ Note: ${result.note}`);
       /* @__PURE__ */ jsx17(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, className: "h-8 w-8", "aria-label": "Close", children: /* @__PURE__ */ jsx17(X2, { className: "h-5 w-5" }) })
     ] }),
     /* @__PURE__ */ jsxs11("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsx17("div", { className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-4", children: columns.map((col) => /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx17("div", { className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-4", children: columns.filter((col) => !col.hideInForm).map((col) => /* @__PURE__ */ jsxs11("div", { children: [
         /* @__PURE__ */ jsx17(Label3, { className: "block text-sm font-medium mb-1", children: col.displayName }),
         col.relationApi ? /* @__PURE__ */ jsx17(
           RelationAutocomplete,
@@ -1429,10 +1431,35 @@ Note: ${result.note}`);
             valueField: col.relationValueField ?? "id",
             placeholder: `Select ${col.displayName}`
           }
-        ) : col.type === "textarea" ? /* @__PURE__ */ jsx17(Textarea, { value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "select" ? /* @__PURE__ */ jsxs11(Select, { onValueChange: (value) => setFormData({ ...formData, [col.field]: value }), children: [
+        ) : col.type === "textarea" ? /* @__PURE__ */ jsx17(
+          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__ */ jsxs11(Select, { onValueChange: (value) => setFormData({ ...formData, [col.field]: value }), children: [
           /* @__PURE__ */ jsx17(SelectTrigger, { children: /* @__PURE__ */ jsx17(SelectValue, { placeholder: formData[col.field] || "Select an option" }) }),
           /* @__PURE__ */ jsx17(SelectContent, { children: col.options?.map((option) => /* @__PURE__ */ jsx17(SelectItem, { value: option.value, children: option.label }, option.value)) })
-        ] }) : col.type === "boolean" ? /* @__PURE__ */ jsx17(Switch, { checked: formData[col.field] || false, onCheckedChange: () => handleToggleChange(col.field) }) : col.type === "date" ? /* @__PURE__ */ jsx17(Input, { type: "date", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "password" ? /* @__PURE__ */ jsx17(Input, { type: "password", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "number" ? /* @__PURE__ */ jsx17(Input, { type: "number", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "file" ? /* @__PURE__ */ jsx17(FileUpload, { onUploadSuccess: (url) => handleFileUpload(col.field, url) }) : /* @__PURE__ */ jsx17(Input, { type: col.type || "text", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }),
+        ] }) : col.type === "boolean" ? /* @__PURE__ */ jsx17(Switch, { checked: formData[col.field] || false, onCheckedChange: () => handleToggleChange(col.field) }) : col.type === "date" ? /* @__PURE__ */ jsx17(Input, { type: "date", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "password" ? /* @__PURE__ */ jsx17(Input, { type: "password", value: formData[col.field] || "", onChange: (e) => handleChange(e, col.field) }) : col.type === "number" ? /* @__PURE__ */ jsx17(
+          Input,
+          {
+            type: "number",
+            placeholder: col.placeholder,
+            value: formData[col.field] ?? "",
+            onChange: (e) => handleChange(e, col.field)
+          }
+        ) : col.type === "file" ? /* @__PURE__ */ jsx17(FileUpload, { onUploadSuccess: (url) => handleFileUpload(col.field, url) }) : /* @__PURE__ */ jsx17(
+          Input,
+          {
+            type: col.type || "text",
+            placeholder: col.placeholder,
+            value: formData[col.field] ?? "",
+            onChange: (e) => handleChange(e, col.field)
+          }
+        ),
         errors[col.field] && /* @__PURE__ */ jsx17("p", { className: "text-red-500 text-sm mt-1", children: errors[col.field] })
       ] }, col.field)) }),
       /* @__PURE__ */ jsxs11("div", { className: "flex gap-2 p-4 border-t border-gray-200 shrink-0 bg-white", children: [
@@ -2035,6 +2062,10 @@ function AdminCRUD({
   const hasLoadedRef = useRef3(false);
   const isMobile = useIsMobile();
   const showGroupColumn = !!manageUserGroups && roleOptions.length > 0;
+  const listColumns = useMemo2(
+    () => Array.isArray(columns) ? columns.filter((c) => !c.hideInTable) : [],
+    [columns]
+  );
   useEffect6(() => {
     const timeoutId = setTimeout(() => {
       if (searchInput !== searchQuery) {
@@ -2485,7 +2516,7 @@ function AdminCRUD({
         /* @__PURE__ */ jsx22("span", { className: "ml-2", children: "Refreshing list..." })
       ] }),
       isMobile ? /* @__PURE__ */ jsx22("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__ */ jsxs15(
@@ -2559,7 +2590,7 @@ function AdminCRUD({
         );
       }) : /* @__PURE__ */ jsx22("div", { className: "rounded-md border border-gray-200 p-6 text-center text-gray-500", children: "No data found" }) }) : /* @__PURE__ */ jsx22("div", { className: "overflow-x-auto min-w-0 rounded-md border border-gray-200", children: /* @__PURE__ */ jsxs15(Table, { children: [
         /* @__PURE__ */ jsx22(TableHeader, { children: /* @__PURE__ */ jsxs15(TableRow, { children: [
-          columns && columns.map((col) => /* @__PURE__ */ jsxs15(
+          listColumns && listColumns.map((col) => /* @__PURE__ */ jsxs15(
             TableHead,
             {
               className: "cursor-pointer",
@@ -2581,7 +2612,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__ */ jsx22(TableCell, { children: formatCellValue(value, col) }, `${item.id}-${colIndex}-${fieldKey}`);
@@ -2665,7 +2696,7 @@ function AdminCRUD({
         )) : /* @__PURE__ */ jsx22(TableRow, { children: /* @__PURE__ */ jsx22(
           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"
           }
@@ -3939,7 +3970,7 @@ function TagAutocomplete({
 
 // src/components/Admin/JoditRichText.tsx
 import dynamic from "next/dynamic";
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 import "jodit/es2021/jodit.min.css";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var JoditEditor = dynamic(() => import("jodit-react").then((m) => m.default), {
@@ -3947,7 +3978,7 @@ var JoditEditor = dynamic(() => import("jodit-react").then((m) => m.default), {
   loading: () => /* @__PURE__ */ jsx28("div", { className: "min-h-[300px] rounded-md border border-gray-200 bg-gray-50 animate-pulse" })
 });
 function JoditRichText({ value, onChange, placeholder, minHeight = 400 }) {
-  const config = useMemo2(
+  const config = useMemo3(
     () => ({
       readonly: false,
       placeholder: placeholder ?? "",
@@ -5763,7 +5794,7 @@ function InvitePage() {
 
 // src/admin/pages/DashboardPage.tsx
 import { useSession as useSession4 } from "next-auth/react";
-import { useContext as useContext3, useEffect as useEffect19, useMemo as useMemo3, useState as useState22 } from "react";
+import { useContext as useContext3, useEffect as useEffect19, useMemo as useMemo4, useState as useState22 } from "react";
 import { useRouter as useRouter6 } from "next/navigation";
 import { Chart as ChartJS2, ArcElement, Tooltip as Tooltip2, Legend as Legend2 } from "chart.js";
 import { Doughnut } from "react-chartjs-2";
@@ -5781,7 +5812,7 @@ function DashboardPage() {
   const [analyticsEnabled, setAnalyticsEnabled] = useState22(false);
   const [days, setDays] = useState22(30);
   const [activeTab, setActiveTab] = useState22("overview");
-  const formatMoney4 = useMemo3(
+  const formatMoney4 = useMemo4(
     () => (value) => new Intl.NumberFormat(void 0, {
       style: "currency",
       currency: "INR",
@@ -6460,7 +6491,7 @@ function DashboardPage() {
 }
 
 // src/admin/pages/AdminPageResolver.tsx
-import { useState as useState36, useEffect as useEffect33, useContext as useContext7, useMemo as useMemo4 } from "react";
+import { useState as useState36, useEffect as useEffect33, useContext as useContext7, useMemo as useMemo5 } from "react";
 import { useRouter as useRouter15 } from "next/navigation";
 
 // src/admin/pages/SubmissionDetailPage.tsx
@@ -9204,8 +9235,26 @@ function PageBuilderPage({ pageId }) {
 }
 
 // src/admin/pages/PluginsPage.tsx
-import { useContext as useContext6, useState as useState30, useEffect as useEffect27 } from "react";
-import { HardDrive, Mail, CreditCard as CreditCard2, MessageCircle, BarChart3 as BarChart32, Building2 as Building22, Puzzle as Puzzle2, CheckCircle2 as CheckCircle22, XCircle, Save as Save5, X as X18, Plus as Plus8, Smartphone } from "lucide-react";
+import { useContext as useContext6, useState as useState30, useEffect as useEffect27, useCallback as useCallback7 } from "react";
+import { useSearchParams as useSearchParams4 } from "next/navigation";
+import {
+  HardDrive,
+  Mail,
+  CreditCard as CreditCard2,
+  MessageCircle,
+  BarChart3 as BarChart32,
+  Building2 as Building22,
+  Puzzle as Puzzle2,
+  CheckCircle2 as CheckCircle22,
+  XCircle,
+  Save as Save5,
+  X as X18,
+  Plus as Plus8,
+  Smartphone,
+  Bot,
+  FileUp,
+  Loader2
+} from "lucide-react";
 
 // src/lib/email-recipients.ts
 function parseEmailRecipientsFromConfig(raw) {
@@ -9254,6 +9303,10 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 // src/admin/pages/PluginsPage.tsx
 import { toast as toast5 } from "sonner";
 import { Fragment as Fragment14, jsx as jsx56, jsxs as jsxs46 } from "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";
@@ -9413,6 +9466,26 @@ function PluginSettingsPanel({
   const [chatMode, setChatMode] = useState30("whatsapp");
   const [whatsappPhone, setWhatsappPhone] = useState30("");
   const [externalChatSnippet, setExternalChatSnippet] = useState30("");
+  const [attachedAgentSlug, setAttachedAgentSlug] = useState30("");
+  const [llmAgents, setLlmAgents] = useState30([]);
+  const [agentId, setAgentId] = useState30(null);
+  const [agentName, setAgentName] = useState30("");
+  const [agentSlug, setAgentSlug] = useState30("");
+  const [agentSystem, setAgentSystem] = useState30("");
+  const [agentModel, setAgentModel] = useState30("");
+  const [agentTemp, setAgentTemp] = useState30("");
+  const [agentMaxTokens, setAgentMaxTokens] = useState30("");
+  const [agentValidationJson, setAgentValidationJson] = useState30("");
+  const [agentLoading, setAgentLoading] = useState30(false);
+  const [agentSaving, setAgentSaving] = useState30(false);
+  const [agentProvisionError, setAgentProvisionError] = useState30(null);
+  const [kbCatalog, setKbCatalog] = useState30([]);
+  const [attachedAgentKnowledge, setAttachedAgentKnowledge] = useState30([]);
+  const [attachedKbLoading, setAttachedKbLoading] = useState30(false);
+  const [attachExistingDocId, setAttachExistingDocId] = useState30("__none__");
+  const [uploadingAttachedKbFile, setUploadingAttachedKbFile] = useState30(false);
+  const [uploadingAttachedKbLink, setUploadingAttachedKbLink] = useState30(false);
+  const [attachedKbInputKey, setAttachedKbInputKey] = useState30(0);
   const [erpPipelineName, setErpPipelineName] = useState30("");
   const [erpPipelineStageName, setErpPipelineStageName] = useState30("");
   const [erpFormsCatalog, setErpFormsCatalog] = useState30([]);
@@ -9436,6 +9509,7 @@ function PluginSettingsPanel({
         setIconImageUrl(data.iconImageUrl ?? "");
         setIconBackgroundColor(data.iconBackgroundColor ?? "#6366f1");
         setHeaderColor(data.headerColor ?? "#6366f1");
+        setAttachedAgentSlug(data.attachedAgentSlug ?? "");
       }
       if (isErp) {
         setErpPipelineName(data.pipelineName ?? data.pipelineId ?? "");
@@ -9490,6 +9564,203 @@ function PluginSettingsPanel({
       setErpFormsCatalog(rows);
     }).catch(() => setErpFormsCatalog([]));
   }, [isErp, loading]);
+  const fetchLlmAgents = useCallback7(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 = useCallback7(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 = useCallback7(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);
+    }
+  }, []);
+  const bootstrapLlmAgentForPlugins = useCallback7(async () => {
+    setAgentProvisionError(null);
+    const listRes = await fetch("/api/llm_agents?limit=100&sortField=name&sortOrder=asc");
+    if (!listRes.ok) {
+      const errBody = await listRes.json().catch(() => ({}));
+      const message = errBody.error ?? `Could not load agents (HTTP ${listRes.status}). Ensure your app uses the latest @infuro/cms-core and your admin user can read entity "llm_agents".`;
+      setAgentProvisionError(message);
+      await fetchLlmAgents();
+      return { ok: false, message };
+    }
+    const listJ = await listRes.json();
+    if (listJ.data?.length) {
+      await fetchLlmAgents();
+      return { ok: true };
+    }
+    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) {
+      const errBody = await createRes.json().catch(() => ({}));
+      const message = errBody.error ?? `Could not create default agent (HTTP ${createRes.status}). Check create permission for "llm_agents".`;
+      setAgentProvisionError(message);
+      await fetchLlmAgents();
+      return { ok: false, message };
+    }
+    await fetchLlmAgents();
+    return { ok: true };
+  }, [botName, fetchLlmAgents]);
+  const handleRetryBootstrapAgent = async () => {
+    setAgentLoading(true);
+    try {
+      const r = await bootstrapLlmAgentForPlugins();
+      if (r.ok) {
+        toast5.success("Assistant agent ready \u2014 you can upload knowledge files below.");
+      } else {
+        toast5.error(r.message);
+      }
+    } finally {
+      setAgentLoading(false);
+    }
+  };
+  const handleCreateAssistantFromForm = async () => {
+    const name = agentName.trim() || botName.trim();
+    if (!name) {
+      toast5.error("Enter an assistant name");
+      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)) {
+      toast5.error("Temperature must be a number");
+      return;
+    }
+    if (maxRaw !== "" && (!Number.isFinite(maxTokens) || maxTokens < 1)) {
+      toast5.error("Max tokens must be a positive integer");
+      return;
+    }
+    const slug = slugifyAgentKey(name);
+    setAgentSaving(true);
+    try {
+      const res = await fetch("/api/llm_agents", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name,
+          slug,
+          systemInstruction: agentSystem.trim(),
+          model: agentModel.trim() || null,
+          temperature,
+          maxTokens,
+          validationRules: agentValidationJson.trim() || null,
+          enabled: true
+        })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        toast5.error(err.error || "Failed to create assistant");
+        return;
+      }
+      setAgentProvisionError(null);
+      setAttachedAgentSlug(slug);
+      await fetchLlmAgents();
+      toast5.success("Assistant created \u2014 add knowledge files below.");
+    } catch {
+      toast5.error("Failed to create assistant");
+    } finally {
+      setAgentSaving(false);
+    }
+  };
+  useEffect27(() => {
+    if (!isLlm || loading || chatMode !== "llm") return;
+    setAgentLoading(true);
+    void (async () => {
+      try {
+        await bootstrapLlmAgentForPlugins();
+      } finally {
+        setAgentLoading(false);
+      }
+    })();
+  }, [isLlm, loading, chatMode, bootstrapLlmAgentForPlugins]);
+  useEffect27(() => {
+    if (!isLlm || loading || chatMode !== "llm") return;
+    void fetchKbCatalog();
+  }, [isLlm, loading, chatMode, fetchKbCatalog]);
+  useEffect27(() => {
+    if (!isLlm || loading || chatMode !== "llm" || !attachedAgentSlug.trim()) {
+      setAttachedAgentKnowledge([]);
+      return;
+    }
+    void fetchAttachedKnowledge(attachedAgentSlug);
+  }, [isLlm, loading, chatMode, attachedAgentSlug, fetchAttachedKnowledge]);
+  useEffect27(() => {
+    setAttachExistingDocId("__none__");
+  }, [attachedAgentSlug]);
+  useEffect27(() => {
+    if (!isLlm || loading || chatMode !== "llm" || agentLoading || agentId) return;
+    if (!agentName.trim() && botName.trim()) {
+      setAgentName(botName.trim());
+    }
+  }, [isLlm, loading, chatMode, agentLoading, agentId, agentName, botName]);
   const buildPayload = () => {
     if (isErp) {
       const sortedIds = [...new Set(erpOpportunityFormIds.filter((n) => Number.isInteger(n) && n > 0))].sort(
@@ -9524,6 +9795,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" };
@@ -9539,6 +9811,56 @@ function PluginSettingsPanel({
     }
     return payload;
   };
+  const handleSaveAgent = async () => {
+    if (!agentId) {
+      toast5.error("No agent to save");
+      return;
+    }
+    const name = agentName.trim();
+    if (!name) {
+      toast5.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)) {
+      toast5.error("Temperature must be a number");
+      return;
+    }
+    if (maxRaw !== "" && (!Number.isFinite(maxTokens) || maxTokens < 1)) {
+      toast5.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(() => ({}));
+        toast5.error(err.error || "Failed to update agent");
+        return;
+      }
+      setAttachedAgentSlug(agentSlug);
+      toast5.success("Agent saved");
+    } catch {
+      toast5.error("Failed to update agent");
+    } finally {
+      setAgentSaving(false);
+    }
+  };
   const handleSave = async () => {
     setSaving(true);
     try {
@@ -9572,6 +9894,96 @@ function PluginSettingsPanel({
       setSaving(false);
     }
   };
+  const uploadKbFileToAttached = async (file) => {
+    const slug = agentSlug.trim() || attachedAgentSlug.trim();
+    if (!slug) {
+      toast5.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(() => ({}));
+        toast5.error(err.error || "Upload failed");
+        return;
+      }
+      const ingest = await r.json().catch(() => ({}));
+      if (ingest.warning) {
+        toast5.warning(ingest.detail ? `${ingest.warning} (${ingest.detail})` : ingest.warning);
+      } else if (ingest.embeddingAttempted && (ingest.embeddingsWritten ?? 0) === 0 && (ingest.chunkCount ?? 0) > 0) {
+        toast5.warning(
+          "Document saved but no embeddings were written. Set LLM_GATEWAY_URL + LLM_API_KEY, and ensure EMBEDDING_PROVIDER / EMBEDDING_MODEL match knowledge_base_chunks.embedding dimensions (see server logs)."
+        );
+      } else {
+        toast5.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) {
+      toast5.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(() => ({}));
+        toast5.error(err.error || "Attach failed");
+        return;
+      }
+      const ingest = await r.json().catch(() => ({}));
+      if (ingest.warning) {
+        toast5.warning(ingest.detail ? `${ingest.warning} (${ingest.detail})` : ingest.warning);
+      } else if (ingest.embeddingAttempted && (ingest.embeddingsWritten ?? 0) === 0 && ((ingest.chunksQueuedForEmbedding ?? 0) > 0 || (ingest.chunkCount ?? 0) > 0)) {
+        toast5.warning(
+          "Document attached but no embeddings were written. Configure the LLM/embed gateway, then attach again to fill NULL embeddings."
+        );
+      } else {
+        toast5.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) {
+      toast5.error("Could not remove link");
+      return;
+    }
+    toast5.success("Removed from agent");
+    await fetchAttachedKnowledge(slug);
+  };
   if (loading) return /* @__PURE__ */ jsx56("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Loading..." });
   if (isErp) {
     return /* @__PURE__ */ jsxs46("div", { className: "space-y-4", children: [
@@ -10013,8 +10425,240 @@ function PluginSettingsPanel({
         /* @__PURE__ */ jsx56("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Only paste code from sources you trust." })
       ] }),
       chatMode === "llm" && /* @__PURE__ */ jsxs46(Fragment14, { children: [
+        /* @__PURE__ */ jsxs46("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__ */ jsxs46("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-900 dark:text-white", children: [
+              /* @__PURE__ */ jsx56(Bot, { className: "h-4 w-4" }),
+              "Chat assistant (single agent)"
+            ] }),
+            /* @__PURE__ */ jsx56("p", { className: "text-[11px] text-gray-500 dark:text-gray-400", children: "Configure one assistant for this site here. After it exists, attach knowledge files in the section below." })
+          ] }),
+          agentLoading ? /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [
+            /* @__PURE__ */ jsx56(Loader2, { className: "h-4 w-4 animate-spin" }),
+            "Loading assistant\u2026"
+          ] }) : /* @__PURE__ */ jsxs46(Fragment14, { children: [
+            agentProvisionError ? /* @__PURE__ */ jsx56("p", { className: "rounded border border-amber-200 bg-amber-50 p-2 text-xs text-amber-900 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100", children: agentProvisionError }) : null,
+            /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-name", className: "text-sm", children: "Assistant name" }),
+              /* @__PURE__ */ jsx56(
+                Input,
+                {
+                  id: "agent-name",
+                  value: agentName,
+                  onChange: (e) => setAgentName(e.target.value),
+                  placeholder: "e.g. JM Buddy",
+                  className: "h-8 text-sm"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-slug", className: "text-sm", children: "Slug" }),
+              /* @__PURE__ */ jsx56(
+                Input,
+                {
+                  id: "agent-slug",
+                  value: agentId ? agentSlug : slugifyAgentKey((agentName || botName).trim() || "assistant"),
+                  disabled: true,
+                  className: "h-8 text-sm font-mono bg-gray-100 dark:bg-gray-700"
+                }
+              ),
+              /* @__PURE__ */ jsx56("p", { className: "text-[11px] text-gray-500", children: "Derived from the name. Used in API routes." })
+            ] }),
+            /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-system", className: "text-sm", children: "System instruction" }),
+              /* @__PURE__ */ jsx56(
+                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__ */ jsxs46("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-model", className: "text-sm", children: "Model (optional)" }),
+                /* @__PURE__ */ jsx56(
+                  Input,
+                  {
+                    id: "agent-model",
+                    value: agentModel,
+                    onChange: (e) => setAgentModel(e.target.value),
+                    placeholder: "Gateway model id",
+                    className: "h-8 text-sm font-mono"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-temp", className: "text-sm", children: "Temperature" }),
+                /* @__PURE__ */ jsx56(
+                  Input,
+                  {
+                    id: "agent-temp",
+                    value: agentTemp,
+                    onChange: (e) => setAgentTemp(e.target.value),
+                    placeholder: "e.g. 0.7",
+                    className: "h-8 text-sm"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-max", className: "text-sm", children: "Max tokens" }),
+              /* @__PURE__ */ jsx56(
+                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__ */ jsxs46("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx56(Label3, { htmlFor: "agent-validation", className: "text-sm", children: "Validation & output guardrails" }),
+              /* @__PURE__ */ jsx56(
+                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"
+                }
+              )
+            ] }),
+            !agentId ? /* @__PURE__ */ jsxs46("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx56(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: "gap-1",
+                  disabled: agentSaving,
+                  onClick: () => void handleCreateAssistantFromForm(),
+                  children: agentSaving ? /* @__PURE__ */ jsxs46("span", { className: "inline-flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx56(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+                    "Creating\u2026"
+                  ] }) : /* @__PURE__ */ jsxs46(Fragment14, { children: [
+                    /* @__PURE__ */ jsx56(Bot, { className: "h-3.5 w-3.5" }),
+                    "Create assistant"
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx56(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "secondary",
+                  className: "gap-1",
+                  disabled: agentSaving || agentLoading,
+                  onClick: () => void handleRetryBootstrapAgent(),
+                  children: "Retry auto-setup"
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx56(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                className: "gap-1",
+                disabled: agentSaving,
+                onClick: () => void handleSaveAgent(),
+                children: agentSaving ? /* @__PURE__ */ jsxs46("span", { className: "inline-flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx56(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+                  "Saving\u2026"
+                ] }) : /* @__PURE__ */ jsxs46(Fragment14, { children: [
+                  /* @__PURE__ */ jsx56(Save5, { className: "h-3.5 w-3.5" }),
+                  "Save assistant"
+                ] })
+              }
+            )
+          ] }),
+          agentId && agentSlug.trim() ? /* @__PURE__ */ jsxs46("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__ */ jsxs46("div", { className: "flex items-center gap-2 text-xs font-medium text-gray-800 dark:text-gray-200", children: [
+              /* @__PURE__ */ jsx56(FileUp, { className: "h-3.5 w-3.5 shrink-0" }),
+              "Knowledge for this agent"
+            ] }),
+            /* @__PURE__ */ jsx56("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__ */ jsx56("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Loading linked documents\u2026" }) : attachedAgentKnowledge.length === 0 ? /* @__PURE__ */ jsx56("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "No documents linked yet." }) : /* @__PURE__ */ jsx56("ul", { className: "max-h-32 space-y-1.5 overflow-y-auto", children: attachedAgentKnowledge.map((d) => /* @__PURE__ */ jsxs46("li", { className: "flex items-center justify-between gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx56("span", { className: "min-w-0 truncate", title: d.name, children: d.name }),
+              /* @__PURE__ */ jsx56(
+                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__ */ jsxs46("div", { className: "min-w-[180px] space-y-1", children: [
+              /* @__PURE__ */ jsx56(Label3, { className: "text-xs", children: "Upload file" }),
+              /* @__PURE__ */ jsxs46("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx56(
+                  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__ */ jsxs46(
+                  "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__ */ jsx56(Loader2, { className: "h-4 w-4 shrink-0 animate-spin" }),
+                      "Saving & linking\u2026"
+                    ]
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsx56("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__ */ jsxs46("div", { className: "flex flex-wrap items-end gap-2", children: [
+              /* @__PURE__ */ jsxs46("div", { className: "min-w-[200px] flex-1 space-y-1", children: [
+                /* @__PURE__ */ jsx56(Label3, { className: "text-xs", children: "Attach existing document" }),
+                /* @__PURE__ */ jsxs46(Select, { value: attachExistingDocId, onValueChange: setAttachExistingDocId, children: [
+                  /* @__PURE__ */ jsx56(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx56(SelectValue, { placeholder: "Choose a document" }) }),
+                  /* @__PURE__ */ jsxs46(SelectContent, { children: [
+                    /* @__PURE__ */ jsx56(SelectItem, { value: "__none__", children: "\u2014 Select \u2014" }),
+                    kbCatalog.filter((d) => !attachedAgentKnowledge.some((a) => a.id === d.id)).map((d) => /* @__PURE__ */ jsx56(SelectItem, { value: String(d.id), children: d.name }, d.id))
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx56(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: "h-8",
+                  disabled: uploadingAttachedKbFile || uploadingAttachedKbLink || attachExistingDocId === "__none__",
+                  onClick: () => void handleAttachExistingToAttached(),
+                  children: uploadingAttachedKbLink ? /* @__PURE__ */ jsxs46("span", { className: "inline-flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx56(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+                    "Linking\u2026"
+                  ] }) : "Attach"
+                }
+              )
+            ] })
+          ] }) : null
+        ] }),
         /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx56(Label3, { htmlFor: `${settingsGroup}-botName`, className: "text-sm", children: "Name" }),
+          /* @__PURE__ */ jsx56(Label3, { htmlFor: `${settingsGroup}-botName`, className: "text-sm", children: "Widget title" }),
           /* @__PURE__ */ jsx56(
             Input,
             {
@@ -10184,8 +10828,14 @@ function PluginListItem({
 }
 function PluginsPage() {
   const { pluginDescriptors = [] } = useContext6(AdminConfigContext);
+  const searchParams = useSearchParams4();
   const [selectedName, setSelectedName] = useState30(null);
   const [enabledMap, setEnabledMap] = useState30({});
+  useEffect27(() => {
+    if (searchParams.get("plugin") !== "llm") return;
+    const llmDesc = pluginDescriptors.find((p) => p.settingsGroup === "llm");
+    if (llmDesc) setSelectedName(llmDesc.name);
+  }, [searchParams, pluginDescriptors]);
   useEffect27(() => {
     pluginDescriptors.forEach((p) => {
       if (!p.settingsGroup) return;
@@ -11770,7 +12420,7 @@ function CollectionEditPage({ collectionId }) {
 }
 
 // src/admin/pages/RolesPage.tsx
-import { useCallback as useCallback7, useEffect as useEffect32, useState as useState35 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect32, useState as useState35 } from "react";
 import { useSession as useSession5 } from "next-auth/react";
 import { Shield as Shield2, Save as Save9, Trash2 as Trash27 } from "lucide-react";
 
@@ -11814,7 +12464,7 @@ function RolesPage() {
   const [newName, setNewName] = useState35("");
   const [deleteRoleOpen, setDeleteRoleOpen] = useState35(false);
   const [error, setError] = useState35(null);
-  const load = useCallback7(async () => {
+  const load = useCallback8(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -12375,6 +13025,9 @@ function AdminPageResolver({ slug }) {
     if (key === "layout-settings") {
       router.replace("/admin/settings?tab=navbar");
     }
+    if (key === "llm_agents") {
+      router.replace("/admin/plugins?plugin=llm");
+    }
   }, [key, router]);
   if (key === "layout-settings") {
     return /* @__PURE__ */ jsxs53("div", { className: "flex justify-center py-8", children: [
@@ -12382,6 +13035,12 @@ function AdminPageResolver({ slug }) {
       /* @__PURE__ */ jsx63("span", { className: "ml-2", children: "Redirecting..." })
     ] });
   }
+  if (key === "llm_agents") {
+    return /* @__PURE__ */ jsxs53("div", { className: "flex justify-center py-8", children: [
+      /* @__PURE__ */ jsx63("div", { className: "animate-spin rounded-full h-6 w-6 border-2 border-gray-300 border-t-gray-600" }),
+      /* @__PURE__ */ jsx63("span", { className: "ml-2", children: "Opening Plugins\u2026" })
+    ] });
+  }
   const Page = PAGE_MAP[key];
   if (Page) {
     return /* @__PURE__ */ jsx63(Page, {});
@@ -12431,7 +13090,7 @@ function AdminPageResolver({ slug }) {
       { field: "orderCount", displayName: "Orders" },
       { field: "totalPaid", displayName: "Total paid" }
     ] : crud.columns;
-    const extraListParams = useMemo4(
+    const extraListParams = useMemo5(
       () => isContactsWithStore ? { includeSummary: "1" } : void 0,
       [isContactsWithStore]
     );