@agent-native/core 0.141.2 → 0.141.4

package/corpus/templates/calendar/server/lib/event-guest-notifications.ts

@@ -6,6 +6,10 @@ import {
 } from "@agent-native/core/server";
 
 import type { CalendarEvent, DeleteEventScope } from "../../shared/api.js";
+import {
+  CALENDAR_EVENT_CANCELLATION_NOTE_EMAIL_ID,
+  CALENDAR_EVENT_UPDATE_NOTE_EMAIL_ID,
+} from "./emails.js";
 
 export interface GuestNotificationResult {
   requested: boolean;
@@ -96,6 +100,53 @@ function scopeLabel(scope: DeleteEventScope | undefined): string | undefined {
   return "this and following events";
 }
 
+export function renderEventGuestNote({
+  title,
+  organizer,
+  message,
+  when,
+  kind,
+  appliesTo,
+  htmlLink,
+}: {
+  title: string;
+  organizer: string;
+  message: string;
+  when: string;
+  kind: GuestNotificationKind;
+  appliesTo?: string;
+  htmlLink?: string | null;
+}) {
+  const heading =
+    kind === "cancellation" ? "Event cancellation note" : "Event update note";
+  const subjectPrefix =
+    kind === "cancellation" ? "Cancellation note" : "Update note";
+  const eventAction = kind === "cancellation" ? "cancelling" : "updating";
+  const paragraphs = [
+    `${emailStrong(organizer)} added this note while ${eventAction} ${emailStrong(title)}.`,
+    messageParagraph(message),
+    `When: ${emailStrong(when)}.`,
+  ];
+  if (appliesTo) {
+    paragraphs.push(`Applies to: ${emailStrong(appliesTo)}.`);
+  }
+
+  return {
+    subject: `${subjectPrefix}: ${title}`,
+    ...renderEmail({
+      preheader: `${subjectPrefix}: ${title}`,
+      heading,
+      paragraphs,
+      cta:
+        kind === "update" && htmlLink
+          ? { label: "Open in Google Calendar", url: htmlLink }
+          : undefined,
+      footer:
+        "Google Calendar sends the calendar update separately. This message carries the organizer note.",
+    }),
+  };
+}
+
 export async function sendEventGuestNotificationNote({
   event,
   organizerEmail,
@@ -138,33 +189,14 @@ export async function sendEventGuestNotificationNote({
     };
   }
 
-  const title = stripCrlf(event.title) || "Calendar event";
-  const organizer = stripCrlf(event.organizer?.displayName) || organizerEmail;
-  const heading =
-    kind === "cancellation" ? "Event cancellation note" : "Event update note";
-  const subjectPrefix =
-    kind === "cancellation" ? "Cancellation note" : "Update note";
-  const eventAction = kind === "cancellation" ? "cancelling" : "updating";
-  const paragraphs = [
-    `${emailStrong(organizer)} added this note while ${eventAction} ${emailStrong(title)}.`,
-    messageParagraph(normalizedMessage),
-    `When: ${emailStrong(formatWhen(event))}.`,
-  ];
-  const appliesTo = scopeLabel(scope);
-  if (appliesTo) {
-    paragraphs.push(`Applies to: ${emailStrong(appliesTo)}.`);
-  }
-
-  const rendered = renderEmail({
-    preheader: `${subjectPrefix}: ${title}`,
-    heading,
-    paragraphs,
-    cta:
-      kind === "update" && event.htmlLink
-        ? { label: "Open in Google Calendar", url: event.htmlLink }
-        : undefined,
-    footer:
-      "Google Calendar sends the calendar update separately. This message carries the organizer note.",
+  const rendered = renderEventGuestNote({
+    title: stripCrlf(event.title) || "Calendar event",
+    organizer: stripCrlf(event.organizer?.displayName) || organizerEmail,
+    message: normalizedMessage,
+    when: formatWhen(event),
+    kind,
+    appliesTo: scopeLabel(scope),
+    htmlLink: event.htmlLink,
   });
 
   let sentCount = 0;
@@ -174,10 +206,14 @@ export async function sendEventGuestNotificationNote({
       try {
         await sendEmail({
           to,
-          subject: `${subjectPrefix}: ${title}`,
+          subject: rendered.subject,
           html: rendered.html,
           text: rendered.text,
           replyTo: organizerEmail,
+          templateId:
+            kind === "cancellation"
+              ? CALENDAR_EVENT_CANCELLATION_NOTE_EMAIL_ID
+              : CALENDAR_EVENT_UPDATE_NOTE_EMAIL_ID,
         });
         sentCount += 1;
       } catch (error) {

package/corpus/templates/calendar/server/plugins/transactional-emails.ts

@@ -0,0 +1,5 @@
+import { registerCalendarEmails } from "../lib/emails.js";
+
+export default function registerTransactionalEmails(): void {
+  registerCalendarEmails();
+}

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

@@ -24,6 +24,7 @@ import { and, eq, sql } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb } from "../server/db/index.js";
+import { CLIPS_ORGANIZATION_INVITE_EMAIL_ID } from "../server/lib/emails.js";
 import {
   getCurrentOwnerEmail,
   nanoid,
@@ -67,6 +68,36 @@ async function fetchOrgName(orgId: string): Promise<string> {
   return row?.name ?? "Organization";
 }
 
+export function renderClipsInviteEmail({
+  appName,
+  orgName,
+  inviter,
+  role,
+  inviteUrl,
+}: {
+  appName: string;
+  orgName: string;
+  inviter: string;
+  role: "admin" | "member";
+  inviteUrl: string;
+}) {
+  return {
+    subject: `You're invited to ${orgName} on ${appName}`,
+    ...renderEmail({
+      brandName: appName,
+      preheader: `${inviter} invited you to ${orgName} on ${appName}.`,
+      heading: `You're invited to join ${orgName}`,
+      paragraphs: [
+        `${emailStrong(inviter)} invited you to the ${emailStrong(orgName)} organization on ${emailStrong(appName)} as ${emailStrong(role)}.`,
+        `Click the button below to accept the invite and start collaborating.`,
+      ],
+      cta: { label: "Accept invite", url: inviteUrl },
+      // guard:allow-raw-color - email HTML cannot reference CSS theme tokens.
+      brandColor: "#18181B",
+    }),
+  };
+}
+
 export default defineAction({
   description:
     "Invite someone to the active organization by email. Creates a pending invitation. Role 'admin' maps to admin; all other Clips roles collapse to 'member'. Sends an email when a provider is configured.",
@@ -123,25 +154,17 @@ export default defineAction({
     const orgName = await fetchOrgName(organizationId);
     const inviteUrl = `${baseUrl()}/invite/${token}`;
 
-    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: [
-        `${emailStrong(inviter)} invited you to the ${emailStrong(orgName)} organization on ${emailStrong(appName)} as ${emailStrong(role)}.`,
-        `Click the button below to accept the invite and start collaborating.`,
-      ],
-      cta: { label: "Accept invite", url: inviteUrl },
-      // guard:allow-raw-color - email HTML cannot reference CSS theme tokens.
-      brandColor: "#18181B",
-    });
     try {
       await sendEmail({
+        ...renderClipsInviteEmail({
+          appName: getAppName(),
+          orgName,
+          inviter,
+          role,
+          inviteUrl,
+        }),
         to: args.email,
-        subject: `You're invited to ${orgName} on ${appName}`,
-        html,
-        text,
+        templateId: CLIPS_ORGANIZATION_INVITE_EMAIL_ID,
       });
     } catch (err) {
       console.warn("[invite-member] email send failed:", err);

package/corpus/templates/clips/app/components/player/share-dialog.tsx

@@ -1,4 +1,5 @@
 import { appPath } from "@agent-native/core/client/api-path";
+import { writeClipboardText } from "@agent-native/core/client/clipboard";
 import {
   useActionMutation,
   useActionQuery,
@@ -19,6 +20,7 @@ import {
   useState,
   type ReactNode,
 } from "react";
+import { toast } from "sonner";
 
 import {
   CopyField,
@@ -44,6 +46,7 @@ import {
 import { Switch } from "@/components/ui/switch";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
 
+import { buildEmailPreviewMarkup } from "../../../shared/email-preview";
 import { isLoomEmbedUrl } from "../../../shared/loom";
 import { withShareAttribution } from "../../../shared/share-attribution";
 
@@ -58,6 +61,7 @@ export interface ShareRecordingPopoverProps {
   initialVisibility?: Visibility | null;
   initialRole?: "owner" | "admin" | "editor" | "viewer";
   videoUrl?: string | null;
+  thumbnailUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
   hasPassword?: boolean;
@@ -88,8 +92,10 @@ export function ShareRecordingPopover({
   initialVisibility,
   initialRole,
   videoUrl,
+  thumbnailUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
+  hasPassword,
   children,
   open,
   onOpenChange,
@@ -108,8 +114,10 @@ export function ShareRecordingPopover({
           initialVisibility={initialVisibility}
           initialRole={initialRole}
           videoUrl={videoUrl}
+          thumbnailUrl={thumbnailUrl}
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
+          hasPassword={hasPassword}
         />
       </PopoverContent>
     </Popover>
@@ -127,10 +135,12 @@ export function ShareRecordingDialog({
   initialVisibility,
   initialRole,
   videoUrl,
+  thumbnailUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
   open,
   onOpenChange,
+  hasPassword,
 }: ShareRecordingDialogProps) {
   const t = useT();
   return (
@@ -147,8 +157,10 @@ export function ShareRecordingDialog({
           initialVisibility={initialVisibility}
           initialRole={initialRole}
           videoUrl={videoUrl}
+          thumbnailUrl={thumbnailUrl}
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
+          hasPassword={hasPassword}
           reserveCloseButton
         />
       </DialogContent>
@@ -162,18 +174,22 @@ function ShareRecordingContent({
   initialVisibility,
   initialRole,
   videoUrl,
+  thumbnailUrl,
   animatedThumbnailUrl,
   isLoomRecording = false,
   reserveCloseButton = false,
+  hasPassword,
 }: {
   recordingId: string;
   recordingTitle?: string;
   initialVisibility?: Visibility | null;
   initialRole?: "owner" | "admin" | "editor" | "viewer";
   videoUrl?: string | null;
+  thumbnailUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
   reserveCloseButton?: boolean;
+  hasPassword?: boolean;
 }) {
   const t = useT();
   const sharesQuery = useActionQuery<SharesResponse>("list-resource-shares", {
@@ -236,13 +252,16 @@ function ShareRecordingContent({
         <TabsContent value="link" className="mt-3">
           <LinkTab
             recordingId={recordingId}
+            recordingTitle={recordingTitle}
             shareUrl={shareUrl}
             sharesQuery={sharesQuery}
             visibility={visibility}
             canManage={canManage}
             videoUrl={videoUrl}
+            thumbnailUrl={thumbnailUrl}
             animatedThumbnailUrl={animatedThumbnailUrl}
             isLoomRecording={isLoomRecording}
+            hasPassword={hasPassword}
           />
         </TabsContent>
 
@@ -276,22 +295,28 @@ function ShareRecordingContent({
 
 function LinkTab({
   recordingId,
+  recordingTitle,
   shareUrl,
   sharesQuery,
   visibility,
   canManage,
   videoUrl,
+  thumbnailUrl,
   animatedThumbnailUrl,
   isLoomRecording: isLoomRecordingProp,
+  hasPassword,
 }: {
   recordingId: string;
+  recordingTitle?: string;
   shareUrl: string;
   sharesQuery: SharesQuery;
   visibility: Visibility | null;
   canManage: boolean;
   videoUrl?: string | null;
+  thumbnailUrl?: string | null;
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
+  hasPassword?: boolean;
 }) {
   const t = useT();
   const { setResourceVisibility, isPending } = useResourceVisibilityMutation(
@@ -303,6 +328,44 @@ function LinkTab({
   const sharesLoaded = visibility !== null;
   const visibilityPending = isPending || sharesQuery.isLoading;
   const isLoomRecording = isLoomRecordingProp || isLoomEmbedUrl(videoUrl);
+  const emailPreviewThumbnailUrl = useMemo(() => {
+    if (!isPublic || hasPassword !== false || !sharesLoaded) return null;
+    const candidate = animatedThumbnailUrl || thumbnailUrl;
+    if (!candidate) return null;
+
+    const query = animatedThumbnailUrl ? "?animated=1" : "";
+    return absoluteAppUrl(
+      `/api/thumbnail/${encodeURIComponent(recordingId)}${query}`,
+    );
+  }, [
+    animatedThumbnailUrl,
+    hasPassword,
+    isPublic,
+    recordingId,
+    sharesLoaded,
+    thumbnailUrl,
+  ]);
+  const copyEmailPreview = useCallback(async () => {
+    if (!emailPreviewThumbnailUrl || !shareUrl) return;
+
+    try {
+      const markup = buildEmailPreviewMarkup({
+        title: recordingTitle?.trim() || t("recordingPage.untitledClip"),
+        shareUrl,
+        thumbnailUrl: emailPreviewThumbnailUrl,
+      });
+      const copied = await writeClipboardText(markup.plainText, {
+        html: markup.html,
+      });
+      if (copied) {
+        toast.success(t("shareDialog.emailPreviewCopied"));
+      } else {
+        toast.error(t("shareDialog.emailPreviewCopyFailed"));
+      }
+    } catch {
+      toast.error(t("shareDialog.emailPreviewCopyFailed"));
+    }
+  }, [emailPreviewThumbnailUrl, recordingTitle, shareUrl, t]);
   const createAgentLink = useActionMutation(
     "create-recording-agent-link" as any,
   );
@@ -439,8 +502,17 @@ function LinkTab({
         />
       ) : null}
 
-      {videoUrl || animatedThumbnailUrl ? (
+      {emailPreviewThumbnailUrl || videoUrl || animatedThumbnailUrl ? (
         <div className="flex flex-wrap gap-2">
+          {emailPreviewThumbnailUrl ? (
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => void copyEmailPreview()}
+            >
+              {t("shareDialog.copyEmailPreview")}
+            </Button>
+          ) : null}
           {animatedThumbnailUrl ? (
             <Button
               variant="outline"

package/corpus/templates/clips/app/i18n/en-US.ts

@@ -452,6 +452,9 @@ const messages = {
     agentLinkUnavailable: "Couldn't create the agent link.",
     retryAgentLink: "Retry",
     gifPreview: "GIF preview",
+    copyEmailPreview: "Copy email preview",
+    emailPreviewCopied: "Email preview copied",
+    emailPreviewCopyFailed: "Couldn't copy email preview",
     openPlayer: "Open player",
     chooseFile: "Choose file",
     remove: "Remove",

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

@@ -235,7 +235,7 @@ export default function RecordingPage() {
   const { session, isLoading: sessionLoading } = useSession();
   const playerRef = useRef<VideoPlayerHandle | null>(null);
 
-  const [panel, setPanel] = useState<SidePanel>("agent");
+  const [panel, setPanel] = useState<SidePanel>("comments");
   const [theaterMode, setTheaterMode] = useState(false);
   const [editing, setEditing] = useState(false);
   const [currentMs, setCurrentMs] = useState(0);
@@ -311,15 +311,6 @@ export default function RecordingPage() {
     }
   }, [panelParam]);
 
-  const appliedCompactDefaultRef = useRef(false);
-  useEffect(() => {
-    if (appliedCompactDefaultRef.current) return;
-    if (!panelParam && isCompactLayout) {
-      appliedCompactDefaultRef.current = true;
-      setPanel("comments");
-    }
-  }, [isCompactLayout, panelParam]);
-
   const playerDataQ = useActionQuery<any>(
     "get-recording-player-data",
     {
@@ -1154,21 +1145,13 @@ export default function RecordingPage() {
         {label}
       </TabsTrigger>
     );
-    const triggers = compact
-      ? [
-          trigger("comments", t("recordingPage.activity")),
-          trigger("transcript", t("recordingPage.transcript")),
-          trigger("agent", t("recordingPage.agent")),
-          trigger("insights", t("recordingPage.insights")),
-          canEdit ? trigger("settings", t("recordingPage.settings")) : null,
-        ]
-      : [
-          trigger("agent", t("recordingPage.agent")),
-          trigger("comments", t("recordingPage.activity")),
-          trigger("transcript", t("recordingPage.transcript")),
-          trigger("insights", t("recordingPage.insights")),
-          canEdit ? trigger("settings", t("recordingPage.settings")) : null,
-        ];
+    const triggers = [
+      trigger("comments", t("recordingPage.activity")),
+      trigger("transcript", t("recordingPage.transcript")),
+      trigger("agent", t("recordingPage.agent")),
+      trigger("insights", t("recordingPage.insights")),
+      canEdit ? trigger("settings", t("recordingPage.settings")) : null,
+    ];
 
     return (
       <Tabs
@@ -1197,6 +1180,7 @@ export default function RecordingPage() {
             scope={recordingScope}
             showHeader={false}
             showTabBar={false}
+            missingApiKeySetupLayout="sidebar"
             emptyStateText={t("recordingPage.askAboutClip")}
             dynamicSuggestions={false}
             suggestions={
@@ -1553,6 +1537,7 @@ export default function RecordingPage() {
               initialVisibility={recording.visibility}
               initialRole={role}
               videoUrl={recording.videoUrl}
+              thumbnailUrl={recording.thumbnailUrl}
               animatedThumbnailUrl={recording.animatedThumbnailUrl}
               isLoomRecording={isLoomEmbedBacked}
               hasPassword={Boolean(recording.hasPassword)}

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

@@ -985,6 +985,7 @@ export default function ShareRoute() {
                 initialVisibility={recording.visibility}
                 initialRole={viewerIsOwner ? "owner" : undefined}
                 videoUrl={recording.videoUrl}
+                thumbnailUrl={recording.thumbnailUrl}
                 animatedThumbnailUrl={recording.animatedThumbnailUrl}
                 isLoomRecording={isLoomEmbedBacked}
                 hasPassword={Boolean(recording.hasPassword)}
@@ -1128,6 +1129,7 @@ export default function ShareRoute() {
               <AgentPanel
                 emptyStateText={t("recordingPage.askAboutClip")}
                 dynamicSuggestions={false}
+                missingApiKeySetupLayout="sidebar"
                 suggestions={[
                   t("recordingPage.summarizeClip"),
                   t("recordingPage.findKeyMoments"),

package/corpus/templates/clips/changelog/2026-08-05-activity-is-now-the-default-clips-recording-tab-and-ai-setup.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-05
+---
+
+Activity is now the default recording tab, and Clips only shows AI setup after confirming no provider is connected.

package/corpus/templates/clips/changelog/2026-08-05-clips-can-copy-a-linked-email-preview-for-public-recordings.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-05
+---
+
+Clips can copy a linked email preview for public recordings

package/corpus/templates/clips/changelog/2026-08-05-preparing-recording-now-uses-a-clean-shadow-free-status-card.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-05
+---
+
+Preparing recording now uses a clean, shadow-free status card

package/corpus/templates/clips/desktop/src/styles.css

@@ -3634,9 +3634,6 @@ body[data-clips-route="recording-pill"] #root {
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   border: 1px solid rgba(255, 255, 255, 0.08);
-  box-shadow:
-    0 14px 40px rgba(0, 0, 0, 0.45),
-    0 2px 6px rgba(0, 0, 0, 0.3);
   color: white;
   font-size: 13px;
   font-weight: 600;