@agent-native/core 0.80.4 → 0.80.5

package/corpus/core/src/client/sharing/ShareButton.tsx

@@ -47,7 +47,7 @@ export interface ShareButtonProps {
   variant?: "compact" | "label";
   /** Optional trigger style. Defaults to the Google-Docs-style "Share" label. */
   trigger?: "label" | "icon";
-  /** Hide the visibility/share glyph in the label trigger. */
+  /** @deprecated Label triggers no longer render a visibility/share glyph. */
   hideTriggerIcon?: boolean;
   /** Optional className applied to the trigger button. */
   triggerClassName?: string;
@@ -298,23 +298,8 @@ export function ShareButton(props: ShareButtonProps) {
     });
   };
 
-  // The default trigger says "Share" — the icon reflects the resource's
-  // current visibility (lock / building / globe), matching Google Docs.
-  // While the query is loading and we don't know the visibility yet,
-  // render a skeleton placeholder in the icon slot instead of guessing.
+  // The default trigger stays text-only; the icon trigger keeps the share glyph.
   const iconOnly = props.trigger === "icon";
-  const loaded = sharesQuery.data !== undefined;
-  const serverVisibility =
-    (sharesQuery.data?.visibility as Visibility | null) ?? "private";
-  const currentVisibility = pendingVisibility ?? serverVisibility;
-  const VisibilityIcon =
-    currentVisibility === "public"
-      ? IconWorld
-      : currentVisibility === "org"
-        ? IconBuilding
-        : IconLock;
-  const showTriggerIcon = iconOnly || !props.hideTriggerIcon;
-  const TriggerIcon = iconOnly ? IconShare3 : VisibilityIcon;
 
   return (
     <Popover open={open} onOpenChange={handleOpenChange}>
@@ -327,16 +312,7 @@ export function ShareButton(props: ShareButtonProps) {
           )}
           aria-label={iconOnly ? "Share" : undefined}
         >
-          {showTriggerIcon ? (
-            loaded || iconOnly ? (
-              <TriggerIcon size={16} strokeWidth={1.75} />
-            ) : (
-              <span
-                aria-hidden
-                className="inline-block h-4 w-4 rounded-sm bg-muted animate-pulse"
-              />
-            )
-          ) : null}
+          {iconOnly ? <IconShare3 size={16} strokeWidth={1.75} /> : null}
           {!iconOnly && <span>Share</span>}
         </button>
       </PopoverTrigger>

package/corpus/core/src/collab/presence.ts

@@ -1,5 +1,5 @@
 /**
- * Presence kit — Liveblocks/Figma-grade presence primitives.
+ * Presence kit — Liveblocks/collaboration-grade presence primitives.
  *
  * usePresence(awareness) returns:
  *   - others: reactive array of remote participants (human + agent)

package/corpus/core/src/mcp/connect-route.ts

@@ -639,6 +639,20 @@ function renderConnectPage(params: {
   }
   .primary:hover:not(:disabled) { background: #e4e4e7; }
   .primary:disabled { opacity: 0.55; cursor: default; }
+  .primary.is-loading {
+    display: inline-flex; align-items: center; justify-content: center;
+    gap: 0.55rem; opacity: 1;
+  }
+  .primary.is-loading::before {
+    content: ""; width: 1rem; height: 1rem; flex: 0 0 auto;
+    border-radius: 999px; border: 2px solid rgba(0,0,0,0.22);
+    border-top-color: var(--accent-fg);
+    animation: spin 0.75s linear infinite;
+  }
+  @keyframes spin { to { transform: rotate(360deg); } }
+  @media (prefers-reduced-motion: reduce) {
+    .primary.is-loading::before { animation: none; }
+  }
   .ghost {
     background: transparent; color: var(--muted);
     border: 1px solid var(--border-strong); padding: 0.35rem 0.7rem;
@@ -900,7 +914,7 @@ function renderConnectPage(params: {
       <span class="chev" aria-hidden="true"></span>
     </summary>
     <div class="static-token-body">
-      <div id="msg" class="msg"></div>
+      <div id="msg" class="msg" role="status" aria-live="polite"></div>
       <div id="mintForm">
         <button id="authorizeBtn" class="primary">${safeUserCode ? "Authorize device" : "Create connection token"}</button>
         ${tokenAdvancedOptionsHtml}
@@ -983,6 +997,21 @@ function renderConnectPage(params: {
   }
   function clearMsg() { msgEl.className = "msg"; msgEl.textContent = ""; }
 
+  function setButtonLoading(btn, text) {
+    if (!btn.dataset.idleText) btn.dataset.idleText = btn.textContent || "";
+    btn.textContent = text;
+    btn.classList.add("is-loading");
+    btn.setAttribute("aria-busy", "true");
+    btn.disabled = true;
+  }
+
+  function resetButtonLoading(btn) {
+    btn.disabled = false;
+    btn.classList.remove("is-loading");
+    btn.removeAttribute("aria-busy");
+    if (btn.dataset.idleText) btn.textContent = btn.dataset.idleText;
+  }
+
   function renderResult(data) {
     document.getElementById("mintForm").classList.add("hidden");
     var entry = {};
@@ -1060,13 +1089,13 @@ function renderConnectPage(params: {
 
   document.getElementById("authorizeBtn").onclick = async function () {
     var btn = this;
-    btn.disabled = true;
+    setButtonLoading(btn, USER_CODE ? "Authorizing device..." : "Creating token...");
     clearMsg();
     try {
       if (USER_CODE) {
         var a = await postJson("/device/authorize", { user_code: USER_CODE });
         if (!a.ok) {
-          btn.disabled = false;
+          resetButtonLoading(btn);
           showMsg((a.data && a.data.error) || "Could not authorize this device code.");
           return;
         }
@@ -1128,7 +1157,7 @@ function renderConnectPage(params: {
         var ttlDays = ttlEl ? parseInt(ttlEl.value, 10) || undefined : undefined;
         var m = await postJson("/token", { label: label, ttlDays: ttlDays });
         if (!m.ok) {
-          btn.disabled = false;
+          resetButtonLoading(btn);
           showMsg((m.data && m.data.error) || "Could not create token.");
           return;
         }
@@ -1136,7 +1165,7 @@ function renderConnectPage(params: {
       }
       loadTokens();
     } catch (e) {
-      btn.disabled = false;
+      resetButtonLoading(btn);
       showMsg("Network error. Please try again.");
     }
   };

package/corpus/core/src/server/action-discovery.ts

@@ -216,6 +216,10 @@ function preserveActionFlags(entry: Record<string, any>): Partial<ActionEntry> {
   ) {
     out.chatUI = entry.chatUI;
   }
+  if (typeof entry.timeoutMs === "number") out.timeoutMs = entry.timeoutMs;
+  if (typeof entry.maxResultChars === "number") {
+    out.maxResultChars = entry.maxResultChars;
+  }
   if (
     typeof entry.needsApproval === "boolean" ||
     typeof entry.needsApproval === "function"

package/corpus/core/src/server/agent-chat-plugin.ts

@@ -36,6 +36,7 @@ import { DEFAULT_ANTHROPIC_MODEL } from "../agent/default-model.js";
 import {
   AGENT_CHAT_PROCESS_RUN_PATH,
   extractProcessRunId,
+  isInBackgroundFunctionRuntime,
   prepareProcessRunRequest,
 } from "../agent/durable-background.js";
 import {
@@ -2567,6 +2568,12 @@ export interface AgentChatPluginOptions {
    * timeout. When reached, long runs continue through the hidden continuation
    * path instead of surfacing a timeout warning. */
   runSoftTimeoutMs?: number;
+  /**
+   * Opt this app into Netlify durable background-function agent-chat runs. This
+   * gives hosted agent turns the 15-minute async-function budget when the app's
+   * Netlify build also emits the background function.
+   */
+  durableBackgroundRuns?: boolean;
   /** Anthropic API key. Falls back to ANTHROPIC_API_KEY env var */
   apiKey?: string;
   /**
@@ -4837,6 +4844,11 @@ export function createAgentChatPlugin(
               signal: controller.signal,
             },
             options?.runSoftTimeoutMs,
+            {
+              backgroundFunction:
+                options?.durableBackgroundRuns === true &&
+                isInBackgroundFunctionRuntime(),
+            },
           );
 
           const { responseText, finalText } = assembleA2AFinalResponse(
@@ -5035,6 +5047,11 @@ export function createAgentChatPlugin(
                 signal: controller.signal,
               },
               options?.runSoftTimeoutMs,
+              {
+                backgroundFunction:
+                  options?.durableBackgroundRuns === true &&
+                  isInBackgroundFunctionRuntime(),
+              },
             );
 
             return accumulatedText || "(no response)";
@@ -5712,6 +5729,7 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
         appId: options?.appId,
         apiKey: options?.apiKey,
         runSoftTimeoutMs: options?.runSoftTimeoutMs,
+        durableBackgroundRuns: options?.durableBackgroundRuns,
         finalResponseGuard: options?.finalResponseGuard,
         prepareRequest: async (details) => {
           // Stash the threadId on runCtx so systemPrompt can check isNewThread().
@@ -5802,6 +5820,7 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
               appId: options?.appId,
               apiKey: options?.apiKey,
               runSoftTimeoutMs: options?.runSoftTimeoutMs,
+              durableBackgroundRuns: options?.durableBackgroundRuns,
               finalResponseGuard: options?.finalResponseGuard,
               prepareRequest: options?.prepareRequest,
               skipFilesContext: true,
@@ -5932,6 +5951,7 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
           appId: options?.appId,
           apiKey: options?.apiKey,
           runSoftTimeoutMs: options?.runSoftTimeoutMs,
+          durableBackgroundRuns: options?.durableBackgroundRuns,
           finalResponseGuard: options?.finalResponseGuard,
           prepareRequest: options?.prepareRequest,
           skipFilesContext,

package/corpus/templates/analytics/actions/dashboard-mutation-api.ts

@@ -28,6 +28,8 @@ type DashboardPatch = {
   columns?: number;
   filters?: unknown[];
   variables?: Record<string, string>;
+  /** Id of another dashboard to nest this one under in the sidebar. */
+  parentId?: string;
 };
 
 type PanelPatch = {

package/corpus/templates/analytics/actions/update-dashboard.ts

@@ -277,6 +277,14 @@ export function validateDashboardConfig(
   if (typeof config.name !== "string" || config.name.trim().length === 0) {
     return "config.name is required (non-empty string) — without it the dashboard renders as a blank row in the sidebar";
   }
+  if (config.parentId !== undefined && config.parentId !== null) {
+    if (
+      typeof config.parentId !== "string" ||
+      config.parentId.trim().length === 0
+    ) {
+      return "config.parentId must be a non-empty dashboard id (or omitted) — it nests this dashboard under that parent in the sidebar";
+    }
+  }
   // Filter ID collisions cause two controls to read/write the same URL param.
   // For paired start/end dates use a single date-range filter — the FilterBar
   // expands it to <id>Start / <id>End at runtime, so the SQL can still

package/corpus/templates/analytics/app/components/layout/Layout.tsx

@@ -124,7 +124,7 @@ export function Layout({ children }: LayoutProps) {
             ? "flex-1 overflow-y-auto"
             : isAskRoute
               ? "flex-1 overflow-hidden p-0"
-              : "flex-1 overflow-y-auto p-4 md:p-6 lg:p-8"
+              : "flex-1 overflow-y-auto p-6 pt-2"
         }
       >
         {children}

package/corpus/templates/analytics/app/components/layout/Sidebar.tsx

@@ -30,7 +30,14 @@ import {
   type QueryKey,
 } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
-import { useState, useEffect, useCallback, useRef, useMemo } from "react";
+import {
+  useState,
+  useEffect,
+  useCallback,
+  useRef,
+  useMemo,
+  Fragment,
+} from "react";
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
@@ -51,6 +58,8 @@ type SidebarDashboard = {
   subviews?: DashboardSubview[];
   source: "static" | "sql";
   visibility?: Visibility;
+  /** Id of the dashboard this one nests under in the sidebar, if any. */
+  parentId?: string;
 };
 import {
   DevDatabaseLink,
@@ -1026,6 +1035,7 @@ type SqlDashboardListItem = {
   id: string;
   name: string;
   visibility?: Visibility;
+  parentId?: string;
 };
 
 async function fetchSqlDashboards(
@@ -1045,6 +1055,10 @@ async function fetchSqlDashboards(
           d.visibility === "org" || d.visibility === "public"
             ? (d.visibility as Visibility)
             : ("private" as Visibility),
+        parentId:
+          typeof d.parentId === "string" && d.parentId.trim().length > 0
+            ? d.parentId
+            : undefined,
       }));
   } catch {
     return [];
@@ -1445,6 +1459,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       name: d.name,
       source: "sql",
       visibility: d.visibility,
+      parentId: d.parentId,
     }));
     const all = [...staticItems, ...sqlItems];
     if (dashboardSortMode === "alphabetical") {
@@ -1482,12 +1497,54 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
     [visibleDashboards, dashFilter],
   );
 
+  // Group dashboards that declare a parentId beneath their parent. Nesting is
+  // intentionally one level deep: a dashboard only nests when its parent is
+  // itself top-level. Orphans (parent missing/filtered out), self-references,
+  // cycles, and deeper descendants all fall back to top level so nothing is
+  // ever hidden.
+  const dashboardChildren = useMemo<Map<string, SidebarDashboard[]>>(() => {
+    const byId = new Map(filteredDashboards.map((d) => [d.id, d]));
+    const hasValidParent = (d: SidebarDashboard) =>
+      !!d.parentId && d.parentId !== d.id && byId.has(d.parentId);
+    const byParent = new Map<string, SidebarDashboard[]>();
+    for (const d of filteredDashboards) {
+      if (!hasValidParent(d)) continue;
+      const parent = byId.get(d.parentId as string);
+      if (!parent || hasValidParent(parent)) continue;
+      const arr = byParent.get(d.parentId as string) ?? [];
+      arr.push(d);
+      byParent.set(d.parentId as string, arr);
+    }
+    return byParent;
+  }, [filteredDashboards]);
+
+  const topLevelDashboards = useMemo(() => {
+    const childIds = new Set<string>();
+    for (const arr of dashboardChildren.values())
+      for (const c of arr) childIds.add(c.id);
+    return filteredDashboards.filter((d) => !childIds.has(d.id));
+  }, [filteredDashboards, dashboardChildren]);
+
   const displayedDashboards = useMemo(
     () =>
       dashShowAll
-        ? filteredDashboards
-        : filteredDashboards.slice(0, SIDEBAR_PREVIEW_COUNT),
-    [filteredDashboards, dashShowAll],
+        ? topLevelDashboards
+        : topLevelDashboards.slice(0, SIDEBAR_PREVIEW_COUNT),
+    [topLevelDashboards, dashShowAll],
+  );
+
+  // The flattened id order exactly as rendered (each parent immediately
+  // followed by its nested children). Drag reordering must use this so the
+  // arrayMove indices match what the user sees; the raw `visibleDashboards`
+  // order interleaves children at their sorted positions and would move the
+  // wrong rows once a dashboard is nested.
+  const dashboardRenderOrderIds = useMemo(
+    () =>
+      topLevelDashboards.flatMap((d) => [
+        d.id,
+        ...(dashboardChildren.get(d.id) ?? []).map((c) => c.id),
+      ]),
+    [topLevelDashboards, dashboardChildren],
   );
 
   const handleDashboardDelete = useCallback(
@@ -1801,18 +1858,16 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
     (event: DragEndEvent) => {
       const { active, over } = event;
       if (!over || active.id === over.id) return;
+      const ids = dashboardRenderOrderIds;
+      const oldIndex = ids.indexOf(active.id as string);
+      const newIndex = ids.indexOf(over.id as string);
+      if (oldIndex === -1 || newIndex === -1) return;
       setDashboardSortMode("manual");
-      setDashboardOrderState((prev) => {
-        const ids = prev.length > 0 ? prev : visibleDashboards.map((d) => d.id);
-        const oldIndex = ids.indexOf(active.id as string);
-        const newIndex = ids.indexOf(over.id as string);
-        if (oldIndex === -1 || newIndex === -1) return prev;
-        const newOrder = arrayMove(ids, oldIndex, newIndex);
-        setDashboardOrder(newOrder);
-        return newOrder;
-      });
+      const newOrder = arrayMove(ids, oldIndex, newIndex);
+      setDashboardOrder(newOrder);
+      setDashboardOrderState(newOrder);
     },
-    [setDashboardSortMode, visibleDashboards],
+    [setDashboardSortMode, dashboardRenderOrderIds],
   );
 
   const handleAnalysisDragEnd = useCallback(
@@ -2169,27 +2224,56 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                     onDragEnd={handleDashboardDragEnd}
                   >
                     <SortableContext
-                      items={displayedDashboards.map((d) => d.id)}
+                      items={displayedDashboards.flatMap((d) => [
+                        d.id,
+                        ...(dashboardChildren.get(d.id) ?? []).map((c) => c.id),
+                      ])}
                       strategy={verticalListSortingStrategy}
                     >
                       <div className="ms-4 min-w-0 space-y-0.5">
-                        {displayedDashboards.map((d) => (
-                          <SortableDashboardItem
-                            key={d.id}
-                            d={d}
-                            isActive={activeDashboardId === d.id}
-                            location={location}
-                            favoriteIds={favoriteIds}
-                            onToggleFavorite={toggleFavorite}
-                            onDelete={handleDashboardDelete}
-                            onRename={handleDashboardRename}
-                            onArchive={handleDashboardArchive}
-                            onSetVisibility={handleDashboardSetVisibility}
-                            onPrefetch={prefetchDashboard}
-                            views={allViewsMap[d.id]}
-                          />
-                        ))}
-                        {filteredDashboards.length > SIDEBAR_PREVIEW_COUNT && (
+                        {displayedDashboards.map((d) => {
+                          const children = dashboardChildren.get(d.id) ?? [];
+                          return (
+                            <Fragment key={d.id}>
+                              <SortableDashboardItem
+                                d={d}
+                                isActive={activeDashboardId === d.id}
+                                location={location}
+                                favoriteIds={favoriteIds}
+                                onToggleFavorite={toggleFavorite}
+                                onDelete={handleDashboardDelete}
+                                onRename={handleDashboardRename}
+                                onArchive={handleDashboardArchive}
+                                onSetVisibility={handleDashboardSetVisibility}
+                                onPrefetch={prefetchDashboard}
+                                views={allViewsMap[d.id]}
+                              />
+                              {children.length > 0 && (
+                                <div className="ms-3 space-y-0.5 border-s border-sidebar-border/60 ps-1">
+                                  {children.map((child) => (
+                                    <SortableDashboardItem
+                                      key={child.id}
+                                      d={child}
+                                      isActive={activeDashboardId === child.id}
+                                      location={location}
+                                      favoriteIds={favoriteIds}
+                                      onToggleFavorite={toggleFavorite}
+                                      onDelete={handleDashboardDelete}
+                                      onRename={handleDashboardRename}
+                                      onArchive={handleDashboardArchive}
+                                      onSetVisibility={
+                                        handleDashboardSetVisibility
+                                      }
+                                      onPrefetch={prefetchDashboard}
+                                      views={allViewsMap[child.id]}
+                                    />
+                                  ))}
+                                </div>
+                              )}
+                            </Fragment>
+                          );
+                        })}
+                        {topLevelDashboards.length > SIDEBAR_PREVIEW_COUNT && (
                           <button
                             onClick={() => setDashShowAll(!dashShowAll)}
                             className="flex items-center gap-1 px-3 py-1 text-[11px] text-muted-foreground/70 hover:text-primary"
@@ -2198,7 +2282,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                               ? t("sidebar.showLess")
                               : t("sidebar.showMore", {
                                   count:
-                                    filteredDashboards.length -
+                                    topLevelDashboards.length -
                                     SIDEBAR_PREVIEW_COUNT,
                                 })}
                           </button>

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/index.tsx

@@ -379,6 +379,10 @@ async function fetchDashboard(id: string): Promise<FetchedDashboard | null> {
       config: {
         name: data.name ?? "Untitled Dashboard",
         description: data.description,
+        parentId:
+          typeof data.parentId === "string" && data.parentId.trim().length > 0
+            ? data.parentId
+            : undefined,
         catalog: parseDashboardCatalogMetadata(data.catalog),
         demo: parseDashboardDemoMetadata(data.demo),
         filters: data.filters,

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/types.ts

@@ -114,6 +114,13 @@ export interface SqlPanel {
 export interface SqlDashboardConfig {
   name: string;
   description?: string;
+  /**
+   * Optional id of another dashboard this one nests under. When set, the
+   * sidebar renders this dashboard indented beneath its parent instead of at
+   * the top level. Orphans (parent missing/inaccessible) fall back to the top
+   * level. Self-references and cycles are ignored by the renderer.
+   */
+  parentId?: string;
   catalog?: {
     templateId?: string;
     templateVersion?: string;

package/corpus/templates/analytics/changelog/2026-06-27-dashboards-can-now-nest-under-a-parent-in-the-sidebar-via-a-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-27
+---
+
+Dashboards can now nest under a parent in the sidebar via a parentId field

package/corpus/templates/analytics/changelog/2026-06-29-analytics-pages-now-sit-closer-under-the-header-with-tighter.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-29
+---
+
+Analytics pages now sit closer under the header with tighter content padding.

package/corpus/templates/assets/actions/generate-image-batch.ts

@@ -22,6 +22,8 @@ import { readImageModelDefault } from "./_image-model-default.js";
 import generateImage from "./generate-image.js";
 import { upsertVariantSlot } from "./variant-slots.js";
 
+const IMAGE_GENERATION_TOOL_TIMEOUT_MS = 12 * 60_000;
+
 export default defineAction({
   description:
     "Generate several brand-consistent images in parallel from one brand kit/library. Use @brand-kit mentions as libraryId and @preset mentions as presetId when present. This is synchronous for images: one call waits for every slot and returns final image artifacts. Use this for slide decks, landing pages, and multi-slot design work. Do not call get-generation-run or refresh-generation-run after a normal image batch result.",
@@ -74,6 +76,7 @@ export default defineAction({
       ),
   }),
   parallelSafe: true,
+  timeoutMs: IMAGE_GENERATION_TOOL_TIMEOUT_MS,
   run: async ({ slots, ...inputBase }, context?: ActionRunContext) => {
     const imageModelDefault = await readImageModelDefault();
     const libraryId = inputBase.libraryId;

package/corpus/templates/assets/actions/generate-image.ts

@@ -46,6 +46,8 @@ import {
 import { readImageModelDefault } from "./_image-model-default.js";
 import { upsertVariantSlot, wasVariantSlotDismissed } from "./variant-slots.js";
 
+const IMAGE_GENERATION_TOOL_TIMEOUT_MS = 12 * 60_000;
+
 function resolveModelForTier(
   tier: ImageQualityTier | undefined,
   category: ImageCategory | undefined,
@@ -125,6 +127,7 @@ export default defineAction({
       ),
   }),
   parallelSafe: true,
+  timeoutMs: IMAGE_GENERATION_TOOL_TIMEOUT_MS,
   run: async (input, context?: ActionRunContext) => {
     const imageModelDefault = await readImageModelDefault();
     const libraryId = input.libraryId;

package/corpus/templates/assets/changelog/2026-06-29-longer-agent-generation-window.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-29
+---
+
+Image generation requests have a longer hosted agent window, reducing timeouts for slow models and multi-image batches.

package/corpus/templates/assets/netlify.toml

@@ -8,9 +8,9 @@ functions = "templates/assets/.netlify/functions-internal"
 GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
+AGENT_CHAT_DURABLE_BACKGROUND = "true"
 
-# Image generation calls run a full Gemini round-trip plus Sharp post-processing.
-# Each `generate-image` call is ~6-12s; A2A delegation may chain several. Match
-# slides' generous timeout so multi-image runs don't get killed mid-flight.
+# Emit the Netlify background function used by Assets' durable agent-chat opt-in.
+# The normal server timeout still protects non-agent image/video HTTP handlers.
 [functions."*"]
 timeout = 300

package/corpus/templates/assets/server/plugins/agent-chat.ts

@@ -10,6 +10,8 @@ import actionsRegistry from "../../.generated/actions-registry.js";
 import { getDb, schema } from "../db/index.js";
 import "../register-secrets.js";
 
+const ASSETS_BACKGROUND_RUN_SOFT_TIMEOUT_MS = 13 * 60_000;
+
 const INITIAL_TOOL_NAMES = [
   "view-screen",
   "list-libraries",
@@ -240,5 +242,6 @@ export default createAgentChatPlugin({
       },
     },
   },
-  runSoftTimeoutMs: 240_000,
+  durableBackgroundRuns: true,
+  runSoftTimeoutMs: ASSETS_BACKGROUND_RUN_SOFT_TIMEOUT_MS,
 });

package/corpus/templates/clips/app/components/capture-install-options.tsx

@@ -1,4 +1,4 @@
-import { useT } from "@agent-native/core/client";
+import { appPath, useT } from "@agent-native/core/client";
 import {
   IconBrandApple,
   IconBrandChrome,
@@ -8,7 +8,6 @@ import {
   IconExternalLink,
 } from "@tabler/icons-react";
 import { type ReactNode } from "react";
-import { Link } from "react-router";
 
 import { Button, type ButtonProps } from "@/components/ui/button";
 import {
@@ -91,8 +90,8 @@ function InstallOptionsContent({ desktopHref = "/download" }) {
         </div>
       )}
 
-      <Link
-        to={desktopHref}
+      <a
+        href={appPath(desktopHref)}
         className="flex items-start gap-3 rounded-md border border-border p-3 text-start transition hover:bg-accent"
       >
         <DesktopIcon className="mt-0.5 h-4 w-4 shrink-0 text-primary" />
@@ -104,7 +103,7 @@ function InstallOptionsContent({ desktopHref = "/download" }) {
             {t("captureInstall.desktopDescription")}
           </span>
         </span>
-      </Link>
+      </a>
     </div>
   );
 }
@@ -120,7 +119,7 @@ export function CaptureInstallButton({
   if (!clipsChromeExtensionEnabled) {
     return (
       <Button asChild className={className} {...buttonProps}>
-        <Link to={desktopHref}>{children}</Link>
+        <a href={appPath(desktopHref)}>{children}</a>
       </Button>
     );
   }
@@ -149,9 +148,9 @@ export function CaptureInstallInlineLink({
 }: CaptureInstallInlineLinkProps) {
   if (!clipsChromeExtensionEnabled) {
     return (
-      <Link to={desktopHref} className={className}>
+      <a href={appPath(desktopHref)} className={className}>
         {children}
-      </Link>
+      </a>
     );
   }
 

package/corpus/templates/clips/app/components/recorder/recorder-engine.ts

@@ -194,7 +194,7 @@ const SCREEN_CAPTURE_MAX_HEIGHT = 1080;
 // client-side (ffmpeg.wasm re-encode is disabled — see COMPRESSION_ENABLED in
 // `@/lib/compress`) and the upload provider streams large files directly, so we
 // capture at a crisp 1080p bitrate instead of a tight budget. 1.2 Mbps left
-// dense UI (fine text, Figma, code) visibly fuzzy; 8 Mbps keeps it sharp.
+// dense UI (fine text and code) visibly fuzzy; 8 Mbps keeps it sharp.
 // Dial down here if file sizes become a concern for a deployment.
 const RECORDING_VIDEO_BITRATE_BPS = 8_000_000;
 const RECORDING_AUDIO_BITRATE_BPS = 128_000;