@usecrow/ui 0.1.43 → 0.1.44

package/dist/index.cjs

@@ -905,11 +905,44 @@ function useCrowAPI({ onIdentified, onReset } = {}) {
           window.__crow_page_context = void 0;
           console.log("[Crow] Context cleared");
           break;
+        case "setIdentityTokenFetcher":
+          if (typeof opts !== "function") {
+            console.error("[Crow] setIdentityTokenFetcher() requires a function");
+            return;
+          }
+          window.__crow_identity_token_fetcher = opts;
+          console.log("[Crow] Identity token fetcher registered");
+          break;
+        case "onToolResult":
+          if (typeof opts !== "function") {
+            console.error("[Crow] onToolResult() requires a function");
+            return;
+          }
+          window.__crow_on_tool_result = opts;
+          console.log("[Crow] onToolResult callback registered");
+          break;
+        case "registerToolRenderers":
+          if (!opts || typeof opts !== "object") {
+            console.error("[Crow] registerToolRenderers() requires an object");
+            return;
+          }
+          window.__crow_tool_renderers = {
+            ...window.__crow_tool_renderers || {},
+            ...opts
+          };
+          console.log("[Crow] Tool renderers registered");
+          break;
         default:
           console.warn(`[Crow] Unknown command: ${command}`);
       }
     };
     console.log("[Crow] API ready");
+    const queue = window.__crow_queue;
+    if (queue?.length) {
+      console.log(`[Crow] Replaying ${queue.length} queued command(s)`);
+      queue.forEach(([cmd, opts]) => window.crow(cmd, opts));
+      window.__crow_queue = void 0;
+    }
     const handleIdentified = () => onIdentifiedRef.current?.();
     const handleReset = () => onResetRef.current?.();
     window.addEventListener("crow:identified", handleIdentified);
@@ -1941,6 +1974,23 @@ function ThinkingBlock({
     ) })
   ] });
 }
+function RenderedToolResult({ renderer, result, status }) {
+  const domRef = React3.useRef(null);
+  const rendered = renderer({ result, status });
+  React3.useEffect(() => {
+    if (domRef.current && rendered instanceof HTMLElement) {
+      domRef.current.innerHTML = "";
+      domRef.current.appendChild(rendered);
+    }
+  }, [rendered]);
+  if (rendered instanceof HTMLElement) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-mt-1.5 crow-mb-0.5", ref: domRef });
+  }
+  if (typeof rendered === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-mt-1.5 crow-mb-0.5", dangerouslySetInnerHTML: { __html: rendered } });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-mt-1.5 crow-mb-0.5", children: rendered });
+}
 function ToolCallBlock({
   toolCall,
   toolRenderers
@@ -1980,7 +2030,7 @@ function ToolCallBlock({
         ]
       }
     ),
-    hasCustomRender && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-mt-1.5 crow-mb-0.5", children: customRenderer({ result: toolCall.result, status: toolCall.status }) }),
+    hasCustomRender && /* @__PURE__ */ jsxRuntime.jsx(RenderedToolResult, { renderer: customRenderer, result: toolCall.result, status: toolCall.status }),
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: expanded && hasArgs && /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
@@ -2939,8 +2989,12 @@ function CrowWidget({
   navigate,
   onToolResult,
   getIdentityToken,
-  context
+  context,
+  toolRenderers
 }) {
+  const effectiveGetIdentityToken = getIdentityToken || window.__crow_identity_token_fetcher;
+  const effectiveOnToolResult = onToolResult || window.__crow_on_tool_result;
+  const effectiveToolRenderers = toolRenderers || window.__crow_tool_renderers;
   const {
     styles,
     isLoading: isLoadingStyles,
@@ -3019,7 +3073,7 @@ function CrowWidget({
           break;
       }
     },
-    onToolResult,
+    onToolResult: effectiveOnToolResult,
     onToolCall: async (event) => {
       if (event.type === "client_call" && event.toolName && event.toolCallId) {
         try {
@@ -3118,11 +3172,11 @@ function CrowWidget({
     }
   }, [isLoadingStyles, onIdentify]);
   React3.useEffect(() => {
-    if (!getIdentityToken || isLoadingStyles) return;
+    if (!effectiveGetIdentityToken || isLoadingStyles) return;
     let cancelled = false;
     const identify = async () => {
       try {
-        const token = await getIdentityToken();
+        const token = await effectiveGetIdentityToken();
         if (!cancelled && token) {
           window.crow?.("identify", { token });
         }
@@ -3137,7 +3191,7 @@ function CrowWidget({
       cancelled = true;
       window.removeEventListener("crow:token-refresh-needed", handleRefresh);
     };
-  }, [getIdentityToken, isLoadingStyles]);
+  }, [effectiveGetIdentityToken, isLoadingStyles]);
   React3.useEffect(() => {
     if (typeof window === "undefined") return;
     if (context && Object.keys(context).length > 0) {
@@ -3324,7 +3378,8 @@ function CrowWidget({
           messages: chat.messages,
           activeToolCalls: chat.activeToolCalls,
           isLoadingHistory: conversations.isLoadingHistory,
-          isGenerating: chat.isLoading
+          isGenerating: chat.isLoading,
+          toolRenderers: effectiveToolRenderers
         }
       ),
       pendingConfirmation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-px-4 crow-py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3524,6 +3579,9 @@ function CrowCopilot({
   getIdentityToken,
   context
 }) {
+  const effectiveGetIdentityToken = getIdentityToken || window.__crow_identity_token_fetcher;
+  const effectiveOnToolResult = onToolResult || window.__crow_on_tool_result;
+  const effectiveToolRenderers = toolRenderers || window.__crow_tool_renderers;
   const {
     styles,
     isLoading: isLoadingStyles,
@@ -3627,7 +3685,7 @@ function CrowCopilot({
           break;
       }
     },
-    onToolResult,
+    onToolResult: effectiveOnToolResult,
     onToolCall: async (event) => {
       if (event.type === "client_call" && event.toolName && event.toolCallId) {
         try {
@@ -3773,11 +3831,11 @@ function CrowCopilot({
     }
   }, [isLoadingStyles, onReady]);
   React3.useEffect(() => {
-    if (!getIdentityToken || isLoadingStyles) return;
+    if (!effectiveGetIdentityToken || isLoadingStyles) return;
     let cancelled = false;
     const identify = async () => {
       try {
-        const token = await getIdentityToken();
+        const token = await effectiveGetIdentityToken();
         if (!cancelled && token) {
           window.crow?.("identify", { token });
         }
@@ -3792,7 +3850,7 @@ function CrowCopilot({
       cancelled = true;
       window.removeEventListener("crow:token-refresh-needed", handleRefresh);
     };
-  }, [getIdentityToken, isLoadingStyles]);
+  }, [effectiveGetIdentityToken, isLoadingStyles]);
   React3.useEffect(() => {
     if (typeof window === "undefined") return;
     if (context && Object.keys(context).length > 0) {
@@ -4155,7 +4213,7 @@ function CrowCopilot({
                   activeToolCalls: chat.activeToolCalls,
                   isLoadingHistory: conversations.isLoadingHistory,
                   isGenerating: chat.isLoading,
-                  toolRenderers
+                  toolRenderers: effectiveToolRenderers
                 }
               ),
               pendingConfirmation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-px-4 crow-py-2", children: /* @__PURE__ */ jsxRuntime.jsx(