@alpaca-editor/core 1.0.4131 → 1.0.4133

package/dist/editor/ai/AgentTerminal.js

@@ -487,7 +487,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
             });
             throw new Error("No agent available");
         }
-        console.log("✅ Creating new stream message with agent:", currentAgent.id);
+        // Reduced: avoid verbose logging during streaming
         return {
             id: messageId,
             agentId: currentAgent.id,
@@ -594,7 +594,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                         // Final check before adding to prevent duplicates
                         const finalCheck = prev.find((msg) => msg.id === toolCallMessageId);
                         if (finalCheck) {
-                            console.log("#!# ⚠️ Tool call message already exists in state, skipping:", toolCallMessageId);
                             return prev;
                         }
                         const updated = [...prev, newStreamMessage];
@@ -603,9 +602,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                     });
                 }
             }
-            else {
-                console.log("📋 Adding tool call to existing message:", toolCallMessageId);
-            }
         }
         // Add tool call to the message in the array
         if (toolCallMessageId && message.data && toolCallId) {
@@ -667,10 +663,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
         }
         // Update tool result directly in the messages array
         if (!resultMessageId) {
-            console.warn("⚠️ No messageId available for tool result");
             return;
         }
-        console.log("📋 Updating tool result in message:", resultMessageId);
         // Update the message with tool result
         setMessages((prev) => {
             const updated = prev.map((msg) => {
@@ -729,7 +723,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                     };
                     updatedMessage.toolCalls = [...updatedMessage.toolCalls, toolCall];
                 }
-                console.log("🔧 Updated tool calls count:", updatedMessage.toolCalls.length);
+                // Updated tool calls count
                 return updatedMessage;
             });
             messagesRef.current = updated;
@@ -763,16 +757,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
         abortControllerRef.current = abortController;
         try {
             setIsConnecting(true);
-            console.log("🔌 connectToStream: Starting stream connection");
+            // Reduced: minimal logging
             // Expose agent id globally for approval actions
             window.currentAgentId = currentAgent.id;
-            console.log("🔗 Setting currentAgentId:", currentAgent.id);
-            console.log("🌐 Attempting to connect to agent stream for:", currentAgent.id);
+            // Expose id for approval actions
+            // Connecting to agent stream
             await connectToAgentStream(currentAgent.id, (message) => {
-                console.log("📨 Received stream message:", {
-                    type: message.type,
-                    data: message.data,
-                });
                 switch (message.type) {
                     case "contentChunk":
                         handleContentChunk(message, currentAgent);
@@ -786,15 +776,11 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                     case "statusUpdate":
                         try {
                             const kind = message?.data?.kind;
-                            console.log("📡 Received status update:", {
-                                kind,
-                                data: message.data,
-                            });
                             if (kind === "toolApprovalsRequired") {
                                 const data = message.data || {};
                                 const msgId = data.messageId;
                                 const ids = data.toolCallIds || [];
-                                console.log("⏸️ Approvals required; pausing stream until approval:", { msgId, ids });
+                                // Pause stream until approval
                                 // Annotate tool calls with a temporary pending marker so UI can reflect paused state on reload
                                 if (msgId && Array.isArray(ids) && ids.length > 0) {
                                     setMessages((prev) => {
@@ -899,21 +885,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                                 const data = message.data || {};
                                 const toolCallId = data.toolCallId;
                                 const msgId = data.messageId;
-                                console.log("🔧 Processing tool approval:", {
-                                    kind,
-                                    toolCallId,
-                                    msgId,
-                                    data,
-                                });
+                                // Processing tool approval
                                 if (toolCallId && msgId) {
                                     setMessages((prev) => {
-                                        console.log("🔍 Looking for message:", {
-                                            targetMsgId: msgId,
-                                            availableMessages: prev.map((m) => ({
-                                                id: m.id,
-                                                toolCallsCount: m.toolCalls?.length || 0,
-                                            })),
-                                        });
                                         const updated = prev.map((m) => {
                                             if (m.id !== msgId)
                                                 return m;
@@ -925,11 +899,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                                                     ? " (approved)"
                                                     : " (rejected)";
                                                 const newFunctionName = (tc.functionName || "") + suffix;
-                                                console.log("🏷️ Updating function name:", {
-                                                    toolCallId,
-                                                    oldName: tc.functionName,
-                                                    newName: newFunctionName,
-                                                });
+                                                // Update function name with approval suffix
                                                 return {
                                                     ...tc,
                                                     functionName: newFunctionName,
@@ -948,7 +918,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                         break;
                     case "completed":
                         const completedMessageId = message.data?.messageId;
-                        console.log("💾 Stream completed for message:", completedMessageId, "messages count:", messages.length);
                         // If the completed event carries full messages, merge them into state
                         try {
                             const completionMessages = message?.data
@@ -1101,7 +1070,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
             }
         }
         finally {
-            console.log("🔌 Stream connection finished, cleaning up");
             setIsConnecting(false);
             // Guard: clear waiting state if connection finished without content
             setIsWaitingForResponse(false);
@@ -1115,18 +1083,13 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                 return;
             // Check if we're already connected
             if (abortControllerRef.current) {
-                console.log("🔄 Already connected to stream, skipping reconnect");
                 return;
             }
             const msgs = messagesRef.current || [];
             const hasPending = msgs.some((m) => (m.toolCalls || []).some((tc) => (tc.functionName || "").includes("(pending approval)")));
             if (!hasPending) {
-                console.log("🔄 No pending approvals; reconnecting stream");
                 await connectToStream(currentAgent);
             }
-            else {
-                console.log("⏸️ Still have pending approvals, not reconnecting yet");
-            }
         }
         catch (err) {
             console.error("❌ Error attempting reconnect:", err);
@@ -1142,11 +1105,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                 const approved = !!detail.approved;
                 if (!messageId || !toolCallId)
                     return;
-                console.log("🔔 Approval resolved:", {
-                    messageId,
-                    toolCallId,
-                    approved,
-                });
+                // Approval resolved; update local state
                 setMessages((prev) => {
                     const updated = prev.map((m) => {
                         if (m.id !== messageId)
@@ -1184,10 +1143,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
     const loadAgent = useCallback(async () => {
         try {
             if (agentStub.status === "new") {
-                console.log("✅ Setting up new agent", agentStub.id);
                 // Set agent ID immediately for new agents
                 window.currentAgentId = agentStub.id;
-                console.log("🔗 Setting currentAgentId for new agent:", agentStub.id);
+                // Set currentAgentId for new agent
                 // Derive initial profile from provided metadata if present
                 const initialProfileIdFromMeta = (() => {
                     try {
@@ -1369,7 +1327,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
             setMessages(agentData.messages || []);
             // Set agent ID for existing agents too
             window.currentAgentId = agentData.id;
-            console.log("🔗 Setting currentAgentId for existing agent:", agentData.id);
             // Parse metadata from DB if present (do not seed for existing agents)
             const parsedMeta = (() => {
                 try {
@@ -1392,16 +1349,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
             // Connect to stream if agent is running (handle both string and numeric status)
             const isRunning = agentData.status === "running" || agentData.status === 1;
             if (isRunning) {
-                console.log("🚀 Agent is running, connecting to stream...", {
-                    agentId: agentData.id,
-                    status: agentData.status,
-                    messageCount: agentData.messages?.length || 0,
-                });
                 // Use setTimeout to ensure state updates are processed first
                 setTimeout(async () => {
                     // Check if we're already connecting to avoid duplicate connections
                     if (abortControllerRef.current) {
-                        console.log("⚠️ loadAgent: Already connected to stream, skipping duplicate connection");
                         return;
                     }
                     // Reset streaming state for reconnection
@@ -1411,7 +1362,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                         const hasPending = (agentData.messages || []).some((m) => (m.toolCalls || []).some((tc) => typeof tc?.functionName === "string" &&
                             tc.functionName.includes("(pending approval)")));
                         if (hasPending) {
-                            console.log("⏸️ loadAgent: Pending approvals detected, delaying stream reconnect");
                             return;
                         }
                     }
@@ -1426,7 +1376,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
             // For new agents that don't exist yet, this is expected
             if (err?.message?.includes("404") ||
                 err?.message?.includes("not found")) {
-                console.log("ℹ️ Agent does not exist, treating as new");
+                // Agent does not exist, treat as new
                 setAgent(undefined);
                 setMessages([]);
                 setError(null);
@@ -1495,7 +1445,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
     useEffect(() => {
         return () => {
             if (abortControllerRef.current) {
-                console.log("Cleaning up stream connection");
                 abortControllerRef.current.abort();
             }
         };
@@ -1655,7 +1604,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                 deterministic: deterministicFlags.deterministic,
                 seed: deterministicFlags.seed,
             };
-            console.log("Starting agent:", request);
+            // Starting agent
             // Set waiting state to show dancing dots immediately
             setIsWaitingForResponse(true);
             // Start idle timer; dots appear only if no chunks for >1s
@@ -2284,7 +2233,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
         resetDotsTimer,
     ]);
     if (isLoading) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1 }), "Loading agent..."] }) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1 }), "Loading agent..."] }) }));
     }
     // Calculate total token usage for cost display
     const totalTokens = calculateTotalTokens(messages);
@@ -2435,19 +2384,28 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, }) {
                                                             setShowPredefined(false);
                                                             if (textareaRef.current)
                                                                 textareaRef.current.focus();
-                                                        }, children: p.title }, index))) }) })] })) : null] }), _jsxs("div", { className: "flex items-center gap-1 self-end", children: [isVoiceSupported ? (_jsx(Button, { onClick: toggleVoice, size: "sm", className: "h-5.5 w-5.5 cursor-pointer rounded-full", title: isListening ? "Stop voice input" : "Start voice input", "aria-label": isListening ? "Stop voice input" : "Start voice input", "aria-pressed": isListening, children: isListening ? (_jsx(MicOff, { className: "size-3", strokeWidth: 1 })) : (_jsx(Mic, { className: "size-3", strokeWidth: 1 })) })) : null, _jsx(Button, { onClick: isExecuting ? handleStop : handleSubmit, disabled: !isExecuting && !prompt.trim(), size: "sm", className: "h-5.5 w-5.5 cursor-pointer rounded-full", title: isExecuting ? "Stop" : "Send", "aria-label": isExecuting ? "Stop" : "Send", "data-testid": "agent-send-stop-button", "data-executing": isExecuting ? "true" : "false", children: isExecuting ? (_jsx(Square, { className: "size-3", strokeWidth: 1 })) : (_jsx(Send, { className: "size-3", strokeWidth: 1 })) })] })] }), _jsx("div", { className: "mt-1 flex justify-start", children: _jsx(AgentCostDisplay, { totalTokens: totalTokens }) }), _jsx("div", { className: "mt-1 flex items-center gap-2 text-[10px] text-gray-500", children: (() => {
-                            try {
-                                const s = window.__agentContextWindowStatus;
-                                if (!s || !s.contextWindowTokens)
+                                                        }, children: p.title }, index))) }) })] })) : null] }), _jsxs("div", { className: "flex items-center gap-1 self-end", children: [isVoiceSupported ? (_jsx(Button, { onClick: toggleVoice, size: "sm", className: "h-5.5 w-5.5 cursor-pointer rounded-full", title: isListening ? "Stop voice input" : "Start voice input", "aria-label": isListening ? "Stop voice input" : "Start voice input", "aria-pressed": isListening, children: isListening ? (_jsx(MicOff, { className: "size-3", strokeWidth: 1 })) : (_jsx(Mic, { className: "size-3", strokeWidth: 1 })) })) : null, _jsx(Button, { onClick: isExecuting ? handleStop : handleSubmit, disabled: !isExecuting && !prompt.trim(), size: "sm", className: "h-5.5 w-5.5 cursor-pointer rounded-full", title: isExecuting ? "Stop" : "Send", "aria-label": isExecuting ? "Stop" : "Send", "data-testid": "agent-send-stop-button", "data-executing": isExecuting ? "true" : "false", children: isExecuting ? (_jsx(Square, { className: "size-3", strokeWidth: 1 })) : (_jsx(Send, { className: "size-3", strokeWidth: 1 })) })] })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2 text-[10px] text-gray-500", children: [_jsx(AgentCostDisplay, { totalTokens: totalTokens }), (() => {
+                                try {
+                                    const s = window.__agentContextWindowStatus;
+                                    if (!s || !s.contextWindowTokens)
+                                        return null;
+                                    const pct = typeof s.contextUsedPercent === "number"
+                                        ? `${s.contextUsedPercent.toFixed(1)}%`
+                                        : undefined;
+                                    // Helper function to format tokens as "k"
+                                    const formatTokens = (tokens) => {
+                                        if (tokens >= 1000) {
+                                            return `${(tokens / 1000).toFixed(1)}k`;
+                                        }
+                                        return tokens.toString();
+                                    };
+                                    if (!pct)
+                                        return null;
+                                    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "cursor-help rounded border border-gray-200 bg-gray-50 px-2 py-0.5", children: ["Context: ", pct] }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: _jsxs("div", { className: "max-w-[320px] space-y-1 text-xs", children: [_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Model:" }), " ", s.model, s.normalizedModel && ` (${s.normalizedModel})`] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Context window:" }), " ", formatTokens(s.estimatedInputTokens || 0), " /", " ", formatTokens(s.contextWindowTokens), " tokens"] }), typeof s.maxCompletionTokens === "number" && (_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Max completion:" }), " ", formatTokens(s.maxCompletionTokens), " tokens"] })), _jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Used:" }), " ", pct] })] }) })] }));
+                                }
+                                catch {
                                     return null;
-                                const pct = typeof s.contextUsedPercent === "number"
-                                    ? `${s.contextUsedPercent.toFixed(1)}%`
-                                    : undefined;
-                                return (_jsxs("div", { className: "rounded border border-gray-200 bg-gray-50 px-2 py-0.5", children: [_jsxs("span", { title: `Model: ${s.model} (${s.normalizedModel || ""})`, children: ["Context window: ", s.estimatedInputTokens || 0, " /", " ", s.contextWindowTokens] }), typeof s.maxCompletionTokens === "number" && (_jsxs("span", { children: [" \u00B7 Max completion: ", s.maxCompletionTokens] })), pct && _jsxs("span", { children: [" \u00B7 Used: ", pct] })] }));
-                            }
-                            catch {
-                                return null;
-                            }
-                        })() })] })] }));
+                                }
+                            })()] })] })] }));
 }
 //# sourceMappingURL=AgentTerminal.js.map