@agent-native/core 0.96.0 → 0.98.0

package/corpus/templates/clips/desktop/src/lib/recorder.ts

@@ -2147,12 +2147,18 @@ async function startNativeFullscreenRecording(
     console.log(
       `[clips-recorder] native begin durationMs=${Date.now() - beginStartedAt} clickToLiveMs=${Date.now() - clickStartedAt}`,
     );
-    await transcriptionCapture?.resetTimeline().catch((err) => {
-      console.warn(
-        "[clips-recorder] transcription timeline reset failed:",
-        err,
-      );
-    });
+    // Cast: `transcriptionCapture` is only ever reassigned inside the
+    // `startNativeTranscriptionBeforeRecording` closure above, so TS's
+    // control-flow analysis can't see past that call and narrows this
+    // read to `null`. Restate the variable's own declared type.
+    await (transcriptionCapture as TranscriptionCapture | null)
+      ?.resetTimeline()
+      .catch((err) => {
+        console.warn(
+          "[clips-recorder] transcription timeline reset failed:",
+          err,
+        );
+      });
     // Capture is now live — after rebasing the transcript timeline, stamp the
     // timer baseline so the toolbar clock lines up with the real start.
     startedAt = Date.now();
@@ -2164,12 +2170,15 @@ async function startNativeFullscreenRecording(
     localCameraExport?.start(2_000);
   } catch (err) {
     await localCameraExport?.cancel().catch(() => {});
-    await transcriptionCapture?.cancel().catch((cancelErr) => {
-      console.warn(
-        "[clips-recorder] native transcription cancel after start failure failed:",
-        cancelErr,
-      );
-    });
+    // Same TS narrowing gap as above: reassert the declared type.
+    await (transcriptionCapture as TranscriptionCapture | null)
+      ?.cancel()
+      .catch((cancelErr) => {
+        console.warn(
+          "[clips-recorder] native transcription cancel after start failure failed:",
+          cancelErr,
+        );
+      });
     // Tear down any capture started by the warm phase — on a countdown cancel
     // (or a `begin` failure) the SCStream is already running with the mic live,
     // and without this it would keep capturing after the aborted start.
@@ -2629,7 +2638,11 @@ async function startNativeFullscreenRecording(
       console.log(
         "[clips-recorder] native: paused during startup, pausing transcription",
       );
-      void transcriptionCapture.pause().catch(() => {});
+      // The `if` above already proves non-null at runtime; TS just can't see
+      // it (same closure-narrowing gap as above).
+      void (transcriptionCapture as TranscriptionCapture)
+        .pause()
+        .catch(() => {});
     }
   }
 

package/corpus/templates/clips/desktop/src/lib/voice-dictation.ts

@@ -298,7 +298,10 @@ function appendFinalTranscript(session: VoiceSession, text: string): void {
   } else if (clean === committed || clean.startsWith(`${committed} `)) {
     // Some recognizers send the whole dictation as their final result.
     session.finalTranscriptParts = [clean];
-  } else if (session.finalTranscriptParts.at(-1) !== clean) {
+  } else if (
+    session.finalTranscriptParts[session.finalTranscriptParts.length - 1] !==
+    clean
+  ) {
     session.finalTranscriptParts.push(clean);
   }
   session.interimTranscript = "";

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

@@ -331,7 +331,7 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 .feedback-popover-content[data-state="closed"] {
-  animation: feedback-popover-out 90ms ease-in;
+  animation: feedback-popover-out 90ms ease-out;
 }
 
 .feedback-form {
@@ -1084,19 +1084,40 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 .rec-dot-live {
+  position: relative;
   background: white;
+}
+
+.rec-dot-live::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: inherit;
+  border: 1px solid rgba(255, 255, 255, 0.6);
   animation: rec-live-pulse 1.2s ease-out infinite;
+  pointer-events: none;
 }
 
 @keyframes rec-live-pulse {
   0% {
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
+    transform: scale(1);
+    opacity: 1;
   }
   70% {
-    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
+    transform: scale(2.4);
+    opacity: 0;
   }
   100% {
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+    transform: scale(2.4);
+    opacity: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .rec-dot-live::after {
+    animation: none;
+    opacity: 0.6;
+    transform: none;
   }
 }
 
@@ -1630,13 +1651,16 @@ body[data-clips-route="recording-pill"] #root {
   max-width: 320px;
 }
 
-.tooltip-content[data-state="delayed-open"],
-.tooltip-content[data-state="instant-open"] {
+.tooltip-content[data-state="delayed-open"] {
   animation: tooltip-in 120ms ease-out;
 }
 
+.tooltip-content[data-state="instant-open"] {
+  animation: none;
+}
+
 .tooltip-content[data-state="closed"] {
-  animation: tooltip-out 90ms ease-in;
+  animation: tooltip-out 90ms ease-out;
 }
 
 .tooltip-arrow {
@@ -2772,29 +2796,37 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 .rec-pulse {
+  position: relative;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #ef4444;
-  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6);
-  animation: rec-pulse 1.4s ease-out infinite;
+}
+
+.rec-pulse::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: inherit;
+  border: 1px solid rgba(239, 68, 68, 0.6);
+  animation: rec-live-pulse 1.4s ease-out infinite;
+  pointer-events: none;
 }
 
 .rec-pulse-paused {
   background: #f59e0b;
+}
+
+.rec-pulse-paused::after {
   animation: none;
-  box-shadow: none;
+  opacity: 0;
 }
 
-@keyframes rec-pulse {
-  0% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55);
-  }
-  70% {
-    box-shadow: 0 0 0 7px rgba(239, 68, 68, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
+@media (prefers-reduced-motion: reduce) {
+  .rec-pulse::after {
+    animation: none;
+    opacity: 0.6;
+    transform: none;
   }
 }
 
@@ -2833,9 +2865,7 @@ body[data-clips-route="recording-pill"] #root {
   user-select: none;
   -webkit-user-select: none;
   cursor: grab;
-  transition:
-    height 170ms cubic-bezier(0.2, 0.8, 0.2, 1),
-    border-radius 170ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  transition: border-radius 170ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 
 .toolbar-v:hover,
@@ -2953,8 +2983,6 @@ body[data-clips-route="recording-pill"] #root {
   pointer-events: none;
   visibility: hidden;
   transition:
-    height 170ms cubic-bezier(0.2, 0.8, 0.2, 1),
-    margin-top 170ms cubic-bezier(0.2, 0.8, 0.2, 1),
     opacity 130ms ease-out,
     transform 170ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
@@ -3957,12 +3985,29 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 .meeting-nub-dot {
+  position: relative;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #16a34a;
-  box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55);
-  animation: rec-pulse 1.4s ease-out infinite;
+}
+
+.meeting-nub-dot::after {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: inherit;
+  border: 1px solid rgba(22, 163, 74, 0.55);
+  animation: rec-live-pulse 1.4s ease-out infinite;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .meeting-nub-dot::after {
+    animation: none;
+    opacity: 0.6;
+    transform: none;
+  }
 }
 
 .meeting-nub-initial {

package/corpus/templates/clips/package.json

@@ -30,7 +30,7 @@
     "@tabler/icons-react": "catalog:",
     "drizzle-orm": "^0.45.2",
     "ffmpeg-static": "^5.3.0",
-    "h3": "^2.0.1-rc.20",
+    "h3": "catalog:",
     "isbot": "^5",
     "postgres": "^3.4.9",
     "zod": "^4.3.6"
@@ -92,7 +92,6 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "catalog:",
     "tsx": "^4.20.3",
-    "typescript": "catalog:",
     "typescript-7": "catalog:",
     "vaul": "^1.1.2",
     "vite": "catalog:",

package/corpus/templates/clips/server/db/schema.ts

@@ -6,6 +6,7 @@ import {
   now,
   ownableColumns,
   createSharesTable,
+  uniqueIndex,
 } from "@agent-native/core/db/schema";
 
 // -----------------------------------------------------------------------------
@@ -332,23 +333,34 @@ export const recordingReactions = table("recording_reactions", {
 // Analytics: viewers + granular events
 // -----------------------------------------------------------------------------
 
-export const recordingViewers = table("recording_viewers", {
-  id: text("id").primaryKey(),
-  recordingId: text("recording_id").notNull(),
-  viewerEmail: text("viewer_email"), // null = anonymous
-  viewerName: text("viewer_name"),
-  firstViewedAt: text("first_viewed_at").notNull().default(now()),
-  lastViewedAt: text("last_viewed_at").notNull().default(now()),
-  totalWatchMs: integer("total_watch_ms").notNull().default(0),
-  completedPct: integer("completed_pct").notNull().default(0),
-  // True once they meet the 5s / 75% / end-scrub rule.
-  countedView: integer("counted_view", { mode: "boolean" })
-    .notNull()
-    .default(false),
-  ctaClicked: integer("cta_clicked", { mode: "boolean" })
-    .notNull()
-    .default(false),
-});
+export const recordingViewers = table(
+  "recording_viewers",
+  {
+    id: text("id").primaryKey(),
+    recordingId: text("recording_id").notNull(),
+    // Stable canonical identity for new viewers. Nullable so existing rows can
+    // be migrated additively and claimed on their next event.
+    viewerKey: text("viewer_key"),
+    viewerEmail: text("viewer_email"), // null = anonymous
+    viewerName: text("viewer_name"),
+    firstViewedAt: text("first_viewed_at").notNull().default(now()),
+    lastViewedAt: text("last_viewed_at").notNull().default(now()),
+    totalWatchMs: integer("total_watch_ms").notNull().default(0),
+    completedPct: integer("completed_pct").notNull().default(0),
+    // True once they meet the 5s / 75% / end-scrub rule.
+    countedView: integer("counted_view", { mode: "boolean" })
+      .notNull()
+      .default(false),
+    ctaClicked: integer("cta_clicked", { mode: "boolean" })
+      .notNull()
+      .default(false),
+  },
+  (viewer) => ({
+    recordingViewerKeyUnique: uniqueIndex(
+      "recording_viewers_recording_viewer_key_unique_idx",
+    ).on(viewer.recordingId, viewer.viewerKey),
+  }),
+);
 
 // Per-view records — one row per distinct counted view, so the owner can see
 // *who viewed and when* (not just an aggregate count or a single

package/corpus/templates/clips/server/plugins/db.ts

@@ -825,6 +825,14 @@ const migrations = runMigrations(
         `CREATE UNIQUE INDEX IF NOT EXISTS recording_views_session_unique_idx ON recording_views (recording_id, viewer_key, view_session_id)`,
       ].join("; "),
     },
+    {
+      version: 48,
+      name: "recording-viewers-canonical-viewer-key",
+      sql: [
+        `ALTER TABLE recording_viewers ADD COLUMN IF NOT EXISTS viewer_key TEXT`,
+        `CREATE UNIQUE INDEX IF NOT EXISTS recording_viewers_recording_viewer_key_unique_idx ON recording_viewers (recording_id, viewer_key)`,
+      ].join("; "),
+    },
   ],
   { table: "clips_migrations" },
 );