@agent-native/core 0.114.4 → 0.114.5

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

@@ -1,91 +1,71 @@
 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 { getRequestUserEmail } from "@agent-native/core/server";
-import { resolveAccess } from "@agent-native/core/sharing";
 import {
   IconCalendar,
+  IconCheck,
+  IconCopy,
   IconExternalLink,
   IconListCheck,
+  IconNotes,
   IconUsers,
   IconWand,
 } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
 import { and, eq, isNull } from "drizzle-orm";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import type { LoaderFunctionArgs, MetaFunction } from "react-router";
-import { useLoaderData, useRevalidator } from "react-router";
+import { useLoaderData, useParams } from "react-router";
+import { toast } from "sonner";
 
 import {
   AttendeeStack,
   type AttendeeStackParticipant,
 } from "@/components/meetings/attendee-stack";
+import { TranscriptBubbles } from "@/components/meetings/transcript-bubbles";
 import { Button } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
 import enMessages from "@/i18n/en-US";
+import {
+  fetchPublicMeeting,
+  type PublicMeeting,
+  type PublicMeetingResult,
+  type PublicMeetingTranscript,
+} from "@/lib/public-meeting";
 
 import { getDb, schema } from "../../server/db";
 
-interface ActionItem {
-  id: string;
-  text: string;
-  assigneeEmail: string | null;
-  completedAt: string | null;
-}
-
-interface Participant {
-  email: string;
-  name: string | null;
-  isOrganizer: boolean;
-}
-
-interface Bullet {
-  text: string;
-}
-
-interface ShareMeetingData {
-  id: string;
-  title: string;
-  scheduledStart: string | null;
-  summaryMd: string;
-  bullets: Bullet[];
-  participants: Participant[];
-  actionItems: ActionItem[];
-  actualStart: string | null;
-  actualEnd: string | null;
-  transcriptStatus: string | null;
-}
-
-type LoaderData = { meeting: ShareMeetingData } | { meeting: null };
+type LoaderData = { meeting: PublicMeeting | null };
 
 export async function loader({
   params,
 }: LoaderFunctionArgs): Promise<LoaderData> {
-  const id = params.meetingId;
-  if (!id) return { meeting: null };
+  const meetingId = params.meetingId;
+  if (!meetingId) return { meeting: null };
 
-  const [row] = await getDb()
+  const [meeting] = await getDb()
     .select({
       id: schema.meetings.id,
       title: schema.meetings.title,
       scheduledStart: schema.meetings.scheduledStart,
-      visibility: schema.meetings.visibility,
       summaryMd: schema.meetings.summaryMd,
       bulletsJson: schema.meetings.bulletsJson,
       actualStart: schema.meetings.actualStart,
       actualEnd: schema.meetings.actualEnd,
       transcriptStatus: schema.meetings.transcriptStatus,
+      visibility: schema.meetings.visibility,
     })
     .from(schema.meetings)
-    .where(and(eq(schema.meetings.id, id), isNull(schema.meetings.trashedAt)))
+    .where(
+      and(
+        eq(schema.meetings.id, meetingId),
+        eq(schema.meetings.visibility, "public"),
+        isNull(schema.meetings.trashedAt),
+      ),
+    )
     .limit(1);
-
-  if (!row) return { meeting: null };
-
-  if (row.visibility !== "public") {
-    const userEmail = getRequestUserEmail();
-    const access = userEmail ? await resolveAccess("meeting", id) : null;
-    if (!access) return { meeting: null };
-  }
+  if (!meeting) return { meeting: null };
 
   const [participants, actionItems] = await Promise.all([
     getDb()
@@ -95,7 +75,7 @@ export async function loader({
         isOrganizer: schema.meetingParticipants.isOrganizer,
       })
       .from(schema.meetingParticipants)
-      .where(eq(schema.meetingParticipants.meetingId, id)),
+      .where(eq(schema.meetingParticipants.meetingId, meetingId)),
     getDb()
       .select({
         id: schema.meetingActionItems.id,
@@ -104,38 +84,45 @@ export async function loader({
         completedAt: schema.meetingActionItems.completedAt,
       })
       .from(schema.meetingActionItems)
-      .where(eq(schema.meetingActionItems.meetingId, id)),
+      .where(eq(schema.meetingActionItems.meetingId, meetingId)),
   ]);
 
-  let bullets: Bullet[] = [];
+  let bullets: PublicMeeting["bullets"] = [];
   try {
-    const parsed = JSON.parse(row.bulletsJson);
-    if (Array.isArray(parsed)) bullets = parsed as Bullet[];
+    const parsed = JSON.parse(meeting.bulletsJson);
+    if (Array.isArray(parsed)) {
+      bullets = parsed.filter(
+        (bullet): bullet is { text: string } =>
+          typeof bullet === "object" &&
+          bullet !== null &&
+          typeof bullet.text === "string",
+      );
+    }
   } catch {}
 
   return {
     meeting: {
-      id: row.id,
-      title: row.title,
-      scheduledStart: row.scheduledStart,
-      summaryMd: row.summaryMd,
+      id: meeting.id,
+      title: meeting.title,
+      scheduledStart: meeting.scheduledStart,
+      summaryMd: meeting.summaryMd,
       bullets,
       participants,
       actionItems,
-      actualStart: row.actualStart,
-      actualEnd: row.actualEnd,
-      transcriptStatus: row.transcriptStatus,
+      actualStart: meeting.actualStart,
+      actualEnd: meeting.actualEnd,
+      transcriptStatus: meeting.transcriptStatus,
     },
   };
 }
 
 export const meta: MetaFunction<typeof loader> = ({ loaderData }) => {
-  const m = loaderData?.meeting;
-  const title = m?.title
-    ? `${m.title} · Clips`
+  const meeting = loaderData?.meeting;
+  const title = meeting?.title
+    ? `${meeting.title} · Clips`
     : enMessages.shareMeeting.pageTitle;
-  const description = m?.title
-    ? `AI meeting notes for "${m.title}"`
+  const description = meeting?.title
+    ? `AI meeting notes for "${meeting.title}"`
     : enMessages.shareMeeting.description;
   return [
     { title },
@@ -147,8 +134,8 @@ export const meta: MetaFunction<typeof loader> = ({ loaderData }) => {
 
 export function HydrateFallback() {
   return (
-    <div className="flex items-center justify-center h-screen w-full bg-background">
-      <Spinner className="h-8 w-8 text-muted-foreground" />
+    <div className="flex h-screen w-full items-center justify-center bg-background">
+      <Spinner className="size-8 text-muted-foreground" />
     </div>
   );
 }
@@ -168,60 +155,103 @@ function formatDateTime(iso?: string | null): string {
   }
 }
 
-const REVALIDATE_INTERVAL_MS = 5_000;
-const REVALIDATE_MAX_DURATION_MS = 30 * 60 * 1000;
-
-/**
- * Silent client-side revalidation while a meeting is still live or its notes
- * haven't landed yet — the loader is SSR-only otherwise (M9), so a share link
- * opened mid-meeting would never update without a manual reload. Polls the
- * same access-checked loader (via useRevalidator, not a new endpoint) every
- * 5s and stops once notes arrive or after 30 minutes.
- */
-function useMeetingShareRevalidation(meeting: ShareMeetingData | null) {
-  const revalidator = useRevalidator();
-  const startedAtRef = useRef<number | null>(null);
-
-  const isLive = !!meeting && !!meeting.actualStart && !meeting.actualEnd;
+function shouldPollMeeting(meeting: PublicMeeting): boolean {
+  const isLive = !!meeting.actualStart && !meeting.actualEnd;
   const transcriptPending =
-    meeting?.transcriptStatus === "in_progress" ||
-    meeting?.transcriptStatus === "pending";
+    meeting.transcriptStatus === "in_progress" ||
+    meeting.transcriptStatus === "pending" ||
+    meeting.transcript?.status === "pending";
   const notesAbsentWhileReady =
-    !!meeting &&
     meeting.transcriptStatus === "ready" &&
     !meeting.summaryMd &&
     meeting.bullets.length === 0 &&
     meeting.actionItems.length === 0;
-  const shouldPoll = isLive || transcriptPending || notesAbsentWhileReady;
+  return isLive || transcriptPending || notesAbsentWhileReady;
+}
 
-  useEffect(() => {
-    if (!shouldPoll) {
-      startedAtRef.current = null;
-      return;
-    }
-    if (startedAtRef.current == null) startedAtRef.current = Date.now();
-    const interval = window.setInterval(() => {
-      if (
-        Date.now() - (startedAtRef.current ?? Date.now()) >
-        REVALIDATE_MAX_DURATION_MS
-      ) {
-        window.clearInterval(interval);
-        return;
-      }
-      if (revalidator.state === "idle") revalidator.revalidate();
-    }, REVALIDATE_INTERVAL_MS);
-    return () => window.clearInterval(interval);
-  }, [shouldPoll, revalidator]);
+function transcriptCopyText(
+  transcript: PublicMeetingTranscript,
+  meLabel: string,
+  themLabel: string,
+): string {
+  if (transcript.segments.length > 0) {
+    return transcript.segments
+      .map((segment) => {
+        const speaker =
+          segment.speaker || (segment.source === "mic" ? meLabel : themLabel);
+        return `${speaker}: ${segment.text}`;
+      })
+      .join("\n");
+  }
+  return transcript.fullText?.trim() ?? "";
 }
 
+const REVALIDATE_INTERVAL_MS = 5_000;
+const REVALIDATE_MAX_DURATION_MS = 30 * 60 * 1000;
+
 export default function ShareMeetingRoute() {
   const t = useT();
-  const data = useLoaderData<LoaderData>();
-  useMeetingShareRevalidation(data.meeting);
+  const loaderData = useLoaderData<LoaderData>();
+  const { meetingId } = useParams<{ meetingId: string }>();
+  const { session, isLoading: sessionLoading } = useSession();
+  const pollingStartedAtRef = useRef<number | null>(null);
+  const [transcriptCopied, setTranscriptCopied] = useState(false);
+  const initialMeetingResult: PublicMeetingResult | undefined =
+    loaderData.meeting
+      ? {
+          ok: true,
+          status: 200,
+          data: { meeting: loaderData.meeting, viewer: null },
+        }
+      : undefined;
 
-  if (!data.meeting) {
+  const meetingQuery = useQuery({
+    queryKey: [
+      "public-meeting",
+      meetingId,
+      session?.email ?? null,
+      session?.orgId ?? null,
+    ],
+    queryFn: ({ signal }) => fetchPublicMeeting(meetingId ?? "", { signal }),
+    enabled: !!meetingId && !sessionLoading,
+    initialData: initialMeetingResult,
+    refetchInterval: (query) => {
+      const result = query.state.data;
+      const payload = result?.data;
+      const meeting =
+        result?.ok && payload && "meeting" in payload ? payload.meeting : null;
+      if (!meeting || !shouldPollMeeting(meeting)) {
+        pollingStartedAtRef.current = null;
+        return false;
+      }
+      if (pollingStartedAtRef.current == null) {
+        pollingStartedAtRef.current = Date.now();
+      }
+      return Date.now() - pollingStartedAtRef.current <
+        REVALIDATE_MAX_DURATION_MS
+        ? REVALIDATE_INTERVAL_MS
+        : false;
+    },
+    refetchIntervalInBackground: false,
+  });
+
+  const payload = meetingQuery.data?.data;
+  const meeting =
+    meetingQuery.data?.ok && payload && "meeting" in payload
+      ? payload.meeting
+      : null;
+
+  useEffect(() => {
+    if (meeting?.title) document.title = `${meeting.title} · Clips`;
+  }, [meeting?.title]);
+
+  if (!meeting && (sessionLoading || meetingQuery.isLoading)) {
+    return <HydrateFallback />;
+  }
+
+  if (!meeting) {
     return (
-      <div className="flex flex-col items-center justify-center h-screen w-full gap-3 text-center px-4 bg-background">
+      <div className="flex h-screen w-full flex-col items-center justify-center gap-3 bg-background px-4 text-center">
         <p className="text-sm text-muted-foreground">
           {t("shareMeeting.unavailable")}
         </p>
@@ -230,41 +260,64 @@ export default function ShareMeetingRoute() {
     );
   }
 
-  const { meeting } = data;
-  const { bullets } = meeting;
   const hasNotes =
-    !!meeting.summaryMd || bullets.length > 0 || meeting.actionItems.length > 0;
-
+    !!meeting.summaryMd ||
+    meeting.bullets.length > 0 ||
+    meeting.actionItems.length > 0;
   const attendees: AttendeeStackParticipant[] = meeting.participants.map(
-    (p) => ({ email: p.email, name: p.name ?? undefined }),
+    (participant) => ({
+      email: participant.email,
+      name: participant.name ?? undefined,
+    }),
   );
+  const transcript = meeting.transcript;
+  const copyText = transcript
+    ? transcriptCopyText(
+        transcript,
+        t("transcriptBubbles.me"),
+        t("transcriptBubbles.them"),
+      )
+    : "";
+
+  const handleCopyTranscript = async () => {
+    if (!copyText) return;
+    try {
+      await navigator.clipboard.writeText(copyText);
+      setTranscriptCopied(true);
+      toast.success(t("shareMeeting.transcriptCopied"));
+      window.setTimeout(() => setTranscriptCopied(false), 1_500);
+    } catch {
+      toast.error(t("shareMeeting.copyTranscriptFailed"));
+    }
+  };
 
   return (
     <div className="min-h-screen bg-background">
       <header className="border-b border-border">
-        <div className="max-w-2xl mx-auto flex items-center gap-3 px-4 py-3">
+        <div className="mx-auto flex max-w-2xl items-center gap-3 px-4 py-3">
           <h1 className="min-w-0 flex-1 truncate text-sm font-medium">
             {meeting.title || t("meetingDetail.untitledMeeting")}
           </h1>
           <Button variant="ghost" size="sm" asChild className="shrink-0">
             <a href={appPath("/")} className="gap-1.5">
               {t("shareMeeting.tryClips")}
-              <IconExternalLink className="h-3.5 w-3.5" />
+              <IconExternalLink className="size-3.5" />
             </a>
           </Button>
         </div>
       </header>
-      <div className="max-w-2xl mx-auto px-4 py-8">
-        <div className="flex flex-wrap items-center gap-3 text-xs text-muted-foreground mb-8">
+
+      <main className="mx-auto max-w-2xl px-4 py-8">
+        <div className="mb-8 flex flex-wrap items-center gap-3 text-xs text-muted-foreground">
           {meeting.scheduledStart && (
             <span className="inline-flex items-center gap-1">
-              <IconCalendar className="h-3.5 w-3.5" />
+              <IconCalendar className="size-3.5" />
               {formatDateTime(meeting.scheduledStart)}
             </span>
           )}
           {attendees.length > 0 && (
             <span className="inline-flex items-center gap-1.5">
-              <IconUsers className="h-3.5 w-3.5" />
+              <IconUsers className="size-3.5" />
               <AttendeeStack participants={attendees} max={5} size="xs" />
               <span>
                 {t("shareMeeting.attendees", { count: attendees.length })}
@@ -274,37 +327,37 @@ export default function ShareMeetingRoute() {
         </div>
 
         {!hasNotes ? (
-          <p className="text-sm text-muted-foreground italic">
+          <p className="text-sm italic text-muted-foreground">
             {t("shareMeeting.noAiNotes")}
           </p>
         ) : (
           <div className="space-y-8">
             {meeting.summaryMd && (
               <section>
-                <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-3">
-                  <IconWand className="h-3.5 w-3.5" />
+                <div className="mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                  <IconWand className="size-3.5" />
                   {t("shareMeeting.summary")}
                 </div>
-                <div className="text-sm leading-relaxed whitespace-pre-wrap">
+                <div className="whitespace-pre-wrap text-sm leading-relaxed">
                   {meeting.summaryMd}
                 </div>
               </section>
             )}
 
-            {bullets.length > 0 && (
+            {meeting.bullets.length > 0 && (
               <section>
-                <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-3">
-                  <IconWand className="h-3.5 w-3.5" />
+                <div className="mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                  <IconWand className="size-3.5" />
                   {t("shareMeeting.keyPoints")}
                 </div>
                 <ul className="space-y-2">
-                  {bullets.map((b, i) => (
+                  {meeting.bullets.map((bullet, index) => (
                     <li
-                      key={i}
+                      key={index}
                       className="flex gap-2 text-sm leading-relaxed text-muted-foreground"
                     >
                       <span>•</span>
-                      <span className="flex-1">{b.text}</span>
+                      <span className="flex-1">{bullet.text}</span>
                     </li>
                   ))}
                 </ul>
@@ -313,17 +366,20 @@ export default function ShareMeetingRoute() {
 
             {meeting.actionItems.length > 0 && (
               <section>
-                <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-3">
-                  <IconListCheck className="h-3.5 w-3.5" />
+                <div className="mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                  <IconListCheck className="size-3.5" />
                   {t("shareMeeting.actionItems")}
                 </div>
                 <ul className="space-y-2">
-                  {meeting.actionItems.map((item, i) => (
-                    <li key={i} className="flex gap-2 text-sm leading-relaxed">
+                  {meeting.actionItems.map((item) => (
+                    <li
+                      key={item.id}
+                      className="flex gap-2 text-sm leading-relaxed"
+                    >
                       <span
                         className={
                           item.completedAt
-                            ? "line-through text-muted-foreground"
+                            ? "text-muted-foreground line-through"
                             : ""
                         }
                       >
@@ -342,10 +398,60 @@ export default function ShareMeetingRoute() {
           </div>
         )}
 
+        {transcript && (
+          <section className="mt-10">
+            <div className="mb-3 flex items-center justify-between gap-3">
+              <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                <IconNotes className="size-3.5" />
+                {t("shareMeeting.transcript")}
+              </div>
+              {copyText && (
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="sm"
+                  className="h-7 gap-1.5"
+                  onClick={handleCopyTranscript}
+                >
+                  {transcriptCopied ? (
+                    <IconCheck className="size-3.5" />
+                  ) : (
+                    <IconCopy className="size-3.5" />
+                  )}
+                  {t("shareMeeting.copyTranscript")}
+                </Button>
+              )}
+            </div>
+            {transcript.segments.length > 0 ? (
+              <div className="flex h-[36rem] flex-col overflow-hidden rounded-lg border border-border">
+                <TranscriptBubbles
+                  segments={transcript.segments}
+                  isLive={false}
+                  recordingId={null}
+                  onSeek={() => {}}
+                />
+              </div>
+            ) : transcript.fullText ? (
+              <div className="whitespace-pre-wrap rounded-lg border border-border p-4 text-sm leading-relaxed">
+                {transcript.fullText}
+              </div>
+            ) : (
+              <div className="flex min-h-40 flex-col overflow-hidden rounded-lg border border-border">
+                <TranscriptBubbles
+                  segments={[]}
+                  isLive={false}
+                  recordingId={null}
+                  onSeek={() => {}}
+                />
+              </div>
+            )}
+          </section>
+        )}
+
         <div className="mt-12">
           <PoweredByBadge />
         </div>
-      </div>
+      </main>
     </div>
   );
 }

package/corpus/templates/clips/changelog/2026-07-20-meeting-share-links-can-include-the-full-transcript-with-an-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-20
+---
+
+Meeting share links can include the full transcript with an explicit privacy control.

package/corpus/templates/clips/changelog/2026-07-20-recording-retries-the-default-mac-microphone-when-a-saved-in.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-20
+---
+
+Recording retries the default Mac microphone when a saved input is no longer available.

package/corpus/templates/clips/changelog/2026-07-20-shared-clips-now-tell-agents-to-wait-while-uploads-and-trans.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-20
+---
+
+Shared Clips now tell agents to wait while uploads and transcription finish.

package/corpus/templates/clips/desktop/src/lib/meeting-join-url.ts

@@ -1,33 +1 @@
-const ZOOM_JOIN_PATH = /^\/j\/(\d+)\/?$/;
-
-function isZoomMeetingHost(hostname: string): boolean {
-  return hostname === "zoom.us" || hostname.endsWith(".zoom.us");
-}
-
-/**
- * Resolve a calendar join URL to the native desktop-app URI when the provider
- * supports one. Unknown providers and unsupported Zoom URL shapes stay on
- * their original HTTPS URL.
- */
-export function resolveDesktopMeetingJoinUrl(joinUrl: string): string {
-  try {
-    const url = new URL(joinUrl);
-    if (url.protocol !== "https:" || !isZoomMeetingHost(url.hostname)) {
-      return joinUrl;
-    }
-
-    const meetingNumber = ZOOM_JOIN_PATH.exec(url.pathname)?.[1];
-    if (!meetingNumber) return joinUrl;
-
-    const params = new URLSearchParams({
-      action: "join",
-      confno: meetingNumber,
-    });
-    const passcode = url.searchParams.get("pwd");
-    if (passcode) params.set("pwd", passcode);
-
-    return `zoommtg://${url.hostname}/join?${params.toString()}`;
-  } catch {
-    return joinUrl;
-  }
-}
+export { resolveNativeMeetingJoinUrl as resolveDesktopMeetingJoinUrl } from "../../../shared/meeting-join-url";