@agent-native/core 0.121.2 → 0.122.1

package/corpus/templates/clips/chrome-extension/src/background.ts

@@ -1,3 +1,5 @@
+import { buildRecordingShareUrl } from "@shared/recording-link";
+
 import {
   restartUploadModeFromResponse,
   restartUploadResetBody,
@@ -1080,12 +1082,26 @@ function sendOffscreenMessage<T>(message: Record<string, unknown>): Promise<T> {
   });
 }
 
+// The author's own dashboard. Fine to OPEN for the person who just recorded;
+// never the thing to hand someone else — see recordingShareUrl below.
 function recordingUrl(
   recording: Pick<NativeRecording, "clipsBaseUrl" | "recordingId">,
 ): string {
   return `${recording.clipsBaseUrl}/r/${encodeURIComponent(recording.recordingId)}`;
 }
 
+// The extension only stores the signed-in user's token and email; email is PII
+// and must never become the `via` attribution param, so share URLs go out
+// without an owner id.
+function recordingShareUrl(
+  recording: Pick<NativeRecording, "clipsBaseUrl" | "recordingId">,
+): string {
+  return buildRecordingShareUrl({
+    recordingId: recording.recordingId,
+    origin: recording.clipsBaseUrl,
+  });
+}
+
 async function copyRecordingUrlToClipboard(
   recording: NativeRecording,
 ): Promise<void> {
@@ -1093,7 +1109,7 @@ async function copyRecordingUrlToClipboard(
     await ensureOffscreenDocument();
     await sendOffscreenMessage({
       type: "CLIPS_OFFSCREEN_COPY_TEXT",
-      text: recording.recordingUrl,
+      text: recordingShareUrl(recording),
     });
   } catch (err) {
     console.warn("[clips-bg] could not copy recording URL", err);

package/corpus/templates/clips/desktop/package.json

@@ -23,7 +23,9 @@
     "@sentry/browser": "10.62.0",
     "@tabler/icons-react": "catalog:",
     "@tauri-apps/api": "^2.11.0",
+    "@tauri-apps/plugin-clipboard-manager": "^2.3.2",
     "@tauri-apps/plugin-fs": "2.5.1",
+    "@tauri-apps/plugin-notification": "^2.3.3",
     "@tauri-apps/plugin-process": "^2.3.1",
     "@tauri-apps/plugin-shell": "^2.3.5",
     "@tauri-apps/plugin-updater": "^2.10.1",

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

@@ -63,6 +63,7 @@ import {
   getCameraStreamWithFallback,
   isMediaConstraintFailure,
 } from "./lib/media-capture-constraints";
+import { sendNativeNotification } from "./lib/native-notification";
 import { openMeetingJoinUrl } from "./lib/open-meeting-join-url";
 import {
   DESKTOP_CAPTURE_PERMISSION_MESSAGE,
@@ -88,6 +89,10 @@ import {
   type RecorderHandle,
   type RecorderStopResult,
 } from "./lib/recorder";
+import {
+  copyRecordingShareLink,
+  recordingShareUrl,
+} from "./lib/recording-link";
 import { REWIND_AGENT_PROMPT } from "./lib/rewind-agent-prompt";
 import { getRewindStatusPresentation } from "./lib/rewind-status";
 import {
@@ -208,6 +213,13 @@ interface LocalRecordingNotice {
   files: LocalExportedFile[];
 }
 
+interface ShareLinkNotice {
+  recordingId: string;
+  origin: string;
+  url: string;
+  copied: boolean;
+}
+
 interface ScreenMemoryExportResult {
   folderPath: string;
   files: Array<{
@@ -907,6 +919,8 @@ export function App() {
   );
   const [localRecordingNotice, setLocalRecordingNotice] =
     useState<LocalRecordingNotice | null>(null);
+  const [shareLinkNotice, setShareLinkNotice] =
+    useState<ShareLinkNotice | null>(null);
   const [popoverView, setPopoverView] = useState<PopoverView>("recorder");
   const [rewindSettingsReturnView, setRewindSettingsReturnView] = useState<
     "recorder" | "settings"
@@ -2565,6 +2579,32 @@ export function App() {
     });
   }
 
+  // Never rejects: a clipboard failure must not be mistaken for a failed
+  // recording by the stop/retry callers that await this inside their try block.
+  async function copyShareLink(
+    recordingId: string,
+    origin = serverUrl,
+    { notify = true }: { notify?: boolean } = {},
+  ) {
+    try {
+      const url = recordingShareUrl(recordingId, origin);
+      const copied = await copyRecordingShareLink(recordingId, origin);
+      setShareLinkNotice({ recordingId, origin, url, copied });
+      // The popover hides right after an automatic copy, so the banner below is
+      // only seen on the next open — the OS notification is the live signal.
+      if (copied && notify) {
+        await sendNativeNotification({
+          title: "Link copied",
+          body: "Your clip link is ready to paste.",
+        });
+      }
+      return copied;
+    } catch (err) {
+      console.error("[clips-tray] copy share link failed:", err);
+      return false;
+    }
+  }
+
   async function retryPendingUpload(upload: PendingDesktopUpload) {
     if (retryingUploadId || exportingUploadId || dismissingUploadId) return;
     const targetServerUrl = serverUrlForPendingUpload(upload, serverUrl);
@@ -2598,6 +2638,7 @@ export function App() {
         });
       }
       await loadPendingUploads();
+      await copyShareLink(upload.recordingId, targetServerUrl);
       await openExternal(`${targetServerUrl}/r/${upload.recordingId}`);
       getCurrentWindow()
         .hide()
@@ -2737,6 +2778,7 @@ export function App() {
     }
     setRecError(null);
     setLocalRecordingNotice(null);
+    setShareLinkNotice(null);
     console.log("[clips-popover] handleStartRecording clicked", {
       serverUrl,
       mode,
@@ -3101,6 +3143,10 @@ export function App() {
             });
           } else {
             setLastRecordingId(stopResult.recordingId);
+            // The browser opens `/r/<id>` (the author's dashboard); what lands
+            // on the clipboard must be the public `/share/<id>` link, which is
+            // the one a recipient can actually open.
+            await copyShareLink(stopResult.recordingId);
           }
         } catch (err) {
           stopFailed = true;
@@ -3639,6 +3685,20 @@ export function App() {
           />
         ) : null}
 
+        {shareLinkNotice ? (
+          <ShareLinkBanner
+            notice={shareLinkNotice}
+            onCopy={() => {
+              void copyShareLink(
+                shareLinkNotice.recordingId,
+                shareLinkNotice.origin,
+                { notify: false },
+              );
+            }}
+            onDismiss={() => setShareLinkNotice(null)}
+          />
+        ) : null}
+
         <div className="panel">
           {showSourceRow ? (
             <SourceRow
@@ -4233,6 +4293,35 @@ function LocalRecordingSavedBanner({
   );
 }
 
+function ShareLinkBanner({
+  notice,
+  onCopy,
+  onDismiss,
+}: {
+  notice: ShareLinkNotice;
+  onCopy: () => void;
+  onDismiss: () => void;
+}) {
+  return (
+    <div className="share-link-banner">
+      <div className="local-save-copy">
+        <div className="local-save-title">
+          {notice.copied ? "Share link copied" : "Share link ready"}
+        </div>
+        <div className="local-save-sub">{notice.url}</div>
+      </div>
+      {notice.copied ? null : (
+        <button type="button" onClick={onCopy}>
+          Copy
+        </button>
+      )}
+      <button type="button" className="local-save-dismiss" onClick={onDismiss}>
+        Dismiss
+      </button>
+    </div>
+  );
+}
+
 function Header({
   mode,
   onModeChange,

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

@@ -830,13 +830,19 @@ export function useMeetingTranscription({
     );
 
     unlistens.push(
-      listen<{ meetingId: string; openChat?: boolean }>(
+      listen<{ meetingId: string; openChat?: boolean; prompt?: string }>(
         "clips:open-meeting",
         (ev) => {
           if (!ev.payload?.meetingId) return;
-          const query = ev.payload.openChat ? "?chat=1" : "";
+          const params = new URLSearchParams();
+          if (ev.payload.openChat) params.set("chat", "1");
+          const prompt = ev.payload.prompt?.trim();
+          if (prompt) params.set("ask", prompt);
+          const query = params.toString();
           openExternal(
-            `${normalizedServerUrl}/meetings/${ev.payload.meetingId}${query}`,
+            `${normalizedServerUrl}/meetings/${ev.payload.meetingId}${
+              query ? `?${query}` : ""
+            }`,
           ).catch((err) =>
             console.warn("[clips-popover] open meeting in web failed:", err),
           );

package/corpus/templates/clips/desktop/src/lib/audio-meter.ts

@@ -0,0 +1,51 @@
+/**
+ * Level math for the Granola-style waveform meter on the recording pill.
+ *
+ * Kept separate from the React overlay so the "bars must track how loud people
+ * are talking" behaviour is unit-testable without a DOM.
+ */
+
+/** Per-bar scale. The middle bar swings widest, like Granola's meter. */
+export const METER_BAR_GAINS = [0.72, 1, 0.84];
+export const METER_BAR_COUNT = METER_BAR_GAINS.length;
+/** Height (0-1) each bar keeps at silence, so the meter idles as three dots. */
+export const METER_IDLE_HEIGHT = 0.14;
+/** Multiplier applied on every sample tick when no louder audio arrives. */
+export const METER_LEVEL_DECAY = 0.82;
+/** Floor a new sample must clear, so the meter falls smoothly instead of snapping. */
+export const METER_ATTACK_DECAY = 0.55;
+export const METER_SAMPLE_MS = 50;
+
+/** Fold an incoming 0-1 audio level into the current level. */
+export function nextMeterLevel(current: number, incoming: number): number {
+  if (!Number.isFinite(incoming)) return current;
+  const clamped = Math.max(0, Math.min(1, incoming));
+  return Math.max(current * METER_ATTACK_DECAY, clamped);
+}
+
+/** One decay tick. Snaps to silence below a threshold so bars settle at rest. */
+export function decayMeterLevel(current: number): number {
+  const decayed = current * METER_LEVEL_DECAY;
+  return decayed < 0.01 ? 0 : decayed;
+}
+
+/**
+ * Push the newest sample onto the front of the meter's history. Bar 0 shows
+ * the newest level and older levels travel outward, so the bars ripple against
+ * each other instead of moving as one block.
+ */
+export function advanceMeterLevels(levels: number[], sample: number): number[] {
+  return [sample, ...levels.slice(0, METER_BAR_COUNT - 1)];
+}
+
+/**
+ * Bar height as a percentage of the meter's box. Peak levels from speech taps
+ * are often quiet even when speech is clear, so a gentle curve keeps the meter
+ * responsive without turning background noise into a full-height signal.
+ */
+export function meterBarHeight(level: number, barIndex: number): number {
+  const gain = METER_BAR_GAINS[barIndex] ?? 1;
+  const safe = Number.isFinite(level) ? Math.max(0, Math.min(1, level)) : 0;
+  const shaped = safe > 0 ? Math.min(1, Math.pow(safe, 0.52) * 1.08) : 0;
+  return (METER_IDLE_HEIGHT + shaped * gain * (1 - METER_IDLE_HEIGHT)) * 100;
+}

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

@@ -0,0 +1,44 @@
+import {
+  isPermissionGranted,
+  requestPermission,
+  sendNotification,
+} from "@tauri-apps/plugin-notification";
+
+export interface NativeNotification {
+  title: string;
+  body?: string;
+}
+
+export interface NativeNotificationDeps {
+  isPermissionGranted: () => Promise<boolean>;
+  requestPermission: () => Promise<NotificationPermission>;
+  sendNotification: (notification: NativeNotification) => void;
+}
+
+const tauriNotificationDeps: NativeNotificationDeps = {
+  isPermissionGranted,
+  requestPermission,
+  sendNotification,
+};
+
+/**
+ * Post an OS notification, requesting permission first when the user has not
+ * answered yet. Never rejects: callers await this inside recording stop/retry
+ * try blocks, where a throw would be reported as a failed recording.
+ */
+export async function sendNativeNotification(
+  notification: NativeNotification,
+  deps: NativeNotificationDeps = tauriNotificationDeps,
+): Promise<boolean> {
+  try {
+    const granted =
+      (await deps.isPermissionGranted()) ||
+      (await deps.requestPermission()) === "granted";
+    if (!granted) return false;
+    deps.sendNotification(notification);
+    return true;
+  } catch (err) {
+    console.warn("[clips-tray] native notification failed:", err);
+    return false;
+  }
+}

package/corpus/templates/clips/desktop/src/lib/recording-link.ts

@@ -0,0 +1,67 @@
+import { writeText } from "@tauri-apps/plugin-clipboard-manager";
+
+import { buildRecordingShareUrl } from "../../../shared/recording-link";
+import { normalizeServerUrl } from "./url";
+
+/**
+ * Absolute, paste-ready `/share/<id>` URL. Never `/r/<id>` — that is the owner
+ * dashboard and renders a sign-in prompt for anyone the link is sent to.
+ */
+export function recordingShareUrl(
+  recordingId: string,
+  serverUrl: string,
+): string {
+  return buildRecordingShareUrl({
+    recordingId,
+    origin: normalizeServerUrl(serverUrl),
+  });
+}
+
+async function writeClipboardText(text: string): Promise<boolean> {
+  // Rust-side write first: at recording-stop time the popover webview is
+  // usually not focused, and `navigator.clipboard.writeText` rejects with
+  // `NotAllowedError: Document is not focused` in exactly that case.
+  try {
+    await writeText(text);
+    return true;
+  } catch (err) {
+    console.warn("[clips-tray] native clipboard write failed:", err);
+  }
+
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch (err) {
+    console.warn("[clips-tray] navigator clipboard write failed:", err);
+  }
+
+  try {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.setAttribute("readonly", "");
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    textarea.style.pointerEvents = "none";
+    document.body.appendChild(textarea);
+    textarea.select();
+    textarea.setSelectionRange(0, text.length);
+    const copied = document.execCommand("copy");
+    document.body.removeChild(textarea);
+    return copied;
+  } catch (err) {
+    console.warn("[clips-tray] execCommand clipboard write failed:", err);
+    return false;
+  }
+}
+
+/**
+ * Copy a recording's public share URL. Resolves to whether the clipboard
+ * actually took the text so callers never claim a copy that did not happen.
+ */
+export async function copyRecordingShareLink(
+  recordingId: string,
+  serverUrl: string,
+): Promise<boolean> {
+  if (!recordingId.trim() || !normalizeServerUrl(serverUrl)) return false;
+  return writeClipboardText(recordingShareUrl(recordingId, serverUrl));
+}

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

@@ -1,42 +1,50 @@
 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;
+import {
+  advanceMeterLevels,
+  decayMeterLevel,
+  METER_BAR_COUNT,
+  METER_BAR_GAINS,
+  METER_SAMPLE_MS,
+  meterBarHeight,
+  nextMeterLevel,
+} from "../lib/audio-meter";
 
 interface LiveAudioBarsProps {
   className?: string;
   compact?: boolean;
 }
 
-/** Small Granola-style meter shared by the compact and expanded overlays. */
+/**
+ * Small Granola-style meter shared by the compact and expanded overlays. The
+ * bars track how loud the meeting actually is — mic and system audio both feed
+ * `voice:audio-level`, and the meter rides whichever is louder.
+ */
 export function LiveAudioBars({
   className,
   compact = false,
 }: LiveAudioBarsProps) {
-  const [level, setLevel] = useState(0);
+  const [levels, setLevels] = useState<number[]>(() =>
+    new Array(METER_BAR_COUNT).fill(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);
+    const sampleTimer = window.setInterval(() => {
+      const current = levelRef.current;
+      levelRef.current = decayMeterLevel(current);
+      setLevels((prev) => advanceMeterLevels(prev, current));
+    }, METER_SAMPLE_MS);
 
     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 = nextMeterLevel(
+        levelRef.current,
+        Number(event.payload?.level),
       );
-      levelRef.current = next;
-      setLevel(next);
     })
       .then((cleanup) => {
         if (stopped) {
@@ -49,15 +57,11 @@ export function LiveAudioBars({
 
     return () => {
       stopped = true;
-      window.clearInterval(decayTimer);
+      window.clearInterval(sampleTimer);
       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,
@@ -68,19 +72,15 @@ export function LiveAudioBars({
 
   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)}%` }}
-          />
-        );
-      })}
+      {METER_BAR_GAINS.map((_gain, index) => (
+        <span
+          className="live-audio-bar"
+          key={index}
+          style={{
+            height: `${Math.round(meterBarHeight(levels[index] ?? 0, index))}%`,
+          }}
+        />
+      ))}
     </span>
   );
 }

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

@@ -151,8 +151,9 @@ export function LiveTranscript({
 
 /**
  * A single chat-style transcript bubble. The mic stream ("You") is aligned to
- * the right with a warm amber bubble; the system-audio stream ("Them") sits on
- * the left with a cool sky bubble. In-flight partials render dimmed.
+ * the right; the system-audio stream ("Them") sits on the left. Both use
+ * neutral greys — side, not hue, is what distinguishes the speakers. In-flight
+ * partials render dimmed.
  */
 function ChatBubble({
   source,

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

@@ -1,11 +1,11 @@
 import {
+  IconArrowUp,
   IconCheck,
   IconChevronDown,
   IconChevronUp,
   IconCopy,
   IconExternalLink,
   IconLoader2,
-  IconMessageCircle,
   IconPlayerPauseFilled,
   IconPlayerPlayFilled,
   IconPlayerStopFilled,
@@ -32,8 +32,8 @@ interface PillContext {
  * Granola-style recording indicator. A floating pill anchored by Rust:
  * center-right for meetings, bottom-center for ordinary recordings.
  *
- *   - Collapsed (default): red dot + elapsed timer + tiny waveform + chevron.
- *   - Expanded: same header + scrolling live transcript + Pause / Stop.
+ *   - Collapsed (default): logo + live waveform capsule, click to expand.
+ *   - Expanded: header + scrolling live transcript + Pause / Stop + Ask bar.
  *
  * The hosting Tauri window is always-on-top, transparent, no decorations,
  * and capture-excluded — see `recording_indicator.rs`. We only deal with
@@ -51,6 +51,7 @@ export function RecordingPill() {
   const [hasTranscriptLines, setHasTranscriptLines] = useState(false);
   const [transcriptCopied, setTranscriptCopied] = useState(false);
   const [preloadedLines, setPreloadedLines] = useState<FinalLine[]>([]);
+  const [ask, setAsk] = useState("");
   const activeMeetingIdRef = useRef<string | null>(null);
   // Detached / "floating" mode — Wispr-style pill that auto-moves to the
   // top-right when the main app loses focus, with a drag handle. Driven by
@@ -196,17 +197,6 @@ export function RecordingPill() {
     };
   }, [ctx.mode, paused]);
 
-  // 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(() => {
-    if (ctx.mode !== "meeting" || detached) return;
-    const timer = setTimeout(() => {
-      setExpanded(true);
-      invoke("recording_pill_expand", { expanded: true }).catch(() => {});
-    }, 280);
-    return () => clearTimeout(timer);
-  }, [ctx.mode, detached]);
-
   async function toggleExpanded() {
     const next = !expanded;
     setExpanded(next);
@@ -258,6 +248,19 @@ export function RecordingPill() {
     }
   };
 
+  const handleAskSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    const question = ask.trim();
+    const mid = activeMeetingIdRef.current;
+    if (!question || !mid) return;
+    setAsk("");
+    emit("clips:open-meeting", {
+      meetingId: mid,
+      openChat: true,
+      prompt: question,
+    }).catch(() => {});
+  };
+
   const handlePillMouseDown = (e: React.MouseEvent) => {
     if (e.button !== 0) return;
     const target = e.target as HTMLElement;
@@ -307,11 +310,9 @@ export function RecordingPill() {
                 ? " pill-vertical"
                 : ""
           }`}
+          onClick={!expanded && !detached ? handlePillMediaClick : undefined}
         >
-          <div
-            className="pill-media"
-            onClick={!expanded && !detached ? handlePillMediaClick : undefined}
-          >
+          <div className="pill-media">
             <PillLogo className="pill-logo" />
             <LiveAudioBars
               compact={!expanded && !detached}
@@ -413,43 +414,43 @@ export function RecordingPill() {
             />
           </div>
           {ctx.mode === "meeting" ? (
-            <div className="pill-saved-bar">
+            <form className="pill-ask-bar" onSubmit={handleAskSubmit}>
+              <input
+                data-no-drag
+                className="pill-ask-input"
+                value={ask}
+                onChange={(e) => setAsk(e.target.value)}
+                placeholder="Ask anything"
+                aria-label="Ask anything about this meeting"
+                disabled={!ctx.meetingId}
+              />
+              <button
+                type="submit"
+                data-no-drag
+                className="pill-ask-send"
+                disabled={!ask.trim() || !ctx.meetingId}
+                aria-label="Ask"
+                title="Ask"
+              >
+                <IconArrowUp size={13} />
+              </button>
               <button
                 type="button"
                 data-no-drag
-                className="pill-open-web-btn"
+                className="pill-ask-open"
                 onClick={() => {
                   const mid = activeMeetingIdRef.current;
                   if (mid)
-                    emit("clips:open-meeting", {
-                      meetingId: mid,
-                      openChat: true,
-                    }).catch(() => {});
+                    emit("clips:open-meeting", { meetingId: mid }).catch(
+                      () => {},
+                    );
                 }}
-                title="Chat with transcript"
+                aria-label="Open in browser"
+                title="Open this meeting in the browser"
               >
-                <IconMessageCircle size={12} />
-                Chat with transcript
+                <IconExternalLink size={13} />
               </button>
-              <span className="pill-saved-status">
-                <button
-                  type="button"
-                  data-no-drag
-                  className="pill-open-web-btn"
-                  onClick={() => {
-                    const mid = activeMeetingIdRef.current;
-                    if (mid)
-                      emit("clips:open-meeting", { meetingId: mid }).catch(
-                        () => {},
-                      );
-                  }}
-                  title="Open this meeting in the browser"
-                >
-                  <IconExternalLink size={12} />
-                  Open in browser
-                </button>
-              </span>
-            </div>
+            </form>
           ) : null}
         </div>
       </div>