@infuro/cms-core 1.0.20 → 1.0.21

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.20" : "0.0.0";
+var CMS_VERSION = true ? "1.0.21" : "0.0.0";
 
 // src/components/Admin/Sidebar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -546,10 +546,6 @@ 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"
@@ -6527,7 +6523,7 @@ function DashboardPage() {
 
 // src/admin/pages/AdminPageResolver.tsx
 var import_react48 = require("react");
-var import_navigation21 = require("next/navigation");
+var import_navigation22 = require("next/navigation");
 
 // src/admin/pages/SubmissionDetailPage.tsx
 var import_react33 = require("react");
@@ -9256,6 +9252,7 @@ function PageBuilderPage({ pageId }) {
 
 // src/admin/pages/PluginsPage.tsx
 var import_react41 = require("react");
+var import_navigation18 = require("next/navigation");
 var import_lucide_react32 = require("lucide-react");
 
 // src/lib/email-recipients.ts
@@ -9480,6 +9477,7 @@ function PluginSettingsPanel({
   const [agentValidationJson, setAgentValidationJson] = (0, import_react41.useState)("");
   const [agentLoading, setAgentLoading] = (0, import_react41.useState)(false);
   const [agentSaving, setAgentSaving] = (0, import_react41.useState)(false);
+  const [agentProvisionError, setAgentProvisionError] = (0, import_react41.useState)(null);
   const [kbCatalog, setKbCatalog] = (0, import_react41.useState)([]);
   const [attachedAgentKnowledge, setAttachedAgentKnowledge] = (0, import_react41.useState)([]);
   const [attachedKbLoading, setAttachedKbLoading] = (0, import_react41.useState)(false);
@@ -9636,31 +9634,112 @@ function PluginSettingsPanel({
       setAttachedKbLoading(false);
     }
   }, []);
+  const bootstrapLlmAgentForPlugins = (0, import_react41.useCallback)(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) {
+        import_sonner7.toast.success("Assistant agent ready \u2014 you can upload knowledge files below.");
+      } else {
+        import_sonner7.toast.error(r.message);
+      }
+    } finally {
+      setAgentLoading(false);
+    }
+  };
+  const handleCreateAssistantFromForm = async () => {
+    const name = agentName.trim() || botName.trim();
+    if (!name) {
+      import_sonner7.toast.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)) {
+      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;
+    }
+    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(() => ({}));
+        import_sonner7.toast.error(err.error || "Failed to create assistant");
+        return;
+      }
+      setAgentProvisionError(null);
+      setAttachedAgentSlug(slug);
+      await fetchLlmAgents();
+      import_sonner7.toast.success("Assistant created \u2014 add knowledge files below.");
+    } catch {
+      import_sonner7.toast.error("Failed to create assistant");
+    } finally {
+      setAgentSaving(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();
-          }
-        }
+        await bootstrapLlmAgentForPlugins();
       } finally {
         setAgentLoading(false);
       }
     })();
-  }, [isLlm, loading, chatMode]);
+  }, [isLlm, loading, chatMode, bootstrapLlmAgentForPlugins]);
   (0, import_react41.useEffect)(() => {
     if (!isLlm || loading || chatMode !== "llm") return;
     void fetchKbCatalog();
@@ -9675,6 +9754,12 @@ function PluginSettingsPanel({
   (0, import_react41.useEffect)(() => {
     setAttachExistingDocId("__none__");
   }, [attachedAgentSlug]);
+  (0, import_react41.useEffect)(() => {
+    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(
@@ -9826,7 +9911,16 @@ function PluginSettingsPanel({
         import_sonner7.toast.error(err.error || "Upload failed");
         return;
       }
-      import_sonner7.toast.success("Knowledge added and linked");
+      const ingest = await r.json().catch(() => ({}));
+      if (ingest.warning) {
+        import_sonner7.toast.warning(ingest.detail ? `${ingest.warning} (${ingest.detail})` : ingest.warning);
+      } else if (ingest.embeddingAttempted && (ingest.embeddingsWritten ?? 0) === 0 && (ingest.chunkCount ?? 0) > 0) {
+        import_sonner7.toast.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 {
+        import_sonner7.toast.success("Knowledge added and linked");
+      }
       setAttachedKbInputKey((k) => k + 1);
       await fetchAttachedKnowledge(slug);
       await fetchKbCatalog();
@@ -9862,7 +9956,16 @@ function PluginSettingsPanel({
         import_sonner7.toast.error(err.error || "Attach failed");
         return;
       }
-      import_sonner7.toast.success("Document attached");
+      const ingest = await r.json().catch(() => ({}));
+      if (ingest.warning) {
+        import_sonner7.toast.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)) {
+        import_sonner7.toast.warning(
+          "Document attached but no embeddings were written. Configure the LLM/embed gateway, then attach again to fill NULL embeddings."
+        );
+      } else {
+        import_sonner7.toast.success("Document attached");
+      }
       setAttachExistingDocId("__none__");
       await fetchAttachedKnowledge(slug);
     } finally {
@@ -10322,23 +10425,27 @@ function PluginSettingsPanel({
       ] }),
       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"
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-1", 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 (single agent)"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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__ */ (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: [
+            "Loading assistant\u2026"
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+            agentProvisionError ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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__ */ (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)(Label3, { htmlFor: "agent-name", className: "text-sm", children: "Assistant name" }),
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 Input,
                 {
                   id: "agent-name",
                   value: agentName,
                   onChange: (e) => setAgentName(e.target.value),
-                  placeholder: "e.g. Sales assistant",
+                  placeholder: "e.g. JM Buddy",
                   className: "h-8 text-sm"
                 }
               )
@@ -10349,12 +10456,12 @@ function PluginSettingsPanel({
                 Input,
                 {
                   id: "agent-slug",
-                  value: agentSlug,
+                  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__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-[11px] text-gray-500", children: "Auto-generated. Used in API routes." })
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-[11px] text-gray-500", children: "Derived from the name. 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" }),
@@ -10425,7 +10532,37 @@ function PluginSettingsPanel({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            !agentId ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: "gap-1",
+                  disabled: agentSaving,
+                  onClick: () => void handleCreateAssistantFromForm(),
+                  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" }),
+                    "Creating\u2026"
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Bot, { className: "h-3.5 w-3.5" }),
+                    "Create assistant"
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "secondary",
+                  className: "gap-1",
+                  disabled: agentSaving || agentLoading,
+                  onClick: () => void handleRetryBootstrapAgent(),
+                  children: "Retry auto-setup"
+                }
+              )
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               Button,
               {
                 type: "button",
@@ -10438,7 +10575,7 @@ function PluginSettingsPanel({
                   "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"
+                  "Save assistant"
                 ] })
               }
             )
@@ -10690,8 +10827,14 @@ function PluginListItem({
 }
 function PluginsPage() {
   const { pluginDescriptors = [] } = (0, import_react41.useContext)(AdminConfigContext);
+  const searchParams = (0, import_navigation18.useSearchParams)();
   const [selectedName, setSelectedName] = (0, import_react41.useState)(null);
   const [enabledMap, setEnabledMap] = (0, import_react41.useState)({});
+  (0, import_react41.useEffect)(() => {
+    if (searchParams.get("plugin") !== "llm") return;
+    const llmDesc = pluginDescriptors.find((p) => p.settingsGroup === "llm");
+    if (llmDesc) setSelectedName(llmDesc.name);
+  }, [searchParams, pluginDescriptors]);
   (0, import_react41.useEffect)(() => {
     pluginDescriptors.forEach((p) => {
       if (!p.settingsGroup) return;
@@ -10754,7 +10897,7 @@ function PluginsPage() {
 
 // src/admin/pages/BrandEditPage.tsx
 var import_react42 = require("react");
-var import_navigation18 = require("next/navigation");
+var import_navigation19 = require("next/navigation");
 var import_lucide_react33 = require("lucide-react");
 
 // src/components/Admin/SeoSection.tsx
@@ -10849,7 +10992,7 @@ async function fetchSeo(seoId) {
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var isCreate = (id) => id === "create";
 function BrandEditPage({ brandId }) {
-  const router = (0, import_navigation18.useRouter)();
+  const router = (0, import_navigation19.useRouter)();
   const create = isCreate(brandId);
   const [loading, setLoading] = (0, import_react42.useState)(!create);
   const [saving, setSaving] = (0, import_react42.useState)(false);
@@ -11052,7 +11195,7 @@ function BrandEditPage({ brandId }) {
 
 // src/admin/pages/ProductEditPage.tsx
 var import_react44 = require("react");
-var import_navigation19 = require("next/navigation");
+var import_navigation20 = require("next/navigation");
 var import_lucide_react34 = require("lucide-react");
 
 // src/components/Admin/AttributeFacetNameInput.tsx
@@ -11231,7 +11374,7 @@ function pickOtherMetadata(m) {
   return rest;
 }
 function ProductEditPage({ productId }) {
-  const router = (0, import_navigation19.useRouter)();
+  const router = (0, import_navigation20.useRouter)();
   const create = isCreate2(productId);
   const [loading, setLoading] = (0, import_react44.useState)(!create);
   const [saving, setSaving] = (0, import_react44.useState)(false);
@@ -11919,7 +12062,7 @@ function ProductEditPage({ productId }) {
 
 // src/admin/pages/CollectionEditPage.tsx
 var import_react45 = require("react");
-var import_navigation20 = require("next/navigation");
+var import_navigation21 = require("next/navigation");
 var import_lucide_react35 = require("lucide-react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var isCreate3 = (id) => id === "create";
@@ -11929,7 +12072,7 @@ var sectionCls2 = "min-w-0 overflow-hidden border border-gray-200 rounded-lg p-4
 var labelCls2 = "block text-xs font-medium text-gray-600 mb-1";
 var inputCls2 = "w-full rounded-md border border-gray-300 px-2 py-1.5 text-sm";
 function CollectionEditPage({ collectionId }) {
-  const router = (0, import_navigation20.useRouter)();
+  const router = (0, import_navigation21.useRouter)();
   const create = isCreate3(collectionId);
   const [loading, setLoading] = (0, import_react45.useState)(!create);
   const [saving, setSaving] = (0, import_react45.useState)(false);
@@ -12856,39 +12999,6 @@ 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 }) {
@@ -12907,13 +13017,16 @@ function BlogEditorWrapper({ blogId }) {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BlogEditor, { existingBlog: blog });
 }
 function AdminPageResolver({ slug }) {
-  const router = (0, import_navigation21.useRouter)();
+  const router = (0, import_navigation22.useRouter)();
   const { customCrudConfigs, storeEnabled } = (0, import_react48.useContext)(AdminConfigContext);
   const key = slug?.[0] || "dashboard";
   (0, import_react48.useEffect)(() => {
     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__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex justify-center py-8", children: [
@@ -12921,6 +13034,12 @@ function AdminPageResolver({ slug }) {
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ml-2", children: "Redirecting..." })
     ] });
   }
+  if (key === "llm_agents") {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex justify-center py-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "animate-spin rounded-full h-6 w-6 border-2 border-gray-300 border-t-gray-600" }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ml-2", children: "Opening Plugins\u2026" })
+    ] });
+  }
   const Page = PAGE_MAP[key];
   if (Page) {
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Page, {});