@agent-native/core 0.84.22 → 0.84.24

package/corpus/README.md

@@ -28,4 +28,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 ## Generated Counts
 
 - core files: 2043
-- template files: 4962
+- template files: 4968

package/corpus/core/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @agent-native/core
 
+## 0.84.24
+
+### Patch Changes
+
+- d88a57f: Fix chat tool-call rows shrinking, keep running chats visibly thinking, stream reconnect content incrementally, and collapse exact repeated tool rows.
+
+## 0.84.23
+
+### Patch Changes
+
+- fde28eb: Expose notification delivery channel results so callers can distinguish custom-channel delivery from inbox persistence.
+- fde28eb: Re-enable Claude Sonnet 5 as the visible and default Sonnet model now that the Builder gateway supports it.
+- fde28eb: Sharpen the exported Design skill's quality bar to defeat "AI slop": frame the variant flow as separating taste/exploration/spec/code, pair every banned default with a concrete alternative, warn about second-order convergence, and add explicit guidance for building on an existing design system or codebase.
+
 ## 0.84.22
 
 ### Patch Changes

package/corpus/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.84.22",
+  "version": "0.84.24",
   "description": "Framework for agent-native application development — where AI agents and UI share SQL state, actions, and context",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {

package/corpus/core/src/agent/model-config.ts

@@ -120,7 +120,7 @@ export function getContextWindowForModel(modelId: string): number {
   return DEFAULT_CONTEXT_WINDOW;
 }
 
-const ENABLE_CLAUDE_SONNET_5 = false;
+const ENABLE_CLAUDE_SONNET_5 = true;
 
 export const CLAUDE_SONNET_MODEL_ID = ENABLE_CLAUDE_SONNET_5
   ? "claude-sonnet-5"

package/corpus/core/src/cli/skills.ts

@@ -363,14 +363,28 @@ iteration, or a human-in-the-loop choice among design directions.
 
 ## Design Quality Bar
 
+Generic "AI slop" comes from letting one prompt set taste, explore, and emit code
+at once — so the model returns the training-average (Inter, an indigo/violet
+gradient, a centered hero, three rounded cards). The variant flow above exists to
+separate those jobs; use it, and hold this bar:
+
 - Before generating, name the concrete audience, the screen's primary job, and
   the visual thesis. If the brief is vague, make a reasonable choice and state
   it instead of producing a generic dashboard/landing-page default.
-- For existing products, inspect the current screen, design system, tokens,
-  component language, or codebase context before inventing a new direction.
+- Refuse the defaults, and pair every "don't" with a "do" (banning Inter alone
+  just makes you reach for Roboto). Avoid Inter/Roboto/system fonts, the
+  indigo/violet slop palette (\`#6366F1\`/\`#8B5CF6\`/\`#A855F7\`) and purple-on-white
+  gradients, and centered-hero + three-icon-card layouts; instead pick a
+  distinctive font pairing, one non-default palette family with a single decisive
+  accent, and an asymmetric layout with a clear focal point.
 - Make each direction distinct in structure and behavior, not just palette.
   Give every variant one memorable signature choice, then keep the surrounding
-  chrome disciplined.
+  chrome disciplined. Even your creative picks converge (Space Grotesk
+  everywhere) — vary deliberately so two directions never share a fingerprint.
+- For existing products, inspect the current screen, design system, tokens, and
+  component language before inventing a new direction. Treat any drift back to a
+  default as a missing token to pin, and vary layout per screen so on-brand does
+  not become same-in-your-colors.
 - Treat copy, data, and imagery as design material. Use realistic domain
   content and first-party/generated assets when images matter; avoid lorem
   ipsum, vague SaaS filler, and decorative placeholder boxes.

package/corpus/core/src/client/AssistantChat.tsx

@@ -37,10 +37,13 @@ import React, {
 import { LLM_MISSING_CREDENTIALS_MESSAGE } from "../agent/engine/credential-errors.js";
 import type { ReasoningEffort } from "../shared/reasoning-effort.js";
 import {
+  ACTIVE_RUN_STATE_EVENT,
+  clearActiveRunIfMatches,
   getActiveRunActivityTool,
   getActiveRun,
   resolveReconnectAfterSeq,
   setActiveRun,
+  type ActiveRunState,
   updateActiveRunActivity,
   updateActiveRunSeq,
 } from "./active-run-state.js";
@@ -282,6 +285,13 @@ export function reconnectProgressTimedOut(args: {
   return args.now - args.lastProgressAt >= threshold;
 }
 
+function activeRunMatchesThread(
+  state: ActiveRunState | null,
+  threadId: string | undefined,
+): boolean {
+  return Boolean(threadId && state?.threadId === threadId && state.runId);
+}
+
 function isAssistantUiDuplicateMessageIdError(error: unknown): boolean {
   const message = error instanceof Error ? error.message : String(error ?? "");
   return (
@@ -627,15 +637,21 @@ export function resolveAssistantChatRunningState({
   isReconnecting,
   optimisticRunning,
   isAutoResuming,
+  hasActiveServerRun,
 }: {
   forceStopped: boolean;
   isRuntimeRunning: boolean;
   isReconnecting: boolean;
   optimisticRunning: boolean;
   isAutoResuming: boolean;
+  hasActiveServerRun?: boolean;
 }): { isRunning: boolean; showRunningInUI: boolean } {
   const isRunning =
-    !forceStopped && (isRuntimeRunning || isReconnecting || optimisticRunning);
+    !forceStopped &&
+    (isRuntimeRunning ||
+      isReconnecting ||
+      optimisticRunning ||
+      Boolean(hasActiveServerRun));
   return {
     isRunning,
     // During auto-continuation, assistant-ui can briefly mark the message done
@@ -1440,13 +1456,33 @@ const AssistantChatInner = forwardRef<
   // When stop is clicked during reconnect, keep content visible (don't wipe it)
   const [reconnectFrozen, setReconnectFrozen] = useState(false);
   const reconnectRunIdRef = useRef<string | null>(null);
-  const [reconnectAfterSeq, setReconnectAfterSeq] = useState(0);
   const reconnectAbortRef = useRef<AbortController | null>(null);
   // Nuclear stop: user clicked stop. Clears the stop button/indicator AND
   // lets new submissions go through immediately — prevents the "stuck
   // queueing forever" state where isReconnecting or isRuntimeRunning gets
   // wedged (e.g. after a tab refresh + stop during reconnect).
   const [forceStopped, setForceStopped] = useState(false);
+  const [hasActiveServerRun, setHasActiveServerRun] = useState(() =>
+    activeRunMatchesThread(getActiveRun(), threadId),
+  );
+  useEffect(() => {
+    const syncActiveRun = (state = getActiveRun()) => {
+      setHasActiveServerRun(activeRunMatchesThread(state, threadId));
+    };
+    syncActiveRun();
+    const handler = (event: Event) => {
+      const state = (event as CustomEvent<{ state?: ActiveRunState | null }>)
+        .detail?.state;
+      syncActiveRun(state ?? null);
+    };
+    const storageHandler = () => syncActiveRun();
+    window.addEventListener(ACTIVE_RUN_STATE_EVENT, handler);
+    window.addEventListener("storage", storageHandler);
+    return () => {
+      window.removeEventListener(ACTIVE_RUN_STATE_EVENT, handler);
+      window.removeEventListener("storage", storageHandler);
+    };
+  }, [threadId]);
   // Real running state drives submission/queue gating; UI running also covers
   // short auto-continuation gaps so the latest assistant message does not flash
   // into a done state while the agent is still working.
@@ -1456,14 +1492,14 @@ const AssistantChatInner = forwardRef<
     isReconnecting,
     optimisticRunning,
     isAutoResuming,
+    hasActiveServerRun,
   });
   const textStreaming = showRunningInUI || externalStreaming;
   // A revealed activity label wins; otherwise stay a steady "Thinking" by
   // default. We only surface "Reconnecting" while we are actively replaying
   // recovered content (reconnectContent populated). A bare reconnect with no
-  // replayed content — e.g. a tail-resume after the serverless wall, where
-  // `scheduleUpdate` intentionally leaves reconnectContent empty — is normal
-  // ongoing work, so it must read as "Thinking", never a perpetual "Working".
+  // replayed content is normal ongoing work, so it must read as "Thinking",
+  // never a perpetual "Working".
   const runningStatusLabel = runningActivityLabel
     ? runningActivityLabel
     : isAutoResuming
@@ -1740,7 +1776,6 @@ const AssistantChatInner = forwardRef<
       const afterSeq = resolveReconnectAfterSeq(threadId, runId);
       const storedActivityTool = getActiveRunActivityTool(threadId, runId);
       setRunningActivityTool(storedActivityTool);
-      setReconnectAfterSeq(afterSeq);
       setActiveRun({
         threadId,
         runId,
@@ -1830,7 +1865,6 @@ const AssistantChatInner = forwardRef<
             let rafPending = false;
             let latestSnapshot: ContentPart[] = [];
             const scheduleUpdate = (snapshot: ContentPart[]) => {
-              if (afterSeq > 0) return;
               latestSnapshot = snapshot;
               if (rafPending) return;
               rafPending = true;
@@ -1918,10 +1952,10 @@ const AssistantChatInner = forwardRef<
             runId,
           });
           setDismissedRunErrorKey(null);
+          clearActiveRunIfMatches(threadId, runId);
           reconnectAbortRef.current = null;
           setIsReconnecting(false);
           reconnectRunIdRef.current = null;
-          setReconnectAfterSeq(0);
           window.dispatchEvent(
             new CustomEvent("agentNative.chatRunning", {
               detail: { isRunning: false, tabId: tabId || threadId },
@@ -1945,10 +1979,10 @@ const AssistantChatInner = forwardRef<
         }
 
         if (reconnectRunIdRef.current === runId) {
+          clearActiveRunIfMatches(threadId, runId);
           reconnectAbortRef.current = null;
           setIsReconnecting(false);
           reconnectRunIdRef.current = null;
-          setReconnectAfterSeq(0);
           window.dispatchEvent(
             new CustomEvent("agentNative.chatRunning", {
               detail: { isRunning: false, tabId: tabId || threadId },
@@ -2748,6 +2782,7 @@ const AssistantChatInner = forwardRef<
     setRunErrorInfo(null);
     setDismissedRunErrorKey(null);
     if (runIdToAbort) {
+      if (threadId) clearActiveRunIfMatches(threadId, runIdToAbort);
       fetch(`${apiUrl}/runs/${encodeURIComponent(runIdToAbort)}/abort`, {
         method: "POST",
       }).catch(() => {});
@@ -2756,7 +2791,6 @@ const AssistantChatInner = forwardRef<
       reconnectAbortRef.current?.abort();
       reconnectAbortRef.current = null;
       reconnectRunIdRef.current = null;
-      setReconnectAfterSeq(0);
       setIsReconnecting(false);
       setReconnectFrozen(reconnectContent.length > 0);
     }
@@ -3610,12 +3644,11 @@ const AssistantChatInner = forwardRef<
                         />
                       )}
                       {(isReconnecting || reconnectFrozen) &&
-                        reconnectAfterSeq === 0 &&
                         reconnectContent.length > 0 && (
                           <ReconnectStreamMessage content={reconnectContent} />
                         )}
                       {(isReconnecting || reconnectFrozen) &&
-                        reconnectAfterSeq > 0 &&
+                        reconnectContent.length === 0 &&
                         reconnectActivityContent.length > 0 && (
                           <ReconnectStreamMessage
                             content={reconnectActivityContent}

package/corpus/core/src/client/active-run-state.ts

@@ -1,4 +1,5 @@
 const STORAGE_KEY = "agent-chat-active-run";
+export const ACTIVE_RUN_STATE_EVENT = "agent-chat:active-run-state-change";
 
 export interface ActiveRunState {
   threadId: string;
@@ -7,6 +8,19 @@ export interface ActiveRunState {
   activityTool?: string | null;
 }
 
+function notifyActiveRunStateChanged(state: ActiveRunState | null): void {
+  if (
+    typeof window === "undefined" ||
+    typeof window.dispatchEvent !== "function" ||
+    typeof CustomEvent === "undefined"
+  ) {
+    return;
+  }
+  window.dispatchEvent(
+    new CustomEvent(ACTIVE_RUN_STATE_EVENT, { detail: { state } }),
+  );
+}
+
 function normalizeActivityTool(toolName: unknown): string | null {
   if (typeof toolName !== "string") return null;
   const tool = toolName.trim();
@@ -17,6 +31,7 @@ export function setActiveRun(state: ActiveRunState): void {
   try {
     sessionStorage.setItem(STORAGE_KEY, JSON.stringify(state));
   } catch {}
+  notifyActiveRunStateChanged(state);
 }
 
 export function getActiveRun(): ActiveRunState | null {
@@ -64,6 +79,13 @@ export function clearActiveRun(): void {
   try {
     sessionStorage.removeItem(STORAGE_KEY);
   } catch {}
+  notifyActiveRunStateChanged(null);
+}
+
+export function clearActiveRunIfMatches(threadId: string, runId: string): void {
+  const state = getActiveRun();
+  if (state?.threadId !== threadId || state.runId !== runId) return;
+  clearActiveRun();
 }
 
 /** Resume reconnect SSE after the last seen event (0 = replay from the start). */

package/corpus/core/src/client/chat/message-components.tsx

@@ -807,6 +807,7 @@ export function shouldShowAssistantMessageFooter({
   hasUnresolvedTool?: boolean;
 }): boolean {
   if (!hasRenderableContent) return false;
+  if (chatRunning) return false;
   if (!isLast) return true;
   if (hasUnresolvedTool) return false;
   return !chatRunning && statusIsTerminal;
@@ -909,7 +910,7 @@ export function AssistantMessage() {
       className="group relative"
       style={{ contentVisibility: isComplete ? "auto" : "visible" }}
     >
-      <div className="max-w-[95%] text-sm leading-relaxed text-foreground">
+      <div className="w-full max-w-[95%] text-sm leading-relaxed text-foreground">
         <MessagePrimitive.Parts
           components={{
             Text: MarkdownText,

package/corpus/core/src/client/chat/tool-call-display.tsx

@@ -418,6 +418,7 @@ export function ToolCallDisplay({
   isRunning,
   structuredMeta,
   approval,
+  repeatCount,
 }: {
   toolName: string;
   argsText?: string;
@@ -428,6 +429,7 @@ export function ToolCallDisplay({
   isRunning: boolean;
   structuredMeta?: Record<string, unknown>;
   approval?: { approvalKey: string; dismissed?: boolean };
+  repeatCount?: number;
 }) {
   // Delegate to bespoke cells when structured metadata is present.
   // These must be separate components so hook order in ToolCallDisplayGeneric
@@ -474,6 +476,7 @@ export function ToolCallDisplay({
       chatUI={chatUI}
       isRunning={isRunning}
       approval={approval}
+      repeatCount={repeatCount}
     />
   );
 }
@@ -487,6 +490,7 @@ function ToolCallDisplayGeneric({
   chatUI,
   isRunning,
   approval,
+  repeatCount,
 }: {
   toolName: string;
   argsText?: string;
@@ -496,6 +500,7 @@ function ToolCallDisplayGeneric({
   chatUI?: ActionChatUIConfig;
   isRunning: boolean;
   approval?: { approvalKey: string; dismissed?: boolean };
+  repeatCount?: number;
 }) {
   const streamRef = useRef<HTMLDivElement>(null);
 
@@ -614,7 +619,7 @@ function ToolCallDisplayGeneric({
   const isExpanded = isAgentCall ? hasStreamText && expanded : expanded;
 
   return (
-    <div className="my-1 overflow-hidden">
+    <div className="my-1 w-full overflow-hidden">
       {mcpApp && <McpAppRenderer app={mcpApp} className="mb-1.5" />}
       <button
         onClick={() => canExpand && setExpanded(!isExpanded)}
@@ -640,6 +645,14 @@ function ToolCallDisplayGeneric({
         <span className="truncate min-w-0">
           <span className="font-medium">{displayName}</span>
         </span>
+        {repeatCount && repeatCount > 1 && (
+          <span
+            className="shrink-0 rounded border border-border/60 px-1.5 py-0.5 text-[10px] leading-none text-muted-foreground"
+            title={`Repeated ${repeatCount} times`}
+          >
+            {repeatCount}x
+          </span>
+        )}
         {canExpand && (
           <IconChevronDown
             className={cn(
@@ -694,6 +707,7 @@ export function ToolCallFallback({
   structuredMeta?: Record<string, unknown>;
   activity?: boolean;
   approval?: { approvalKey: string; dismissed?: boolean };
+  repeatCount?: number;
 }) {
   const chatRunning = React.useContext(ChatRunningContext);
   const isRunning =
@@ -715,6 +729,7 @@ export function ToolCallFallback({
       structuredMeta={rest.structuredMeta}
       isRunning={isRunning}
       approval={rest.approval}
+      repeatCount={rest.repeatCount}
     />
   );
 }
@@ -734,7 +749,7 @@ export function ReconnectStreamMessage({
 
   return (
     <div className="flex justify-start">
-      <div className="max-w-[95%] text-sm leading-relaxed text-foreground space-y-1">
+      <div className="w-full max-w-[95%] text-sm leading-relaxed text-foreground space-y-1">
         {content.map((part, i) => {
           if (part.type === "text") {
             const partStreaming = chatRunning && i === streamingTextPartIndex;
@@ -764,6 +779,7 @@ export function ReconnectStreamMessage({
                   (chatRunning || part.activity === true)
                 }
                 approval={part.approval}
+                repeatCount={part.repeatCount}
               />
             );
           }