@agent-native/core 0.77.6 → 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: 4279
+- template files: 4289

package/corpus/core/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @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

package/corpus/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.77.6",
+  "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/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)
   );
 }
 

package/corpus/core/src/client/use-agent-engine-configured.ts

@@ -26,21 +26,13 @@ export function useAgentEngineConfigured(
 ): UseAgentEngineConfiguredResult {
   const [state, setState] = useState<AgentEngineConfiguredState>("unknown");
 
-  // Mid-run adapter signal that no key is usable — honored even when disabled.
   useEffect(() => {
-    const onMissing = () => setState("missing");
-    window.addEventListener("agent-chat:missing-api-key", onMissing);
-    return () =>
-      window.removeEventListener("agent-chat:missing-api-key", onMissing);
-  }, []);
-
-  useEffect(() => {
-    if (!enabled) {
-      setState("configured");
-      return;
-    }
     let cancelled = false;
-    const check = async () => {
+    const check = async (options?: { missingFallback?: boolean }) => {
+      if (!enabled) {
+        setState("configured");
+        return;
+      }
       const [envKeys, builderStatus, engineStatus] = await Promise.all([
         fetch(agentNativePath("/_agent-native/env-status"))
           .then((r) => (r.ok ? r.json() : null))
@@ -55,6 +47,7 @@ export function useAgentEngineConfigured(
       if (cancelled) return;
       // All three failed — likely a flaky network; keep the current state.
       if (envKeys == null && builderStatus == null && engineStatus == null) {
+        if (options?.missingFallback) setState("missing");
         return;
       }
       const keys = (envKeys ?? []) as Array<{
@@ -68,11 +61,32 @@ export function useAgentEngineConfigured(
         engineStatus?.configured === true;
       setState(anyConfigured ? "configured" : "missing");
     };
+    const onConfiguredChanged = () => {
+      void check();
+    };
+    const onMissing = () => {
+      if (!enabled) {
+        setState("configured");
+        return;
+      }
+      void check({ missingFallback: true });
+    };
+
     void check();
-    window.addEventListener("agent-engine:configured-changed", check);
+    window.addEventListener(
+      "agent-engine:configured-changed",
+      onConfiguredChanged,
+    );
+    // A stale failed stream can arrive after a reconnect succeeds. Re-check the
+    // current status before pinning the composer in setup.
+    window.addEventListener("agent-chat:missing-api-key", onMissing);
     return () => {
       cancelled = true;
-      window.removeEventListener("agent-engine:configured-changed", check);
+      window.removeEventListener(
+        "agent-engine:configured-changed",
+        onConfiguredChanged,
+      );
+      window.removeEventListener("agent-chat:missing-api-key", onMissing);
     };
   }, [enabled]);