@agent-native/core 0.76.9 → 0.76.10

package/corpus/README.md

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

package/corpus/core/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @agent-native/core
 
+## 0.76.10
+
+### Patch Changes
+
+- 2be975e: Animate the standard agent sidebar drawer when it opens and closes.
+- 2be975e: Durable background diagnostics: preserve the background-function worker's last
+  `diag_stage` (`route_entered` / `auth_failed` / etc., or `none` if it never
+  reached the route) in the foreground circuit-breaker's
+  `foreground_inline_recovery` detail instead of overwriting it. This makes a
+  silent worker death diagnosable from `/runs/active` without reading the
+  unreadable Netlify background-function logs. `readBackgroundRunClaim` now also
+  returns `diagStage`.
+- 2be975e: Durable background agent runs: add a foreground **circuit-breaker** so a dead
+  background worker can no longer break chat. A Netlify async background function
+  returns `202` the instant it enqueues the invocation, but the worker may never
+  execute — e.g. the generated function wrapper fails to import `./main.mjs` or
+  hand off to the Nitro `_process-run` route, so it never reaches
+  `claimBackgroundRun` and the run is reaped as "worker never claimed the run".
+  After a successful dispatch the foreground now polls briefly for the worker to
+  actually claim the run; if it doesn't within the grace window, the turn is
+  recovered **inline** (the same safe atomic-claim path used for a fast dispatch
+  failure), so a dead worker degrades to a working synchronous turn instead of a
+  reaped failure. Also harden the generated background-function wrapper to pass
+  Netlify's `context` through to the Nitro handler and wrap the handoff in
+  try/catch so a pre-route failure is logged loudly instead of silently swallowed
+  behind the async 202.
+- 2be975e: Bundle an Arabic-capable OG image font so localized Arabic docs previews render real text instead of missing-glyph boxes.
+- 2be975e: Show a New chat button on full-page Ask chat surfaces with visible conversation tabs after a conversation starts.
+- 2be975e: Add an `agentNative()` Vite plugin preset so app `vite.config.ts` files can use
+  Vite's native `defineConfig` while keeping Agent-Native framework defaults.
+- 2be975e: Stop showing previous scoped chats in the empty chat state.
+- 2be975e: Let the agent composer model picker shrink to its content instead of forcing a tall popover.
+
 ## 0.76.9
 
 ### Patch Changes

package/corpus/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.76.9",
+  "version": "0.76.10",
   "type": "module",
   "engines": {
     "node": ">=22"

package/corpus/core/scripts/generate-og-font-data.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 // Regenerates src/server/og-fonts-data.ts by base64-encoding the bundled
-// Liberation Sans fonts. The fonts are embedded as base64 (rather than read
+// OG image fonts. The fonts are embedded as base64 (rather than read
 // from disk at runtime) so that OG image text renders consistently regardless
 // of the host's system fonts or how the serverless bundle is traced — the
 // font bytes always travel with the compiled JS. Run after updating the .ttf
@@ -17,13 +17,17 @@ const fonts = [
     constName: "LIBERATION_SANS_BOLD_BASE64",
     file: "../src/assets/fonts/LiberationSans-Bold.ttf",
   },
+  {
+    constName: "NOTO_NASKH_ARABIC_BASE64",
+    file: "../src/assets/fonts/NotoNaskhArabic-Variable.ttf",
+  },
 ];
 
 const banner = `// AUTO-GENERATED by scripts/generate-og-font-data.mjs — do not edit by hand.
-// Base64-encoded Liberation Sans (a metric-compatible libre replacement for
-// Arial/Helvetica), embedded so the OG image renderer always has a font to use,
-// independent of host system fonts or serverless asset tracing. See
-// src/assets/fonts/LICENSE_LIBERATION for licensing. Regenerate with:
+// Base64-encoded OG image fonts, embedded so the OG image renderer always has
+// script coverage independent of host system fonts or serverless asset tracing.
+// See src/assets/fonts/LICENSE_LIBERATION and
+// src/assets/fonts/LICENSE_NOTO_NASKH_ARABIC for licensing. Regenerate with:
 //   node scripts/generate-og-font-data.mjs
 `;
 

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

@@ -374,6 +374,18 @@ export function shouldShowAgentPanelChatTabBar(
   return mainTabs.length > 1 || hasSubTabs;
 }
 
+export function shouldShowAgentPanelPageNewChatButton(
+  tabs: MultiTabAssistantChatHeaderProps["tabs"],
+  activeTabId: string,
+  activeTabMessageCount: number,
+) {
+  const activeTab = tabs.find((tab) => tab.id === activeTabId);
+  return (
+    Boolean(activeTabId) &&
+    (activeTabMessageCount > 0 || activeTab?.status === "running")
+  );
+}
+
 export function shouldShowAgentPanelCliTabBar(cliTabs: string[]) {
   return cliTabs.length > 1;
 }
@@ -532,6 +544,8 @@ export interface AgentPanelProps extends Omit<
   chatNotice?: React.ReactNode;
   /** Show the chat thread tab row when the panel header is hidden. Default: true. */
   showTabBar?: boolean;
+  /** Show a compact New chat action in page chat when the main header is hidden. */
+  showPageNewChatButton?: boolean;
   /** Capability gate for source edits and CLI access. */
   codeAccess?: AgentPanelCodeAccess;
 }
@@ -649,6 +663,7 @@ function AgentPanelInner({
   threadUrlSync,
   chatNotice,
   showTabBar = true,
+  showPageNewChatButton = false,
   codeAccess,
   ...assistantChatProps
 }: AgentPanelProps) {
@@ -1246,6 +1261,43 @@ function AgentPanelInner({
     ],
   );
 
+  const renderPageChatOverlay = useCallback(
+    ({
+      activeTabId,
+      activeTabMessageCount,
+      addTab,
+      tabs,
+    }: MultiTabAssistantChatHeaderProps) => {
+      if (
+        !shouldShowAgentPanelPageNewChatButton(
+          tabs,
+          activeTabId,
+          activeTabMessageCount,
+        )
+      ) {
+        return null;
+      }
+
+      return (
+        <div className="pointer-events-none absolute inset-x-0 top-3 z-[60] flex justify-end px-3 sm:top-4 sm:px-4">
+          <button
+            type="button"
+            data-agent-page-new-chat=""
+            aria-label={t("agentPanel.newChat")}
+            onClick={() => {
+              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"
+          >
+            <IconPlus size={14} />
+            <span>{t("agentPanel.newChat")}</span>
+          </button>
+        </div>
+      );
+    },
+    [t],
+  );
+
   // Ref callback: scroll the active tab into view in the overflow container.
   // Uses getBoundingClientRect for reliable positioning regardless of offsetParent.
   const activeTabRefCb = useCallback((el: HTMLDivElement | null) => {
@@ -1591,7 +1643,11 @@ function AgentPanelInner({
               showHeader={false}
               renderHeader={showHeader ? renderChatHeader : undefined}
               showTabBar={showTabBar}
-              renderOverlay={undefined}
+              renderOverlay={
+                showPageNewChatButton && !showHeader
+                  ? renderPageChatOverlay
+                  : undefined
+              }
               contentHidden={mode !== "chat"}
               emptyStateText={emptyStateText}
               emptyStateAddon={emptyStateAddon}
@@ -2181,6 +2237,13 @@ export interface AgentChatSurfaceProps extends AgentPanelProps {
   chatViewTransition?: boolean;
 }
 
+export function shouldDefaultAgentChatSurfacePageNewChatButton(
+  mode: AgentChatSurfaceMode | undefined,
+  showTabBar: boolean | undefined,
+): boolean {
+  return mode === "page" && showTabBar !== false;
+}
+
 /**
  * Reusable chat surface backed by AgentPanel internals.
  *
@@ -2195,15 +2258,21 @@ export function AgentChatSurface({
   isFullscreen,
   style,
   chatViewTransition = false,
+  showPageNewChatButton,
   ...props
 }: AgentChatSurfaceProps) {
   const pageMode = mode === "page";
+  const defaultShowPageNewChatButton =
+    shouldDefaultAgentChatSurfacePageNewChatButton(mode, props.showTabBar);
 
   return (
     <AgentPanel
       {...props}
       defaultMode={defaultMode}
       isFullscreen={isFullscreen ?? pageMode}
+      showPageNewChatButton={
+        showPageNewChatButton ?? defaultShowPageNewChatButton
+      }
       className={cn(
         pageMode && "h-full min-h-0 w-full overflow-hidden bg-background",
         chatViewTransition && AGENT_CHAT_VIEW_TRANSITION_CLASS,

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

@@ -637,9 +637,7 @@ export interface AssistantChatProps {
   suggestions?: string[];
   /** Context-aware suggestions merged with `suggestions`. Enabled by default. */
   dynamicSuggestions?: AgentDynamicSuggestionsOption;
-  /** Optional content rendered in the empty state, above the suggestion buttons.
-   *  Used by MultiTabAssistantChat to surface "previous chats for this design"
-   *  when the current thread is empty but the scope has other threads. */
+  /** Optional content rendered in the empty state, above the suggestion buttons. */
   emptyStateAddon?: React.ReactNode;
   /** Whether to show the header bar. Default: true */
   showHeader?: boolean;

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

@@ -342,57 +342,6 @@ function ScopeBadge({
   );
 }
 
-/**
- * Empty-state addon shown when the user starts a fresh chat inside a
- * scoped surface that already has other threads. Surfaces those threads
- * inline so chats don't feel "lost" after the user navigates away and
- * back — the chip popover lists them too, but this nudge is visible
- * without any extra clicks.
- */
-function PreviousScopedChatsHint({
-  scope,
-  threads,
-  onSelectThread,
-}: {
-  scope: ChatThreadScope;
-  threads: ChatThreadSummary[];
-  onSelectThread: (id: string) => void;
-}) {
-  const MAX_INLINE = 3;
-  const shown = threads.slice(0, MAX_INLINE);
-  const remaining = threads.length - shown.length;
-  const scopeLabel = scope.label || `this ${formatScopeType(scope.type)}`;
-  return (
-    <div className="flex w-full max-w-[280px] flex-col gap-1.5">
-      <div className="text-[10px] uppercase tracking-wider text-muted-foreground/70 text-center">
-        Previous chats for {scopeLabel}
-      </div>
-      <div className="flex flex-col gap-1">
-        {shown.map((thread) => (
-          <button
-            key={thread.id}
-            type="button"
-            onClick={() => onSelectThread(thread.id)}
-            className="flex items-baseline justify-between gap-2 rounded-md border border-border px-2.5 py-1.5 text-start hover:bg-accent cursor-pointer"
-          >
-            <span className="truncate text-[12px] text-foreground">
-              {thread.title || thread.preview || "Chat"}
-            </span>
-            <span className="shrink-0 text-[10px] text-muted-foreground">
-              {formatThreadTime(thread.updatedAt)}
-            </span>
-          </button>
-        ))}
-      </div>
-      {remaining > 0 && (
-        <div className="text-[10px] text-muted-foreground/70 text-center">
-          +{remaining} more
-        </div>
-      )}
-    </div>
-  );
-}
-
 /**
  * Thin confirmation banner shown briefly after detach. The chip itself
  * unmounts the moment scope clears on the active thread, so this banner
@@ -2777,17 +2726,6 @@ export function MultiTabAssistantChat({
                       ? `Ask about ${tabScope.label}`
                       : props.emptyStateText
                   }
-                  emptyStateAddon={
-                    tabId === activeThreadId &&
-                    tabScope &&
-                    otherScopedThreads.length > 0 ? (
-                      <PreviousScopedChatsHint
-                        scope={tabScope}
-                        threads={otherScopedThreads}
-                        onSelectThread={openFromHistory}
-                      />
-                    ) : undefined
-                  }
                   ref={(handle) => {
                     if (handle) {
                       chatRefs.current.set(tabId, handle);

package/corpus/core/src/client/composer/TiptapComposer.tsx

@@ -596,6 +596,11 @@ const FRIENDLY_MODEL_NAMES: Record<string, string> = {
   "deepseek-v3-1": "DeepSeek v3.1",
 };
 
+export const MODEL_SELECTOR_POPOVER_STYLE = {
+  fontSize: 13,
+  maxHeight: "min(500px, var(--radix-popover-content-available-height, 500px))",
+} satisfies React.CSSProperties;
+
 function friendlyModelName(model: string): string {
   if (FRIENDLY_MODEL_NAMES[model]) return FRIENDLY_MODEL_NAMES[model];
   // Claude: claude-{tier}-{major}-{minor}[-dateYYYYMMDD] → Tier Major.Minor
@@ -835,19 +840,7 @@ function ModelSelector({
         collisionPadding={8}
         data-agent-native-composer-popover="true"
         className="z-[260] box-border w-72 overflow-y-auto rounded-lg border-border p-0 py-1 shadow-lg"
-        style={
-          providerGroups.length > 0
-            ? {
-                fontSize: 13,
-                height:
-                  "min(500px, var(--radix-popover-content-available-height, 500px))",
-              }
-            : {
-                fontSize: 13,
-                maxHeight:
-                  "min(500px, var(--radix-popover-content-available-height, 500px))",
-              }
-        }
+        style={MODEL_SELECTOR_POPOVER_STYLE}
       >
         {showBuilderCta && (
           <>