@agent-native/core 0.157.5 → 0.157.7

package/corpus/templates/clips/app/components/player/transcript-panel.tsx

@@ -26,7 +26,7 @@ import {
 } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
-import { msToClock } from "./scrubber";
+import { TranscriptSegmentRow } from "../transcript/transcript-segment-row";
 
 export interface TranscriptSegment {
   startMs: number;
@@ -299,9 +299,10 @@ export function TranscriptPanel(props: TranscriptPanelProps) {
               const isActive = displaySegments[activeIndex] === seg;
               return (
                 <li key={seg.startMs}>
-                  <div
-                    role="button"
-                    tabIndex={0}
+                  <TranscriptSegmentRow
+                    startMs={seg.startMs}
+                    active={isActive}
+                    gutter="panel"
                     onClick={(event) => {
                       if (hasSelectionWithin(event.currentTarget)) return;
                       onSeek(seg.startMs);
@@ -311,24 +312,17 @@ export function TranscriptPanel(props: TranscriptPanelProps) {
                       event.preventDefault();
                       onSeek(seg.startMs);
                     }}
-                    className={cn(
-                      "flex w-full cursor-pointer items-start gap-3 px-3 py-2 text-left hover:bg-accent/50",
-                      isActive && "bg-accent",
-                    )}
                   >
-                    <span className="shrink-0 pt-0.5 font-mono text-[11px] tabular-nums text-muted-foreground">
-                      {msToClock(seg.startMs)}
-                    </span>
                     <span
                       className={cn(
-                        "text-sm leading-relaxed",
+                        "text-sm leading-normal",
                         isActive ? "text-foreground" : "text-foreground/80",
                       )}
                       dangerouslySetInnerHTML={{
                         __html: highlight(seg.text, query),
                       }}
                     />
-                  </div>
+                  </TranscriptSegmentRow>
                 </li>
               );
             })}

package/corpus/templates/clips/app/components/transcript/transcript-segment-row.tsx

@@ -0,0 +1,98 @@
+import type { KeyboardEvent, MouseEvent, ReactNode, Ref } from "react";
+
+import { cn } from "@/lib/utils";
+
+export interface TranscriptSegmentRowProps {
+  startMs: number;
+  children: ReactNode;
+  active?: boolean;
+  /** Momentary jump-to-segment flash, rendered as its own overlay layer so
+   * its fade-out is never racing the row's own hover/active transition. */
+  highlighted?: boolean;
+  onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
+  segmentRef?: Ref<HTMLDivElement>;
+  tabIndex?: number;
+  gutter?: "content" | "panel";
+  className?: string;
+}
+
+export function formatTranscriptTimestamp(ms: number): string {
+  if (!Number.isFinite(ms) || ms < 0) return "0:00";
+  const total = Math.floor(ms / 1000);
+  const hours = Math.floor(total / 3600);
+  const minutes = Math.floor((total % 3600) / 60);
+  const seconds = total % 60;
+  if (hours > 0) {
+    return `${hours}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+  }
+  return `${minutes}:${String(seconds).padStart(2, "0")}`;
+}
+
+export function TranscriptSegmentRow({
+  startMs,
+  children,
+  active = false,
+  highlighted = false,
+  onClick,
+  onKeyDown,
+  segmentRef,
+  tabIndex,
+  gutter = "content",
+  className,
+}: TranscriptSegmentRowProps) {
+  const interactive = Boolean(onClick);
+  const rowTabIndex = tabIndex ?? (interactive ? 0 : undefined);
+  const isFocusable = rowTabIndex !== undefined;
+
+  return (
+    <div
+      ref={segmentRef}
+      role={interactive ? "button" : isFocusable ? "group" : undefined}
+      tabIndex={rowTabIndex}
+      onClick={onClick}
+      onKeyDown={onKeyDown}
+      className={cn(
+        "group/segment relative flex items-baseline gap-4 rounded-md py-1.5 text-left text-sm leading-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50",
+        // The meeting notes view puts the AI summary front and center and the
+        // transcript is reference material you dip into as needed, so it
+        // carries less visual weight there. Faded foreground, not
+        // text-muted-foreground — that token sits at 45% lightness (same as
+        // disabled/placeholder text elsewhere), which reads as inactive
+        // rather than merely secondary. The player's transcript panel has no
+        // competing summary — it's the primary content, so it stays full
+        // strength.
+        gutter === "panel" ? "text-foreground" : "text-foreground/70",
+        gutter === "content" ? "-mx-2 px-2" : "w-full px-3",
+        interactive && "cursor-pointer",
+        active && "bg-accent",
+        interactive && !active && "hover:bg-accent/50",
+        className,
+      )}
+    >
+      {/* Overlay, not a shared background class — its own opacity fade can't
+          be raced by the row's hover/active transition (see highlighted prop). */}
+      <span
+        aria-hidden="true"
+        className={cn(
+          "pointer-events-none absolute inset-0 rounded-md bg-yellow-400/15 transition-opacity ease-out",
+          highlighted ? "opacity-100 duration-200" : "opacity-0 duration-700",
+        )}
+      />
+      <span className="min-w-0 flex-1 whitespace-pre-wrap">{children}</span>
+      <span
+        className={cn(
+          "pointer-events-none w-12 shrink-0 text-right font-mono text-[10px] tabular-nums text-muted-foreground/80 transition-opacity",
+          // The player's transcript list is scanned by timestamp to find a
+          // moment — it's primary information there, not hover-reveal
+          // supplementary detail like it is in the summary bullets.
+          gutter === "panel"
+            ? "opacity-100"
+            : "opacity-0 group-hover/segment:opacity-100 group-focus-visible/segment:opacity-100 [@media(hover:none)]:opacity-100",
+        )}
+      >
+        {formatTranscriptTimestamp(startMs)}
+      </span>
+    </div>
+  );
+}

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

@@ -1122,6 +1122,10 @@ All notable user-facing changes to Clips are documented here. Open it any time f
     searchNextMatch: "Next match",
     searchClose: "Close search",
   },
+  bulletLink: {
+    jumpToTranscript: "Jump to {{time}} in transcript",
+    noMatchingMoment: "No matching moment found",
+  },
   editorLayout: {
     trimmed: "Trimmed",
     trimFailed: "Trim failed",
@@ -1571,6 +1575,7 @@ All notable user-facing changes to Clips are documented here. Open it any time f
     transcriptPending: "Transcript pending",
     notesPending: "Notes pending",
     pastRecordings: "Past recordings",
+    loadOlder: "Load older",
     calendarNeedsReconnect:
       "Google Calendar needs to be reconnected to keep showing your upcoming meetings.",
     connectGoogleCalendar: "Connect Google Calendar",

package/corpus/templates/clips/app/lib/meeting-history-query.ts

@@ -0,0 +1,11 @@
+export const MEETING_HISTORY_PAGE_SIZE = 50;
+
+export function buildMeetingHistoryQuery(offset: number) {
+  return {
+    view: "past" as const,
+    hasContent: true,
+    includeLiveCalendar: false,
+    limit: MEETING_HISTORY_PAGE_SIZE,
+    offset,
+  };
+}

package/corpus/templates/clips/app/lib/public-meeting.ts

@@ -36,6 +36,10 @@ export interface PublicMeeting {
   bullets: PublicMeetingBullet[];
   participants: PublicMeetingParticipant[];
   actionItems: PublicMeetingActionItem[];
+  /** Recording owner's email — resolves "mic" segments to the actual
+   * recorder for calendar meetings where they aren't the event organizer.
+   * Already no more exposed than the per-participant emails on this page. */
+  ownerEmail: string | null;
   actualStart: string | null;
   actualEnd: string | null;
   transcriptStatus: string | null;

package/corpus/templates/clips/app/routes/_app.meetings.$meetingId.tsx

@@ -92,6 +92,7 @@ interface Bullet {
 interface Meeting {
   id: string;
   title: string;
+  ownerEmail?: string | null;
   scheduledStart: string;
   scheduledEnd?: string | null;
   actualStart?: string | null;
@@ -265,7 +266,7 @@ function ActionItemsByPerson({
                   key={
                     it.id ?? `${it.assigneeEmail ?? "?"}:${it.text}:${index}`
                   }
-                  className="flex items-start gap-2 text-xs leading-relaxed"
+                  className="flex items-start gap-2 text-sm leading-relaxed"
                 >
                   <button
                     type="button"
@@ -730,12 +731,6 @@ export default function MeetingDetailRoute() {
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" className="w-44">
-                  {hasSummary && !finalize.isPending && (
-                    <DropdownMenuItem onSelect={handleFinalize}>
-                      <IconRefresh className="mr-2 h-4 w-4" />
-                      {t("meetingDetail.regenerateNotes")}
-                    </DropdownMenuItem>
-                  )}
                   {isLive && (
                     <DropdownMenuItem
                       onSelect={(event) => {
@@ -880,16 +875,37 @@ export default function MeetingDetailRoute() {
             notesJustArrived && "animate-in fade-in duration-500",
           )}
         >
-          <div className="flex shrink-0 items-center justify-between gap-2 border-b border-border px-4 py-2.5">
+          <div className="flex h-11 shrink-0 items-center justify-between gap-2 border-b border-border px-4">
             <div className="text-xs font-medium">
               {t("meetingDetail.summary")}
             </div>
-            {finalize.isPending && (
-              <span className="flex items-center gap-1 text-[10px] text-muted-foreground">
-                <IconLoader2 className="h-3 w-3 animate-spin" />
-                {t("meetingDetail.working")}
-              </span>
-            )}
+            <div className="flex items-center gap-2">
+              {finalize.isPending && (
+                <span className="flex items-center gap-1 text-[10px] text-muted-foreground">
+                  <IconLoader2 className="h-3 w-3 animate-spin" />
+                  {t("meetingDetail.working")}
+                </span>
+              )}
+              {canEdit && hasSummary && (
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <Button
+                      size="icon"
+                      variant="ghost"
+                      className="h-7 w-7 cursor-pointer"
+                      aria-label={t("meetingDetail.regenerateNotes")}
+                      disabled={finalize.isPending}
+                      onClick={handleFinalize}
+                    >
+                      <IconRefresh className="h-3.5 w-3.5" />
+                    </Button>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    {t("meetingDetail.regenerateNotes")}
+                  </TooltipContent>
+                </Tooltip>
+              )}
+            </div>
           </div>
 
           <div className="min-h-0 flex-1 overflow-y-auto">
@@ -905,7 +921,7 @@ export default function MeetingDetailRoute() {
                   segments={segments}
                   onJumpTo={handleJumpToSegment}
                 >
-                  <div className="flex gap-2 text-sm leading-relaxed text-muted-foreground">
+                  <div className="flex gap-2 text-sm leading-relaxed text-foreground">
                     <span>•</span>
                     <span className="flex-1">{b}</span>
                   </div>
@@ -934,13 +950,22 @@ export default function MeetingDetailRoute() {
 
         {/* Transcript pane — plain agent-chat-style text layout */}
         <div className="rounded-lg border border-border bg-background min-h-[480px] lg:min-h-0 overflow-hidden flex flex-col">
-          <div className="flex shrink-0 items-center justify-between gap-2 border-b border-border px-4 py-2.5 bg-background">
-            <div className="flex items-center gap-1.5 text-xs font-medium">
-              <IconNotes className="h-3.5 w-3.5" />
-              {t("meetingDetail.transcript")}
-            </div>
-            <div className="flex items-center gap-2">
-              {segments.length > 0 && (
+          <TranscriptBubbles
+            segments={segments}
+            isLive={isLive}
+            participants={meeting.participants ?? []}
+            ownerEmail={meeting.ownerEmail}
+            registerScrollTo={(fn) => {
+              transcriptScrollToRef.current = fn;
+            }}
+            title={
+              <>
+                <IconNotes className="h-3.5 w-3.5" />
+                {t("meetingDetail.transcript")}
+              </>
+            }
+            headerActions={
+              segments.length > 0 && (
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <Button
@@ -961,15 +986,8 @@ export default function MeetingDetailRoute() {
                     {t("meetingDetail.copyFullTranscript")}
                   </TooltipContent>
                 </Tooltip>
-              )}
-            </div>
-          </div>
-          <TranscriptBubbles
-            segments={segments}
-            isLive={isLive}
-            registerScrollTo={(fn) => {
-              transcriptScrollToRef.current = fn;
-            }}
+              )
+            }
           />
         </div>
       </div>

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

@@ -1,5 +1,5 @@
 import { agentNativePath } from "@agent-native/core/client/api-path";
-import { useActionQuery } from "@agent-native/core/client/hooks";
+import { callAction, useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import {
   IconAlertTriangle,
@@ -17,7 +17,7 @@ import {
   IconSettings,
   IconX,
 } from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
+import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { NavLink, useSearchParams } from "react-router";
 import { toast } from "sonner";
@@ -50,6 +50,10 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { Input } from "@/components/ui/input";
 import enMessages from "@/i18n/en-US";
+import {
+  buildMeetingHistoryQuery,
+  MEETING_HISTORY_PAGE_SIZE,
+} from "@/lib/meeting-history-query";
 
 export function meta() {
   return [{ title: enMessages.meetingsRoute.pageTitle }];
@@ -88,6 +92,7 @@ interface CalendarFetchError {
 interface ListMeetingsResponse {
   meetings?: Meeting[];
   calendarErrors?: CalendarFetchError[];
+  hasMore?: boolean;
 }
 
 interface CalendarAccount {
@@ -849,13 +854,20 @@ export default function MeetingsIndexRoute() {
     {},
     { retry: false },
   );
-  const meetingsQuery = useActionQuery<
-    { meetings: Meeting[] } | Meeting[] | undefined
-  >(
-    "list-meetings",
-    { view: "past", recordedOnly: true, includeLiveCalendar: false },
-    { retry: false },
-  );
+  const history = useInfiniteQuery({
+    queryKey: ["action", "list-meetings", "history"],
+    initialPageParam: 0,
+    queryFn: ({ pageParam, signal }) =>
+      callAction("list-meetings", buildMeetingHistoryQuery(pageParam), {
+        method: "GET",
+        signal,
+      }) as Promise<ListMeetingsResponse>,
+    getNextPageParam: (lastPage, allPages) =>
+      lastPage?.hasMore
+        ? allPages.length * MEETING_HISTORY_PAGE_SIZE
+        : undefined,
+    retry: false,
+  });
   // Upcoming calendar events, read live from connected calendars. This is the
   // Granola-style surface that lets the user record/join a meeting that's about
   // to start. Poll every 30s so a freshly-added calendar event (or one moving
@@ -886,7 +898,7 @@ export default function MeetingsIndexRoute() {
     queryClient.setQueriesData<any>(
       { queryKey: ["action", "list-meetings"] },
       (prev: any) => {
-        if (!prev || Array.isArray(prev)) return prev;
+        if (!prev || !Array.isArray(prev.meetings)) return prev;
         return { ...prev, calendarErrors: [] };
       },
     );
@@ -905,7 +917,7 @@ export default function MeetingsIndexRoute() {
         if (connected) break;
         await new Promise((resolve) => window.setTimeout(resolve, 500));
       }
-      await meetingsQuery.refetch();
+      await history.refetch();
       if (connected) toast.success(t("meetingsRoute.calendarConnected"));
     } catch (err) {
       toast.error(
@@ -919,14 +931,12 @@ export default function MeetingsIndexRoute() {
         queryKey: ["action", "list-meetings"],
       });
     }
-  }, [accounts, clearCalendarConnectionWarnings, meetingsQuery, queryClient]);
+  }, [accounts, clearCalendarConnectionWarnings, history, queryClient]);
 
-  const meetings: Meeting[] = useMemo(() => {
-    const data = meetingsQuery.data;
-    if (!data) return [];
-    if (Array.isArray(data)) return data;
-    return data.meetings ?? [];
-  }, [meetingsQuery.data]);
+  const meetings: Meeting[] = useMemo(
+    () => (history.data?.pages ?? []).flatMap((page) => page?.meetings ?? []),
+    [history.data],
+  );
 
   const upcomingMeetings: Meeting[] = useMemo(() => {
     const data = upcomingQuery.data;
@@ -961,11 +971,11 @@ export default function MeetingsIndexRoute() {
       );
   }, [handleCalendarConnected]);
 
-  const isLoading = accounts.isLoading || meetingsQuery.isLoading;
+  const isLoading = accounts.isLoading || history.isLoading;
 
   const calendarLoadError = accounts.isError
     ? "Couldn't check your calendar connection. Try again in a moment."
-    : meetingsQuery.isError
+    : history.isError
       ? "Couldn't load meetings. Try again in a moment."
       : null;
 
@@ -1111,10 +1121,26 @@ export default function MeetingsIndexRoute() {
             <UpcomingMeetingsList meetings={filteredUpcoming} />
           )}
           <RecordedMeetingsList meetings={recordedMeetings} />
+          {history.hasNextPage && (
+            <div className="flex justify-center">
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={() => history.fetchNextPage()}
+                disabled={history.isFetchingNextPage}
+                className="gap-1.5 cursor-pointer"
+              >
+                {history.isFetchingNextPage ? (
+                  <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
+                ) : null}
+                {t("meetingsRoute.loadOlder", { defaultValue: "Load older" })}
+              </Button>
+            </div>
+          )}
         </div>
       )}
 
-      {(meetingsQuery.isFetching || upcomingQuery.isFetching) && !isLoading && (
+      {(history.isFetching || upcomingQuery.isFetching) && !isLoading && (
         <div className="flex items-center justify-center mt-6 text-xs text-muted-foreground gap-1.5">
           <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
           {t("meetingsRoute.refreshing")}

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

@@ -86,6 +86,7 @@ export async function loader({ params, url }: LoaderFunctionArgs) {
       scheduledStart: schema.meetings.scheduledStart,
       summaryMd: schema.meetings.summaryMd,
       bulletsJson: schema.meetings.bulletsJson,
+      ownerEmail: schema.meetings.ownerEmail,
       actualStart: schema.meetings.actualStart,
       actualEnd: schema.meetings.actualEnd,
       transcriptStatus: schema.meetings.transcriptStatus,
@@ -169,6 +170,15 @@ export async function loader({ params, url }: LoaderFunctionArgs) {
     }
   } catch {}
 
+  // The owner's email is only safe to disclose here when it's already public
+  // via the attendee list — an unauthenticated viewer must never learn an
+  // account email that isn't otherwise visible on this page.
+  const ownerEmailIsPublic = participants.some(
+    (participant) =>
+      participant.email.trim().toLowerCase() ===
+      meeting.ownerEmail?.trim().toLowerCase(),
+  );
+
   return shareMeetingLoaderData(
     {
       meeting: {
@@ -179,6 +189,7 @@ export async function loader({ params, url }: LoaderFunctionArgs) {
         bullets,
         participants,
         actionItems,
+        ownerEmail: ownerEmailIsPublic ? meeting.ownerEmail : null,
         actualStart: meeting.actualStart,
         actualEnd: meeting.actualEnd,
         transcriptStatus: meeting.transcriptStatus,
@@ -363,6 +374,7 @@ export default function ShareMeetingRoute() {
     (participant) => ({
       email: participant.email,
       name: participant.name ?? undefined,
+      isOrganizer: participant.isOrganizer,
     }),
   );
   const transcript = meeting.transcript;
@@ -449,7 +461,7 @@ export default function ShareMeetingRoute() {
                   {meeting.bullets.map((bullet, index) => (
                     <li
                       key={index}
-                      className="flex gap-2 text-sm leading-relaxed text-muted-foreground"
+                      className="flex gap-2 text-sm leading-relaxed text-foreground"
                     >
                       <span>•</span>
                       <span className="flex-1">{bullet.text}</span>
@@ -522,6 +534,8 @@ export default function ShareMeetingRoute() {
                 <TranscriptBubbles
                   segments={transcript.segments}
                   isLive={false}
+                  participants={attendees}
+                  ownerEmail={meeting.ownerEmail}
                 />
               </div>
             ) : transcript.fullText ? (

package/corpus/templates/clips/netlify.toml

@@ -13,11 +13,15 @@ AUTO_CREATE_DEFAULT_ORG = "1"
 # Emit the shared 15-minute Netlify background function used by agent chat and
 # Clips post-recording transcription/seekability workers.
 AGENT_CHAT_DURABLE_BACKGROUND = "true"
+
+[context.production.environment]
+AGENT_NATIVE_HOSTED_HARNESS = "true"
+
 # Netlify Functions run on linux/x64 (AWS Lambda). This tells the deploy build
-# to bundle the matching ffmpeg-static binary into the server bundle so the
-# server-side audio-only transcription fallback (analyzeAudioSignal / audio
-# extraction) can spawn ffmpeg. Without it ffmpeg-static is skipped at build
-# time and request-transcript fails at runtime with FFMPEG_UNAVAILABLE.
+# to bundle the matching ffmpeg-static binary into the server bundle so frame
+# extraction, WebM seekability, filmstrips, and audio-only transcription work
+# in production. The deploy guard grants this known media-runtime payload its
+# explicit allowance instead of treating it as accidental bundle growth.
 AGENT_NATIVE_SERVERLESS_FFMPEG_ARCH = "x64"
 
 # A2A delegation calls run a full agent loop (LLM + tool calls + DB queries).

package/corpus/templates/clips/server/routes/api/public-meeting.get.ts

@@ -148,6 +148,15 @@ export default defineEventHandler(async (event) => {
       : [];
     const role = access.role;
 
+    // The owner's email is only safe to disclose here when it's already
+    // public via the attendee list — an unauthenticated viewer must never
+    // learn an account email that isn't otherwise visible on this page.
+    const ownerEmailIsPublic = participants.some(
+      (participant) =>
+        participant.email.trim().toLowerCase() ===
+        meeting.ownerEmail?.trim().toLowerCase(),
+    );
+
     return {
       meeting: {
         id: meeting.id,
@@ -160,6 +169,7 @@ export default defineEventHandler(async (event) => {
         bullets: parseBullets(meeting.bulletsJson),
         participants,
         actionItems,
+        ownerEmail: ownerEmailIsPublic ? meeting.ownerEmail : null,
         ...(meeting.shareTranscript
           ? {
               transcript: transcript

package/corpus/templates/clips/shared/transcript-segments.ts

@@ -3,6 +3,7 @@ export interface TranscriptSegment {
   endMs: number;
   text: string;
   source?: "mic" | "system";
+  speaker?: string | null;
 }
 
 const MAX_WORDS_PER_CAPTION = 7;
@@ -27,6 +28,8 @@ export function parseTranscriptSegments(
           segment?.source === "mic" || segment?.source === "system"
             ? segment.source
             : undefined,
+        speaker:
+          typeof segment?.speaker === "string" ? segment.speaker : undefined,
       }))
       .filter(
         (segment) =>
@@ -43,6 +46,8 @@ export function parseTranscriptSegments(
 export function buildCaptionSegmentsFromText(
   text: string,
   durationMs?: number | null,
+  source?: TranscriptSegment["source"],
+  speaker?: TranscriptSegment["speaker"],
 ): TranscriptSegment[] {
   const chunks = splitIntoCaptionChunks(text);
   if (chunks.length === 0) return [];
@@ -73,6 +78,8 @@ export function buildCaptionSegmentsFromText(
       startMs: cursorMs,
       endMs,
       text: chunk,
+      source,
+      speaker,
     };
     cursorMs = endMs;
     return segment;
@@ -98,7 +105,12 @@ export function normalizeTranscriptSegments({
       .join(" ")
       .trim();
   if (validSegments.length <= 1) {
-    return buildCaptionSegmentsFromText(sourceText, durationMs);
+    return buildCaptionSegmentsFromText(
+      sourceText,
+      durationMs,
+      validSegments[0]?.source,
+      validSegments[0]?.speaker,
+    );
   }
 
   return validSegments.flatMap(splitTimedSegmentIntoCaptions);
@@ -160,7 +172,13 @@ function splitTimedSegmentIntoCaptions(
           latestEndMs,
           Math.max(cursorMs + minChunkMs, cursorMs + rawDuration),
         );
-    const next = { startMs: cursorMs, endMs, text: chunk };
+    const next = {
+      startMs: cursorMs,
+      endMs,
+      text: chunk,
+      source: segment.source,
+      speaker: segment.speaker,
+    };
     cursorMs = endMs;
     return next;
   });

package/corpus/templates/content/netlify.toml

@@ -14,6 +14,9 @@ AGENT_RUN_SOFT_TIMEOUT_MS = "55000"
 # use the async worker so those calls are not cut off by the foreground wall.
 AGENT_CHAT_DURABLE_BACKGROUND = "true"
 
+[context.production.environment]
+AGENT_NATIVE_HOSTED_HARNESS = "true"
+
 # A2A delegation calls run a full agent loop (LLM + tool calls + DB queries).
 # The framework does not impose a default agent-run timeout; if a template sets
 # AGENT_RUN_SOFT_TIMEOUT_MS, keep it below this function timeout so the hidden

package/corpus/templates/design/app/i18n-data.ts

@@ -1084,6 +1084,8 @@ const enUS = {
         "PNG capture isn't available in read-only previews",
       pngSaveError: "Could not save PNG",
       pngExportError: "Could not export PNG",
+      pdfExportError: "Could not export PDF",
+      pdfDownloaded: "PDF downloaded",
       pdfAllScreensDownloaded: "PDF downloaded (all screens)",
       openScreenSvg: "Open a screen before exporting SVG",
       svgDownloaded: "SVG downloaded",

package/corpus/templates/design/netlify.toml

@@ -11,6 +11,9 @@ NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
 AGENT_CHAT_DURABLE_BACKGROUND = "true"
 
+[context.production.environment]
+AGENT_NATIVE_HOSTED_HARNESS = "true"
+
 # Emit the Netlify background function used by Design's durable agent-chat opt-in.
 # The normal server timeout still protects non-background HTTP handlers.
 [functions."*"]