@agent-native/core 0.120.1 → 0.120.3

package/corpus/templates/clips/desktop/src/overlays/live-audio-bars.tsx

@@ -0,0 +1,86 @@
+import { listen } from "@tauri-apps/api/event";
+import { useEffect, useRef, useState } from "react";
+
+const BAR_SHAPES = [0.52, 1, 0.68];
+const LEVEL_DECAY = 0.78;
+const EVENT_ATTACK_DECAY = 0.52;
+
+interface LiveAudioBarsProps {
+  className?: string;
+  compact?: boolean;
+}
+
+/** Small Granola-style meter shared by the compact and expanded overlays. */
+export function LiveAudioBars({
+  className,
+  compact = false,
+}: LiveAudioBarsProps) {
+  const [level, setLevel] = useState(0);
+  const levelRef = useRef(0);
+
+  useEffect(() => {
+    let stopped = false;
+    let unlisten: (() => void) | null = null;
+
+    const decayTimer = window.setInterval(() => {
+      const next = levelRef.current * LEVEL_DECAY;
+      levelRef.current = next < 0.01 ? 0 : next;
+      setLevel(levelRef.current);
+    }, 60);
+
+    listen<{ level?: number }>("voice:audio-level", (event) => {
+      const incoming = Number(event.payload?.level);
+      if (!Number.isFinite(incoming)) return;
+      const next = Math.max(
+        levelRef.current * EVENT_ATTACK_DECAY,
+        Math.max(0, Math.min(1, incoming)),
+      );
+      levelRef.current = next;
+      setLevel(next);
+    })
+      .then((cleanup) => {
+        if (stopped) {
+          cleanup();
+        } else {
+          unlisten = cleanup;
+        }
+      })
+      .catch(() => {});
+
+    return () => {
+      stopped = true;
+      window.clearInterval(decayTimer);
+      unlisten?.();
+    };
+  }, []);
+
+  // Peak levels from speech taps are often quiet even when speech is clear.
+  // A gentle curve keeps the meter responsive without turning background noise
+  // into a full-height signal.
+  const visualLevel = level > 0 ? Math.min(1, Math.pow(level, 0.52) * 1.08) : 0;
+  const rootClassName = [
+    "live-audio-bars",
+    compact ? "live-audio-bars-compact" : null,
+    className,
+  ]
+    .filter(Boolean)
+    .join(" ");
+
+  return (
+    <span className={rootClassName} aria-hidden="true">
+      {BAR_SHAPES.map((shape, index) => {
+        const idleHeight = index === 1 ? 0.2 : 0.14;
+        const height = Math.round(
+          (idleHeight + visualLevel * shape * 0.8) * 100,
+        );
+        return (
+          <span
+            className="live-audio-bar"
+            key={index}
+            style={{ height: `${Math.max(12, height)}%` }}
+          />
+        );
+      })}
+    </span>
+  );
+}

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

@@ -39,6 +39,7 @@ interface TranscriptionStatusPayload {
 
 const SNOOZE_MS = 5 * 60_000;
 const FALLBACK_AUTO_HIDE_MS = 6 * 60_000;
+const DISMISSAL_TOMBSTONE_MS = 30 * 60_000;
 // Card is up to 440px wide; the extra width leaves room for the drop shadow
 // (~32px each side) so it isn't clipped by the transparent window edges.
 const NOTIFICATION_WINDOW_WIDTH = 504;
@@ -128,6 +129,7 @@ export function MeetingNotification() {
   const [pending, setPending] = useState(false);
   const autoHideTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const dataRef = useRef<NotificationData | null>(null);
+  const dismissedKeysRef = useRef(new Map<string, number>());
   // Real DOM hover only fires while this overlay window is key, which macOS
   // won't grant it without a click (`show_without_activation` never
   // activates). `polledHovered` mirrors the Rust-side global cursor poll
@@ -139,6 +141,21 @@ export function MeetingNotification() {
   const hovered = domHovered || polledHovered;
   const prevHoveredRef = useRef(false);
 
+  function notificationKey(payload: NotificationData): string {
+    return [payload.type, payload.meetingId, payload.scheduledStart ?? ""].join(
+      "|",
+    );
+  }
+
+  function isDismissed(payload: NotificationData): boolean {
+    const now = Date.now();
+    const dismissed = dismissedKeysRef.current;
+    for (const [key, expiresAt] of dismissed) {
+      if (expiresAt <= now) dismissed.delete(key);
+    }
+    return dismissed.has(notificationKey(payload));
+  }
+
   useEffect(() => {
     dataRef.current = data;
   }, [data]);
@@ -188,6 +205,7 @@ export function MeetingNotification() {
     payload: NotificationData,
     options?: { hydrated?: boolean },
   ) {
+    if (isDismissed(payload)) return;
     setData(payload);
     setError(null);
     setMenuOpen(false);
@@ -311,6 +329,12 @@ export function MeetingNotification() {
 
   function dismissNotification() {
     const current = dataRef.current;
+    if (current) {
+      dismissedKeysRef.current.set(
+        notificationKey(current),
+        Date.now() + DISMISSAL_TOMBSTONE_MS,
+      );
+    }
     hideNotification();
     if (current) {
       void dismissMeetingNotification(current);

package/corpus/templates/clips/desktop/src/overlays/recording-pill.tsx

@@ -17,6 +17,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 
 import { isDirectPillClick, type ScreenPoint } from "../lib/pill-interaction";
 import { speakerFor } from "../lib/transcription-engine";
+import { LiveAudioBars } from "./live-audio-bars";
 import { LiveTranscript, type FinalLine } from "./live-transcript";
 import { PillLogo } from "./pill-logo";
 
@@ -65,9 +66,6 @@ export function RecordingPill() {
   const tickRef = useRef<ReturnType<typeof setInterval> | null>(null);
   // Mic and system audio share one calm activity meter, matching Granola's
   // single indicator for the combined meeting capture.
-  const levelRef = useRef(0);
-  const canvasRef = useRef<HTMLCanvasElement | null>(null);
-  const rafRef = useRef<number | null>(null);
   const stopFallbackRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const dragStartScreenPointRef = useRef<ScreenPoint | null>(null);
 
@@ -165,15 +163,6 @@ export function RecordingPill() {
         if (ev.payload?.detached) setExpanded(false);
       }),
     );
-    trackListen(
-      listen<{ level: number; source?: "mic" | "system" }>(
-        "voice:audio-level",
-        (ev) => {
-          const lvl = Math.max(0, Math.min(1, ev.payload.level));
-          levelRef.current = lvl;
-        },
-      ),
-    );
     // Signal that all listeners are registered. app.tsx listens for this and
     // re-emits the pill context and transcript preload for a fresh window.
     emit("clips:pill-ready", {}).catch(() => {});
@@ -207,62 +196,6 @@ export function RecordingPill() {
     };
   }, [ctx.mode, paused]);
 
-  // One combined "dancing bars" meter — a few discrete vertical bars instead
-  // of separate mic and system waveforms.
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const N_BARS = 3;
-    const dpr = window.devicePixelRatio || 1;
-    const W = canvas.clientWidth;
-    const H = canvas.clientHeight;
-    canvas.width = W * dpr;
-    canvas.height = H * dpr;
-    const ctx2d = canvas.getContext("2d");
-    if (!ctx2d) return;
-    ctx2d.scale(dpr, dpr);
-    const slot = W / N_BARS;
-    const gap = Math.max(2, slot * 0.3);
-    const barWidth = Math.max(3, slot - gap);
-    const centerY = H / 2;
-    const startMs = Date.now();
-    let lastDrawMs = 0;
-    const FRAME_INTERVAL_MS = 1000 / 20;
-    const tick = () => {
-      rafRef.current = requestAnimationFrame(tick);
-      const nowMs = Date.now();
-      if (nowMs - lastDrawMs < FRAME_INTERVAL_MS) return;
-      lastDrawMs = nowMs;
-      const t = (nowMs - startMs) % 1_000_000;
-      const target = Math.min(1, levelRef.current);
-      ctx2d.clearRect(0, 0, W, H);
-      ctx2d.fillStyle = "rgba(132, 204, 22, 0.98)";
-      ctx2d.shadowColor = "rgba(132, 204, 22, 0.48)";
-      ctx2d.shadowBlur = 4;
-      for (let i = 0; i < N_BARS; i += 1) {
-        const phase = t * 0.005 + i * (Math.PI * 0.65);
-        const barTarget = 0.2 + Math.sin(phase) * 0.42 * target + target * 0.38;
-        const h = Math.max(4, Math.min(1, barTarget) * H * 0.92);
-        const x = i * (barWidth + gap) + gap / 2;
-        const y = centerY - h / 2;
-        const radius = Math.min(barWidth / 2, 3);
-        ctx2d.beginPath();
-        if (typeof ctx2d.roundRect === "function") {
-          ctx2d.roundRect(x, y, barWidth, h, radius);
-        } else {
-          ctx2d.rect(x, y, barWidth, h);
-        }
-        ctx2d.fill();
-      }
-      ctx2d.shadowBlur = 0;
-    };
-    tick();
-    return () => {
-      if (rafRef.current) cancelAnimationFrame(rafRef.current);
-      rafRef.current = null;
-    };
-  }, [expanded]);
-
   // Let the compact chip land first, then reveal the live transcript once per
   // meeting. The delay keeps the indicator from feeling like a sudden panel.
   useEffect(() => {
@@ -380,7 +313,10 @@ export function RecordingPill() {
             onClick={!expanded && !detached ? handlePillMediaClick : undefined}
           >
             <PillLogo className="pill-logo" />
-            <canvas ref={canvasRef} className="pill-wave-canvas" aria-hidden />
+            <LiveAudioBars
+              compact={!expanded && !detached}
+              className="pill-wave-meter"
+            />
           </div>
           <div className="pill-controls">
             <span className="pill-timer">

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

@@ -805,13 +805,45 @@ body[data-clips-route="recording-pill"] #root {
   fill: none;
   /* Matches the recording pill's mic waveform accent. */
   stroke: rgba(74, 222, 128, 0.95);
-  stroke-width: 1.75;
+  stroke-width: 1.25;
   stroke-linecap: round;
   stroke-linejoin: round;
   /* Keep the line crisp regardless of the non-uniform x-stretch. */
   vector-effect: non-scaling-stroke;
 }
 
+.live-audio-bars {
+  display: inline-flex;
+  width: 48px;
+  height: 26px;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.live-audio-bars-compact {
+  width: 22px;
+  height: 22px;
+  gap: 3px;
+}
+
+.live-audio-bar {
+  display: block;
+  width: 2px;
+  min-height: 3px;
+  border-radius: 999px;
+  background: rgba(132, 204, 22, 0.98);
+  box-shadow: 0 0 5px rgba(132, 204, 22, 0.35);
+  transition: height 70ms ease-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .live-audio-bar {
+    transition: none;
+  }
+}
+
 /* ------------------------------------------------------------------------- */
 /* Primary CTA                                                                */
 /* ------------------------------------------------------------------------- */
@@ -5534,7 +5566,7 @@ body[data-clips-route="recording-pill"] #root {
   display: none;
 }
 
-.pill-vertical .pill-wave-canvas {
+.pill-vertical .pill-wave-meter {
   height: 22px;
   width: 22px;
 }
@@ -5569,7 +5601,7 @@ body[data-clips-route="recording-pill"] #root {
   font-variant-numeric: tabular-nums;
 }
 
-.pill-wave-canvas {
+.pill-wave-meter {
   height: 26px;
   width: 48px;
   flex-shrink: 0;

package/corpus/templates/clips/desktop/src-tauri/src/adhoc_meetings_watcher.rs

@@ -2,8 +2,9 @@
 //!
 //! Polls the frontmost macOS app every few seconds. When Zoom or Teams stays
 //! frontmost for a short dwell window, creates a meeting row via
-//! `create-meeting` and shows the same meeting-notification overlay used for
-//! calendar reminders — with `type: "adhoc"`.
+//! `create-meeting`, and silently starts transcription when the user has
+//! explicitly selected Auto mode. Ask/manual mode stays quiet because a
+//! frontmost Zoom window is not reliable evidence of an active call.
 //!
 //! Reuses `MeetingsWatcherState` session (server URL + cookie + auth token)
 //! so the popover only needs to push credentials once.
@@ -157,7 +158,7 @@ async fn tick_macos(
     let front = crate::util::frontmost_bundle_id();
     let matched = front.as_deref().and_then(match_vc_bundle);
 
-    let Some((platform, title)) = matched else {
+    let Some((platform, _title)) = matched else {
         // VC app left front — clear session dedupe so a later re-focus can
         // fire again (cooldown still applies).
         clear_session_if_left(app, None);
@@ -173,9 +174,7 @@ async fn tick_macos(
         return Ok(());
     }
 
-    if config.meeting_transcription_mode == MeetingTranscriptionMode::Manual
-        && !config.show_meeting_widget_enabled
-    {
+    if config.meeting_transcription_mode != MeetingTranscriptionMode::Auto {
         reset_dwell(app);
         return Ok(());
     }
@@ -250,44 +249,14 @@ async fn tick_macos(
         }
     };
 
-    let auto_start = config.meeting_transcription_mode == MeetingTranscriptionMode::Auto;
-    let show_widget = config.show_meeting_widget_enabled
-        || config.meeting_transcription_mode == MeetingTranscriptionMode::Ask
-        || auto_start;
-
-    if show_widget {
-        let app_clone = app.clone();
-        let id_clone = meeting_id.clone();
-        let title_clone = title.to_string();
-        let platform_clone = platform.to_string();
-        let scheduled_start = chrono::Utc::now().to_rfc3339();
-        tauri::async_runtime::spawn(async move {
-            let _ = crate::notifications::notify_meeting_starting(
-                app_clone,
-                id_clone,
-                title_clone,
-                0,
-                None,
-                Some(scheduled_start),
-                None,
-                Some(platform_clone),
-                Some(auto_start),
-                Some("adhoc".to_string()),
-            )
-            .await;
-        });
-    }
-
-    if auto_start {
-        let _ = app.emit(
-            "meetings:start-transcription",
-            serde_json::json!({
-                "meetingId": meeting_id,
-                "joinUrl": null,
-                "reason": "adhoc-auto",
-            }),
-        );
-    }
+    let _ = app.emit(
+        "meetings:start-transcription",
+        serde_json::json!({
+            "meetingId": meeting_id,
+            "joinUrl": null,
+            "reason": "adhoc-auto",
+        }),
+    );
 
     Ok(())
 }

package/corpus/templates/clips/desktop/src-tauri/src/notifications.rs

@@ -6,6 +6,7 @@
 
 use serde::{Deserialize, Serialize};
 use serde_json::Value;
+use std::collections::HashMap;
 use std::sync::atomic::{AtomicBool, Ordering};
 use std::sync::Mutex;
 use std::time::Duration;
@@ -28,9 +29,16 @@ const NOTIFICATION_W_LOGICAL: u32 = 504;
 const NOTIFICATION_H_LOGICAL: u32 = 120;
 const NOTIFICATION_TOP_MARGIN_LOGICAL: u32 = 44;
 const NOTIFICATION_RIGHT_MARGIN_LOGICAL: u32 = 0;
+const DISMISSAL_TOMBSTONE_SECS: i64 = 30 * 60;
 
 #[derive(Default)]
-pub struct MeetingNotificationState(pub Mutex<Option<Value>>);
+pub struct MeetingNotificationState(Mutex<MeetingNotificationStateInner>);
+
+#[derive(Default)]
+struct MeetingNotificationStateInner {
+    pending: Option<Value>,
+    dismissed_until: HashMap<String, i64>,
+}
 
 #[allow(dead_code)]
 #[derive(Debug, Clone, Serialize, Deserialize)]
@@ -176,22 +184,54 @@ pub fn show_meeting_notification_window(app: &AppHandle) -> Result<(), String> {
     Ok(())
 }
 
-fn store_pending_meeting_notification(app: &AppHandle, payload: &Value) {
-    if let Some(state) = app.try_state::<MeetingNotificationState>() {
-        if let Ok(mut pending) = state.0.lock() {
-            *pending = Some(payload.clone());
-        }
-    }
-}
-
 #[tauri::command]
 pub fn take_pending_meeting_notification(app: AppHandle) -> Result<Option<Value>, String> {
     let state = app.state::<MeetingNotificationState>();
-    let mut pending = state
+    let mut state = state
         .0
         .lock()
         .map_err(|_| "meeting notification state lock poisoned".to_string())?;
-    Ok(pending.take())
+    let now = chrono::Utc::now().timestamp();
+    state.dismissed_until.retain(|_, until| *until > now);
+    if state.pending.as_ref().is_some_and(|payload| {
+        state
+            .dismissed_until
+            .contains_key(&notification_key(payload))
+    }) {
+        state.pending = None;
+    }
+    Ok(state.pending.take())
+}
+
+fn notification_key(payload: &Value) -> String {
+    format!(
+        "{}|{}|{}",
+        payload
+            .get("type")
+            .and_then(Value::as_str)
+            .unwrap_or("calendar"),
+        payload
+            .get("meetingId")
+            .and_then(Value::as_str)
+            .unwrap_or_default(),
+        payload
+            .get("scheduledStart")
+            .and_then(Value::as_str)
+            .unwrap_or_default(),
+    )
+}
+
+fn notification_key_from_parts(
+    notification_type: &str,
+    meeting_id: &str,
+    scheduled_start: Option<&str>,
+) -> String {
+    format!(
+        "{}|{}|{}",
+        notification_type,
+        meeting_id,
+        scheduled_start.unwrap_or_default()
+    )
 }
 
 fn clear_pending_notification(pending: &mut Option<Value>, meeting_id: &str) -> bool {
@@ -211,19 +251,38 @@ pub fn dismiss_meeting_notification(
     app: AppHandle,
     meeting_id: String,
     notification_type: String,
+    join_url: Option<String>,
     platform: Option<String>,
     scheduled_start: Option<String>,
     scheduled_end: Option<String>,
 ) -> Result<(), String> {
     let state = app.state::<MeetingNotificationState>();
-    let mut pending = state
+    let mut state = state
         .0
         .lock()
         .map_err(|_| "meeting notification state lock poisoned".to_string())?;
-    clear_pending_notification(&mut pending, &meeting_id);
-    drop(pending);
+    let now = chrono::Utc::now().timestamp();
+    state.dismissed_until.retain(|_, until| *until > now);
+    state.dismissed_until.insert(
+        notification_key_from_parts(&notification_type, &meeting_id, scheduled_start.as_deref()),
+        now + DISMISSAL_TOMBSTONE_SECS,
+    );
+    clear_pending_notification(&mut state.pending, &meeting_id);
+    drop(state);
 
-    if let Some(platform) = platform.as_deref() {
+    let suppression_platform = platform.as_deref().or_else(|| {
+        join_url.as_deref().and_then(|url| {
+            let url = url.to_ascii_lowercase();
+            if url.contains("zoom") {
+                Some("zoom")
+            } else if url.contains("teams.microsoft") || url.contains("teams") {
+                Some("teams")
+            } else {
+                None
+            }
+        })
+    });
+    if let Some(platform) = suppression_platform {
         crate::adhoc_meetings_watcher::refresh_dismissal_suppression(&app, platform)?;
     }
 
@@ -312,14 +371,41 @@ pub async fn notify_meeting_starting(
         "type": kind,
         "title": title,
         "subtitle": body,
-        "meetingId": meeting_id,
+        "meetingId": meeting_id.clone(),
         "joinUrl": join_url,
         "platform": platform,
         "scheduledStart": scheduled_start,
         "scheduledEnd": scheduled_end,
         "autoStart": auto_start.unwrap_or(false),
     });
-    store_pending_meeting_notification(&app, &payload);
+    let state = app.state::<MeetingNotificationState>();
+    let should_show = {
+        let mut state = state
+            .0
+            .lock()
+            .map_err(|_| "meeting notification state lock poisoned".to_string())?;
+        let now = chrono::Utc::now().timestamp();
+        state.dismissed_until.retain(|_, until| *until > now);
+        if state
+            .dismissed_until
+            .get(&notification_key(&payload))
+            .copied()
+            .unwrap_or_default()
+            > now
+        {
+            false
+        } else {
+            state.pending = Some(payload.clone());
+            true
+        }
+    };
+    if !should_show {
+        dlog!(
+            "[clips-tray] skipped dismissed meeting notification id={}",
+            meeting_id
+        );
+        return Ok(());
+    }
     let _ = app.emit("meetings:show-notification", payload.clone());
 
     // Ensure the overlay window exists / is visible for cold starts.
@@ -346,4 +432,20 @@ mod tests {
         assert!(clear_pending_notification(&mut pending, "meeting-1"));
         assert!(pending.is_none());
     }
+
+    #[test]
+    fn dismissal_key_changes_when_a_meeting_is_rescheduled() {
+        let first = serde_json::json!({
+            "type": "calendar",
+            "meetingId": "meeting-1",
+            "scheduledStart": "2026-07-23T17:00:00Z"
+        });
+        let moved = serde_json::json!({
+            "type": "calendar",
+            "meetingId": "meeting-1",
+            "scheduledStart": "2026-07-23T18:00:00Z"
+        });
+
+        assert_ne!(notification_key(&first), notification_key(&moved));
+    }
 }

package/corpus/templates/clips/netlify.toml

@@ -6,6 +6,7 @@ functions = "templates/clips/.netlify/functions-internal"
 
 [build.environment]
 GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
+GTM_CONTAINER_ID = "GTM-N3WSTXZ"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
 AUTO_CREATE_DEFAULT_ORG = "1"