@agent-native/core 0.157.4 → 0.157.6

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",

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/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

@@ -14,10 +14,10 @@ AUTO_CREATE_DEFAULT_ORG = "1"
 # Clips post-recording transcription/seekability workers.
 AGENT_CHAT_DURABLE_BACKGROUND = "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/dist/collab/routes.d.ts

@@ -26,8 +26,8 @@ export declare const getCollabState: import("h3").EventHandlerWithFetch<import("
  * Body: { update: string (base64), requestSource?: string }
  */
 export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/collab/struct-routes.d.ts

@@ -13,8 +13,8 @@
  * Body: { json: any, fieldName?: string, type?: "map"|"array", requestSource?: string }
  */
 export declare const postCollabJson: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    error: string;
     ok?: undefined;
+    error: string;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/deploy/build.js

@@ -2918,14 +2918,34 @@ export function bundleYjsRuntimeForServerlessOutput(serverDir, projectCwd) {
     });
     return bareImports;
 }
-// Netlify's hard limit is 250MB unzipped per function; a bundle this far under
-// it still leaves room for growth, and today's server functions land near 70MB
-// once the dead weight is out. Apps that legitimately ship the browser runtime
-// get its ~85MB on top, so the budget stays a regression signal rather than a
-// tax on Chromium-backed templates.
+// Netlify's hard limit is 250MB unzipped per function; keep 10MB of headroom
+// for packaging variance so a passing guard does not sit on the platform edge.
 const NETLIFY_FUNCTION_SIZE_BUDGET_BYTES = 120 * 1024 * 1024;
+const NETLIFY_FUNCTION_HARD_LIMIT_BYTES = 240 * 1024 * 1024;
 const NETLIFY_BROWSER_RUNTIME_SIZE_ALLOWANCE_BYTES = 100 * 1024 * 1024;
-function reportNetlifyFunctionSizes(projectCwd, internalDir, failures) {
+// Clips intentionally ships ffmpeg-static for server-side frame extraction,
+// WebM seekability, filmstrips, and audio-only transcription. Keep that known
+// runtime payload separate from the ordinary bundle-growth budget.
+const NETLIFY_FFMPEG_RUNTIME_SIZE_ALLOWANCE_BYTES = 80 * 1024 * 1024;
+function hasBundledFfmpegStaticRuntime(functionDir) {
+    if (!fs.existsSync(functionDir))
+        return false;
+    const binaryName = FFMPEG_STATIC_BINARY_NAMES[0];
+    return fs.existsSync(path.join(functionDir, "node_modules", FFMPEG_STATIC_PACKAGE_NAME, binaryName));
+}
+function hasBundledServerlessBrowserRuntime(functionDir) {
+    return fs.existsSync(path.join(functionDir, "node_modules", "@sparticuz", "chromium", "bin", "chromium.br"));
+}
+function netlifyFunctionSizeBudget(functionDir) {
+    const allowance = (hasBundledServerlessBrowserRuntime(functionDir)
+        ? NETLIFY_BROWSER_RUNTIME_SIZE_ALLOWANCE_BYTES
+        : 0) +
+        (hasBundledFfmpegStaticRuntime(functionDir)
+            ? NETLIFY_FFMPEG_RUNTIME_SIZE_ALLOWANCE_BYTES
+            : 0);
+    return Math.min(NETLIFY_FUNCTION_SIZE_BUDGET_BYTES + allowance, NETLIFY_FUNCTION_HARD_LIMIT_BYTES);
+}
+function reportNetlifyFunctionSizes(internalDir, failures) {
     if (!fs.existsSync(internalDir))
         return;
     const functions = fs
@@ -2947,11 +2967,8 @@ function reportNetlifyFunctionSizes(projectCwd, internalDir, failures) {
     console.log(`[deploy] Netlify functions: ${functions.length} (${functions
         .map((fn) => `${fn.name} ${toMb(fn.size)}MB`)
         .join(", ")}) — ${toMb(total)}MB uploaded in total.`);
-    const budget = NETLIFY_FUNCTION_SIZE_BUDGET_BYTES +
-        (findServerlessBrowserRuntimeConsumer(projectCwd)
-            ? NETLIFY_BROWSER_RUNTIME_SIZE_ALLOWANCE_BYTES
-            : 0);
     for (const fn of functions) {
+        const budget = netlifyFunctionSizeBudget(fn.dir);
         if (fn.size <= budget)
             continue;
         // node_modules is always the biggest child and names nothing useful; the
@@ -3113,7 +3130,7 @@ export function assertSingleTemplateNetlifyBuildOutput(projectCwd) {
             }
         }
     }
-    reportNetlifyFunctionSizes(projectCwd, internalDir, failures);
+    reportNetlifyFunctionSizes(internalDir, failures);
     if (failures.length > 0) {
         throw new Error("[deploy] Netlify deploy guard failed; refusing to publish an output " +
             "that would likely serve Netlify 404s or blow the function size limit:\n" +

package/dist/notifications/routes.d.ts

@@ -28,6 +28,6 @@ export declare function createNotificationsHandler(): import("h3").EventHandlerW
 } | {
     count?: undefined;
     updated?: undefined;
-    error?: undefined;
     ok: boolean;
+    error?: undefined;
 }>>;