@tangle-network/agent-app 0.43.4 → 0.43.6

package/dist/assistant/index.d.ts

@@ -397,6 +397,10 @@ interface AssistantState {
         code: string;
         message: string;
     } | null;
+    /** True when the most-recent turn stopped at the per-turn step limit before the
+     *  model finished (a partial reply). Drives the one-click "Continue" affordance;
+     *  cleared when the next turn starts. */
+    capped: boolean;
 }
 
 /**

package/dist/assistant/index.js

@@ -3,7 +3,7 @@ import {
   ChatMessages,
   ModelPicker,
   ProviderLogo
-} from "../chunk-VKHB7VP4.js";
+} from "../chunk-4X7OOVII.js";
 import "../chunk-65P3HJY3.js";
 import "../chunk-2QI7XV2T.js";
 import "../chunk-E7QYOOON.js";
@@ -779,7 +779,8 @@ function initialAssistantState() {
     usage: null,
     model: null,
     reasoning: null,
-    error: null
+    error: null,
+    capped: false
   };
 }
 function selectVisibleState(state, userId) {
@@ -915,13 +916,14 @@ function applyStreamEvent(state, event) {
       };
     case "done": {
       let messages = dropEmptyStreaming(state.messages, state.streamingId);
-      if (event.data.capped) {
+      const capped = event.data.capped === true;
+      if (capped) {
         messages = capMessages([
           ...messages,
           {
             id: `cap-${event.data.turnId}`,
             role: "status",
-            text: "I reached the step limit for this turn. Ask me to continue and I'll pick up where I left off."
+            text: "Paused after a lot of steps \u2014 continue when you're ready and I'll pick up where I left off."
           }
         ]);
       }
@@ -929,6 +931,7 @@ function applyStreamEvent(state, event) {
         ...state,
         messages,
         streamingId: null,
+        capped,
         status: state.pendingProposals.length > 0 ? "awaiting_confirm" : "idle"
       };
     }
@@ -963,6 +966,8 @@ function assistantReducer(state, action) {
         // from this base, so they stay unique across turns.
         streamBaseId: action.assistantId,
         segmentSeq: 0,
+        // A new turn clears the prior turn's cap state (and its Continue button).
+        capped: false,
         usage: null,
         reasoning: null,
         error: null
@@ -1520,12 +1525,12 @@ function useAssistantThreads(userId) {
 import { MessageSquare } from "lucide-react";
 import {
   useEffect as useEffect6,
-  useRef as useRef6
+  useRef as useRef7
 } from "react";
 
 // src/assistant/AssistantPanel.tsx
 import { History, MessageSquarePlus, Minus, Plus, X } from "lucide-react";
-import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState6 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState6 } from "react";
 
 // src/assistant/AssistantHistory.tsx
 import { Search, Trash2 } from "lucide-react";
@@ -2086,6 +2091,32 @@ function useIsDesktop() {
   return isDesktop;
 }
 
+// src/assistant/use-stick-to-bottom.ts
+import { useCallback as useCallback5, useLayoutEffect, useRef as useRef4 } from "react";
+var STICK_SLACK_PX = 48;
+function useStickToBottom(ref, { enabled, contentSignature, streamingId, threadId }) {
+  const stuckRef = useRef4(true);
+  const prevStreamingRef = useRef4(streamingId);
+  const prevThreadRef = useRef4(threadId);
+  const onScroll = useCallback5(() => {
+    if (!enabled) return;
+    const el = ref.current;
+    if (!el) return;
+    stuckRef.current = el.scrollHeight - el.scrollTop - el.clientHeight < STICK_SLACK_PX;
+  }, [ref, enabled]);
+  useLayoutEffect(() => {
+    const turnStarted = streamingId != null && streamingId !== prevStreamingRef.current;
+    const threadChanged = threadId !== prevThreadRef.current;
+    prevStreamingRef.current = streamingId;
+    prevThreadRef.current = threadId;
+    if (turnStarted || threadChanged) stuckRef.current = true;
+    if (!enabled || !stuckRef.current) return;
+    const el = ref.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [ref, enabled, contentSignature, streamingId, threadId]);
+  return { onScroll };
+}
+
 // src/assistant/AssistantPanel.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var EMPTY_STATE = "Ask me to create a workflow, check your usage, or manage your API keys.";
@@ -2144,15 +2175,15 @@ function AssistantPanel({
   const threads = useAssistantThreads(userId);
   const font = useFontScale();
   const [view, setView] = useState6("chat");
-  const historyButtonRef = useRef4(null);
-  const logRef = useRef4(null);
+  const historyButtonRef = useRef5(null);
+  const logRef = useRef5(null);
   const pickerModels = useMemo3(
     () => toPickerModels(models, chat.selectedModel),
     [models, chat.selectedModel]
   );
   const pickerValue = chat.selectedModel ?? models.default ?? "";
   const { state } = chat;
-  const chatRef = useRef4(chat);
+  const chatRef = useRef5(chat);
   chatRef.current = chat;
   useEffect5(() => {
     if (view !== "history") return;
@@ -2176,6 +2207,26 @@ function AssistantPanel({
     document.addEventListener("keydown", onKeyDownCapture, true);
     return () => document.removeEventListener("keydown", onKeyDownCapture, true);
   }, [view]);
+  const contentSignature = useMemo3(() => {
+    let sig = `${state.reasoning?.length ?? 0}|${state.status}`;
+    for (const m of state.messages) {
+      sig += `|${m.text?.length ?? 0}`;
+      if (m.tool) sig += `:${m.tool.status}`;
+    }
+    for (const p of state.pendingProposals) sig += `|p:${p.callId}`;
+    return sig;
+  }, [
+    state.messages,
+    state.reasoning,
+    state.status,
+    state.pendingProposals
+  ]);
+  const { onScroll: handleConversationScroll } = useStickToBottom(logRef, {
+    enabled: view === "chat",
+    contentSignature,
+    streamingId: state.streamingId,
+    threadId: state.threadId
+  });
   const effectiveBalance = state.usage?.balanceUsd ?? balanceUsd;
   const errorView = state.error ? presentError(state.error.code, state.error.message) : null;
   const low = isLowBalance(effectiveBalance) && !errorView;
@@ -2326,6 +2377,7 @@ function AssistantPanel({
         ref: logRef,
         tabIndex: -1,
         "aria-label": "Conversation",
+        onScroll: handleConversationScroll,
         role: view === "chat" ? "log" : void 0,
         "aria-live": view === "chat" ? "polite" : void 0,
         className: "min-h-0 flex-1 overflow-y-auto focus:outline-none",
@@ -2403,6 +2455,28 @@ function AssistantPanel({
         ]
       }
     ),
+    state.capped && state.status === "idle" && !chat.restoring && view === "chat" && /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        role: "status",
+        className: "mx-4 mb-2 flex items-center gap-3 rounded-lg border border-border bg-muted/40 px-3 py-2 text-sm",
+        children: [
+          /* @__PURE__ */ jsx5("p", { className: "min-w-0 flex-1 text-foreground", children: "Paused after a lot of steps." }),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setView("chat");
+                chat.send("continue");
+              },
+              className: "shrink-0 rounded-lg bg-primary px-3 py-1.5 font-semibold text-primary-foreground text-xs transition hover:bg-primary/90 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: "Continue"
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs4("div", { className: "border-border border-t p-2", children: [
       streaming && /* @__PURE__ */ jsx5("div", { className: "px-2 pb-1.5", "aria-label": "Assistant is working", children: /* @__PURE__ */ jsx5(WorkingIndicator, {}) }),
       /* @__PURE__ */ jsx5(
@@ -2433,7 +2507,7 @@ function AssistantPanel({
 // src/assistant/launcher.tsx
 import {
   createContext as createContext2,
-  useCallback as useCallback5,
+  useCallback as useCallback6,
   useContext as useContext2,
   useMemo as useMemo4,
   useState as useState7
@@ -2445,12 +2519,12 @@ function AssistantLauncherProvider({
 }) {
   const [open, setOpen] = useState7(false);
   const [seed, setSeed] = useState7(null);
-  const openAssistant = useCallback5((next) => {
+  const openAssistant = useCallback6((next) => {
     if (next != null) setSeed(next);
     setOpen(true);
   }, []);
-  const closeAssistant = useCallback5(() => setOpen(false), []);
-  const clearSeed = useCallback5(() => setSeed(null), []);
+  const closeAssistant = useCallback6(() => setOpen(false), []);
+  const clearSeed = useCallback6(() => setSeed(null), []);
   const value = useMemo4(
     () => ({ open, seed, openAssistant, closeAssistant, clearSeed }),
     [open, seed, openAssistant, closeAssistant, clearSeed]
@@ -2468,7 +2542,7 @@ function useAssistantLauncher() {
 }
 
 // src/assistant/ResizeHandle.tsx
-import { useRef as useRef5 } from "react";
+import { useRef as useRef6 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 function ResizeHandle({
   width,
@@ -2477,7 +2551,7 @@ function ResizeHandle({
   onCommit,
   onNudge
 }) {
-  const dragRef = useRef5(null);
+  const dragRef = useRef6(null);
   const onPointerDown = (e) => {
     if (e.button !== 0) return;
     e.preventDefault();
@@ -2568,10 +2642,10 @@ function AssistantDock({
   const chat = useAssistantChat(userId, { onWorkflowMutation });
   const isDesktop = useIsDesktop();
   const { width, maxWidth, setWidth, previewWidth, nudgeWidth } = usePanelWidth();
-  const launcherRef = useRef6(null);
-  const dialogRef = useRef6(null);
-  const returnFocusRef = useRef6(null);
-  const wasOpenRef = useRef6(false);
+  const launcherRef = useRef7(null);
+  const dialogRef = useRef7(null);
+  const returnFocusRef = useRef7(null);
+  const wasOpenRef = useRef7(false);
   useEffect6(() => {
     if (!open) return;
     const onKeyDown = (e) => {