@agent-native/core 0.117.1 → 0.117.2

package/corpus/templates/clips/desktop/src/app.tsx

@@ -2,6 +2,8 @@ import {
   IconAlertTriangle,
   IconArrowLeft,
   IconCalendarEvent,
+  IconChevronDown,
+  IconChevronRight,
   IconCircleCheck,
   IconCopy,
   IconDownload,
@@ -345,6 +347,8 @@ const CAM_ON_KEY = "clips:camera-on";
 const MIC_ON_KEY = "clips:mic-on";
 const SYSTEM_AUDIO_KEY = "clips:system-audio";
 const READINESS_REVIEWED_KEY = "clips:readiness-reviewed";
+const REWIND_DOCS_URL =
+  "https://www.agent-native.com/docs/template-clips#agent-readable-clips";
 
 // Sensible defaults so the user never has to type a URL on first launch.
 // Dev builds point at the local dev server; production builds point at the
@@ -936,6 +940,7 @@ export function App() {
   const [readinessOpen, setReadinessOpen] = useState<boolean>(
     () => !loadBool(READINESS_REVIEWED_KEY, false),
   );
+  const [rewindHomeOpen, setRewindHomeOpen] = useState(false);
   const [recorder, setRecorder] = useState<RecorderHandle | null>(null);
   const [recError, setRecError] = useState<string | null>(null);
   const [cameraError, setCameraError] = useState<string | null>(null);
@@ -969,6 +974,9 @@ export function App() {
     config: featureConfig?.screenMemory ?? DEFAULT_SCREEN_MEMORY_CONFIG,
     clipRecordingActive: isRecording || recordingFlowActive,
   });
+  const homeRewindOn =
+    featureConfig?.screenMemory?.enabled === true &&
+    featureConfig.screenMemory.paused !== true;
   const refreshHomeScreenMemoryStatus = useCallback(() => {
     const version = ++homeScreenMemoryRefreshVersionRef.current;
     invoke<ScreenMemoryStatus>("screen_memory_status")
@@ -2551,6 +2559,12 @@ export function App() {
     });
   }
 
+  function openRewindDocs() {
+    openExternal(REWIND_DOCS_URL).catch((err) => {
+      console.error("[clips-tray] open Rewind docs failed:", err);
+    });
+  }
+
   async function retryPendingUpload(upload: PendingDesktopUpload) {
     if (retryingUploadId || exportingUploadId || dismissingUploadId) return;
     const targetServerUrl = serverUrlForPendingUpload(upload, serverUrl);
@@ -3679,59 +3693,79 @@ export function App() {
           onOpenPermission={openPrivacySettings}
         />
 
-        <section className="rewind-home-card" aria-label="Rewind status">
-          <div className="rewind-home-status">
-            <span
-              className={`rewind-home-dot ${homeRewindPresentation.isLive ? "is-live" : ""}`}
-            />
-            <div>
-              <strong>{homeRewindPresentation.title}</strong>
-              {!homeRewindPresentation.isLive ||
-              homeRewindPresentation.hasError ? (
-                <p>{homeRewindPresentation.detail}</p>
-              ) : null}
-            </div>
-            <div className="rewind-home-controls">
-              <button
-                type="button"
-                className="rewind-agent-prompt-copy"
-                onClick={() => void copyRewindAgentPrompt()}
-                aria-label={
-                  rewindAgentPromptCopied
-                    ? "Setup prompt copied — paste it into your agent once"
-                    : "Set up your agent"
-                }
-                title={
-                  rewindAgentPromptCopied
-                    ? "Setup prompt copied — paste it into your agent once"
-                    : "Set up your agent"
-                }
-              >
-                {rewindAgentPromptCopied ? (
-                  <IconCircleCheck size={15} stroke={2} />
-                ) : (
-                  <IconCopy size={15} stroke={1.9} />
-                )}
-              </button>
-              <Switch
-                on={
-                  featureConfig?.screenMemory?.enabled === true &&
-                  featureConfig.screenMemory.paused !== true
-                }
-                disabled={
-                  homeScreenMemoryBusy || isRecording || recordingFlowActive
-                }
-                onChange={(remembering) =>
-                  void setHomeRewindRemembering(remembering)
-                }
-                label={
-                  featureConfig?.screenMemory?.enabled === true
-                    ? "Remember with Rewind"
-                    : "Set up Rewind"
-                }
-              />
+        <section className="rewind-home-card" aria-label="Rewind">
+          <button
+            type="button"
+            className="rewind-home-summary"
+            aria-expanded={rewindHomeOpen}
+            onClick={() => setRewindHomeOpen((open) => !open)}
+          >
+            <span className="rewind-home-title">Rewind</span>
+            <span className="rewind-home-state">
+              {homeRewindOn ? "On" : "Off"}
+              {rewindHomeOpen ? (
+                <IconChevronDown size={13} stroke={2} />
+              ) : (
+                <IconChevronRight size={13} stroke={2} />
+              )}
+            </span>
+          </button>
+          {rewindHomeOpen ? (
+            <div className="rewind-home-details">
+              <p>{homeRewindPresentation.detail}</p>
+              <div className="rewind-home-detail-actions">
+                <div className="rewind-home-controls">
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <button
+                        type="button"
+                        className="rewind-agent-prompt-copy"
+                        onClick={() => void copyRewindAgentPrompt()}
+                        aria-label={
+                          rewindAgentPromptCopied
+                            ? "Setup prompt copied — paste it into your agent once"
+                            : "Copy setup prompt for your agent"
+                        }
+                      >
+                        {rewindAgentPromptCopied ? (
+                          <IconCircleCheck size={15} stroke={2} />
+                        ) : (
+                          <IconCopy size={15} stroke={1.9} />
+                        )}
+                      </button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      {rewindAgentPromptCopied
+                        ? "Setup prompt copied"
+                        : "Copy setup prompt for your agent"}
+                    </TooltipContent>
+                  </Tooltip>
+                  <Switch
+                    on={homeRewindOn}
+                    disabled={
+                      homeScreenMemoryBusy || isRecording || recordingFlowActive
+                    }
+                    onChange={(remembering) =>
+                      void setHomeRewindRemembering(remembering)
+                    }
+                    label={
+                      featureConfig?.screenMemory?.enabled === true
+                        ? "Remember with Rewind"
+                        : "Set up Rewind"
+                    }
+                  />
+                </div>
+                <button
+                  type="button"
+                  className="rewind-docs-link"
+                  onClick={openRewindDocs}
+                >
+                  Learn about Rewind
+                  <IconExternalLink size={13} stroke={1.9} />
+                </button>
+              </div>
             </div>
-          </div>
+          ) : null}
         </section>
 
         {!isRecording ? (

package/corpus/templates/clips/desktop/src/lib/meeting-notification-dismissal.ts

@@ -0,0 +1,31 @@
+import { invoke } from "@tauri-apps/api/core";
+
+export interface DismissibleMeetingNotification {
+  type: "calendar" | "adhoc";
+  meetingId: string;
+  platform?: string | null;
+  scheduledStart?: string | null;
+  scheduledEnd?: string | null;
+}
+
+type NativeInvoke = (
+  command: string,
+  args: Record<string, unknown>,
+) => Promise<unknown>;
+
+export async function dismissMeetingNotification(
+  notification: DismissibleMeetingNotification,
+  nativeInvoke: NativeInvoke = invoke,
+): Promise<void> {
+  try {
+    await nativeInvoke("dismiss_meeting_notification", {
+      meetingId: notification.meetingId,
+      notificationType: notification.type,
+      platform: notification.platform ?? null,
+      scheduledStart: notification.scheduledStart ?? null,
+      scheduledEnd: notification.scheduledEnd ?? null,
+    });
+  } catch (error) {
+    console.warn("[clips-meeting-notif] dismissal sync failed", error);
+  }
+}

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

@@ -114,7 +114,6 @@ const LIVE_UPLOAD_CHUNK_MS = 2_000;
 const NATIVE_FULLSCREEN_SEGMENT_MS = 5 * 60_000;
 const NATIVE_FULLSCREEN_MIME_TYPE = "video/mp4";
 const MEDIA_RECORDER_STOP_TIMEOUT_MS = 15_000;
-const THUMBNAIL_UPLOAD_TIMEOUT_MS = 8_000;
 // GCS resumable uploads require every non-final chunk to be a multiple of
 // 256 KiB. MediaRecorder emits arbitrary blob sizes, so on the streaming path
 // we buffer raw blobs and only PUT aligned slices; the unaligned remainder is
@@ -1462,146 +1461,6 @@ async function saveRecordingTranscriptFailure(
   }
 }
 
-const THUMBNAIL_PROBE_WIDTH = 40;
-const THUMBNAIL_MIN_MEAN_LUMA = 8;
-const THUMBNAIL_MIN_MAX_LUMA = 28;
-const THUMBNAIL_MIN_VISIBLE_PIXEL_RATIO = 0.005;
-
-function canvasHasVisibleContent(canvas: HTMLCanvasElement): boolean {
-  if (!canvas.width || !canvas.height) return false;
-
-  const width = THUMBNAIL_PROBE_WIDTH;
-  const height = Math.max(
-    1,
-    Math.round((canvas.height / canvas.width) * width),
-  );
-  const probe = document.createElement("canvas");
-  probe.width = width;
-  probe.height = height;
-
-  const ctx = probe.getContext("2d", { willReadFrequently: true });
-  if (!ctx) return true;
-
-  try {
-    ctx.drawImage(canvas, 0, 0, width, height);
-    const data = ctx.getImageData(0, 0, width, height).data;
-    let totalLuma = 0;
-    let maxLuma = 0;
-    let visiblePixels = 0;
-    const pixels = data.length / 4;
-
-    for (let i = 0; i < data.length; i += 4) {
-      const alpha = data[i + 3] / 255;
-      const luma =
-        (0.2126 * data[i] + 0.7152 * data[i + 1] + 0.0722 * data[i + 2]) *
-        alpha;
-      totalLuma += luma;
-      maxLuma = Math.max(maxLuma, luma);
-      if (luma >= THUMBNAIL_MIN_MAX_LUMA) visiblePixels++;
-    }
-
-    const meanLuma = totalLuma / Math.max(1, pixels);
-    const visibleRatio = visiblePixels / Math.max(1, pixels);
-    return (
-      meanLuma >= THUMBNAIL_MIN_MEAN_LUMA ||
-      (maxLuma >= THUMBNAIL_MIN_MAX_LUMA &&
-        visibleRatio >= THUMBNAIL_MIN_VISIBLE_PIXEL_RATIO)
-    );
-  } catch {
-    return true;
-  }
-}
-
-async function waitForVideoDimensions(
-  video: HTMLVideoElement,
-  timeoutMs = 1600,
-): Promise<boolean> {
-  const startedAt = Date.now();
-  while (Date.now() - startedAt < timeoutMs) {
-    if (video.videoWidth > 0 && video.videoHeight > 0) return true;
-    await new Promise((resolve) => window.setTimeout(resolve, 80));
-  }
-  return video.videoWidth > 0 && video.videoHeight > 0;
-}
-
-async function captureStreamThumbnailBlob(
-  stream: MediaStream | null,
-): Promise<Blob | null> {
-  if (!stream?.getVideoTracks().some((track) => track.readyState === "live")) {
-    return null;
-  }
-
-  const video = document.createElement("video");
-  video.muted = true;
-  video.playsInline = true;
-  video.autoplay = true;
-  video.srcObject = stream;
-  video.style.position = "fixed";
-  video.style.left = "-10000px";
-  video.style.top = "0";
-  video.style.width = "1px";
-  video.style.height = "1px";
-  video.style.opacity = "0";
-
-  try {
-    document.body.appendChild(video);
-    await video.play().catch(() => {});
-    if (!(await waitForVideoDimensions(video))) return null;
-
-    const canvas = document.createElement("canvas");
-    canvas.width = video.videoWidth;
-    canvas.height = video.videoHeight;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return null;
-
-    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-    if (!canvasHasVisibleContent(canvas)) return null;
-
-    return await new Promise<Blob | null>((resolve) => {
-      canvas.toBlob((blob) => resolve(blob), "image/jpeg", 0.85);
-    });
-  } finally {
-    video.pause();
-    video.srcObject = null;
-    video.remove();
-  }
-}
-
-async function captureAndUploadRecordingThumbnail(params: {
-  serverUrl: string;
-  recordingId: string;
-  stream: MediaStream | null;
-  authToken?: string;
-}): Promise<void> {
-  const blob = await captureStreamThumbnailBlob(params.stream);
-  if (!blob) {
-    console.warn("[clips-recorder] no visible thumbnail frame captured");
-    return;
-  }
-
-  const url = `${params.serverUrl.replace(
-    /\/+$/,
-    "",
-  )}/api/recordings/${params.recordingId}/thumbnail`;
-  const res = await fetch(url, {
-    method: "POST",
-    headers: buildRetryHeaders(blob.type || "image/jpeg", params.authToken),
-    credentials: "include",
-    body: blob,
-    signal: AbortSignal.timeout(THUMBNAIL_UPLOAD_TIMEOUT_MS),
-  });
-  if (!res.ok) {
-    const body = await res.text().catch(() => "");
-    throw new Error(
-      `Thumbnail upload failed (${res.status}): ${body.slice(0, 200)}`,
-    );
-  }
-  console.log("[clips-recorder] thumbnail uploaded", {
-    recordingId: params.recordingId,
-    bytes: blob.size,
-  });
-}
-
 /**
  * Counter of in-flight chunk POSTs. The bubble frame pump reads
  * `window.clipsChunkBusy` and SKIPS frame encoding while it's truthy,
@@ -3120,18 +2979,8 @@ async function startNativeFullscreenRecording(
               err,
             ),
           );
-          await invoke("native_fullscreen_capture_thumbnail", {
-            serverUrl: params.serverUrl,
-            recordingId: id,
-            authToken: params.authToken ?? "",
-            cookie: params.cookie ?? "",
-          }).catch((err) => {
-            console.warn(
-              "[clips-recorder] native thumbnail capture/upload failed:",
-              err,
-            );
-          });
-
+          // The owner player captures the poster from decoded recording media.
+          // Never screen-capture this post-stop window: it may show upload UI.
           try {
             uploadResult = await uploadPromise;
           } catch (err) {
@@ -4294,8 +4143,8 @@ async function startRecordingInner(
       stopped = true;
       // Stamped right after the recorder fully stops below (see stoppedAt).
       // Duration must measure recorded content — through the final flushed
-      // chunk — but NOT the transcript-finalize + thumbnail + upload awaits that
-      // follow, which add ~seconds and would overstate the saved duration.
+      // chunk — but NOT the transcript-finalize + upload awaits that follow,
+      // which add ~seconds and would overstate the saved duration.
       let stoppedAt = 0;
       const viewUrl = `/r/${id}`;
       const absoluteViewUrl = `${params.serverUrl.replace(/\/+$/, "")}${viewUrl}`;
@@ -4412,18 +4261,6 @@ async function startRecordingInner(
       }
 
       if (!recorderStopTimedOut) {
-        void captureAndUploadRecordingThumbnail({
-          serverUrl: params.serverUrl,
-          recordingId: id,
-          stream: primaryVideo,
-          authToken: params.authToken,
-        }).catch((err) => {
-          console.warn(
-            "[clips-recorder] thumbnail capture/upload failed:",
-            err,
-          );
-        });
-
         const capturedTranscript = await transcriptionCapture
           ?.stop()
           .catch((err) => {

package/corpus/templates/clips/desktop/src/overlays/meeting-notification.tsx

@@ -11,6 +11,7 @@ import { emit, listen } from "@tauri-apps/api/event";
 import { getCurrentWindow } from "@tauri-apps/api/window";
 import { useEffect, useRef, useState } from "react";
 
+import { dismissMeetingNotification } from "../lib/meeting-notification-dismissal";
 import {
   detectMeetingJoinProvider,
   joinProviderLabel,
@@ -308,6 +309,14 @@ export function MeetingNotification() {
     dataRef.current = null;
   }
 
+  function dismissNotification() {
+    const current = dataRef.current;
+    hideNotification();
+    if (current) {
+      void dismissMeetingNotification(current);
+    }
+  }
+
   async function takeNotes() {
     if (!data || pending) return;
     setPending(true);
@@ -447,7 +456,7 @@ export function MeetingNotification() {
         {showClose ? (
           <button
             className="meeting-notification-close"
-            onClick={hideNotification}
+            onClick={dismissNotification}
             aria-label="Dismiss"
             data-no-drag
           >

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

@@ -889,19 +889,16 @@ body[data-clips-route="recording-pill"] #root {
 /* ------------------------------------------------------------------------- */
 
 .readiness {
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: var(--surface);
+  border: none;
+  border-radius: 0;
+  background: transparent;
   overflow: hidden;
   flex-shrink: 0;
-  transition:
-    border-color 120ms,
-    background 120ms;
 }
 
 .readiness-open {
-  border-color: var(--border-strong);
-  background: var(--bg);
+  border-color: transparent;
+  background: transparent;
 }
 
 .readiness-summary {
@@ -922,7 +919,7 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 .readiness-summary:hover {
-  background: var(--surface-hover);
+  color: var(--fg-muted);
 }
 
 .readiness-summary:focus-visible {
@@ -932,10 +929,9 @@ body[data-clips-route="recording-pill"] #root {
 
 .readiness-open .readiness-summary {
   min-height: 42px;
-  border-radius: 0;
+  border-radius: var(--radius-sm);
   padding: 10px 12px;
-  background: var(--surface);
-  border-bottom: 1px solid var(--border);
+  background: transparent;
 }
 
 .readiness-title {
@@ -1332,37 +1328,110 @@ body[data-clips-route="recording-pill"] #root {
 /* Rewind is a calm everyday status first; configuration is a drill-in. */
 .rewind-home-card {
   display: grid;
-  gap: 8px;
-  padding: 10px 11px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  background: color-mix(in srgb, var(--surface) 72%, var(--bg));
+  gap: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: transparent;
 }
 
-.rewind-home-status {
+.rewind-home-summary {
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  gap: 9px;
+  gap: 8px;
+  width: 100%;
+  min-height: 42px;
+  padding: 10px 12px;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--fg);
+  cursor: pointer;
+  text-align: left;
+  transition: color 120ms;
 }
 
-.rewind-settings-entry-main {
+.rewind-home-summary:hover {
+  color: var(--fg-muted);
+}
+
+.rewind-home-summary:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--brand-ring);
+}
+
+.rewind-home-title {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+}
+
+.rewind-home-state {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--fg-muted);
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+}
+
+.rewind-home-details {
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  align-items: start;
-  gap: 9px;
+  gap: 10px;
+  padding: 0 12px 10px;
 }
 
-.rewind-home-status p {
-  margin: 2px 0 0;
+.rewind-home-details p {
+  margin: 0;
   color: var(--fg-muted);
   font-size: 11px;
   line-height: 1.4;
 }
 
-.rewind-home-status strong {
-  font-size: 13px;
-  font-weight: 500;
+.rewind-home-detail-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.rewind-home-controls {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.rewind-docs-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--fg-muted);
+  cursor: pointer;
+  font-size: 11px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.rewind-docs-link:hover {
+  color: var(--fg);
+}
+
+.rewind-docs-link:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--brand-ring);
+  border-radius: 4px;
+}
+
+.rewind-settings-entry-main {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  gap: 9px;
 }
 
 .rewind-home-lock-note,
@@ -1379,12 +1448,6 @@ body[data-clips-route="recording-pill"] #root {
   background: var(--surface);
 }
 
-.rewind-home-controls {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-
 .rewind-agent-prompt-copy {
   width: 28px;
   height: 28px;
@@ -1399,7 +1462,6 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 .rewind-agent-prompt-copy:hover {
-  background: var(--surface-hover);
   color: var(--fg);
 }