@invergent/agent-chat-react 2.6.4 → 2.6.6

package/dist/index.cjs

@@ -6254,6 +6254,18 @@ function ItemActions({ className, ...props }) {
     }
   );
 }
+
+// src/components/ui/skeleton.tsx
+init_utils();
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
 function ChatComposer(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(PromptInputProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ChatComposerInner, { ...props }) });
 }
@@ -6348,6 +6360,7 @@ function ChatComposerInner({
   const { textInput, attachments } = usePromptInputController();
   const status = isRunning ? "streaming" : disabled ? "error" : "ready";
   const [adapterCommands, setAdapterCommands] = react.useState([]);
+  const [skillsLoading, setSkillsLoading] = react.useState(false);
   const [buttonMenuOpen, setButtonMenuOpen] = react.useState(false);
   const [menuMode, setMenuMode] = react.useState("all");
   const [addMenuOpen, setAddMenuOpen] = react.useState(false);
@@ -6364,10 +6377,24 @@ function ChatComposerInner({
     }
   }, [buttonMenuOpen, textInput.value]);
   react.useEffect(() => {
-    if (showSlashMenu && (menuMode === "skills" || menuMode === "all")) {
-      adapter.listSlashCommands?.().then((commands) => setAdapterCommands(commands.filter((c) => !c.isBuiltin))).catch(() => {
-      });
+    if (!(showSlashMenu && (menuMode === "skills" || menuMode === "all"))) {
+      return;
     }
+    const pending = adapter.listSlashCommands?.();
+    if (!pending) return;
+    let cancelled = false;
+    setSkillsLoading(true);
+    pending.then((commands) => {
+      if (!cancelled) {
+        setAdapterCommands(commands.filter((c) => !c.isBuiltin));
+      }
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setSkillsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
   }, [adapter, showSlashMenu, menuMode]);
   const builtinCommands = react.useMemo(
     () => {
@@ -6812,7 +6839,19 @@ function ChatComposerInner({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: menuMode === "skills" ? "No skills found." : menuMode === "scheduled" ? "No scheduled tasks found." : "No commands found." }),
+                !(skillsLoading && (menuMode === "skills" || menuMode === "all")) && /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: menuMode === "skills" ? "No skills found." : menuMode === "scheduled" ? "No scheduled tasks found." : "No commands found." }),
+                (menuMode === "skills" || menuMode === "all") && skillsLoading && adapterCommands.length === 0 && [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: "grid grid-cols-[12rem_1fr] items-baseline gap-3 px-2 py-2",
+                    "aria-hidden": "true",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-4 w-28" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-full max-w-[16rem]" })
+                    ]
+                  },
+                  `skill-skeleton-${i}`
+                )),
                 menuMode === "scheduled" && scheduledExamples.map((cmd) => /* @__PURE__ */ jsxRuntime.jsxs(
                   CommandItem,
                   {
@@ -8004,18 +8043,6 @@ var ErrorMessage = react.memo(function ErrorMessage2({
   );
 });
 init_utils();
-
-// src/components/ui/skeleton.tsx
-init_utils();
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
 var SKELETON_WIDTHS = [70, 85, 55, 90, 60, 78, 45, 82, 65, 72];
 var PDF_WORKER_SRC = new URL(
   "pdfjs-dist/legacy/build/pdf.worker.mjs",