@emblemvault/hustle-react 1.4.2 → 1.4.4

package/dist/browser/hustle-react.js

@@ -2116,6 +2116,30 @@ function HustleProvider({
       }
     };
   }, [client]);
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const win = window;
+      win.__hustleGetModel = () => selectedModel;
+      win.__hustleSetModel = (model) => setSelectedModel(model);
+      win.__hustleGetSystemPrompt = () => systemPrompt;
+      win.__hustleSetSystemPrompt = (prompt) => setSystemPrompt(prompt);
+      win.__hustleGetSkipServerPrompt = () => skipServerPrompt;
+      win.__hustleSetSkipServerPrompt = (skip) => setSkipServerPrompt(skip);
+      win.__hustleGetModels = () => models;
+    }
+    return () => {
+      if (typeof window !== "undefined") {
+        const win = window;
+        delete win.__hustleGetModel;
+        delete win.__hustleSetModel;
+        delete win.__hustleGetSystemPrompt;
+        delete win.__hustleSetSystemPrompt;
+        delete win.__hustleGetSkipServerPrompt;
+        delete win.__hustleSetSkipServerPrompt;
+        delete win.__hustleGetModels;
+      }
+    };
+  }, [selectedModel, setSelectedModel, systemPrompt, setSystemPrompt, skipServerPrompt, setSkipServerPrompt, models]);
   const loadModels = useCallback(async () => {
     if (!client) {
       log("Cannot load models - client not ready");
@@ -3715,6 +3739,15 @@ Executors run in the browser context with full access to:
 - **window.__hustleListPlugins()** - List all installed plugins
 - **window.__hustleGetPlugin(name)** - Get a specific plugin by name
 
+### Hustle Settings Globals (Read/Write)
+- **window.__hustleGetModel()** - Get the current model override (empty string = server default)
+- **window.__hustleSetModel(model)** - Set the model override (e.g., "anthropic/claude-3-opus")
+- **window.__hustleGetSystemPrompt()** - Get the current system prompt override
+- **window.__hustleSetSystemPrompt(prompt)** - Set the system prompt override
+- **window.__hustleGetSkipServerPrompt()** - Get whether server prompt is skipped (boolean)
+- **window.__hustleSetSkipServerPrompt(skip)** - Set whether to skip server prompt
+- **window.__hustleGetModels()** - Get list of available models (read-only)
+
 ### DOM Manipulation Examples
 Create a modal: document.createElement('div'), style it, append to document.body
 Add event listeners: element.addEventListener('click', handler)
@@ -15178,7 +15211,14 @@ function HustleChat({
     setIsStreaming(true);
     setCurrentToolCalls([]);
     try {
-      const chatMessages = messagesRef.current.filter((m2) => !m2.isStreaming).map((m2) => ({ role: m2.role, content: m2.content }));
+      const chatMessages = messagesRef.current.filter((m2) => !m2.isStreaming).map((m2) => {
+        const msg = { role: m2.role, content: m2.content };
+        if (m2.role === "assistant" && m2.toolInvocations && m2.toolInvocations.length > 0) {
+          msg.toolInvocations = m2.toolInvocations;
+          msg.parts = m2.parts;
+        }
+        return msg;
+      });
       chatMessages.push({ role: "user", content: "continue" });
       const stream = chatStream({
         messages: chatMessages,
@@ -15186,6 +15226,9 @@ function HustleChat({
       });
       let fullContent = "";
       const toolCallsAccumulated = [];
+      const toolInvocationsAccumulated = [];
+      const partsAccumulated = [{ type: "step-start" }];
+      let stepCounter = 0;
       for await (const chunk of stream) {
         if (chunk.type === "text") {
           fullContent += chunk.value;
@@ -15197,22 +15240,79 @@ function HustleChat({
         } else if (chunk.type === "tool_call") {
           const toolCall = chunk.value;
           toolCallsAccumulated.push(toolCall);
+          const invocation = {
+            state: "call",
+            step: stepCounter++,
+            toolCallId: toolCall.toolCallId,
+            toolName: toolCall.toolName,
+            args: toolCall.args
+          };
+          toolInvocationsAccumulated.push(invocation);
+          partsAccumulated.push({ type: "tool-invocation", toolInvocation: invocation });
           setCurrentToolCalls([...toolCallsAccumulated]);
           setMessages(
             (prev) => prev.map(
-              (m2) => m2.id === assistantMessage.id ? { ...m2, toolCalls: [...toolCallsAccumulated] } : m2
+              (m2) => m2.id === assistantMessage.id ? {
+                ...m2,
+                toolCalls: [...toolCallsAccumulated],
+                toolInvocations: [...toolInvocationsAccumulated],
+                parts: [...partsAccumulated]
+              } : m2
             )
           );
           onToolCall?.(toolCall);
+        } else if (chunk.type === "tool_result") {
+          const toolResult = chunk.value;
+          const invocationIndex = toolInvocationsAccumulated.findIndex(
+            (inv) => inv.toolCallId === toolResult.toolCallId
+          );
+          if (invocationIndex !== -1) {
+            toolInvocationsAccumulated[invocationIndex] = {
+              ...toolInvocationsAccumulated[invocationIndex],
+              state: "result",
+              result: toolResult.result
+            };
+            const partIndex = partsAccumulated.findIndex(
+              (p) => p.type === "tool-invocation" && p.toolInvocation.toolCallId === toolResult.toolCallId
+            );
+            if (partIndex !== -1) {
+              partsAccumulated[partIndex] = {
+                type: "tool-invocation",
+                toolInvocation: toolInvocationsAccumulated[invocationIndex]
+              };
+            }
+          }
+          setMessages(
+            (prev) => prev.map(
+              (m2) => m2.id === assistantMessage.id ? {
+                ...m2,
+                toolInvocations: [...toolInvocationsAccumulated],
+                parts: [...partsAccumulated]
+              } : m2
+            )
+          );
         } else if (chunk.type === "error") {
           console.error("Stream error:", chunk.value);
         }
       }
       const processedResponse = await stream.response;
       const finalContent = processedResponse?.content || fullContent || "(No response)";
+      const finalParts = [{ type: "step-start" }];
+      if (finalContent) {
+        finalParts.push({ type: "text", text: finalContent });
+      }
+      for (const inv of toolInvocationsAccumulated) {
+        finalParts.push({ type: "tool-invocation", toolInvocation: inv });
+      }
       setMessages(
         (prev) => prev.map(
-          (m2) => m2.id === assistantMessage.id ? { ...m2, isStreaming: false, content: finalContent } : m2
+          (m2) => m2.id === assistantMessage.id ? {
+            ...m2,
+            isStreaming: false,
+            content: finalContent,
+            toolInvocations: toolInvocationsAccumulated.length > 0 ? toolInvocationsAccumulated : void 0,
+            parts: toolInvocationsAccumulated.length > 0 ? finalParts : void 0
+          } : m2
         )
       );
       onResponse?.(finalContent);
@@ -15274,7 +15374,14 @@ function HustleChat({
     setIsStreaming(true);
     setCurrentToolCalls([]);
     try {
-      const chatMessages = messages.filter((m2) => !m2.isStreaming).map((m2) => ({ role: m2.role, content: m2.content }));
+      const chatMessages = messages.filter((m2) => !m2.isStreaming).map((m2) => {
+        const msg = { role: m2.role, content: m2.content };
+        if (m2.role === "assistant" && m2.toolInvocations && m2.toolInvocations.length > 0) {
+          msg.toolInvocations = m2.toolInvocations;
+          msg.parts = m2.parts;
+        }
+        return msg;
+      });
       chatMessages.push({ role: "user", content });
       const stream = chatStream({
         messages: chatMessages,
@@ -15284,6 +15391,9 @@ function HustleChat({
       setAttachments([]);
       let fullContent = "";
       const toolCallsAccumulated = [];
+      const toolInvocationsAccumulated = [];
+      const partsAccumulated = [{ type: "step-start" }];
+      let stepCounter = 0;
       for await (const chunk of stream) {
         if (chunk.type === "text") {
           fullContent += chunk.value;
@@ -15295,22 +15405,79 @@ function HustleChat({
         } else if (chunk.type === "tool_call") {
           const toolCall = chunk.value;
           toolCallsAccumulated.push(toolCall);
+          const invocation = {
+            state: "call",
+            step: stepCounter++,
+            toolCallId: toolCall.toolCallId,
+            toolName: toolCall.toolName,
+            args: toolCall.args
+          };
+          toolInvocationsAccumulated.push(invocation);
+          partsAccumulated.push({ type: "tool-invocation", toolInvocation: invocation });
           setCurrentToolCalls([...toolCallsAccumulated]);
           setMessages(
             (prev) => prev.map(
-              (m2) => m2.id === assistantMessage.id ? { ...m2, toolCalls: [...toolCallsAccumulated] } : m2
+              (m2) => m2.id === assistantMessage.id ? {
+                ...m2,
+                toolCalls: [...toolCallsAccumulated],
+                toolInvocations: [...toolInvocationsAccumulated],
+                parts: [...partsAccumulated]
+              } : m2
             )
           );
           onToolCall?.(toolCall);
+        } else if (chunk.type === "tool_result") {
+          const toolResult = chunk.value;
+          const invocationIndex = toolInvocationsAccumulated.findIndex(
+            (inv) => inv.toolCallId === toolResult.toolCallId
+          );
+          if (invocationIndex !== -1) {
+            toolInvocationsAccumulated[invocationIndex] = {
+              ...toolInvocationsAccumulated[invocationIndex],
+              state: "result",
+              result: toolResult.result
+            };
+            const partIndex = partsAccumulated.findIndex(
+              (p) => p.type === "tool-invocation" && p.toolInvocation.toolCallId === toolResult.toolCallId
+            );
+            if (partIndex !== -1) {
+              partsAccumulated[partIndex] = {
+                type: "tool-invocation",
+                toolInvocation: toolInvocationsAccumulated[invocationIndex]
+              };
+            }
+          }
+          setMessages(
+            (prev) => prev.map(
+              (m2) => m2.id === assistantMessage.id ? {
+                ...m2,
+                toolInvocations: [...toolInvocationsAccumulated],
+                parts: [...partsAccumulated]
+              } : m2
+            )
+          );
         } else if (chunk.type === "error") {
           console.error("Stream error:", chunk.value);
         }
       }
       const processedResponse = await stream.response;
       const finalContent = processedResponse?.content || fullContent || "(No response)";
+      const finalParts = [{ type: "step-start" }];
+      if (finalContent) {
+        finalParts.push({ type: "text", text: finalContent });
+      }
+      for (const inv of toolInvocationsAccumulated) {
+        finalParts.push({ type: "tool-invocation", toolInvocation: inv });
+      }
       setMessages(
         (prev) => prev.map(
-          (m2) => m2.id === assistantMessage.id ? { ...m2, isStreaming: false, content: finalContent } : m2
+          (m2) => m2.id === assistantMessage.id ? {
+            ...m2,
+            isStreaming: false,
+            content: finalContent,
+            toolInvocations: toolInvocationsAccumulated.length > 0 ? toolInvocationsAccumulated : void 0,
+            parts: toolInvocationsAccumulated.length > 0 ? finalParts : void 0
+          } : m2
         )
       );
       onResponse?.(finalContent);