@frankieai/react 0.2.7 → 0.2.8

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties, ButtonHTMLAttributes, HTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { PublicWidgetConfig, CreateSessionResponse, ChatAttachment, FrankieServerEvent, WidgetTheme, LoadedSkill } from '@frankieai/core';
+import { PublicWidgetConfig, CreateSessionResponse, ChatAttachment, FrankieServerEvent, WidgetTheme, LoadedSkill, ApiToolInventory } from '@frankieai/core';
 export { FrankieServerEvent, PublicWidgetConfig, WidgetTheme } from '@frankieai/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -148,6 +148,8 @@ interface SendOptions {
 }
 interface UseFrankieChatResult {
     loadedSkills: LoadedSkill[] | null;
+    /** Which OpenAPI sources are live for this turn, and a content fingerprint of each. */
+    activeApis: ApiToolInventory[] | null;
     restoring: boolean;
     messages: ChatMessage[];
     /** True from the moment a message is sent until the turn ends. */

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties, ButtonHTMLAttributes, HTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { PublicWidgetConfig, CreateSessionResponse, ChatAttachment, FrankieServerEvent, WidgetTheme, LoadedSkill } from '@frankieai/core';
+import { PublicWidgetConfig, CreateSessionResponse, ChatAttachment, FrankieServerEvent, WidgetTheme, LoadedSkill, ApiToolInventory } from '@frankieai/core';
 export { FrankieServerEvent, PublicWidgetConfig, WidgetTheme } from '@frankieai/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -148,6 +148,8 @@ interface SendOptions {
 }
 interface UseFrankieChatResult {
     loadedSkills: LoadedSkill[] | null;
+    /** Which OpenAPI sources are live for this turn, and a content fingerprint of each. */
+    activeApis: ApiToolInventory[] | null;
     restoring: boolean;
     messages: ChatMessage[];
     /** True from the moment a message is sent until the turn ends. */

package/dist/index.js

@@ -314,6 +314,7 @@ function useFrankieChatState() {
   const [error, setError] = useState(void 0);
   const [restored, setRestored] = useState(false);
   const [loadedSkills, setLoadedSkills] = useState(null);
+  const [activeApis, setActiveApis] = useState(null);
   const abortRef = useRef(null);
   const mounted = useRef(true);
   const messagesRef = useRef([]);
@@ -385,6 +386,7 @@ function useFrankieChatState() {
       const assistantId = nextId("a");
       setError(void 0);
       setLoadedSkills(null);
+      setActiveApis(null);
       setBusy(true);
       const next = [
         ...messagesRef.current,
@@ -415,6 +417,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;
@@ -465,12 +471,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());
@@ -667,7 +674,7 @@ import { ArrowUpRight, Sparkles } from "lucide-react";
 import { jsx as jsx6, jsxs } from "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__ */ jsxs("div", { className: "frankie-agent-context-wrap", children: [
     /* @__PURE__ */ jsxs("details", { className: "frankie-agent-context", children: [
@@ -690,7 +697,18 @@ function AgentContext() {
             skill.revision
           ] })
         ] }, skill.id)) }) : /* @__PURE__ */ jsx6("p", { children: "Frankie can use the tools approved for this workspace. Drafts and skills without available tools are not loaded." }),
-        /* @__PURE__ */ jsx6("p", { children: "Published skills and updates are checked on every message. Only approved, available tools can run." })
+        /* @__PURE__ */ jsx6("p", { children: "Published skills and updates are checked on every message. Only approved, available tools can run." }),
+        activeApis?.length ? /* @__PURE__ */ jsx6("ul", { className: "frankie-active-apis", children: activeApis.map((api) => /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx6("span", { children: api.name }),
+          /* @__PURE__ */ jsxs("small", { children: [
+            "spec ",
+            api.specHash,
+            " \xB7 ",
+            api.operationCount,
+            " ",
+            api.operationCount === 1 ? "operation" : "operations"
+          ] })
+        ] }, api.name)) }) : null
       ] })
     ] }),
     /* @__PURE__ */ jsx6("span", { className: "frankie-sr-only", role: "status", children: loadedSkills === null ? status : `${loadedSkills.length} ${loadedSkills.length === 1 ? "skill" : "skills"} loaded. ${status}.` })