@frankieai/react 0.2.7 → 0.2.8

package/dist/index.cjs

@@ -376,6 +376,7 @@ function useFrankieChatState() {
   const [error, setError] = (0, import_react.useState)(void 0);
   const [restored, setRestored] = (0, import_react.useState)(false);
   const [loadedSkills, setLoadedSkills] = (0, import_react.useState)(null);
+  const [activeApis, setActiveApis] = (0, import_react.useState)(null);
   const abortRef = (0, import_react.useRef)(null);
   const mounted = (0, import_react.useRef)(true);
   const messagesRef = (0, import_react.useRef)([]);
@@ -447,6 +448,7 @@ function useFrankieChatState() {
       const assistantId = nextId("a");
       setError(void 0);
       setLoadedSkills(null);
+      setActiveApis(null);
       setBusy(true);
       const next = [
         ...messagesRef.current,
@@ -477,6 +479,10 @@ function useFrankieChatState() {
               setLoadedSkills(event.skills);
               return;
             }
+            if (event.type === "tools_active") {
+              setActiveApis(event.apis);
+              return;
+            }
             if (event.type === "ping" || event.type === "session") return;
             if (event.type === "text_delta") receivedText = true;
             if (event.type === "tool_start" || event.type === "tool_end") receivedToolActivity = true;
@@ -527,12 +533,13 @@ function useFrankieChatState() {
     setBusy(false);
     setRestored(true);
     setLoadedSkills(null);
+    setActiveApis(null);
     try {
       if (client.persist) window.localStorage.removeItem(`${client.namespace}.messages`);
     } catch {
     }
   }, [client]);
-  return { messages, busy, loadedSkills, restoring: !restored, ...error ? { error } : {}, send, stop, reset };
+  return { messages, busy, loadedSkills, activeApis, restoring: !restored, ...error ? { error } : {}, send, stop, reset };
 }
 function conversationTitle(messages) {
   const first = messages.find((message) => message.role === "user" && message.text.trim());
@@ -729,7 +736,7 @@ var import_lucide_react = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function AgentContext() {
   const { loading, configError } = useFrankie();
-  const { loadedSkills, busy, restoring, error } = useFrankieChat();
+  const { loadedSkills, activeApis, busy, restoring, error } = useFrankieChat();
   const status = configError || error ? "Unavailable" : loading || restoring ? "Connecting" : busy && loadedSkills === null ? "Checking" : loadedSkills?.length ? "Active" : loadedSkills ? "Tools only" : "Ready";
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "frankie-agent-context-wrap", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "frankie-agent-context", children: [
@@ -752,7 +759,18 @@ function AgentContext() {
             skill.revision
           ] })
         ] }, skill.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "Frankie can use the tools approved for this workspace. Drafts and skills without available tools are not loaded." }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "Published skills and updates are checked on every message. Only approved, available tools can run." })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "Published skills and updates are checked on every message. Only approved, available tools can run." }),
+        activeApis?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "frankie-active-apis", children: activeApis.map((api) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: api.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("small", { children: [
+            "spec ",
+            api.specHash,
+            " \xB7 ",
+            api.operationCount,
+            " ",
+            api.operationCount === 1 ? "operation" : "operations"
+          ] })
+        ] }, api.name)) }) : null
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "frankie-sr-only", role: "status", children: loadedSkills === null ? status : `${loadedSkills.length} ${loadedSkills.length === 1 ? "skill" : "skills"} loaded. ${status}.` })