@agent-native/core 0.117.0 → 0.117.2

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

@@ -16,7 +16,7 @@ import {
   type ChatHistoryItem,
 } from "@agent-native/toolkit/chat-history";
 import {
-  IconBrain,
+  IconHierarchy2,
   IconClipboardList,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
@@ -40,7 +40,7 @@ import { cn } from "@/lib/utils";
 const baseNavItems = [
   { icon: IconPhotoPlus, labelKey: "navigation.create", href: "/" },
   { icon: IconLayoutGrid, labelKey: "navigation.library", href: "/library" },
-  { icon: IconBrain, labelKey: "settings.agentTitle", href: "/agent" },
+  { icon: IconHierarchy2, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
 

package/corpus/templates/assets/app/global.css

@@ -53,7 +53,7 @@
   --muted-foreground: 0 0% 60%;
   --accent: 0 0% 18%;
   --accent-foreground: 0 0% 90%;
-  --destructive: 0 63% 51%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 24%;
   --input: 0 0% 24%;

package/corpus/templates/assets/changelog/2026-07-22-manage-agent-navigation-now-uses-the-connected-nodes-icon.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-22
+---
+
+Manage agent navigation now uses the connected-nodes icon.

package/corpus/templates/brain/.agents/skills/agent-native-toolkit/SKILL.md

@@ -59,6 +59,12 @@ quick controls and deep links such as:
 - `/settings/usage`
 - `/settings/apps/:appId`
 
+The shared Account section is the canonical profile surface at
+`/settings#account`. It owns the editable display name and existing avatar
+control through the authenticated `get-user-profile` and `update-user-profile`
+actions. Shared workspace chrome such as `OrgSwitcher` should link to this
+surface rather than creating an app-local profile page.
+
 When adding a new API key, OAuth grant, provider connection, model selector, app
 preference, notification preference, or usage/billing surface, register it as a
 settings tab or app settings panel first. Only add sidebar UI when it is needed

package/corpus/templates/brain/app/global.css

@@ -22,7 +22,7 @@
   --muted-foreground: 0 0% 45%;
   --accent: 0 0% 95%;
   --accent-foreground: 0 0% 15%;
-  --destructive: 0 70% 48%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 90%;
   --input: 0 0% 90%;
@@ -53,7 +53,7 @@
   --muted-foreground: 0 0% 60%;
   --accent: 0 0% 18%;
   --accent-foreground: 0 0% 90%;
-  --destructive: 0 62% 48%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 24%;
   --input: 0 0% 24%;

package/corpus/templates/brain/app/lib/brain.ts

@@ -1,6 +1,6 @@
 import type { Icon } from "@tabler/icons-react";
 import {
-  IconBrain,
+  IconHierarchy2,
   IconBook2,
   IconChecks,
   IconDatabase,
@@ -1011,7 +1011,7 @@ export const navItems: Array<{
     view: "agent",
     label: "Manage agent",
     href: "/agent",
-    icon: IconBrain,
+    icon: IconHierarchy2,
   },
 ];
 

package/corpus/templates/brain/app/root.tsx

@@ -11,7 +11,7 @@ import {
   useCommandMenuShortcut,
 } from "@agent-native/core/client/navigation";
 import { getThemeInitScript } from "@agent-native/core/client/ui";
-import { IconBrain, IconMoon, IconSun } from "@tabler/icons-react";
+import { IconHierarchy2, IconMoon, IconSun } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useState } from "react";
@@ -196,7 +196,7 @@ function AppContent() {
               "access",
             ]}
           >
-            <IconBrain size={16} />
+            <IconHierarchy2 size={16} />
             {t("settings.openAgentSettings")}
           </CommandMenu.Item>
         </CommandMenu.Group>

package/corpus/templates/brain/changelog/2026-07-22-manage-agent-navigation-now-uses-the-connected-nodes-icon.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-22
+---
+
+Manage agent navigation now uses the connected-nodes icon.

package/corpus/templates/calendar/.agents/skills/agent-native-toolkit/SKILL.md

@@ -59,6 +59,12 @@ quick controls and deep links such as:
 - `/settings/usage`
 - `/settings/apps/:appId`
 
+The shared Account section is the canonical profile surface at
+`/settings#account`. It owns the editable display name and existing avatar
+control through the authenticated `get-user-profile` and `update-user-profile`
+actions. Shared workspace chrome such as `OrgSwitcher` should link to this
+surface rather than creating an app-local profile page.
+
 When adding a new API key, OAuth grant, provider connection, model selector, app
 preference, notification preference, or usage/billing surface, register it as a
 settings tab or app settings panel first. Only add sidebar UI when it is needed

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

@@ -5,7 +5,7 @@ import { useT } from "@agent-native/core/client/i18n";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
 import {
-  IconBrain,
+  IconHierarchy2,
   IconCalendar,
   IconSettings,
   IconLink,
@@ -96,7 +96,11 @@ const navItems = [
     labelKey: "navigation.bookingLinks",
     icon: IconLink,
   },
-  { path: "/agent", labelKey: "settings.agentTitle", icon: IconBrain },
+  {
+    path: "/agent",
+    labelKey: "settings.agentTitle",
+    icon: IconHierarchy2,
+  },
   { path: "/settings", labelKey: "navigation.settings", icon: IconSettings },
 ];
 

package/corpus/templates/calendar/app/global.css

@@ -53,7 +53,7 @@
   --muted-foreground: 0 0% 60%;
   --accent: 0 0% 18%;
   --accent-foreground: 0 0% 90%;
-  --destructive: 0 63% 51%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 24%;
   --input: 0 0% 24%;

package/corpus/templates/calendar/app/root.tsx

@@ -21,7 +21,7 @@ import {
   getThemeInitScript,
 } from "@agent-native/core/client/ui";
 import { resolveLocaleFromRequest } from "@agent-native/core/server";
-import { IconBrain, IconSun, IconMoon } from "@tabler/icons-react";
+import { IconHierarchy2, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useEffect, useState } from "react";
@@ -233,7 +233,7 @@ function AppContent() {
               "access",
             ]}
           >
-            <IconBrain size={16} />
+            <IconHierarchy2 size={16} />
             {t("settings.openAgentSettings")}
           </CommandMenu.Item>
         </CommandMenu.Group>

package/corpus/templates/calendar/changelog/2026-07-22-manage-agent-navigation-now-uses-the-connected-nodes-icon.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-22
+---
+
+Manage agent navigation now uses the connected-nodes icon.

package/corpus/templates/chat/.agents/skills/agent-native-toolkit/SKILL.md

@@ -59,6 +59,12 @@ quick controls and deep links such as:
 - `/settings/usage`
 - `/settings/apps/:appId`
 
+The shared Account section is the canonical profile surface at
+`/settings#account`. It owns the editable display name and existing avatar
+control through the authenticated `get-user-profile` and `update-user-profile`
+actions. Shared workspace chrome such as `OrgSwitcher` should link to this
+surface rather than creating an app-local profile page.
+
 When adding a new API key, OAuth grant, provider connection, model selector, app
 preference, notification preference, or usage/billing surface, register it as a
 settings tab or app settings panel first. Only add sidebar UI when it is needed

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

@@ -13,7 +13,7 @@ import {
   type ChatHistoryItem,
 } from "@agent-native/toolkit/chat-history";
 import {
-  IconBrain,
+  IconHierarchy2,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
   IconMessageCircle,
@@ -39,7 +39,7 @@ const navItems = [
     view: "chat",
   },
   {
-    icon: IconBrain,
+    icon: IconHierarchy2,
     labelKey: "settings.agentTitle",
     href: "/agent",
     view: "agent",

package/corpus/templates/chat/app/global.css

@@ -53,7 +53,7 @@
   --muted-foreground: 0 0% 60%;
   --accent: 0 0% 18%;
   --accent-foreground: 0 0% 90%;
-  --destructive: 0 63% 51%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 24%;
   --input: 0 0% 24%;

package/corpus/templates/chat/app/root.tsx

@@ -11,7 +11,7 @@ import {
   useCommandMenuShortcut,
 } from "@agent-native/core/client/navigation";
 import { getThemeInitScript } from "@agent-native/core/client/ui";
-import { IconBrain, IconSun, IconMoon } from "@tabler/icons-react";
+import { IconHierarchy2, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useState } from "react";
@@ -143,7 +143,7 @@ function AppContent() {
               "access",
             ]}
           >
-            <IconBrain size={16} />
+            <IconHierarchy2 size={16} />
             {t("settings.openAgentSettings")}
           </CommandMenu.Item>
         </CommandMenu.Group>

package/corpus/templates/chat/changelog/2026-07-22-manage-agent-navigation-now-uses-the-connected-nodes-icon.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-22
+---
+
+Manage agent navigation now uses the connected-nodes icon.

package/corpus/templates/clips/.agents/skills/agent-native-toolkit/SKILL.md

@@ -59,6 +59,12 @@ quick controls and deep links such as:
 - `/settings/usage`
 - `/settings/apps/:appId`
 
+The shared Account section is the canonical profile surface at
+`/settings#account`. It owns the editable display name and existing avatar
+control through the authenticated `get-user-profile` and `update-user-profile`
+actions. Shared workspace chrome such as `OrgSwitcher` should link to this
+surface rather than creating an app-local profile page.
+
 When adding a new API key, OAuth grant, provider connection, model selector, app
 preference, notification preference, or usage/billing surface, register it as a
 settings tab or app settings panel first. Only add sidebar UI when it is needed

package/corpus/templates/clips/actions/export-to-brain.ts

@@ -627,7 +627,7 @@ export default defineAction({
         await persistRetryableBrainExportFailure(
           result.recordingId,
           result.reason,
-          0,
+          args.retryAttempt ?? 1,
         );
         return result;
       }

package/corpus/templates/clips/actions/invite-member.ts

@@ -125,6 +125,7 @@ export default defineAction({
 
     const appName = getAppName();
     const { html, text } = renderEmail({
+      brandName: appName,
       preheader: `${inviter} invited you to ${orgName} on ${appName}.`,
       heading: `You're invited to join ${orgName}`,
       paragraphs: [

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -29,7 +29,7 @@ import {
   IconLayoutSidebarLeftExpand,
   IconPlus,
   IconShare,
-  IconBrain,
+  IconHierarchy2,
   IconSettings,
 } from "@tabler/icons-react";
 import { ReactNode, useEffect, useMemo, useState } from "react";
@@ -244,7 +244,7 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
     {
       to: "/agent",
       label: t("navigation.agent"),
-      icon: IconBrain,
+      icon: IconHierarchy2,
       match: (p) => p.startsWith("/agent"),
     },
     {

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

@@ -513,6 +513,7 @@ export class RecorderEngine {
   private pausedAccumMs = 0;
   private pausedStartedMs: number | null = null;
   private uploadFailure: Error | null = null;
+  private uploadFailureStopStarted = false;
   /**
    * Local mirror of every recorder chunk, in record order. We upload after stop
    * so the server never stores the uncompressed source before compression has a
@@ -774,17 +775,6 @@ export class RecorderEngine {
     return this.previewStream;
   }
 
-  /**
-   * The composited screen+camera canvas stream that actually gets recorded
-   * (screen with the camera bubble drawn in), or `null` for screen-only /
-   * camera-only modes where the visible preview already matches the recording.
-   * Used to grab a thumbnail that includes the presenter's camera — the raw
-   * preview stream in screen+camera mode is screen-only and has no face.
-   */
-  getCompositeStream(): MediaStream | null {
-    return this.cameraComposite?.stream ?? null;
-  }
-
   getElapsedMs(): number {
     if (this.startedAtMs === null) return 0;
     const now = performance.now();
@@ -1182,6 +1172,7 @@ export class RecorderEngine {
 
     this.chunkIndex = 0;
     this.uploadFailure = null;
+    this.uploadFailureStopStarted = false;
     this.localChunks = [];
     this.totalRecordedBytes = 0;
     this.lastFinalizeMeta = null;
@@ -1927,11 +1918,29 @@ export class RecorderEngine {
         // User-initiated cancel — cancel() already runs the abortUrl path.
         if (failure.name === "AbortError") return;
         this.rememberUploadFailure(failure);
+        this.stopAfterUploadFailure();
         this.emitError(failure);
       }
     });
   }
 
+  private stopAfterUploadFailure(): void {
+    if (
+      this.uploadFailureStopStarted ||
+      !this.recorder ||
+      this.state === "stopping" ||
+      this.state === "error"
+    ) {
+      return;
+    }
+    this.uploadFailureStopStarted = true;
+    void this.stop().catch((err) => {
+      if (err !== this.uploadFailure && (err as Error)?.name !== "AbortError") {
+        console.warn("[recorder] failed to stop after upload error:", err);
+      }
+    });
+  }
+
   private rememberUploadFailure(err: Error): void {
     if (!this.uploadFailure) {
       this.uploadFailure = err;

package/corpus/templates/clips/app/global.css

@@ -53,7 +53,7 @@
   --muted-foreground: 0 0% 60%;
   --accent: 0 0% 18%;
   --accent-foreground: 0 0% 90%;
-  --destructive: 0 63% 51%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 24%;
   --input: 0 0% 24%;

package/corpus/templates/clips/app/root.tsx

@@ -19,7 +19,12 @@ import {
 } from "@agent-native/core/client/navigation";
 import { getThemeInitScript } from "@agent-native/core/client/ui";
 import { resolveLocaleFromRequest } from "@agent-native/core/server";
-import { IconBrain, IconCheck, IconSun, IconMoon } from "@tabler/icons-react";
+import {
+  IconHierarchy2,
+  IconCheck,
+  IconSun,
+  IconMoon,
+} from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useEffect, useState } from "react";
@@ -365,7 +370,7 @@ function AppContent() {
         >
           <CommandMenu.Group heading={t("root.commandActions")}>
             <CommandMenu.Item onSelect={() => navigate("/agent")}>
-              <IconBrain size={16} />
+              <IconHierarchy2 size={16} />
               {t("root.openAgent")}
             </CommandMenu.Item>
             <CommandMenu.Item onSelect={() => {}}>

package/corpus/templates/clips/app/routes/record.tsx

@@ -70,10 +70,6 @@ import {
   decideRecordingVisibilityAction,
   isMobileRecorderRuntime,
 } from "@/lib/recording-visibility";
-import {
-  captureVideoThumbnailBlob,
-  uploadRecordingThumbnail,
-} from "@/lib/thumbnail-capture";
 import { cn } from "@/lib/utils";
 
 // Client-side app-state writer (the server module pulls in Node's `events`
@@ -535,76 +531,6 @@ function userFacingActionErrorMessage(error: string): string {
   return error.replace(/^Action [a-z0-9-]+ failed:\s*/i, "").trim() || error;
 }
 
-function captureThumbnailFromPreview(
-  video: HTMLVideoElement | null,
-  recordingId: string,
-): void {
-  void captureVideoThumbnailBlob(video)
-    .then((blob) => (blob ? uploadRecordingThumbnail(recordingId, blob) : null))
-    .catch(() => {
-      // best effort — the player has a backfill path if this misses.
-    });
-}
-
-/** Resolve once the off-screen video has a decoded frame, or after a timeout. */
-function waitForVideoFrame(
-  video: HTMLVideoElement,
-  timeoutMs: number,
-): Promise<void> {
-  if (video.videoWidth > 0 && video.readyState >= 2) return Promise.resolve();
-  return new Promise((resolve) => {
-    let settled = false;
-    const finish = () => {
-      if (settled) return;
-      settled = true;
-      video.removeEventListener("loadeddata", onReady);
-      video.removeEventListener("canplay", onReady);
-      clearTimeout(timer);
-      resolve();
-    };
-    const onReady = () => {
-      if (video.videoWidth > 0 && video.readyState >= 2) finish();
-    };
-    video.addEventListener("loadeddata", onReady);
-    video.addEventListener("canplay", onReady);
-    const timer = setTimeout(finish, timeoutMs);
-    onReady();
-  });
-}
-
-/**
- * Capture a thumbnail from a MediaStream that isn't bound to a visible element
- * — used for the screen+camera composite so the thumbnail includes the camera
- * bubble. Best effort: if it misses, the player's backfill path (which reads
- * the recorded file, also composited) still produces a face thumbnail.
- */
-function captureThumbnailFromStream(
-  stream: MediaStream,
-  recordingId: string,
-): void {
-  const video = document.createElement("video");
-  video.srcObject = stream;
-  video.muted = true;
-  video.playsInline = true;
-  void (async () => {
-    try {
-      await video.play().catch(() => {});
-      await waitForVideoFrame(video, 1500);
-      const blob = await captureVideoThumbnailBlob(video);
-      if (blob) await uploadRecordingThumbnail(recordingId, blob);
-    } catch {
-      // best effort — the player has a backfill path if this misses.
-    } finally {
-      try {
-        video.pause();
-      } catch {
-        // ignore
-      }
-      video.srcObject = null;
-    }
-  })();
-}
-
 interface PendingRecording {
   id: string;
   uploadChunkUrl: string;
@@ -1159,8 +1085,8 @@ export default function RecordRoute() {
             }).catch(() => {});
           },
           // When the user clicks the browser's native "Stop sharing" button,
-          // delegate to doStop() so the UI runs its full stop flow: thumbnail
-          // capture, transcription flush, state updates, and navigation.
+          // delegate to doStop() so the UI runs its full stop flow:
+          // transcription flush, state updates, and navigation.
           // Using a ref so we always call the latest version of doStop even
           // though startFlow itself has empty deps.
           onDisplayTrackEnded: () => {
@@ -2079,18 +2005,6 @@ export default function RecordRoute() {
     }
     setUiState("uploading");
     try {
-      // Capture a still-frame thumbnail while the stream is still live —
-      // otherwise the library would show a blank card until the owner opens the
-      // recording and triggers the player's backfill path. In screen+camera
-      // mode the visible preview is screen-only, so grab the composited stream
-      // (screen + camera bubble) to keep the presenter's face in the thumbnail.
-      const compositeStream = engine.getCompositeStream();
-      if (compositeStream) {
-        captureThumbnailFromStream(compositeStream, pending.id);
-      } else {
-        captureThumbnailFromPreview(previewVideoRef.current, pending.id);
-      }
-
       // Stop live transcription and save the native web transcript before the
       // engine finalizes. This gives the recording an instant transcript
       // (from Web Speech API) with no API key required.

package/corpus/templates/clips/changelog/2026-07-22-builder-connected-recordings-start-resumable-upload-sessions.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Builder-connected recordings now start their resumable upload session reliably.

package/corpus/templates/clips/changelog/2026-07-22-clip-thumbnails-now-come-from-the-recording-instead-of-the-p.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Clip thumbnails now come from the recording instead of the post-stop screen

package/corpus/templates/clips/changelog/2026-07-22-clips-emails-now-render-the-agent-native-logo-in-gmail-and-o.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Clips emails now render the Agent-Native logo in Gmail and other clients.

package/corpus/templates/clips/changelog/2026-07-22-dismissed-zoom-and-teams-meeting-note-prompts-now-stay-dismi.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Dismissed Zoom and Teams meeting-note prompts now stay dismissed when you switch windows.

package/corpus/templates/clips/changelog/2026-07-22-manage-agent-navigation-now-uses-the-connected-nodes-icon.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-22
+---
+
+Manage agent navigation now uses the connected-nodes icon.

package/corpus/templates/clips/changelog/2026-07-22-quieter-permissions-and-rewind-controls.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-22
+---
+
+Permissions and Rewind now use quieter expandable rows with clearer setup guidance.