@agent-native/core 0.79.20 → 0.79.22

package/corpus/templates/clips/app/components/recorder/pre-record-panel.tsx

@@ -41,6 +41,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
+import { useIsMobile } from "@/hooks/use-mobile";
 import {
   loadRecorderPreferences,
   saveRecorderPreferences,
@@ -192,6 +193,7 @@ export function PreRecordPanel({
     error: null,
     hasPreview: false,
   });
+  const isMobile = useIsMobile();
 
   const modeOptions = useMemo<ModeOption[]>(
     () => [
@@ -213,6 +215,14 @@ export function PreRecordPanel({
     ],
     [t],
   );
+  const visibleModeOptions = useMemo(
+    () =>
+      isMobile
+        ? modeOptions.filter((option) => option.value === "camera")
+        : modeOptions,
+    [isMobile, modeOptions],
+  );
+
   const surfaceOptions = useMemo<SurfaceOption[]>(
     () => [
       {
@@ -238,8 +248,14 @@ export function PreRecordPanel({
   );
 
   useEffect(() => {
+    if (isMobile) {
+      // Mobile browsers do not support the screen-capture choices this panel
+      // offers on desktop, so keep the setup focused on recording face video.
+      setMode("camera");
+      return;
+    }
     if (initialMode) setMode(initialMode);
-  }, [initialMode]);
+  }, [initialMode, isMobile]);
 
   useEffect(() => {
     if (initialDisplaySurface) setDisplaySurface(initialDisplaySurface);
@@ -586,7 +602,7 @@ export function PreRecordPanel({
     <div className="mx-auto w-full max-w-lg overflow-hidden rounded-2xl border border-border bg-card shadow-lg">
       <div className="p-6">
         <div className="grid gap-2 sm:grid-cols-3">
-          {modeOptions.map((opt) => {
+          {visibleModeOptions.map((opt) => {
             const Icon = opt.icon;
             const active = opt.value === mode;
             return (
@@ -600,7 +616,7 @@ export function PreRecordPanel({
                 className={cn(
                   "flex min-h-20 min-w-0 flex-col justify-between rounded-xl border p-3 text-start transition-colors",
                   active
-                    ? "border-primary bg-primary text-primary-foreground shadow-sm"
+                    ? "border-primary/55 bg-primary/[0.12] text-foreground shadow-sm ring-1 ring-primary/15"
                     : "border-border bg-background text-foreground hover:border-foreground/30 hover:bg-muted/45",
                 )}
                 aria-pressed={active}
@@ -609,7 +625,7 @@ export function PreRecordPanel({
                   className={cn(
                     "mb-3 flex h-9 w-9 items-center justify-center rounded-full",
                     active
-                      ? "bg-primary-foreground/15 text-primary-foreground"
+                      ? "bg-primary/[0.18] text-foreground"
                       : "bg-muted text-muted-foreground",
                   )}
                 >

package/corpus/templates/clips/app/hooks/use-desktop-promo.ts

@@ -1,5 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
 
+import { useIsMobile } from "@/hooks/use-mobile";
+
 const DISMISSED_KEY = "clips.desktop-promo.dismissed";
 
 function detectDesktopApp(): boolean {
@@ -17,6 +19,7 @@ function detectDesktopApp(): boolean {
 }
 
 export function useDesktopPromo() {
+  const isMobile = useIsMobile();
   const [isDesktopApp, setIsDesktopApp] = useState(false);
   const [dismissed, setDismissed] = useState(false);
 
@@ -40,8 +43,9 @@ export function useDesktopPromo() {
 
   return {
     isDesktopApp,
-    shouldShowPromo: !isDesktopApp && !dismissed,
-    shouldShowSidebarLink: !isDesktopApp,
+    isMobile,
+    shouldShowPromo: !isMobile && !isDesktopApp && !dismissed,
+    shouldShowSidebarLink: !isMobile && !isDesktopApp,
     dismiss,
   };
 }

package/corpus/templates/clips/changelog/2026-06-27-clips-no-longer-shows-desktop-app-prompts-on-mobile-screens.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-27
+---
+
+Clips no longer shows desktop app prompts on mobile screens.

package/corpus/templates/clips/changelog/2026-06-27-desktop-storage-setup-flow.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-27
+---
+
+Desktop recording now guides you to connect storage with a friendly setup flow instead of a red error.

package/corpus/templates/clips/changelog/2026-06-27-recorder-download-options-now-show-the-chrome-extension-and-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-27
+---
+
+Recorder download options now show the Chrome extension and desktop app choices without extra setup copy.

package/corpus/templates/clips/changelog/2026-06-27-recorder-setup-mobile-capture-options.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-27
+---
+
+Recorder setup keeps screen-capture choices desktop-only on mobile and tones down the selected mode highlight.

package/corpus/templates/clips/chrome-extension/package.json

@@ -11,7 +11,7 @@
     "package": "pnpm build && tsx scripts/package.ts"
   },
   "dependencies": {
-    "@sentry/browser": "10.60.0"
+    "@sentry/browser": "10.62.0"
   },
   "devDependencies": {
     "@types/chrome": "^0.2.0",

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

@@ -74,7 +74,9 @@ function shouldDropExpectedMediaPermissionError(
   const tags = context.tags ?? {};
   const isPermissionProbe =
     tags.surface === "permission" &&
-    (tags.permission === "mic" || tags.permission === "cam");
+    (!tags.permission ||
+      tags.permission === "mic" ||
+      tags.permission === "cam");
   const isOptionalBubbleCamera =
     tags.surface === "overlay" && tags.overlayPart === "bubble";
   if (!isPermissionProbe && !isOptionalBubbleCamera) return false;
@@ -87,11 +89,24 @@ function shouldDropExpectedMediaPermissionError(
   return (
     /\bNotAllowedError\b/i.test(text) ||
     /\bPermission (?:denied|dismissed)\b/i.test(text) ||
+    /\bPermission denied by system\b/i.test(text) ||
+    /\bNotReadableError\b/i.test(text) ||
+    /\bCould not start video source\b/i.test(text) ||
     /\b(?:NotFoundError|DevicesNotFoundError)\b/i.test(text) ||
     /\bRequested device not found\b/i.test(text)
   );
 }
 
+function shouldDropExpectedMediaPermissionEvent(event: Sentry.Event): boolean {
+  if (event.tags?.surface !== "permission") return false;
+  const exceptionText = (event.exception?.values ?? [])
+    .map((value) => `${value.type ?? ""}: ${value.value ?? ""}`)
+    .join(" ");
+  return shouldDropExpectedMediaPermissionError(exceptionText, {
+    tags: { surface: "permission" },
+  });
+}
+
 function scrubScopeString(value: string): string {
   const scrubbed = scrubUrl(value, { redactAllQueryValues: true });
   if (scrubbed !== value) return scrubbed;
@@ -185,6 +200,7 @@ export function initExtensionSentry(surface: string): void {
         runtime: "chrome-extension",
         surface,
       };
+      if (shouldDropExpectedMediaPermissionEvent(event)) return null;
       return scrubEvent(event);
     },
   });

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

@@ -17,6 +17,7 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@sentry/browser": "10.62.0",
     "@tabler/icons-react": "^3.26.0",
     "@tauri-apps/api": "^2.11.0",
     "@tauri-apps/plugin-fs": "2.5.1",

package/corpus/templates/clips/desktop/scripts/check-tauri-prereqs.mjs

@@ -14,6 +14,7 @@ const RED = "\x1b[31m";
 const YELLOW = "\x1b[33m";
 const CYAN = "\x1b[36m";
 const DIM = "\x1b[2m";
+const MIN_RUST_VERSION = [1, 88, 0];
 
 function has(cmd) {
   try {
@@ -107,3 +108,47 @@ if (!has("cargo")) {
 
   fail(installLines);
 }
+
+function parseRustVersion(output) {
+  const match = output.match(/rustc\s+(\d+)\.(\d+)\.(\d+)/);
+  if (!match) return null;
+  return match.slice(1, 4).map((part) => Number(part));
+}
+
+function compareVersions(a, b) {
+  for (let i = 0; i < 3; i += 1) {
+    if (a[i] > b[i]) return 1;
+    if (a[i] < b[i]) return -1;
+  }
+  return 0;
+}
+
+let rustcOutput = "";
+try {
+  rustcOutput = execFileSync("rustc", ["--version"], {
+    encoding: "utf8",
+  });
+} catch {
+  fail([
+    "",
+    `${YELLOW}Cargo is installed, but ${BOLD}rustc${RESET}${YELLOW} is not available.${RESET}`,
+    "",
+    `${BOLD}Fix:${RESET} update your Rust toolchain, then retry:`,
+    "",
+    `  ${CYAN}rustup update stable${RESET}`,
+  ]);
+}
+
+const rustVersion = parseRustVersion(rustcOutput);
+if (!rustVersion || compareVersions(rustVersion, MIN_RUST_VERSION) < 0) {
+  fail([
+    "",
+    `${YELLOW}Clips Desktop needs Rust ${BOLD}${MIN_RUST_VERSION.join(".")}+${RESET}${YELLOW} for the current Tauri/Sentry native SDKs.${RESET}`,
+    "",
+    `Found: ${DIM}${rustcOutput.trim() || "unknown"}${RESET}`,
+    "",
+    `${BOLD}Fix:${RESET} update Rust, then retry:`,
+    "",
+    `  ${CYAN}rustup update stable${RESET}`,
+  ]);
+}

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

@@ -1687,9 +1687,7 @@ export function App() {
   const openVideoStorageSetup = useCallback(
     (targetServerUrl?: string) => {
       const base = (targetServerUrl?.trim() || serverUrl).replace(/\/+$/, "");
-      setRecError(
-        "Connect storage before recording from desktop: Builder.io (free tier storage + AI) or S3-compatible storage. Opening storage setup...",
-      );
+      setRecError(STORAGE_SETUP_HELP_TEXT);
       void openExternal(`${base}/record`).catch((err) => {
         setRecError(
           err instanceof Error
@@ -1924,6 +1922,11 @@ export function App() {
       setRecError(MACOS_CAPTURE_PERMISSION_MESSAGE);
       return;
     }
+    if (isStorageSetupFailureMessage(message)) {
+      setRecError(STORAGE_SETUP_HELP_TEXT);
+      openVideoStorageSetup();
+      return;
+    }
     setRecError(message);
   }
 
@@ -2306,6 +2309,8 @@ export function App() {
             panes={["speech", "microphone"]}
             onRetry={handleStartRecording}
           />
+        ) : isStorageSetupFailureMessage(recError) ? (
+          <StorageConnectionBanner onConnect={() => openVideoStorageSetup()} />
         ) : (
           <div className="error-banner">{recError}</div>
         )
@@ -2450,6 +2455,30 @@ function PermissionRecoveryBanner({
   );
 }
 
+function StorageConnectionBanner({ onConnect }: { onConnect: () => void }) {
+  return (
+    <div className="storage-flow-banner">
+      <div className="storage-flow-icon" aria-hidden>
+        <IconUpload size={17} stroke={1.8} />
+      </div>
+      <div className="storage-flow-copy">
+        <div className="storage-flow-title">
+          Connect storage to keep recording
+        </div>
+        <div className="storage-flow-sub">{STORAGE_SETUP_HELP_TEXT}</div>
+      </div>
+      <button
+        type="button"
+        className="storage-flow-connect"
+        onClick={onConnect}
+      >
+        <IconExternalLink size={14} stroke={2} />
+        Connect
+      </button>
+    </div>
+  );
+}
+
 function PendingUploadBanner({
   uploads,
   retryingUploadId,

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

@@ -0,0 +1,71 @@
+import * as Sentry from "@sentry/browser";
+
+declare const __CLIPS_DESKTOP_SENTRY_DSN__: string;
+declare const __CLIPS_DESKTOP_SENTRY_ENVIRONMENT__: string;
+declare const __CLIPS_DESKTOP_VERSION__: string;
+
+let initialized = false;
+
+function configuredDsn(): string {
+  return typeof __CLIPS_DESKTOP_SENTRY_DSN__ === "string"
+    ? __CLIPS_DESKTOP_SENTRY_DSN__.trim()
+    : "";
+}
+
+function configuredEnvironment(): string {
+  return typeof __CLIPS_DESKTOP_SENTRY_ENVIRONMENT__ === "string" &&
+    __CLIPS_DESKTOP_SENTRY_ENVIRONMENT__
+    ? __CLIPS_DESKTOP_SENTRY_ENVIRONMENT__
+    : "production";
+}
+
+function scrubUrl(value: string): string {
+  try {
+    const url = new URL(value);
+    for (const key of [...url.searchParams.keys()]) {
+      url.searchParams.set(key, "<redacted>");
+    }
+    return url.toString();
+  } catch {
+    return value;
+  }
+}
+
+function scrubEvent<T extends Sentry.Event>(event: T): T {
+  if (event.request?.url) {
+    event.request.url = scrubUrl(event.request.url);
+  }
+  if (event.user) {
+    delete (event.user as Record<string, unknown>).ip_address;
+  }
+  return event;
+}
+
+export function initDesktopSentry(route: string): void {
+  if (initialized) return;
+  const dsn = configuredDsn();
+  if (!dsn) return;
+  initialized = true;
+
+  Sentry.init({
+    dsn,
+    environment: configuredEnvironment(),
+    release: `clips-desktop@${__CLIPS_DESKTOP_VERSION__ || "0.0.0"}`,
+    sendDefaultPii: false,
+    beforeSend(event) {
+      event.tags = {
+        ...event.tags,
+        app: "agent-native-clips",
+        template: "clips",
+        runtime: "tauri-webview",
+        surface: route,
+      };
+      return scrubEvent(event);
+    },
+  });
+
+  Sentry.setTag("app", "agent-native-clips");
+  Sentry.setTag("template", "clips");
+  Sentry.setTag("runtime", "tauri-webview");
+  Sentry.setTag("surface", route);
+}

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

@@ -3,6 +3,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 
 import { App } from "./app";
+import { initDesktopSentry } from "./lib/sentry";
 import { Bubble } from "./overlays/bubble";
 import { Countdown } from "./overlays/countdown";
 import { Finalizing } from "./overlays/finalizing";
@@ -211,6 +212,7 @@ const rootEl = document.getElementById("root");
 if (rootEl) {
   const route = currentRoute();
   installRouteAttributes(route);
+  initDesktopSentry(route);
   installConsoleCapture(route);
   installBeforeUnloadCleanup();
   installHeapDebugLog();

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

@@ -1680,6 +1680,73 @@ body[data-clips-route="recording-pill"] #root {
   background: var(--surface-hover);
 }
 
+.storage-flow-banner {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  gap: 10px;
+  padding: 10px;
+  border: 1px solid #bfdbfe;
+  border-radius: var(--radius);
+  background: #eff6ff;
+  color: #1e3a8a;
+}
+
+.storage-flow-icon {
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  background: rgba(59, 130, 246, 0.12);
+  color: #1d4ed8;
+  flex-shrink: 0;
+}
+
+.storage-flow-copy {
+  min-width: 0;
+}
+
+.storage-flow-title {
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1.25;
+}
+
+.storage-flow-sub {
+  margin-top: 3px;
+  color: #3b5f9a;
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.storage-flow-connect {
+  grid-column: 2;
+  justify-self: start;
+  height: 28px;
+  border: 1px solid #bfdbfe;
+  border-radius: var(--radius-sm);
+  background: white;
+  color: #1d4ed8;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  padding: 0 9px;
+  font-size: 11px;
+  font-weight: 700;
+  transition:
+    background 120ms,
+    border-color 120ms;
+}
+
+.storage-flow-connect:hover {
+  background: #dbeafe;
+  border-color: #93c5fd;
+}
+
 .pending-upload-banner {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;

package/corpus/templates/clips/desktop/src-tauri/Cargo.toml

@@ -5,7 +5,7 @@ description = "Clips — menu-bar tray app (Tauri 2)"
 authors = ["Clips"]
 license = "MIT"
 edition = "2021"
-rust-version = "1.77.2"
+rust-version = "1.88"
 
 # See https://doc.rust-lang.org/cargo/reference/manifest.html
 
@@ -44,6 +44,7 @@ tauri-plugin-fs = "2.5.1"
 tauri-plugin-notification = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
+sentry = "0.48.3"
 url = "2"
 # Used by meetings_watcher.rs to poll the backend on a background tokio
 # task. Tauri 2 already pulls reqwest in transitively, but we declare it

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

@@ -2,10 +2,39 @@ use std::path::Path;
 use std::process::Command;
 
 fn main() {
+    emit_sentry_env_reruns();
     add_swift_runtime_rpaths();
     tauri_build::build()
 }
 
+fn emit_sentry_env_reruns() {
+    for name in [
+        "CLIPS_DESKTOP_SENTRY_DSN",
+        "TAURI_SENTRY_DSN",
+        "SENTRY_DESKTOP_DSN",
+        "SENTRY_CLIENT_DSN",
+        "VITE_SENTRY_CLIENT_DSN",
+        "VITE_SENTRY_DSN",
+        "SENTRY_DSN",
+        "CLIPS_DESKTOP_SENTRY_CLIENT_KEY",
+        "SENTRY_CLIENT_KEY",
+        "VITE_SENTRY_CLIENT_KEY",
+        "CLIPS_DESKTOP_SENTRY_PROJECT_ID",
+        "SENTRY_PROJECT_ID",
+        "VITE_SENTRY_PROJECT_ID",
+        "CLIPS_DESKTOP_SENTRY_INGEST_HOST",
+        "SENTRY_INGEST_HOST",
+        "VITE_SENTRY_INGEST_HOST",
+        "CLIPS_DESKTOP_SENTRY_ENVIRONMENT",
+        "SENTRY_ENVIRONMENT",
+        "NETLIFY_CONTEXT",
+        "VERCEL_ENV",
+        "NODE_ENV",
+    ] {
+        println!("cargo:rerun-if-env-changed={name}");
+    }
+}
+
 fn add_swift_runtime_rpaths() {
     if std::env::var("CARGO_CFG_TARGET_OS").as_deref() != Ok("macos") {
         return;

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

@@ -16,6 +16,7 @@ mod native_speech;
 mod notifications;
 mod permission_status;
 mod recording_indicator;
+mod sentry_report;
 mod shortcuts;
 mod silence_detector;
 mod state;
@@ -46,6 +47,8 @@ pub(crate) const TRAY_PNG: &[u8] = include_bytes!("../icons/tray.png");
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
+    sentry_report::init();
+
     tauri::Builder::default()
         .plugin(tauri_plugin_single_instance::init(|app, _argv, _cwd| {
             // Second launch just focuses the popover of the already-running

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

@@ -98,6 +98,7 @@ fn install_panic_hook() {
             append_line(&path, &format!("[clips-tray] panic: {info}"));
         }
         prev(info);
+        crate::sentry_report::flush(std::time::Duration::from_secs(2));
     }));
 }