@agent-native/core 0.154.5 → 0.155.0

package/corpus/templates/clips/app/routes/_app.meetings._index.tsx

@@ -12,6 +12,7 @@ import {
   IconNotes,
   IconPlugConnected,
   IconPlugOff,
+  IconPlus,
   IconSearch,
   IconSettings,
   IconX,
@@ -530,17 +531,11 @@ function CalendarAccountMenu({
   const [disconnectTarget, setDisconnectTarget] =
     useState<CalendarAccount | null>(null);
 
-  const primaryAccount = accounts[0] ?? null;
-  const statusText =
-    primaryAccount?.status === "disconnected"
-      ? "Disconnected"
-      : primaryAccount?.status === "needs-reauth"
-        ? "Needs reconnect"
-        : primaryAccount
-          ? "Connected"
-          : "Not connected";
+  const hasNeedsReconnect = accounts.some(
+    (account) => account.status === "needs-reauth",
+  );
 
-  const handleReconnect = () => {
+  const handleConnect = () => {
     setConnectPending(true);
     startCalendarOAuth()
       .then(() => onConnected?.())
@@ -586,48 +581,121 @@ function CalendarAccountMenu({
             aria-label={t("meetingsRoute.calendarSettings")}
           >
             <IconSettings className="h-4 w-4" />
-            Calendar
+            {t("meetingsRoute.calendarAccountsButton", {
+              defaultValue: "Calendars",
+            })}
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end" className="w-72">
           <DropdownMenuLabel className="flex items-center gap-2">
-            {primaryAccount ? (
+            {accounts.length > 0 ? (
               <IconPlugConnected className="h-4 w-4 text-muted-foreground" />
             ) : (
               <IconPlugOff className="h-4 w-4 text-muted-foreground" />
             )}
             Google Calendar
           </DropdownMenuLabel>
-          <div className="px-2 pb-1 text-xs text-muted-foreground">
-            {primaryAccount ? (
-              <>
-                <div className="truncate">
-                  {calendarAccountLabel(primaryAccount)}
+          {accounts.length > 0 ? (
+            <div className="space-y-1.5 px-2 pb-1">
+              <div className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+                {t("meetingsRoute.connectedAccounts", {
+                  defaultValue: "Connected accounts",
+                })}
+              </div>
+              {accounts.map((account) => (
+                <div
+                  key={account.id}
+                  className="flex min-w-0 items-center gap-2 text-xs"
+                >
+                  {account.status === "needs-reauth" ? (
+                    <IconAlertTriangle className="h-3.5 w-3.5 shrink-0 text-destructive" />
+                  ) : account.status === "disconnected" ? (
+                    <IconPlugOff className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  ) : (
+                    <IconPlugConnected className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  )}
+                  <span className="min-w-0 flex-1 truncate">
+                    {calendarAccountLabel(account)}
+                  </span>
+                  <span
+                    className={
+                      account.status === "needs-reauth" ||
+                      account.status === "disconnected"
+                        ? "shrink-0 text-[11px] text-destructive"
+                        : "shrink-0 text-[11px] text-muted-foreground"
+                    }
+                  >
+                    {account.status === "needs-reauth"
+                      ? t("meetingsRoute.calendarNeedsReconnectLabel", {
+                          defaultValue: "Needs reconnect",
+                        })
+                      : account.status === "disconnected"
+                        ? t("meetingsRoute.calendarDisconnectedLabel", {
+                            defaultValue: "Disconnected",
+                          })
+                        : account.status && account.status !== "connected"
+                          ? t("meetingsRoute.calendarStatusUnavailable", {
+                              defaultValue: "Status unavailable",
+                            })
+                          : t("meetingsRoute.calendarConnectedLabel", {
+                              defaultValue: "Connected",
+                            })}
+                  </span>
                 </div>
-                <div>{statusText}</div>
-              </>
-            ) : (
-              t("meetingsRoute.connectCalendarReminder")
-            )}
-          </div>
+              ))}
+            </div>
+          ) : (
+            <div className="px-2 pb-1 text-xs text-muted-foreground">
+              {t("meetingsRoute.connectCalendarReminder")}
+            </div>
+          )}
           <DropdownMenuSeparator />
+          {hasNeedsReconnect && (
+            <DropdownMenuItem
+              onSelect={(event) => {
+                event.preventDefault();
+                handleConnect();
+              }}
+              disabled={connectPending}
+            >
+              {connectPending ? (
+                <IconLoader2 className="me-2 h-4 w-4 animate-spin" />
+              ) : (
+                <IconExternalLink className="me-2 h-4 w-4" />
+              )}
+              {t("meetingsRoute.reconnectCalendar", {
+                defaultValue: "Reconnect calendar",
+              })}
+            </DropdownMenuItem>
+          )}
           <DropdownMenuItem
             onSelect={(event) => {
               event.preventDefault();
-              handleReconnect();
+              handleConnect();
             }}
             disabled={connectPending}
           >
             {connectPending ? (
               <IconLoader2 className="me-2 h-4 w-4 animate-spin" />
             ) : (
-              <IconExternalLink className="me-2 h-4 w-4" />
+              <IconPlus className="me-2 h-4 w-4" />
             )}
-            {primaryAccount ? "Reconnect calendar" : "Connect calendar"}
+            {accounts.length > 0
+              ? t("meetingsRoute.addAnotherCalendarAccount", {
+                  defaultValue: "Add another account",
+                })
+              : t("meetingsRoute.connectCalendar", {
+                  defaultValue: "Connect calendar",
+                })}
           </DropdownMenuItem>
           {accounts.length > 0 && (
             <>
               <DropdownMenuSeparator />
+              <DropdownMenuLabel className="text-[11px] text-muted-foreground">
+                {t("meetingsRoute.disconnectCalendarAccount", {
+                  defaultValue: "Disconnect an account",
+                })}
+              </DropdownMenuLabel>
               {accounts.map((account) => (
                 <DropdownMenuItem
                   key={account.id}

package/corpus/templates/clips/app/routes/_app.settings._index.tsx

@@ -12,8 +12,11 @@ import {
   useBuilderStatus,
   type SettingsSearchEntry,
 } from "@agent-native/core/client/settings";
-import type { ClipsDefaultVisibility } from "@shared/clips-ai-prefs";
-import { useEffect, useMemo, useState } from "react";
+import {
+  DEFAULT_CLIPS_RECORDING_VISIBILITY,
+  type ClipsDefaultVisibility,
+} from "@shared/clips-ai-prefs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 
 import { PageHeader } from "@/components/library/page-header";
@@ -101,22 +104,34 @@ export default function SettingsIndexRoute() {
   const storageStatus = useVideoStorageStatus();
   const secrets = useSecretStatus();
   const builderStatus = useBuilderStatus();
+  const connectRequestedRef = useRef(false);
   const builderConnect = useBuilderConnectFlow({
     popupUrl:
       builderStatus.status?.cliAuthUrl ?? builderStatus.status?.connectUrl,
     trackingSource: "clips_settings",
     trackingFlow: "clips_setup",
     onConnected: async () => {
+      const shouldShowConnectedToast = connectRequestedRef.current;
+      connectRequestedRef.current = false;
       await Promise.all([storageStatus.refetch(), builderStatus.refetch()]);
-      toast.success(t("settings.builderConnectedToast"));
+      if (shouldShowConnectedToast) {
+        toast.success(t("settings.builderConnectedToast"));
+      }
     },
   });
+  const startBuilderConnect = useCallback(
+    (options?: Parameters<typeof builderConnect.start>[0]) => {
+      connectRequestedRef.current = true;
+      builderConnect.start(options);
+    },
+    [builderConnect.start],
+  );
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
   const [defaultSpeed, setDefaultSpeed] = useState("1.2");
   const [emailNotifications, setEmailNotifications] = useState(true);
   const [defaultVisibility, setDefaultVisibility] =
-    useState<ClipsDefaultVisibility>("private");
+    useState<ClipsDefaultVisibility>(DEFAULT_CLIPS_RECORDING_VISIBILITY);
   const [transcriptCleanupEnabled, setTranscriptCleanupEnabled] =
     useState(true);
 
@@ -126,7 +141,9 @@ export default function SettingsIndexRoute() {
       if (cancelled) return;
       setDefaultSpeed(v.defaultPlaybackSpeed ?? "1.2");
       setEmailNotifications(v.emailNotifications ?? true);
-      setDefaultVisibility(v.defaultRecordingVisibility ?? "private");
+      setDefaultVisibility(
+        v.defaultRecordingVisibility ?? DEFAULT_CLIPS_RECORDING_VISIBILITY,
+      );
       setTranscriptCleanupEnabled(v.transcriptCleanupEnabled !== false);
       setLoading(false);
     });
@@ -151,9 +168,9 @@ export default function SettingsIndexRoute() {
         !builderConnect.hasFetchedStatus,
       connecting: builderConnect.connecting,
       orgName: builderConnect.orgName ?? builderStatus.status?.orgName ?? null,
-      start: builderConnect.start,
+      start: startBuilderConnect,
     }),
-    [builderConnect, builderStatus, storageStatus],
+    [builderConnect, builderStatus, startBuilderConnect, storageStatus],
   );
 
   async function handleUploadWorkspaceChange(organizationId: string) {

package/corpus/templates/clips/app/routes/embed.$shareId.tsx

@@ -132,11 +132,16 @@ export default function EmbedRoute() {
         readyMediaPollRef.current = null;
         return 2000;
       }
+      if (rec.seekableRepairPending === true) {
+        readyMediaPollRef.current = null;
+        return READY_MEDIA_SETTLE_POLL_INTERVAL_MS;
+      }
       const mediaKey = [
         rec.id,
         rec.durationMs ?? "",
         rec.videoSizeBytes ?? "",
         rec.videoFormat ?? "",
+        rec.updatedAt ?? "",
       ].join(":");
       const now = Date.now();
       if (readyMediaPollRef.current?.key !== mediaKey) {
@@ -225,10 +230,9 @@ export default function EmbedRoute() {
         onVideoElementChange={setTrackedVideoEl}
         recordingId={recording.id}
         videoUrl={recording.videoUrl}
-        mediaVersion={[
-          recording.videoSizeBytes ?? "",
-          recording.updatedAt ?? "",
-        ].join(":")}
+        mediaVersion={
+          recording.mediaUpdatedAt ?? recording.videoSizeBytes ?? null
+        }
         videoFormat={recording.videoFormat}
         embedProvider={isLoomEmbedBacked ? "loom" : null}
         durationMs={recording.durationMs}

package/corpus/templates/clips/app/routes/r.$recordingId.tsx

@@ -310,6 +310,10 @@ export default function RecordingPage() {
           readyMediaPollRef.current = null;
           return 1000;
         }
+        if (rec.seekableRepairPending === true) {
+          readyMediaPollRef.current = null;
+          return READY_MEDIA_SETTLE_POLL_INTERVAL_MS;
+        }
         // Fresh streaming uploads can become `ready` before the background
         // seekable/faststart repair swaps in the final player URL. Keep polling
         // briefly so the first post-recording page catches that URL update
@@ -319,6 +323,7 @@ export default function RecordingPage() {
           rec.durationMs ?? "",
           rec.videoSizeBytes ?? "",
           rec.videoFormat ?? "",
+          rec.updatedAt ?? "",
         ].join(":");
         const now = Date.now();
         if (readyMediaPollRef.current?.key !== mediaKey) {
@@ -962,7 +967,7 @@ export default function RecordingPage() {
               variant="ghost"
               size="icon"
               className="shrink-0"
-              aria-label={t("recordingPage.back")}
+              aria-label={t("recordingPage.backToLibrary")}
             >
               <Link to="/library" replace>
                 <IconArrowLeft className="h-4 w-4 rtl:-scale-x-100" />
@@ -1305,11 +1310,14 @@ export default function RecordingPage() {
             asChild
             variant="ghost"
             size="icon"
-            className="shrink-0"
-            aria-label={t("recordingPage.back")}
+            className="shrink-0 sm:w-auto sm:px-2"
+            aria-label={t("recordingPage.backToLibrary")}
           >
             <Link to="/library" replace>
               <IconArrowLeft className="h-4 w-4 rtl:-scale-x-100" />
+              <span className="hidden sm:inline">
+                {t("recordingPage.backToLibrary")}
+              </span>
             </Link>
           </Button>
           <div className="flex-1 min-w-0">
@@ -1592,10 +1600,9 @@ export default function RecordingPage() {
                   onVideoElementChange={setTrackedVideoEl}
                   recordingId={recording.id}
                   videoUrl={recording.videoUrl}
-                  mediaVersion={[
-                    recording.videoSizeBytes ?? "",
-                    recording.updatedAt ?? "",
-                  ].join(":")}
+                  mediaVersion={
+                    recording.mediaUpdatedAt ?? recording.videoSizeBytes ?? null
+                  }
                   videoFormat={recording.videoFormat}
                   embedProvider={isLoomEmbedBacked ? "loom" : null}
                   durationMs={recording.durationMs}

package/corpus/templates/clips/app/routes/share.$shareId.tsx

@@ -470,11 +470,16 @@ export default function ShareRoute() {
         readyMediaPollRef.current = null;
         return 2000;
       }
+      if (rec.seekableRepairPending === true) {
+        readyMediaPollRef.current = null;
+        return READY_MEDIA_SETTLE_POLL_INTERVAL_MS;
+      }
       const mediaKey = [
         rec.id,
         rec.durationMs ?? "",
         rec.videoSizeBytes ?? "",
         rec.videoFormat ?? "",
+        rec.updatedAt ?? "",
       ].join(":");
       const now = Date.now();
       if (readyMediaPollRef.current?.key !== mediaKey) {
@@ -1020,10 +1025,9 @@ export default function ShareRoute() {
               onVideoElementChange={setTrackedVideoEl}
               recordingId={recording.id}
               videoUrl={recording.videoUrl}
-              mediaVersion={[
-                recording.videoSizeBytes ?? "",
-                recording.updatedAt ?? "",
-              ].join(":")}
+              mediaVersion={
+                recording.mediaUpdatedAt ?? recording.videoSizeBytes ?? null
+              }
               videoFormat={recording.videoFormat}
               embedProvider={isLoomEmbedBacked ? "loom" : null}
               durationMs={recording.durationMs}

package/corpus/templates/clips/app/routes/share.meeting.$meetingId.tsx

@@ -2,7 +2,10 @@ import { appPath } from "@agent-native/core/client/api-path";
 import { useSession } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { PoweredByBadge } from "@agent-native/core/client/ui";
-import { normalizeDocumentTitle } from "@agent-native/core/shared";
+import {
+  AGENT_ACCESS_PARAM,
+  normalizeDocumentTitle,
+} from "@agent-native/core/shared";
 import {
   IconCalendar,
   IconCheck,
@@ -16,8 +19,12 @@ import {
 import { useQuery } from "@tanstack/react-query";
 import { and, eq, isNull } from "drizzle-orm";
 import { useEffect, useRef, useState } from "react";
-import type { LoaderFunctionArgs, MetaFunction } from "react-router";
-import { useLoaderData, useParams } from "react-router";
+import type {
+  HeadersArgs,
+  LoaderFunctionArgs,
+  MetaFunction,
+} from "react-router";
+import { useLoaderData, useParams, useSearchParams } from "react-router";
 import { toast } from "sonner";
 
 import {
@@ -36,15 +43,37 @@ import {
 } from "@/lib/public-meeting";
 
 import { getDb, schema } from "../../server/db";
+import { CLIPS_MEETING_AGENT_RESOURCE_KIND } from "../../shared/meeting-agent-access";
+import { privateShareLoaderData } from "../../shared/share-loader-response";
 
 type LoaderData = { meeting: PublicMeeting | null };
 
-export async function loader({
-  params,
-}: LoaderFunctionArgs): Promise<LoaderData> {
+function shareMeetingLoaderData(
+  payload: LoaderData,
+  privateAgentAccess = false,
+) {
+  return privateAgentAccess ? privateShareLoaderData(payload) : payload;
+}
+
+export function headers({ loaderHeaders }: HeadersArgs) {
+  return loaderHeaders;
+}
+
+export async function loader({ params, url }: LoaderFunctionArgs) {
   const meetingId = params.meetingId;
   if (!meetingId) return { meeting: null };
 
+  const { verifyScopedAgentAccessToken } =
+    await import("@agent-native/core/server");
+  const agentAccessToken = url.searchParams.get(AGENT_ACCESS_PARAM) ?? "";
+  const hasAgentAccessToken = Boolean(agentAccessToken);
+  const tokenGrantsAgentAccess = agentAccessToken
+    ? verifyScopedAgentAccessToken(agentAccessToken, {
+        resourceKind: CLIPS_MEETING_AGENT_RESOURCE_KIND,
+        resourceId: meetingId,
+      }).ok
+    : false;
+
   const [meeting] = await getDb()
     .select({
       id: schema.meetings.id,
@@ -59,14 +88,21 @@ export async function loader({
     })
     .from(schema.meetings)
     .where(
-      and(
-        eq(schema.meetings.id, meetingId),
-        eq(schema.meetings.visibility, "public"),
-        isNull(schema.meetings.trashedAt),
-      ),
+      tokenGrantsAgentAccess
+        ? and(
+            eq(schema.meetings.id, meetingId),
+            isNull(schema.meetings.trashedAt),
+          )
+        : and(
+            eq(schema.meetings.id, meetingId),
+            eq(schema.meetings.visibility, "public"),
+            isNull(schema.meetings.trashedAt),
+          ),
     )
     .limit(1);
-  if (!meeting) return { meeting: null };
+  if (!meeting) {
+    return shareMeetingLoaderData({ meeting: null }, hasAgentAccessToken);
+  }
 
   const [participants, actionItems] = await Promise.all([
     getDb()
@@ -101,20 +137,23 @@ export async function loader({
     }
   } catch {}
 
-  return {
-    meeting: {
-      id: meeting.id,
-      title: meeting.title,
-      scheduledStart: meeting.scheduledStart,
-      summaryMd: meeting.summaryMd,
-      bullets,
-      participants,
-      actionItems,
-      actualStart: meeting.actualStart,
-      actualEnd: meeting.actualEnd,
-      transcriptStatus: meeting.transcriptStatus,
+  return shareMeetingLoaderData(
+    {
+      meeting: {
+        id: meeting.id,
+        title: meeting.title,
+        scheduledStart: meeting.scheduledStart,
+        summaryMd: meeting.summaryMd,
+        bullets,
+        participants,
+        actionItems,
+        actualStart: meeting.actualStart,
+        actualEnd: meeting.actualEnd,
+        transcriptStatus: meeting.transcriptStatus,
+      },
     },
-  };
+    hasAgentAccessToken,
+  );
 }
 
 export const meta: MetaFunction<typeof loader> = ({ loaderData }) => {
@@ -197,7 +236,9 @@ export default function ShareMeetingRoute() {
   const t = useT();
   const loaderData = useLoaderData<LoaderData>();
   const { meetingId } = useParams<{ meetingId: string }>();
+  const [searchParams] = useSearchParams();
   const { session, isLoading: sessionLoading } = useSession();
+  const agentAccessToken = searchParams.get(AGENT_ACCESS_PARAM) ?? "";
   const pollingStartedAtRef = useRef<number | null>(null);
   const [transcriptCopied, setTranscriptCopied] = useState(false);
   const initialMeetingResult: PublicMeetingResult | undefined =
@@ -215,8 +256,13 @@ export default function ShareMeetingRoute() {
       meetingId,
       session?.email ?? null,
       session?.orgId ?? null,
+      agentAccessToken,
     ],
-    queryFn: ({ signal }) => fetchPublicMeeting(meetingId ?? "", { signal }),
+    queryFn: ({ signal }) =>
+      fetchPublicMeeting(meetingId ?? "", {
+        signal,
+        agentAccessToken,
+      }),
     enabled: !!meetingId && !sessionLoading,
     initialData: initialMeetingResult,
     refetchInterval: (query) => {

package/corpus/templates/clips/changelog/2026-08-13-inline-markdown-comments.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-13
+---
+
+Comments now render inline Markdown for emphasis, inline code, links, and line breaks while keeping headings out of compact comment surfaces.

package/corpus/templates/clips/changelog/2026-08-13-private-meeting-agent-links.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-08-13
+---
+
+Private meeting notes can be shared with an external agent through a temporary link.