@agent-native/core 0.84.29 → 0.84.30

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: 4972
+- template files: 4973

package/corpus/core/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @agent-native/core
 
+## 0.84.30
+
+### Patch Changes
+
+- 80e618a: Fix hosted Google Analytics / Tag Manager injection by baking the measurement id into Nitro server bundles and merging the required GA/GTM script, connect, and image hosts into existing stricter document CSPs.
+- 80e618a: Improve chat tool-preparation UX by hiding zero-byte progress, using clearer preparation/writing copy, and showing a delayed long-running update hint.
+
 ## 0.84.29
 
 ### Patch Changes

package/corpus/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.84.29",
+  "version": "0.84.30",
   "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/client/chat/tool-call-display.tsx

@@ -70,6 +70,43 @@ export const ApprovalContext = React.createContext<ApprovalContextValue | null>(
   null,
 );
 
+export const TOOL_LONG_RUNNING_HINT_DELAY_MS = 45_000;
+
+function ToolLongRunningHintShell({
+  toolName,
+  isRunning,
+  children,
+}: {
+  toolName: string;
+  isRunning: boolean;
+  children: React.ReactNode;
+}) {
+  const [showLongRunningHint, setShowLongRunningHint] = useState(false);
+
+  useEffect(() => {
+    if (!isRunning) {
+      setShowLongRunningHint(false);
+      return;
+    }
+    setShowLongRunningHint(false);
+    const timeout = window.setTimeout(() => {
+      setShowLongRunningHint(true);
+    }, TOOL_LONG_RUNNING_HINT_DELAY_MS);
+    return () => window.clearTimeout(timeout);
+  }, [isRunning, toolName]);
+
+  return (
+    <>
+      {children}
+      {isRunning && showLongRunningHint && (
+        <div className="mt-0.5 px-2.5 text-[11px] leading-snug text-muted-foreground/80">
+          Still working. Large updates can take a minute or two.
+        </div>
+      )}
+    </>
+  );
+}
+
 // ─── Tool-payload formatting ──────────────────────────────────────────────────
 
 type ToolDetailSection = "input" | "result";
@@ -435,38 +472,43 @@ export function ToolCallDisplay({
   // These must be separate components so hook order in ToolCallDisplayGeneric
   // is always stable (no conditional hook calls).
   const toolKind = structuredMeta?.toolKind as string | undefined;
+  const wrapToolDisplay = (children: React.ReactNode) => (
+    <ToolLongRunningHintShell toolName={toolName} isRunning={isRunning}>
+      {children}
+    </ToolLongRunningHintShell>
+  );
   if (toolKind === "bash") {
-    return (
+    return wrapToolDisplay(
       <BashCell
         meta={
           structuredMeta as unknown as Parameters<typeof BashCell>[0]["meta"]
         }
         output={result}
         isRunning={isRunning}
-      />
+      />,
     );
   }
   if (toolKind === "edit") {
-    return (
+    return wrapToolDisplay(
       <EditCell
         meta={
           structuredMeta as unknown as Parameters<typeof EditCell>[0]["meta"]
         }
         isRunning={isRunning}
-      />
+      />,
     );
   }
   if (toolKind === "write") {
-    return (
+    return wrapToolDisplay(
       <WriteCell
         meta={
           structuredMeta as unknown as Parameters<typeof WriteCell>[0]["meta"]
         }
         isRunning={isRunning}
-      />
+      />,
     );
   }
-  return (
+  return wrapToolDisplay(
     <ToolCallDisplayGeneric
       toolName={toolName}
       argsText={argsText}
@@ -477,7 +519,7 @@ export function ToolCallDisplay({
       isRunning={isRunning}
       approval={approval}
       repeatCount={repeatCount}
-    />
+    />,
   );
 }
 

package/corpus/core/src/client/sse-event-processor.ts

@@ -205,13 +205,26 @@ function baseActivityLabel(ev: SSEEvent, tool?: string): string {
   return humanizeToolLabelText(ev.label ?? "Working", tool);
 }
 
+function preparationActivityLabel(
+  tool: string | undefined,
+  progressBytes: number | undefined,
+): string {
+  const action = humanizeToolName(tool);
+  if (progressBytes === undefined) {
+    return `Starting ${action}...`;
+  }
+  if (progressBytes <= 0) {
+    return `Preparing ${action}...`;
+  }
+  return `Writing ${action}... (${formatProgressBytes(progressBytes)} prepared)`;
+}
+
 function visibleActivityLabel(ev: SSEEvent, tool?: string): string {
-  const label = baseActivityLabel(ev, tool);
   const progressBytes = activityProgressBytes(ev);
-  if (progressBytes === undefined || !isPreparingActionActivity(ev)) {
-    return label;
+  if (isPreparingActionActivity(ev)) {
+    return preparationActivityLabel(tool, progressBytes);
   }
-  return `${label} (${formatProgressBytes(progressBytes)} streamed)`;
+  return baseActivityLabel(ev, tool);
 }
 
 function findPendingToolCallIndex(

package/corpus/core/src/server/ssr-handler.ts

@@ -277,6 +277,59 @@ type CspDirective = {
   tokens: string[];
 };
 
+const CSP_DIRECTIVES_WITH_VALUE_TOKENS = new Set([
+  "base-uri",
+  "block-all-mixed-content",
+  "child-src",
+  "connect-src",
+  "default-src",
+  "fenced-frame-src",
+  "font-src",
+  "form-action",
+  "frame-ancestors",
+  "frame-src",
+  "img-src",
+  "manifest-src",
+  "media-src",
+  "navigate-to",
+  "object-src",
+  "plugin-types",
+  "prefetch-src",
+  "referrer",
+  "reflected-xss",
+  "require-sri-for",
+  "require-trusted-types-for",
+  "report-to",
+  "report-uri",
+  "sandbox",
+  "script-src",
+  "script-src-attr",
+  "script-src-elem",
+  "style-src",
+  "style-src-attr",
+  "style-src-elem",
+  "trusted-types",
+  "upgrade-insecure-requests",
+  "webrtc",
+  "worker-src",
+]);
+
+function hasCommaJoinedCspPolicies(policy: string): boolean {
+  let commaIndex = policy.indexOf(",");
+  while (commaIndex !== -1) {
+    const afterComma = policy.slice(commaIndex + 1);
+    const directive = /^\s+([a-z][a-z0-9-]*)(?=\s|;|$)/i.exec(afterComma)?.[1];
+    if (
+      directive &&
+      CSP_DIRECTIVES_WITH_VALUE_TOKENS.has(directive.toLowerCase())
+    ) {
+      return true;
+    }
+    commaIndex = policy.indexOf(",", commaIndex + 1);
+  }
+  return false;
+}
+
 function parseCsp(policy: string): CspDirective[] {
   return policy
     .split(";")
@@ -349,13 +402,96 @@ function appendToExistingCspDirective(
   existing.tokens = appendCspTokens(existing.tokens, additions);
 }
 
-function augmentExistingCspForFrameworkScripts(
+function hasStrictNonceScriptPolicy(tokens: readonly string[]): boolean {
+  return tokens.some(
+    (token) => token === "'strict-dynamic'" || token.startsWith("'nonce-"),
+  );
+}
+
+function appendToScriptCspDirective(
+  directives: CspDirective[],
+  name: string,
+  additions: readonly string[],
+): boolean {
+  const existing = findCspDirective(directives, name);
+  if (existing) {
+    if (hasStrictNonceScriptPolicy(existing.tokens)) return false;
+    existing.tokens = appendCspTokens(existing.tokens, additions);
+    return true;
+  }
+
+  const defaultSrc = findCspDirective(directives, "default-src");
+  if (!defaultSrc || hasStrictNonceScriptPolicy(defaultSrc.tokens)) {
+    return false;
+  }
+  directives.push({
+    name,
+    tokens: appendCspTokens([...defaultSrc.tokens], additions),
+  });
+  return true;
+}
+
+function appendToEffectiveScriptElementCspDirective(
+  directives: CspDirective[],
+  additions: readonly string[],
+): boolean {
+  const scriptSrcElem = findCspDirective(directives, "script-src-elem");
+  if (scriptSrcElem) {
+    if (hasStrictNonceScriptPolicy(scriptSrcElem.tokens)) return false;
+    scriptSrcElem.tokens = appendCspTokens(scriptSrcElem.tokens, additions);
+    return true;
+  }
+
+  return appendToScriptCspDirective(directives, "script-src", additions);
+}
+
+function augmentExistingEnforcedCspForFrameworkScripts(
+  policy: string,
+  options: {
+    gaScriptSrcTokens: readonly string[];
+    gaEnabled: boolean;
+  },
+): string {
+  // Multiple CSP headers are surfaced by Headers.get() as one comma-joined
+  // string. CSP is not a comma-list header, so serializing a parsed combined
+  // value would turn two policies into one invalid policy. Leave those headers
+  // app-owned; a comma inside a source/report URL is still safe to parse.
+  if (hasCommaJoinedCspPolicies(policy)) return policy;
+
+  const directives = parseCsp(policy);
+  if (!directives.length) return policy;
+
+  if (options.gaEnabled) {
+    const addedScriptElement = appendToEffectiveScriptElementCspDirective(
+      directives,
+      options.gaScriptSrcTokens,
+    );
+    if (addedScriptElement) {
+      appendToExistingOrDefaultCspDirective(
+        directives,
+        "connect-src",
+        GA_CSP_CONNECT_HOSTS,
+      );
+      appendToExistingOrDefaultCspDirective(
+        directives,
+        "img-src",
+        GA_CSP_IMG_HOSTS,
+      );
+    }
+  }
+
+  return serializeCsp(directives);
+}
+
+function augmentExistingReportOnlyCspForFrameworkScripts(
   policy: string,
   options: {
     scriptSrcTokens: readonly string[];
     gaEnabled: boolean;
   },
 ): string {
+  if (hasCommaJoinedCspPolicies(policy)) return policy;
+
   const directives = parseCsp(policy);
   if (!directives.length) return policy;
 
@@ -364,7 +500,6 @@ function augmentExistingCspForFrameworkScripts(
     "script-src",
     options.scriptSrcTokens,
   );
-  // `script-src-elem` overrides `script-src` for script tags when present.
   appendToExistingCspDirective(
     directives,
     "script-src-elem",
@@ -409,10 +544,11 @@ function augmentExistingCspForFrameworkScripts(
  * instead of reporting a violation on every page load.
  *
  * If an app or host already sends an enforced CSP with `script-src`,
- * `script-src-elem`, `connect-src`, `img-src`, or `default-src`, we merge the
- * framework's GA/GTM allowances into the existing directive. That keeps
- * stricter deployments working without adding a new enforced script policy to
- * routes that only declare unrelated directives such as `frame-ancestors`.
+ * `script-src-elem`, `connect-src`, `img-src`, or `default-src`, we merge only
+ * GA-specific allowances into existing host/hash policies. Strict nonce or
+ * `strict-dynamic` script policies stay app-owned because blindly appending
+ * hashes or hosts would widen the policy without reliably loading our injected
+ * scripts.
  *
  * Templates additionally render a theme-init inline script whose exact content
  * varies by template (default theme param, custom docs variant, etc.) and which
@@ -440,6 +576,7 @@ function applyDocumentCsp(headers: Headers, sentryScript: string | null): void {
   const gaInlineBody = getGaInlineConfigScriptBody();
   const gaHash = gaInlineBody ? computeInlineScriptHash(gaInlineBody) : null;
   const gaHosts = gaInlineBody ? [...GA_CSP_SCRIPT_HOSTS] : [];
+  const gaScriptSrcTokens = [...(gaHash ? [gaHash] : []), ...gaHosts];
   const scriptSrcTokens = [
     "'self'",
     ...(sentryHash ? [sentryHash] : []),
@@ -449,6 +586,7 @@ function applyDocumentCsp(headers: Headers, sentryScript: string | null): void {
 
   const cspAugmentOptions = {
     scriptSrcTokens,
+    gaScriptSrcTokens,
     gaEnabled: Boolean(gaInlineBody),
   };
   const existing = headers.get("content-security-policy") ?? "";
@@ -460,7 +598,10 @@ function applyDocumentCsp(headers: Headers, sentryScript: string | null): void {
   } else {
     headers.set(
       "content-security-policy",
-      augmentExistingCspForFrameworkScripts(existing, cspAugmentOptions),
+      augmentExistingEnforcedCspForFrameworkScripts(
+        existing,
+        cspAugmentOptions,
+      ),
     );
   }
 
@@ -471,7 +612,10 @@ function applyDocumentCsp(headers: Headers, sentryScript: string | null): void {
   } else {
     headers.set(
       "content-security-policy-report-only",
-      augmentExistingCspForFrameworkScripts(existingRo, cspAugmentOptions),
+      augmentExistingReportOnlyCspForFrameworkScripts(
+        existingRo,
+        cspAugmentOptions,
+      ),
     );
   }
 }

package/corpus/templates/design/app/pages/DesignEditor.tsx

@@ -67,7 +67,10 @@ import {
   type TweakSelections,
 } from "@shared/resolve-tweaks";
 import { utilityStem, widthToPrefix } from "@shared/responsive-classes";
-import { normalizeDesignSourceType } from "@shared/source-mode";
+import {
+  normalizeDesignSourceType,
+  type DesignSourceType,
+} from "@shared/source-mode";
 import {
   IconArrowLeft,
   IconArrowUpRight,
@@ -347,6 +350,28 @@ function getContentSignature(content: string): string {
   return `${content.length}:${hash.toString(36)}`;
 }
 
+export function getOverviewScreenRuntimeReplacementKey({
+  screenId,
+  updatedAt,
+  content,
+}: {
+  screenId: string;
+  updatedAt?: string | null;
+  content: string;
+}) {
+  return [screenId, updatedAt ?? "", getContentSignature(content)].join(":");
+}
+
+export function shouldUseOverviewRuntimeReplacement({
+  sourceType,
+  externalSnapshotHtml,
+}: {
+  sourceType?: DesignSourceType | null;
+  externalSnapshotHtml?: string | null;
+}) {
+  return sourceType === "inline" && !externalSnapshotHtml;
+}
+
 function dedupeStringIds(ids: string[]): string[] {
   return Array.from(new Set(ids.filter(Boolean)));
 }
@@ -17258,12 +17283,26 @@ ${serializedHtml}
                         const screenBridgeUrl = screen.bridgeUrl;
                         const screenSnapshot =
                           liveScreenSnapshotsById[screen.id]?.html;
+                        const screenContentSignature =
+                          getContentSignature(screenContent);
+                        const useRuntimeReplacement =
+                          shouldUseOverviewRuntimeReplacement({
+                            sourceType: screenSourceType,
+                            externalSnapshotHtml: screenSnapshot,
+                          });
+                        const runtimeReplacementKey = useRuntimeReplacement
+                          ? getOverviewScreenRuntimeReplacementKey({
+                              screenId: screen.id,
+                              updatedAt: screen.updatedAt,
+                              content: screenContent,
+                            })
+                          : undefined;
                         const screenContentKey = screenIsActive
                           ? [screen.id, contentRenderRevision].join(":")
                           : [
                               screen.id,
                               screen.updatedAt ?? "",
-                              getContentSignature(screenContent),
+                              screenContentSignature,
                               0,
                             ].join(":");
 
@@ -17271,6 +17310,10 @@ ${serializedHtml}
                           <DesignCanvas
                             content={screenContent}
                             contentKey={screenContentKey}
+                            runtimeReplacementContent={
+                              useRuntimeReplacement ? screenContent : undefined
+                            }
+                            runtimeReplacementKey={runtimeReplacementKey}
                             screenId={screen.id}
                             zoom={100}
                             deviceFrame="none"

package/corpus/templates/design/changelog/2026-07-01-design-previews-refresh-immediately-after-agent-screen-edits.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-01
+---
+
+Design previews refresh immediately after agent screen edits.

package/dist/client/chat/tool-call-display.d.ts

@@ -16,6 +16,7 @@ export type ApprovalContextValue = {
     onApprove: (approvalKey: string) => void;
 };
 export declare const ApprovalContext: React.Context<ApprovalContextValue | null>;
+export declare const TOOL_LONG_RUNNING_HINT_DELAY_MS = 45000;
 type ToolDetailSection = "input" | "result";
 export type ToolDetailPayload = {
     section: ToolDetailSection;

package/dist/client/chat/tool-call-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-call-display.d.ts","sourceRoot":"","sources":["../../../src/client/chat/tool-call-display.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAcpE,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAIL,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAmBhC,eAAO,MAAM,kBAAkB,wBAA6B,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,8DAA8D;IAC9D,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,eAAe,4CAE3B,CAAC;AAIF,KAAK,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAiEF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,iBAAiB,GAAG,IAAI,CAyB1B;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,iBAAiB,GAAG,IAAI,CAU1B;AA8ND,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAiDA;AAwND,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAwBA;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,qBA8CA;AAKD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"tool-call-display.d.ts","sourceRoot":"","sources":["../../../src/client/chat/tool-call-display.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAcpE,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAIL,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAmBhC,eAAO,MAAM,kBAAkB,wBAA6B,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,8DAA8D;IAC9D,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,eAAe,4CAE3B,CAAC;AAEF,eAAO,MAAM,+BAA+B,QAAS,CAAC;AAuCtD,KAAK,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAiEF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,iBAAiB,GAAG,IAAI,CAyB1B;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,iBAAiB,GAAG,IAAI,CAU1B;AA8ND,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAsDA;AAwND,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAwBA;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,qBA8CA;AAKD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/client/chat/tool-call-display.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconLoader2, IconCircleX, IconCheck, IconSquareFilled, IconChevronDown, IconCopy, IconSearch, IconArrowsMaximize, IconArrowsMinimize, IconShieldCheck, IconX, } from "@tabler/icons-react";
 import React, { useState, useEffect, useCallback, useMemo, useRef, } from "react";
 import { AgentTaskCard } from "../AgentTaskCard.js";
@@ -14,6 +14,22 @@ import { isBuiltinDataWidgetActionRenderer, resolveBuiltinActionChatRenderer, re
 // Exported so AssistantChatInner can provide a context value.
 export const ChatRunningContext = React.createContext(false);
 export const ApprovalContext = React.createContext(null);
+export const TOOL_LONG_RUNNING_HINT_DELAY_MS = 45_000;
+function ToolLongRunningHintShell({ toolName, isRunning, children, }) {
+    const [showLongRunningHint, setShowLongRunningHint] = useState(false);
+    useEffect(() => {
+        if (!isRunning) {
+            setShowLongRunningHint(false);
+            return;
+        }
+        setShowLongRunningHint(false);
+        const timeout = window.setTimeout(() => {
+            setShowLongRunningHint(true);
+        }, TOOL_LONG_RUNNING_HINT_DELAY_MS);
+        return () => window.clearTimeout(timeout);
+    }, [isRunning, toolName]);
+    return (_jsxs(_Fragment, { children: [children, isRunning && showLongRunningHint && (_jsx("div", { className: "mt-0.5 px-2.5 text-[11px] leading-snug text-muted-foreground/80", children: "Still working. Large updates can take a minute or two." }))] }));
+}
 function stringifyToolValue(value, pretty = false) {
     if (typeof value === "string")
         return value;
@@ -192,16 +208,17 @@ export function ToolCallDisplay({ toolName, argsText, args, result, mcpApp, chat
     // These must be separate components so hook order in ToolCallDisplayGeneric
     // is always stable (no conditional hook calls).
     const toolKind = structuredMeta?.toolKind;
+    const wrapToolDisplay = (children) => (_jsx(ToolLongRunningHintShell, { toolName: toolName, isRunning: isRunning, children: children }));
     if (toolKind === "bash") {
-        return (_jsx(BashCell, { meta: structuredMeta, output: result, isRunning: isRunning }));
+        return wrapToolDisplay(_jsx(BashCell, { meta: structuredMeta, output: result, isRunning: isRunning }));
     }
     if (toolKind === "edit") {
-        return (_jsx(EditCell, { meta: structuredMeta, isRunning: isRunning }));
+        return wrapToolDisplay(_jsx(EditCell, { meta: structuredMeta, isRunning: isRunning }));
     }
     if (toolKind === "write") {
-        return (_jsx(WriteCell, { meta: structuredMeta, isRunning: isRunning }));
+        return wrapToolDisplay(_jsx(WriteCell, { meta: structuredMeta, isRunning: isRunning }));
     }
-    return (_jsx(ToolCallDisplayGeneric, { toolName: toolName, argsText: argsText, args: args, result: result, mcpApp: mcpApp, chatUI: chatUI, isRunning: isRunning, approval: approval, repeatCount: repeatCount }));
+    return wrapToolDisplay(_jsx(ToolCallDisplayGeneric, { toolName: toolName, argsText: argsText, args: args, result: result, mcpApp: mcpApp, chatUI: chatUI, isRunning: isRunning, approval: approval, repeatCount: repeatCount }));
 }
 function ToolCallDisplayGeneric({ toolName, argsText, args, result, mcpApp, chatUI, isRunning, approval, repeatCount, }) {
     const streamRef = useRef(null);