@circuitwall/jarela 2.3.0 → 2.5.0

package/components/chat/MessageList.tsx

@@ -76,8 +76,9 @@ const ALL_FILTERS_SHOWN: Record<MessageFilterKey, boolean> = Object.fromEntries(
   MESSAGE_FILTER_KEYS.map((k) => [k, true]),
 ) as Record<MessageFilterKey, boolean>;
 const NO_CHANNEL_SUMMARIES: WarmChannelSummary[] = [];
+const NOOP = () => {};
 
-export function MessageList({ threadId, messages, steeredSegments, agentConfig, userProfile, streamingContent, thinkingContent, toolEvents, hasMore, loadingMore, onLoadMore, queuedMessages, onRemoveQueued, hotSinceSeq, warmSummary, warmSummaryBeforeSeq, warmSummaryComputedAt, warmSummarySourceMessages, warmSummarySourceChars, warmSummaryTopics, warmChannelSummaries = NO_CHANNEL_SUMMARIES, warmSummaryPending = false, compactionPending = false, onSetContextPin, streaming, contextWindowTokens, onRetryMessage, filters = ALL_FILTERS_SHOWN, onToggleFilter: toggle = () => {}, onResetFilters: reset = () => {} }: Props) {
+export function MessageList({ threadId, messages, steeredSegments, agentConfig, userProfile, streamingContent, thinkingContent, toolEvents, hasMore, loadingMore, onLoadMore, queuedMessages, onRemoveQueued, hotSinceSeq, warmSummary, warmSummaryBeforeSeq, warmSummaryComputedAt, warmSummarySourceMessages, warmSummarySourceChars, warmSummaryTopics, warmChannelSummaries = NO_CHANNEL_SUMMARIES, warmSummaryPending = false, compactionPending = false, onSetContextPin, streaming, contextWindowTokens, onRetryMessage, filters = ALL_FILTERS_SHOWN, onToggleFilter: toggle = NOOP, onResetFilters: reset = NOOP }: Props) {
   const hostRef = useRef<HTMLDivElement>(null);
   const maskRegionRef = useRef<HTMLDivElement>(null);
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -102,7 +103,11 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
   const [pendingHotSinceSeq, setPendingHotSinceSeq] = useState<number | null>(null);
   const [topControlsOpen, setTopControlsOpen] = useState(false);
   const [summaryPopoverOpen, setSummaryPopoverOpen] = useState(false);
-
+  const hasStreamingContent = !!streamingContent;
+  const hasThinkingContent = !!thinkingContent;
+  const hasLiveToolEvents = !!toolEvents?.length;
+  const hidePersistedDraft = !!streaming || hasStreamingContent;
+
   const retryWorkflowStep = useMemo(
     () => onRetryMessage
       ? (request: WorkflowStepRetryRequest) => onRetryMessage(workflowStepRetryMessage(request), [])
@@ -116,7 +121,7 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
   // they're handled below by gating the inline ToolList / ThinkingLine.
   const visibleMessages = useMemo(() => {
     return messages.filter((m) => {
-      if (m.role === "assistant" && m.transcript_status === "in_progress" && (streaming || !!streamingContent)) return false;
+      if (m.role === "assistant" && m.transcript_status === "in_progress" && hidePersistedDraft) return false;
       const cat = m.category;
       if (!cat) return true;
       if (cat === "scheduled_task") return filters.scheduled_task;
@@ -129,7 +134,53 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
       // never silently drop content the server thinks should be visible.
       return true;
     });
-  }, [messages, streaming, streamingContent, filters.scheduled_task, filters.watcher, filters.bridge, filters.extension, filters.page_capture, filters.synthetic]);
+  }, [messages, hidePersistedDraft, filters.scheduled_task, filters.watcher, filters.bridge, filters.extension, filters.page_capture, filters.synthetic]);
+
+  const historyRows = useMemo(() => {
+    const attachedActivities = new Map<string, AutomationActivityMetadata>();
+    const hiddenActivityIds = new Set<string>();
+    for (let i = 0; i < visibleMessages.length - 1; i++) {
+      const activityMessage = visibleMessages[i];
+      const activity = activityMessage.metadata?.automation_activity;
+      if (!activity) continue;
+      const related = visibleMessages[i + 1];
+      const matches = !related.metadata?.automation_activity && (
+        activity.source_kind === "bridge"
+          ? related.role === "user"
+            && related.metadata?.bridge_conversation?.key === activity.source_id
+          : related.role === "assistant" && related.category === activity.source_kind
+      );
+      if (!matches) continue;
+      attachedActivities.set(related.id, activity);
+      hiddenActivityIds.add(activityMessage.id);
+    }
+    const segmentsById = new Map(steeredSegments?.map((segment) => [segment.id, segment]));
+    let previousRole: Message["role"] | null = null;
+    return visibleMessages.map((msg, i) => {
+      if (hiddenActivityIds.has(msg.id)) return null;
+      const startsTurn = previousRole == null || previousRole !== msg.role;
+      previousRole = msg.role;
+      const steeredSegment = segmentsById.get(msg.id);
+      return (
+        <HistoryRow
+          key={msg.id}
+          message={msg}
+          steeredSegment={steeredSegment}
+          segmentShowAvatar={i === 0 || visibleMessages[i - 1].role !== "assistant"}
+          attachedActivity={attachedActivities.get(msg.id)}
+          startsTurn={startsTurn}
+          separated={startsTurn && i > 0}
+          threadId={threadId ?? null}
+          agentConfig={agentConfig}
+          userProfile={userProfile}
+          showToolEvents={filters.tool_use}
+          contextWindowTokens={contextWindowTokens ?? null}
+          isLatest={i === visibleMessages.length - 1 && !hasStreamingContent}
+          onRetry={onRetryMessage}
+        />
+      );
+    });
+  }, [visibleMessages, steeredSegments, threadId, agentConfig, userProfile, filters.tool_use, contextWindowTokens, hasStreamingContent, onRetryMessage]);
 
   const hiddenCount = messages.length - visibleMessages.length;
   const effectiveHotSinceSeq = hotSinceSeq ?? null;
@@ -536,7 +587,7 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
   // perceive this as "chat is empty". Auto-reset once per thread snapshot so
   // content remains visible without requiring manual recovery.
   useEffect(() => {
-    if (messages.length === 0 || streamingContent) return;
+    if (messages.length === 0 || hasStreamingContent) return;
     if (visibleMessages.length > 0) return;
     if (hiddenCount !== messages.length) return;
     const lastId = messages[messages.length - 1]?.id ?? "none";
@@ -544,7 +595,7 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
     if (autoRecoveredRef.current === key) return;
     autoRecoveredRef.current = key;
     reset();
-  }, [threadId, messages, visibleMessages.length, hiddenCount, streamingContent, reset]);
+  }, [threadId, messages, visibleMessages.length, hiddenCount, hasStreamingContent, reset]);
 
   // Surface a category chip in the toolbar only if it can actually do
   // something useful right now: scheduled_task/bridge/synthetic chips
@@ -563,10 +614,10 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
       else if (m.category === "synthetic") set.add("synthetic");
       if (m.tool_events && m.tool_events.length > 0) set.add("tool_use");
     }
-    if (thinkingContent) set.add("thinking");
-    if (toolEvents && toolEvents.length > 0) set.add("tool_use");
+    if (hasThinkingContent) set.add("thinking");
+    if (hasLiveToolEvents) set.add("tool_use");
     return MESSAGE_FILTER_KEYS.filter((k) => set.has(k));
-  }, [messages, thinkingContent, toolEvents]);
+  }, [messages, hasThinkingContent, hasLiveToolEvents]);
 
   // Tracks whether the user was at the bottom on the most recent scroll event.
   // After every render, if true, we snap to bottom — which means: while the
@@ -920,30 +971,6 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
         // "+ N more we don't know about yet" — older pages are likely unloaded.
         const olderCountLabel = olderInVisible + (hasMore ? 1 : 0);
 
-        const attachedActivities = new Map<string, AutomationActivityMetadata>();
-        const hiddenActivityIds = new Set<string>();
-        for (let i = 0; i < visibleMessages.length - 1; i++) {
-          const activityMessage = visibleMessages[i];
-          const activity = activityMessage.metadata?.automation_activity;
-          if (!activity) continue;
-          const related = visibleMessages[i + 1];
-          const matches = !related.metadata?.automation_activity && (
-            activity.source_kind === "bridge"
-              ? related.role === "user"
-                && related.metadata?.bridge_conversation?.key === activity.source_id
-              : related.role === "assistant" && related.category === activity.source_kind
-          );
-          if (!matches) continue;
-          attachedActivities.set(related.id, activity);
-          hiddenActivityIds.add(activityMessage.id);
-        }
-        const previousVisibleRoles = new Map<string, Message["role"] | null>();
-        let previousVisibleRole: Message["role"] | null = null;
-        for (const message of visibleMessages) {
-          previousVisibleRoles.set(message.id, previousVisibleRole);
-          if (!hiddenActivityIds.has(message.id)) previousVisibleRole = message.role;
-        }
-
         const renderBoundary = (key: string) => (
           <div
             key={key}
@@ -969,54 +996,12 @@ export function MessageList({ threadId, messages, steeredSegments, agentConfig,
           </div>
         );
 
-        const nodes = visibleMessages.flatMap((msg, i) => {
-          const out = [] as React.ReactNode[];
-          if (hasBoundary && !pinAfterAll && i === boundaryIndex) {
-            out.push(renderBoundary(`boundary-${msg.id}`));
-          }
-          if (hiddenActivityIds.has(msg.id)) return out;
-          const previousRole = previousVisibleRoles.get(msg.id);
-          const startsTurn = previousRole == null || previousRole !== msg.role;
-          const steeredSegment = steeredSegments?.find((segment) => segment.id === msg.id);
-          if (steeredSegment) {
-            out.push(
-              <StreamingBubble
-                key={`steered-${steeredSegment.id}`}
-                content={steeredSegment.content}
-                threadId={threadId ?? null}
-                agentConfig={agentConfig ?? null}
-                showAvatar={i === 0 || visibleMessages[i - 1].role !== "assistant"}
-              />,
-            );
-          }
-          out.push(
-            <div
-              key={msg.id}
-              id={typeof msg.seq === "number" ? String(msg.seq) : `msg-${msg.id}`}
-              data-message-id={msg.id}
-              data-hot-candidate="1"
-              data-message-seq={msg.seq}
-              data-created-at={msg.created_at}
-              className={startsTurn && i > 0 ? "mt-3" : undefined}
-            >
-              <MessageBubble
-                message={msg}
-                attachedActivity={attachedActivities.get(msg.id)}
-                threadId={threadId ?? null}
-                agentConfig={agentConfig}
-                userProfile={userProfile}
-                showAvatar={startsTurn}
-                showToolEvents={filters.tool_use}
-                contextWindowTokens={contextWindowTokens ?? null}
-                isLatest={i === visibleMessages.length - 1 && !streamingContent}
-                onRetry={onRetryMessage}
-              />
-            </div>,
-          );
-          return out;
-        });
-        if (hasBoundary && pinAfterAll) nodes.push(renderBoundary("boundary-tail"));
-        return nodes;
+        if (!hasBoundary) return historyRows;
+        return [
+          ...historyRows.slice(0, boundaryIndex),
+          renderBoundary(pinAfterAll ? "boundary-tail" : `boundary-${visibleMessages[boundaryIndex].id}`),
+          ...historyRows.slice(boundaryIndex),
+        ];
       })()}
       <LiveTurnActivity
         thinkingContent={thinkingContent}
@@ -1225,8 +1210,8 @@ function LiveTurnActivity({
   if (!showThinking && !streamingContent && !showTools && !showDots) return null;
   return (
     <div data-testid="live-turn-activity" className="mt-1 flex w-full min-w-0 flex-col gap-1">
-      {showDots && <ThinkingDots />}
-      {showThinking && <ThinkingLine text={thinkingContent} />}
+      {showDots && <div className="min-w-0 pl-9"><ThinkingDots /></div>}
+      {showThinking && <div className="min-w-0 pl-9"><ThinkingLine text={thinkingContent} /></div>}
       {streamingContent && (
         <StreamingBubble
           content={streamingContent}
@@ -1235,16 +1220,65 @@ function LiveTurnActivity({
           showAvatar={showStreamingAvatar}
         />
       )}
-      {showTools && <ToolList events={toolEvents} />}
+      {showTools && <div className="min-w-0 pl-9"><ToolList events={toolEvents} /></div>}
     </div>
   );
 }
 
-// Streaming-bubble wrapper. Wraps the in-flight assistant bubble so the
-// `message` object passed to MessageBubble keeps a stable identity across
-// renders that don't actually change the streaming text — without this
-// the inline `{ role, content, streaming: true }` literal in the parent
-// JSX would defeat MessageBubble's React.memo on every parent re-render.
+const HistoryRow = memo(function HistoryRow({
+  message, steeredSegment, segmentShowAvatar, attachedActivity, startsTurn, separated,
+  threadId, agentConfig, userProfile, showToolEvents, contextWindowTokens, isLatest, onRetry,
+}: {
+  message: Message;
+  steeredSegment?: SteeredSegment;
+  segmentShowAvatar: boolean;
+  attachedActivity?: AutomationActivityMetadata;
+  startsTurn: boolean;
+  separated: boolean;
+  threadId: string | null;
+  agentConfig?: AgentConfig | null;
+  userProfile?: UserProfile | null;
+  showToolEvents: boolean;
+  contextWindowTokens: number | null;
+  isLatest: boolean;
+  onRetry?: Props["onRetryMessage"];
+}) {
+  return (
+    <>
+      {steeredSegment && (
+        <StreamingBubble
+          content={steeredSegment.content}
+          threadId={threadId}
+          agentConfig={agentConfig ?? null}
+          showAvatar={segmentShowAvatar}
+        />
+      )}
+      <div
+        id={typeof message.seq === "number" ? String(message.seq) : `msg-${message.id}`}
+        data-message-id={message.id}
+        data-hot-candidate="1"
+        data-message-seq={message.seq}
+        data-created-at={message.created_at}
+        className={separated ? "mt-3" : undefined}
+      >
+        <MessageBubble
+          message={message}
+          attachedActivity={attachedActivity}
+          threadId={threadId}
+          agentConfig={agentConfig}
+          userProfile={userProfile}
+          showAvatar={startsTurn}
+          showToolEvents={showToolEvents}
+          contextWindowTokens={contextWindowTokens}
+          isLatest={isLatest}
+          onRetry={onRetry}
+        />
+      </div>
+    </>
+  );
+});
+
+// Keep the synthetic message identity stable when only the parent updates.
 const StreamingBubble = memo(function StreamingBubble({
   content,
   threadId,

package/components/chat/ToolList.tsx

@@ -434,83 +434,87 @@ function ToolCallCard({ group, startedAt }: { group: ToolCallGroup; startedAt: n
   const transcriptSteps = group.steps.length > 0 ? group.steps : delegateTranscript?.steps ?? stepsFromResult(displayedResult);
   return (
     <div className="min-w-0 max-w-full">
-      <MetaRow fullWidth onClick={() => setOpen((v) => !v)} expanded={open}>
-        <CollapseChevron open={open} size={9} className="text-fg-faint/70" />
-        <ToolIcon toolName={group.name} />
-        <span className="font-medium text-fg-muted shrink-0">{group.name}</span>
-        <span
-          className="relative truncate text-fg-faint font-normal flex-1 min-w-0"
-          title={summaryTitle || undefined}
-          style={{
-            // Fade the tail of the args summary into the surface so the
-            // status pills + progress bar on the right stay legible even
-            // when the args fill the available space.
-            WebkitMaskImage:
-              "linear-gradient(to right, black 0, black calc(100% - 28px), transparent 100%)",
-            maskImage:
-              "linear-gradient(to right, black 0, black calc(100% - 28px), transparent 100%)",
-          }}
-        >
-          {summary}
-        </span>
-        {group.status === "async" && (
-          <Badge
-            tone="info"
-            className="uppercase tracking-wide"
-            title="running in the background"
-          >
-            bg
-          </Badge>
-        )}
-        {codexJob?.status === "running" && (
-          <Badge tone="info" className="uppercase tracking-wide" title="Codex job is updating live">
-            live
-          </Badge>
-        )}
-        {codexJob?.status === "running" && (
-          <button
-            type="button"
-            onClick={(event) => { event.stopPropagation(); void cancelCodexJob(); }}
-            className="control-tap shrink-0 text-fg-faint hover:text-rose-600 dark:hover:text-rose-300"
-            title="Cancel Codex task"
-            aria-label="Cancel Codex task"
-          >
-            <X size={12} />
-          </button>
-        )}
-        {group.readByAgent && (
-          <Badge
-            tone="neutral"
-            className="uppercase tracking-wide"
-            title="agent read the background result"
-          >
-            read
-          </Badge>
-        )}
-        {isToolResultRefEnvelope(group.result) && (
-          <Badge
-            tone="info"
-            className="uppercase tracking-wide"
-            title="large result is shown as a preview with a file reference"
-          >
-            preview
-          </Badge>
-        )}
-        {delegateTranscript?.awaitingUserAnswers && (
-          <Badge
-            tone="warning"
-            className="uppercase tracking-wide"
-            title="Claude asked design questions and is waiting for the user"
+      <MetaRow fullWidth onClick={() => setOpen((v) => !v)} expanded={open} className="flex-wrap">
+        <span className="flex min-w-0 flex-1 basis-40 items-center gap-1.5">
+          <CollapseChevron open={open} size={9} className="text-fg-faint/70" />
+          <ToolIcon toolName={group.name} />
+          <span className="min-w-0 max-w-[50%] truncate font-medium text-fg-muted" title={group.name}>{group.name}</span>
+          <span
+            className="relative truncate text-fg-faint font-normal flex-1 min-w-0"
+            title={summaryTitle || undefined}
+            style={{
+              // Fade the tail of the args summary into the surface so the
+              // status pills + progress bar on the right stay legible even
+              // when the args fill the available space.
+              WebkitMaskImage:
+                "linear-gradient(to right, black 0, black calc(100% - 28px), transparent 100%)",
+              maskImage:
+                "linear-gradient(to right, black 0, black calc(100% - 28px), transparent 100%)",
+            }}
           >
-            asks
-          </Badge>
-        )}
-        <StatusIndicator
-          status={group.status}
-          deadlineMs={group.deadlineMs}
-          startedAt={startedAt}
-          stepCount={transcriptSteps.length}
-        />
+            {summary}
+          </span>
+        </span>
+        <span className="ml-auto flex max-w-full flex-wrap items-center gap-1.5">
+          {group.status === "async" && (
+            <Badge
+              tone="info"
+              className="uppercase tracking-wide"
+              title="running in the background"
+            >
+              bg
+            </Badge>
+          )}
+          {codexJob?.status === "running" && (
+            <Badge tone="info" className="uppercase tracking-wide" title="Codex job is updating live">
+              live
+            </Badge>
+          )}
+          {codexJob?.status === "running" && (
+            <button
+              type="button"
+              onClick={(event) => { event.stopPropagation(); void cancelCodexJob(); }}
+              className="control-tap shrink-0 text-fg-faint hover:text-rose-600 dark:hover:text-rose-300"
+              title="Cancel Codex task"
+              aria-label="Cancel Codex task"
+            >
+              <X size={12} />
+            </button>
+          )}
+          {group.readByAgent && (
+            <Badge
+              tone="neutral"
+              className="uppercase tracking-wide"
+              title="agent read the background result"
+            >
+              read
+            </Badge>
+          )}
+          {isToolResultRefEnvelope(group.result) && (
+            <Badge
+              tone="info"
+              className="uppercase tracking-wide"
+              title="large result is shown as a preview with a file reference"
+            >
+              preview
+            </Badge>
+          )}
+          {delegateTranscript?.awaitingUserAnswers && (
+            <Badge
+              tone="warning"
+              className="uppercase tracking-wide"
+              title="Claude asked design questions and is waiting for the user"
+            >
+              asks
+            </Badge>
+          )}
+          <StatusIndicator
+            status={group.status}
+            deadlineMs={group.deadlineMs}
+            startedAt={startedAt}
+            stepCount={transcriptSteps.length}
+          />
+        </span>
       </MetaRow>
       {delegateTranscript ? (
         <DelegateTurnCards
@@ -526,7 +530,7 @@ function ToolCallCard({ group, startedAt }: { group: ToolCallGroup; startedAt: n
         <LiveTranscript steps={transcriptSteps} />
       )}
       {open && (
-        <div className="mt-0.5 rounded border border-border/40 bg-surface-2/30 px-2 py-1.5 space-y-1.5 text-[10px]">
+        <div className="mt-0.5 min-w-0 rounded border border-border/40 bg-surface-2/30 px-2 py-1.5 space-y-1.5 text-[10px] [overflow-wrap:anywhere]">
           <WorkflowProgressDetails group={group} />
           {!hasWorkflowView(group) && (<>
           {hasVisibleArgs(group.args) ? (
@@ -1073,16 +1077,16 @@ function DetailSection({
     <div className="min-w-0">
       <div className="text-[10px] uppercase tracking-wide text-fg-faint mb-0.5">{label}</div>
       {kvEntries ? (
-        <dl className={`grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 gap-y-0.5 text-[11px] font-mono ${toneClass}`}>
+        <dl className={`grid grid-cols-[fit-content(35%)_minmax(0,1fr)] gap-x-2 gap-y-0.5 text-[11px] font-mono ${toneClass}`}>
           {kvEntries.map(([k, v]) => (
             <div key={k} className="contents">
-              <dt className="text-fg-faint">{k}</dt>
-              <dd className="min-w-0 break-words whitespace-pre-wrap">{renderKvValue(v)}</dd>
+              <dt className="min-w-0 text-fg-faint">{k}</dt>
+              <dd className="min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]">{renderKvValue(v)}</dd>
             </div>
           ))}
         </dl>
       ) : (
-        <pre className={`text-[11px] font-mono whitespace-pre-wrap break-words max-w-full ${toneClass}`}>
+        <pre className={`text-[11px] font-mono whitespace-pre-wrap [overflow-wrap:anywhere] max-w-full ${toneClass}`}>
           {formatPayload(value)}
         </pre>
       )}
@@ -1198,11 +1202,11 @@ function renderKvValue(v: unknown): ReactNode {
     const entries = Object.entries(obj).filter(([k]) => !HIDDEN_ARG_KEYS.has(k));
     if (entries.length === 0) return <span className="text-fg-faint">{"{}"}</span>;
     return (
-      <dl className="grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 gap-y-0.5">
+      <dl className="grid grid-cols-[fit-content(35%)_minmax(0,1fr)] gap-x-2 gap-y-0.5">
         {entries.map(([k, vv]) => (
           <div key={k} className="contents">
-            <dt className="text-fg-faint">{k}</dt>
-            <dd className="min-w-0 break-words whitespace-pre-wrap">{renderKvValue(vv)}</dd>
+            <dt className="min-w-0 text-fg-faint">{k}</dt>
+            <dd className="min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]">{renderKvValue(vv)}</dd>
           </div>
         ))}
       </dl>

package/components/chat/useThreadActivity.test.tsx

@@ -9,7 +9,7 @@ vi.mock("@/api/client", () => ({
   api: {
     threads: {
       activity: (...args: unknown[]) => mocks.activity(...args),
-      get: (...args: unknown[]) => mocks.getThread(...args),
+      metadata: (...args: unknown[]) => mocks.getThread(...args),
     },
   },
 }));
@@ -87,7 +87,7 @@ describe("useThreadActivity", () => {
     expect(meta.setCompactionPending).toHaveBeenCalledWith(true);
     expect(meta.setManualCompactionPending).toHaveBeenCalledWith(true);
     await tick(1_500);
-    expect(mocks.getThread).toHaveBeenCalledWith("t1", { limit: 1 });
+    expect(mocks.getThread).toHaveBeenCalledWith("t1");
     expect(meta.setManualCompactionPending).toHaveBeenLastCalledWith(false);
   });
 

package/components/chat/useThreadActivity.ts

@@ -73,9 +73,9 @@ export function useThreadActivity({ threadId, attach, isLive, lastSettledAt, met
         // pull the new boundary and recap.
         d.metaApplier.setCompactionPending?.(false);
         d.metaApplier.setManualCompactionPending?.(false);
-        api.threads.get(threadId, { limit: 1 })
+        api.threads.metadata(threadId)
           .then((meta) => { if (!cancelled) applyThreadMeta(deps.current.metaApplier, meta); })
-          .catch(() => { /* next poll retries */ });
+          .catch((err) => { if (!cancelled) console.error("activity metadata refresh failed", err); });
       }
 
       schedule(next.busy ? BUSY_POLL_MS : IDLE_POLL_MS);

package/components/chat/useThreadData.ts

@@ -110,7 +110,7 @@ export function useThreadData({ threadId, attach }: Params): ThreadDataApi {
     setCompactionPending(false);
     setManualCompactionPending(false);
     setContextWindowTokens(null);
-    api.threads.get(threadId).then((d) => {
+    api.threads.get(threadId, { startup: true }).then((d) => {
       if (cancelled) return;
       setMessages(d.messages);
       setHasMore(d.has_more);
@@ -163,35 +163,6 @@ export function useThreadData({ threadId, attach }: Params): ThreadDataApi {
     }
   }, [threadId]);
 
-  useEffect(() => {
-    if (!threadId) return;
-    const summaryFresh = hotSinceSeq !== null && warmSummaryBeforeSeq === hotSinceSeq;
-    const summaryStale = warmSummaryPending && hotSinceSeq !== null && !summaryFresh;
-    if (!summaryStale && !compactionPending && !manualCompactionPending) {
-      if (warmSummaryPending && hotSinceSeq !== null && summaryFresh) setWarmSummaryPending(false);
-      return;
-    }
-    let cancelled = false;
-    const timer = window.setInterval(() => {
-      void api.threads.get(threadId).then((d) => {
-        if (cancelled) return;
-        applyThreadMeta(metaApplier, d);
-        const refreshedSummaryIsFresh = d.hot_since_seq != null
-          && d.warm_summary_before_seq === d.hot_since_seq;
-        if (!d.hot_since_seq || refreshedSummaryIsFresh) {
-          setWarmSummaryPending(false);
-        }
-      }).catch((err) => {
-        if (!cancelled) console.error("warm summary refresh poll failed", err);
-      });
-    }, 1600);
-    return () => {
-      cancelled = true;
-      window.clearInterval(timer);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [threadId, warmSummaryPending, compactionPending, manualCompactionPending, hotSince, hotSinceSeq, warmSummaryBefore, warmSummaryBeforeSeq]);
-
   const loadOlder = useCallback(async () => {
     if (!threadId || loadingMore || !hasMore || messages.length === 0) return;
     setLoadingMore(true);