@agent-native/core 0.120.0 → 0.120.2

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -4,7 +4,6 @@ import {
 } from "@agent-native/core/client/agent-chat";
 import { appPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
-import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { getBrowserTabId } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import {
@@ -241,9 +240,17 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
       icon: IconTrash,
       match: (p) => p.startsWith("/trash"),
     },
+  ];
+
+  const bottomNavItems: {
+    to: string;
+    label: string;
+    icon: React.ComponentType<{ className?: string }>;
+    match: (path: string) => boolean;
+  }[] = [
     {
       to: "/agent",
-      label: t("navigation.agent"),
+      label: t("settings.agentTitle"),
       icon: IconHierarchy2,
       match: (p) => p.startsWith("/agent"),
     },
@@ -519,6 +526,49 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
           )}
         </div>
 
+        <div className="shrink-0">
+          {showCollapsedSidebar ? (
+            <nav className="flex flex-col items-center gap-1 px-2 py-1">
+              {bottomNavItems.map(({ to, label, icon: Icon, match }) => (
+                <Tooltip key={to}>
+                  <TooltipTrigger asChild>
+                    <NavLink
+                      to={to}
+                      aria-label={label}
+                      className={cn(
+                        "flex h-9 w-9 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground",
+                        match(location.pathname) &&
+                          "bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary",
+                      )}
+                    >
+                      <Icon className="h-4 w-4" />
+                    </NavLink>
+                  </TooltipTrigger>
+                  <TooltipContent side="right">{label}</TooltipContent>
+                </Tooltip>
+              ))}
+            </nav>
+          ) : (
+            <nav className="space-y-0.5 border-t border-border px-2 py-1">
+              {bottomNavItems.map(({ to, label, icon: Icon, match }) => (
+                <NavLink
+                  key={to}
+                  to={to}
+                  className={cn(
+                    "flex items-center gap-2 rounded px-2 py-1.5 text-xs",
+                    match(location.pathname)
+                      ? "bg-primary/10 font-medium text-primary"
+                      : "text-foreground hover:bg-accent/60",
+                  )}
+                >
+                  <Icon className="h-4 w-4" />
+                  <span className="flex-1 truncate">{label}</span>
+                </NavLink>
+              ))}
+            </nav>
+          )}
+        </div>
+
         {!showCollapsedSidebar && (
           <>
             <div className="shrink-0 space-y-1.5 px-2 py-1.5">
@@ -539,10 +589,6 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
               {(isMobile || !pageHasHeaderSearch) && <SearchBar />}
             </div>
 
-            <div className="shrink-0 px-1 py-1">
-              <ExtensionsSidebarSection />
-            </div>
-
             <div className="shrink-0 space-y-2 px-3 py-2">
               <OrgSwitcher settingsPath="/settings/organization" />
               <DevDatabaseLink />

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

@@ -1,19 +1,5 @@
-import { ExtensionsListPage } from "@agent-native/core/client/extensions";
-import { useT } from "@agent-native/core/client/i18n";
-
-import { PageHeader } from "@/components/library/page-header";
+import { Navigate } from "react-router";
 
 export default function ExtensionsRoute() {
-  const t = useT();
-
-  return (
-    <>
-      <PageHeader>
-        <h1 className="text-base font-semibold tracking-tight truncate">
-          {t("navigation.extensions")}
-        </h1>
-      </PageHeader>
-      <ExtensionsListPage />
-    </>
-  );
+  return <Navigate to="/settings#extensions" replace />;
 }

package/corpus/templates/clips/changelog/2026-07-23-agent-settings-are-clearly-labeled-manage-agent-in-the-sideb.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-23
+---
+
+Agent settings are clearly labeled Manage agent in the sidebar.

package/corpus/templates/clips/changelog/2026-07-23-meeting-recording-meters-and-dismissed-prompts.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-23
+---
+
+Meeting recording meters now use thin, responsive audio bars, while dismissed reminders stay dismissed and frontmost Zoom detection stays quiet unless Auto mode is enabled.

package/corpus/templates/clips/desktop/src/hooks/useMicMeter.ts

@@ -88,7 +88,7 @@ export function sampleLevels(
   const levels: number[] = [];
   for (let i = 0; i < barCount; i++) {
     const idx = Math.min(usable - 1, Math.floor((i / barCount) * usable));
-    levels.push(data[idx] / 255);
+    levels.push(Math.min(1, (data[idx] / 255) * 1.65));
   }
   return levels;
 }

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

@@ -3,6 +3,7 @@ import { invoke } from "@tauri-apps/api/core";
 export interface DismissibleMeetingNotification {
   type: "calendar" | "adhoc";
   meetingId: string;
+  joinUrl?: string | null;
   platform?: string | null;
   scheduledStart?: string | null;
   scheduledEnd?: string | null;
@@ -21,6 +22,7 @@ export async function dismissMeetingNotification(
     await nativeInvoke("dismiss_meeting_notification", {
       meetingId: notification.meetingId,
       notificationType: notification.type,
+      joinUrl: notification.joinUrl ?? null,
       platform: notification.platform ?? null,
       scheduledStart: notification.scheduledStart ?? null,
       scheduledEnd: notification.scheduledEnd ?? null,

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

@@ -1139,7 +1139,7 @@ export function installDesktopVoiceDictation(
    * `stop()` works the same way as for the browser path.
    *
    * No `getUserMedia()` here — the audio engine handles the mic on the Rust
-   * side. The synthetic meter still drives the flow-bar's waveform.
+   * side and emits the real level events consumed by the flow bar.
    */
   const startNative = async (
     cleanupProvider?: ServerVoiceProvider,
@@ -1191,7 +1191,6 @@ export function installDesktopVoiceDictation(
       };
       session = next;
       startInFlight = false;
-      startSyntheticMeter(next);
       try {
         // Bias the recognizer toward the user's learned vocabulary. Stage
         // the list via a separate command so meeting capture can pass mic
@@ -1299,7 +1298,6 @@ export function installDesktopVoiceDictation(
       };
       session = next;
       startInFlight = false;
-      startSyntheticMeter(next);
       if (stopRequestedBeforeReady) {
         stop();
       }

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(())
 }