@agent-native/core 0.77.4 → 0.77.7

package/corpus/README.md

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

package/corpus/core/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @agent-native/core
 
+## 0.77.7
+
+### Patch Changes
+
+- e5bdcb3: Paginate the All Chats history client so older conversations can be loaded without truncating the history list.
+- e5bdcb3: Drop benign reasonless browser AbortError events from Sentry reporting.
+- e5bdcb3: Repair duplicate persisted chat message ids during thread normalization.
+- e5bdcb3: Ensure hosted template apps can inject Google Analytics from Netlify build-time configuration.
+- e5bdcb3: Normalize email casing when resolving shareable-resource ownership and user shares, and let resources opt into owner access across active-org drift.
+- e5bdcb3: Re-check current LLM connection status before a stale missing-credentials event can keep chat locked after reconnecting Builder, and prevent page chat surfaces from rendering sidebar settings in the main content area.
+- e5bdcb3: Allow browser Sentry initialization to build a DSN from Vite-exposed Sentry client key, project id, and ingest host env vars when runtime config injection is unavailable.
+
+## 0.77.6
+
+### Patch Changes
+
+- 1fab043: Localize shared extension sidebar chrome and changelog labels/dates.
+
+## 0.77.5
+
+### Patch Changes
+
+- 355be37: Add diagnostic-only worker-side progressive setup-stage diagnostics
+  (`worker_setup_step`) to localize where a durable background worker hangs between
+  `auth_passed` and `claimBackgroundRun`. For the background worker only (gated on
+  `isBackgroundWorker`, using the marker's early-available runId), emit the last
+  setup stage reached — `db_request_ctx`, `env_config`, `context_all`,
+  `action_tool_setup`, `owner_thread`, `prestart` — as the run's `diag_stage`, so a
+  worker that stalls leaves a breadcrumb at the stage it stopped in. Best-effort and
+  fire-and-forget; no control-flow change.
+
 ## 0.77.4
 
 ### Patch Changes

package/corpus/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.77.4",
+  "version": "0.77.7",
   "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": {
@@ -211,8 +211,8 @@
     "@react-router/dev": "^8.0.1",
     "@react-router/fs-routes": "^8.0.1",
     "@resvg/resvg-js": "^2.6.2",
-    "@sentry/browser": "^10.50.0",
-    "@sentry/node": "^10.50.0",
+    "@sentry/browser": "^10.61.0",
+    "@sentry/node": "^10.61.0",
     "@standard-schema/spec": "^1.1.0",
     "@tanstack/react-table": "^8.21.3",
     "@tiptap/core": "3.27.1",

package/corpus/core/src/agent/production-agent.ts

@@ -3934,6 +3934,22 @@ export function createProductionAgentHandler(
         ? body[AGENT_CHAT_BACKGROUND_RUN_FIELD]!
         : null;
     const isBackgroundWorker = backgroundRunMarker !== null;
+    // DIAGNOSTIC-ONLY: progressive per-stage hang localizer for the bg worker.
+    // The worker's runId is available EARLY on the marker (the general `runId`
+    // var resolves much later), so capture it now and emit the LAST setup stage
+    // reached as the run's `diag_stage`. Best-effort, gated on the worker, never
+    // blocks or alters control flow.
+    const bgRunId = isBackgroundWorker
+      ? (backgroundRunMarker?.runId as string)
+      : null;
+    const workerStep = (s: string) => {
+      if (bgRunId)
+        void recordRunDiagnostic(
+          bgRunId,
+          RUN_DIAG_STAGE.workerSetupStep,
+          `${s}=${Date.now() - setupT0}ms`,
+        ).catch(() => {});
+    };
     // Whether this worker is REALLY executing inside a 15-min Netlify
     // `-background` function (proven by the runtime function name), not merely a
     // `_process-run` re-entry that may have landed on the ~60s synchronous
@@ -4002,6 +4018,10 @@ export function createProductionAgentHandler(
         requestAttachments = preparedRequest.attachments;
       }
     }
+    // DIAGNOSTIC-ONLY: owner/request context prep (resolveAgentOwnerEmail +
+    // prepareRequest) finished. A worker stuck before this points at the
+    // owner/request-context awaits.
+    workerStep("db_request_ctx");
 
     // Pre-upload chat attachments (images AND files/PDFs) through the framework
     // file-upload provider (Builder.io by default). The model still sees the
@@ -4164,6 +4184,10 @@ export function createProductionAgentHandler(
     }
 
     setupMark("prepDone");
+    // DIAGNOSTIC-ONLY: engine/model/api-key resolution finished. A worker that
+    // reached db_request_ctx but not env_config hung in attachment upload or
+    // engine/model resolution.
+    workerStep("env_config");
     // Run all independent pre-send steps in parallel. Each of these hits
     // the DB or invokes an action; running them sequentially was the
     // single biggest contributor to pre-LLM latency.
@@ -4418,6 +4442,9 @@ export function createProductionAgentHandler(
       enrichedMessagePromise,
     ]);
     setupMark("ctxAll");
+    // DIAGNOSTIC-ONLY: all parallel context gathering (system prompt, screen,
+    // files, loop settings, enriched message) resolved.
+    workerStep("context_all");
 
     if (systemPromptError) {
       setResponseHeader(event, "Content-Type", "text/event-stream");
@@ -4446,6 +4473,8 @@ export function createProductionAgentHandler(
       options.initialToolNames,
     );
     setupMark("actions");
+    // DIAGNOSTIC-ONLY: action/tool resolution + engine-tool filtering finished.
+    workerStep("action_tool_setup");
     const requestSystemPrompt =
       requestMode === "plan"
         ? `${systemPrompt}\n\n${PLAN_MODE_SYSTEM_PROMPT}`
@@ -4557,6 +4586,9 @@ export function createProductionAgentHandler(
       }
     }
     setupMark("depsThread");
+    // DIAGNOSTIC-ONLY: owner/thread resolution + runId/effectiveThreadId +
+    // chained-continuation thread fetch finished.
+    workerStep("owner_thread");
 
     // Persist the user's turn exactly once. The foreground POST does this
     // before dispatching; the background worker must NOT repeat it (it re-enters
@@ -4971,6 +5003,9 @@ export function createProductionAgentHandler(
     // startRun's callback below — the run row does not exist until startRun
     // inserts it, so a pre-startRun write would no-op on the inline path.
     setupMark("preStart");
+    // DIAGNOSTIC-ONLY: last stage before startRun fires. A worker that reaches
+    // prestart but never workerStarted is hanging inside startRun itself.
+    workerStep("prestart");
     const setupDetail =
       Object.entries(setupMarks)
         .map(([k, v]) => `${k}=${v}`)

package/corpus/core/src/agent/run-store.ts

@@ -540,6 +540,8 @@ export const RUN_DIAG_STAGE = {
   workerClaimLost: "worker_claim_lost",
   /** The agent loop started (startRun fired). */
   workerStarted: "worker_started",
+  /** Last worker setup stage reached before startRun (progressive hang localizer). */
+  workerSetupStep: "worker_setup_step",
   /** Pre-claim setup timing breakdown (diagnostic). */
   setupTimings: "setup_timings",
   /** The worker threw before/while running the loop (message carried in detail). */

package/corpus/core/src/agent/thread-data-builder.ts

@@ -482,7 +482,26 @@ function normalizeAssistantToolCallIds(message: any): any {
  */
 export function normalizeThreadRepository(repo: any): any {
   const normalized = repo && typeof repo === "object" ? { ...repo } : {};
-  const sourceMessages = Array.isArray(repo?.messages) ? repo.messages : [];
+  const sourceMessages: any[] = Array.isArray(repo?.messages)
+    ? repo.messages
+    : [];
+  const firstIndexById = new Map<string, number>();
+  const lastEntryById = new Map<string, any>();
+  sourceMessages.forEach((entry, index) => {
+    const id = messageId(getStoredMessage(entry));
+    if (!id) return;
+    if (!firstIndexById.has(id)) firstIndexById.set(id, index);
+    lastEntryById.set(id, entry);
+  });
+  const uniqueSourceMessages = sourceMessages
+    .filter((entry, index) => {
+      const id = messageId(getStoredMessage(entry));
+      return id && firstIndexById.get(id) === index;
+    })
+    .map((entry) => {
+      const id = messageId(getStoredMessage(entry));
+      return (id && lastEntryById.get(id)) || entry;
+    });
   const messages: Array<{
     message: any;
     parentId: string | null;
@@ -491,7 +510,7 @@ export function normalizeThreadRepository(repo: any): any {
   const seenIds = new Set<string>();
   let previousId: string | null = null;
 
-  for (const entry of sourceMessages) {
+  for (const entry of uniqueSourceMessages) {
     const message = getStoredMessage(entry);
     const id = messageId(message);
     if (!id) continue;

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

@@ -27,6 +27,10 @@ const STANDALONE_EXACT_DEPENDENCY_OVERRIDES: Record<string, string> = {
   "@react-router/fs-routes": "8.0.1",
   "react-router": "8.0.1",
 };
+const SENTRY_MINIMUM_RELEASE_AGE_EXCLUDES = [
+  '"@sentry/browser"',
+  '"@sentry/node"',
+];
 const FIRST_PARTY_TARBALL_SYMLINK_EXCLUDES = [
   "*/CLAUDE.md",
   "*/.claude/skills",
@@ -1054,7 +1058,12 @@ function postProcessStandalone(
         '"@assistant-ui/tap"': '"^0.5.14"',
       };
     }
-    const updated = mergeWorkspaceYamlSections(existing, sections);
+    let updated = mergeWorkspaceYamlSections(existing, sections);
+    updated = mergeWorkspaceYamlListItems(
+      updated,
+      "minimumReleaseAgeExclude",
+      SENTRY_MINIMUM_RELEASE_AGE_EXCLUDES,
+    );
     if (updated !== existing) {
       fs.writeFileSync(wsPath, updated);
     }
@@ -1366,6 +1375,31 @@ function mergeWorkspaceYamlSections(
   return result;
 }
 
+function mergeWorkspaceYamlListItems(
+  yaml: string,
+  section: string,
+  items: string[],
+): string {
+  let result = yaml;
+  for (const item of items) {
+    const rendered = `  - ${item}`;
+    if (result.includes(rendered)) continue;
+    const sectionHeader = new RegExp(`^${section}:\\s*$`, "m");
+    const match = sectionHeader.exec(result);
+    if (match) {
+      const insertAt = match.index + match[0].length;
+      result =
+        result.slice(0, insertAt) + `\n${rendered}` + result.slice(insertAt);
+    } else {
+      result =
+        result.trimEnd() +
+        (result ? "\n" : "") +
+        `\n${section}:\n${rendered}\n`;
+    }
+  }
+  return result;
+}
+
 /**
  * Load the pnpm workspace catalog.
  * First tries the build-time snapshot at dist/catalog.json (works when

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

@@ -795,6 +795,14 @@ or cross either artboard, remove the label and explain the transition with a
 nearby annotation instead. Before handoff, inspect the top canvas at default zoom
 and move any frame whose label, connector, or annotation crosses another frame.
 
+**Board-unit spacing defaults.** The canvas coordinate system uses approximately 2 board units per screen pixel. \`browser\` frames occupy roughly 700 × 600 board units; \`desktop\` frames roughly 900 × 700 board units. Apply these minimum x/y gaps when placing frames explicitly — any less and frames will touch or overlap:
+
+- x-gap between \`browser\` frames: **≥ 1100** (700-unit frame + 400-unit gutter)
+- x-gap between \`desktop\` frames: **≥ 1300** (900-unit frame + 400-unit gutter)
+- y-gap between rows of any surface: **≥ 1400** (includes frame height + section header + buffer)
+
+When in doubt, use larger values — the canvas auto-zooms to fit everything.
+
 **Canvas annotations are designer notes on the artboard.** When a top canvas is
 present, sprinkle Figma-style notes near the frames they explain: a short
 heading, supporting text, and bullets — plain text layers, never bordered or

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

@@ -164,6 +164,12 @@ const CLI_DEFAULT = "claude";
 const EXEC_MODE_KEY = "agent-native-exec-mode";
 type ExecMode = "build" | "plan";
 type PanelMode = "chat" | "cli" | "resources" | "settings";
+export function normalizeAgentPanelModeForSurface(
+  mode: PanelMode,
+  allowSettingsMode: boolean,
+): PanelMode {
+  return mode === "settings" && !allowSettingsMode ? "chat" : mode;
+}
 const AGENT_PANEL_FONT_FAMILY =
   'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
 const AGENT_PANEL_ROOT_STYLE = {
@@ -377,15 +383,11 @@ export function shouldShowAgentPanelChatTabBar(
 }
 
 export function shouldShowAgentPanelPageNewChatButton(
-  tabs: MultiTabAssistantChatHeaderProps["tabs"],
+  _tabs: MultiTabAssistantChatHeaderProps["tabs"],
   activeTabId: string,
-  activeTabMessageCount: number,
+  _activeTabMessageCount: number,
 ) {
-  const activeTab = tabs.find((tab) => tab.id === activeTabId);
-  return (
-    Boolean(activeTabId) &&
-    (activeTabMessageCount > 0 || activeTab?.status === "running")
-  );
+  return Boolean(activeTabId);
 }
 
 export function shouldShowAgentPanelCliTabBar(cliTabs: string[]) {
@@ -548,6 +550,8 @@ export interface AgentPanelProps extends Omit<
   showTabBar?: boolean;
   /** Show a compact New chat action in page chat when the main header is hidden. */
   showPageNewChatButton?: boolean;
+  /** Allow the sidebar settings view to render inside this panel. Default: true. */
+  allowSettingsMode?: boolean;
   /** Capability gate for source edits and CLI access. */
   codeAccess?: AgentPanelCodeAccess;
 }
@@ -666,6 +670,7 @@ function AgentPanelInner({
   chatNotice,
   showTabBar = true,
   showPageNewChatButton = false,
+  allowSettingsMode = true,
   codeAccess,
   ...assistantChatProps
 }: AgentPanelProps) {
@@ -715,9 +720,9 @@ function AgentPanelInner({
         saved === "resources" ||
         saved === "settings"
       )
-        return saved;
+        return normalizeAgentPanelModeForSurface(saved, allowSettingsMode);
     } catch {}
-    return defaultMode;
+    return normalizeAgentPanelModeForSurface(defaultMode, allowSettingsMode);
   });
   useEffect(() => {
     try {
@@ -728,9 +733,18 @@ function AgentPanelInner({
     section: string | null;
     requestKey: number;
   }>({ section: null, requestKey: 0 });
-  const switchMode = useCallback((m: PanelMode) => {
-    startTransition(() => setMode(m));
-  }, []);
+  const switchMode = useCallback(
+    (m: PanelMode) => {
+      startTransition(() =>
+        setMode(normalizeAgentPanelModeForSurface(m, allowSettingsMode)),
+      );
+    },
+    [allowSettingsMode],
+  );
+  useEffect(() => {
+    const nextMode = normalizeAgentPanelModeForSurface(mode, allowSettingsMode);
+    if (nextMode !== mode) switchMode(nextMode);
+  }, [mode, allowSettingsMode, switchMode]);
   const openRunThread = useCallback(
     (threadId: string, run?: AgentRun) => {
       switchMode("chat");
@@ -794,6 +808,10 @@ function AgentPanelInner({
         section: section ?? null,
         requestKey: prev.requestKey + 1,
       }));
+      if (!allowSettingsMode) {
+        switchMode("chat");
+        return;
+      }
       switchMode("settings");
     }
     window.addEventListener(
@@ -805,7 +823,7 @@ function AgentPanelInner({
         AGENT_PANEL_OPEN_SETTINGS_EVENT,
         handleOpenSettings,
       );
-  }, [switchMode]);
+  }, [allowSettingsMode, switchMode]);
 
   // CLI terminal tabs (ephemeral — not persisted to SQL)
   const [cliTabs, setCliTabs] = useState<string[]>(["cli-1"]);
@@ -1151,15 +1169,17 @@ function AgentPanelInner({
                 <DropdownMenuSeparator />
               </>
             )}
-            <DropdownMenuItem
-              onSelect={() => switchMode("settings")}
-              className={cn(
-                mode === "settings" ? "font-medium" : "text-muted-foreground",
-              )}
-            >
-              <IconSettings size={14} className="shrink-0" />
-              {t("agentPanel.settings")}
-            </DropdownMenuItem>
+            {allowSettingsMode && (
+              <DropdownMenuItem
+                onSelect={() => switchMode("settings")}
+                className={cn(
+                  mode === "settings" ? "font-medium" : "text-muted-foreground",
+                )}
+              >
+                <IconSettings size={14} className="shrink-0" />
+                {t("agentPanel.settings")}
+              </DropdownMenuItem>
+            )}
             <DropdownMenuItem onSelect={() => setFeedbackOpen(true)}>
               <IconMessageDots size={14} className="shrink-0" />
               {t("agentPanel.feedback")}
@@ -1241,6 +1261,7 @@ function AgentPanelInner({
     [
       activeCliTab,
       addCliTab,
+      allowSettingsMode,
       availableClis,
       canUseCodeTools,
       closeAllCliTabs,
@@ -1287,7 +1308,7 @@ function AgentPanelInner({
             data-agent-page-new-chat=""
             aria-label={t("agentPanel.newChat")}
             onClick={() => {
-              addTab();
+              void addTab();
             }}
             className="pointer-events-auto inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background/95 px-2.5 text-xs font-medium text-foreground shadow-sm backdrop-blur transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           >
@@ -2241,9 +2262,16 @@ export interface AgentChatSurfaceProps extends AgentPanelProps {
 
 export function shouldDefaultAgentChatSurfacePageNewChatButton(
   mode: AgentChatSurfaceMode | undefined,
-  showTabBar: boolean | undefined,
+  _showTabBar: boolean | undefined,
 ): boolean {
-  return mode === "page" && showTabBar !== false;
+  return mode === "page";
+}
+
+export function shouldAllowAgentChatSurfaceSettingsMode(
+  mode: AgentChatSurfaceMode | undefined,
+  allowSettingsMode: boolean | undefined,
+): boolean {
+  return allowSettingsMode ?? mode !== "page";
 }
 
 /**
@@ -2272,6 +2300,10 @@ export function AgentChatSurface({
       {...props}
       defaultMode={defaultMode}
       isFullscreen={isFullscreen ?? pageMode}
+      allowSettingsMode={shouldAllowAgentChatSurfaceSettingsMode(
+        mode,
+        props.allowSettingsMode,
+      )}
       showPageNewChatButton={
         showPageNewChatButton ?? defaultShowPageNewChatButton
       }

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

@@ -428,16 +428,24 @@ function HistoryPopover({
   openTabIds,
   activeThreadId,
   currentScope,
+  hasMoreThreads = false,
+  isLoadingMoreThreads = false,
+  loadError,
   onSelect,
   onClose,
+  onLoadMore,
   onSearch,
 }: {
   threads: ChatThreadSummary[];
   openTabIds: Set<string>;
   activeThreadId: string | null;
   currentScope?: ChatThreadScope | null;
+  hasMoreThreads?: boolean;
+  isLoadingMoreThreads?: boolean;
+  loadError?: string | null;
   onSelect: (id: string) => void;
   onClose: () => void;
+  onLoadMore?: () => void;
   onSearch?: (query: string) => Promise<ChatThreadSummary[]>;
 }) {
   const [search, setSearch] = useState("");
@@ -542,7 +550,11 @@ function HistoryPopover({
           />
         </div>
         <div className="max-h-64 overflow-y-auto py-1">
-          {isSearching ? (
+          {loadError && !search.trim() ? (
+            <div className="px-3 py-4 text-xs text-amber-500 text-center">
+              {loadError}
+            </div>
+          ) : isSearching ? (
             <div className="px-3 py-4 text-xs text-muted-foreground text-center">
               Searching...
             </div>
@@ -599,6 +611,16 @@ function HistoryPopover({
               ),
             )
           )}
+          {!search.trim() && hasMoreThreads && (
+            <button
+              type="button"
+              onClick={() => onLoadMore?.()}
+              disabled={isLoadingMoreThreads}
+              className="mx-1 mt-1 flex w-[calc(100%-0.5rem)] items-center justify-center rounded-md px-3 py-2 text-xs text-muted-foreground hover:bg-accent hover:text-foreground disabled:cursor-default disabled:opacity-60"
+            >
+              {isLoadingMoreThreads ? "Loading..." : "Load older chats"}
+            </button>
+          )}
         </div>
       </PopoverContent>
     </Popover>
@@ -1034,7 +1056,11 @@ export function MultiTabAssistantChat({
     saveThreadData,
     generateTitle,
     searchThreads,
+    loadMoreThreads,
     refreshThreads,
+    hasMoreThreads,
+    isLoadingMoreThreads,
+    threadsLoadError,
     isNewThread,
   } = useChatThreads(apiUrl, storageKey, scope, {
     restoreActiveThread,
@@ -2649,8 +2675,12 @@ export function MultiTabAssistantChat({
             openTabIds={new Set(openTabIds)}
             activeThreadId={activeThreadId}
             currentScope={scope}
+            hasMoreThreads={hasMoreThreads}
+            isLoadingMoreThreads={isLoadingMoreThreads}
+            loadError={threadsLoadError}
             onSelect={openFromHistory}
             onClose={() => setShowHistory(false)}
+            onLoadMore={loadMoreThreads}
             onSearch={searchThreads}
           />
         )}

package/corpus/core/src/client/analytics.ts

@@ -501,9 +501,12 @@ function shouldDropBrowserSentryNoise(event: Sentry.Event): boolean {
         .toLowerCase();
       return (
         exceptionValue === "the user aborted a request." ||
+        exceptionValue === "signal is aborted without reason" ||
         exceptionValue === "aborterror: the user aborted a request." ||
+        exceptionValue === "aborterror: signal is aborted without reason" ||
         (exceptionType === "aborterror" &&
-          exceptionValue.includes("the user aborted a request"))
+          (exceptionValue.includes("the user aborted a request") ||
+            exceptionValue.includes("signal is aborted without reason")))
       );
     })
   ) {
@@ -534,12 +537,31 @@ function shouldDropBrowserSentryNoise(event: Sentry.Event): boolean {
   );
 }
 
+function firstNonEmpty(...values: Array<string | undefined>): string {
+  for (const value of values) {
+    const trimmed = value?.trim();
+    if (trimmed) return trimmed;
+  }
+  return "";
+}
+
+function resolveClientSentryDsnFromKeyProject(
+  env: Record<string, string | undefined>,
+): string | undefined {
+  const key = firstNonEmpty(env.VITE_SENTRY_CLIENT_KEY);
+  const projectId = firstNonEmpty(env.VITE_SENTRY_PROJECT_ID);
+  const host = firstNonEmpty(env.VITE_SENTRY_INGEST_HOST);
+  if (!key || !projectId || !host) return undefined;
+  return `https://${key}@${host}/${projectId}`;
+}
+
 function getClientSentryDsn(): string | undefined {
   const env = (import.meta.env as Record<string, string | undefined>) ?? {};
   return (
     env.VITE_SENTRY_CLIENT_DSN ||
     env.VITE_SENTRY_DSN ||
-    window.__AGENT_NATIVE_CONFIG__?.sentryDsn
+    window.__AGENT_NATIVE_CONFIG__?.sentryDsn ||
+    resolveClientSentryDsnFromKeyProject(env)
   );
 }