@agent-native/core 0.165.3 → 0.167.0

package/corpus/templates/clips/app/routes/share.$shareId.tsx

@@ -13,13 +13,12 @@ import {
 import { useT } from "@agent-native/core/client/i18n";
 import { buildSignInReturnHref } from "@agent-native/core/client/ui";
 import { docsUrl } from "@agent-native/core/shared";
-import { ShareTrigger } from "@agent-native/toolkit/sharing";
 import {
   IconAlertTriangle,
   IconArrowLeft,
   IconDeviceDesktop,
   IconDownload,
-  IconDots,
+  IconDotsVertical,
   IconLock,
   IconLogin2,
 } from "@tabler/icons-react";
@@ -51,6 +50,7 @@ import { toast } from "sonner";
 
 import { CaptureInstallButton } from "@/components/capture-install-options";
 import { AccessPasswordPrompt } from "@/components/player/access-password-prompt";
+import { ClipsShareTrigger } from "@/components/player/clips-share-trigger";
 import { CommentsPanel } from "@/components/player/comments-panel";
 import { RecordingOptionsMenu } from "@/components/player/delete-recording-menu";
 import { InsightsPanel } from "@/components/player/insights-panel";
@@ -1110,8 +1110,8 @@ export default function ShareRoute() {
   return (
     <div className="flex min-h-screen max-w-full flex-col overflow-x-hidden bg-background text-foreground lg:h-screen lg:flex-row lg:overflow-hidden">
       {agentDiscovery}
-      <div className="flex w-full min-w-0 flex-col lg:flex-1">
-        <header className="flex min-w-0 shrink-0 flex-wrap items-center gap-2 border-b border-border px-3 py-2 sm:gap-3 sm:px-4 sm:py-3 lg:flex-nowrap">
+      <div className="clips-share-content flex w-full min-w-0 flex-col lg:flex-1">
+        <header className="flex min-w-0 shrink-0 flex-wrap items-center gap-2 border-b border-border px-3 py-2 sm:px-4 sm:py-3 lg:flex-nowrap">
           {session ? (
             <Button
               asChild
@@ -1147,7 +1147,7 @@ export default function ShareRoute() {
             )}
           </div>
 
-          <div className="flex w-full min-w-0 flex-wrap items-center justify-between gap-2 sm:w-auto sm:justify-end">
+          <div className="flex w-full min-w-0 flex-wrap items-center justify-between gap-1 sm:w-auto sm:justify-end">
             <RecordingViewsBadge
               recordingId={recording.id}
               viewCount={viewCount}
@@ -1161,6 +1161,22 @@ export default function ShareRoute() {
                 onCtaClick={fireShareCtaClick}
               />
             )}
+            {viewerCanEdit || canReshareLink ? (
+              <ShareRecordingPopover
+                recordingId={recording.id}
+                recordingTitle={recording.title}
+                initialVisibility={recording.visibility}
+                initialRole={viewerIsOwner ? "owner" : undefined}
+                videoUrl={shareVideoUrl}
+                thumbnailUrl={recording.thumbnailUrl}
+                animatedThumbnailUrl={recording.animatedThumbnailUrl}
+                isLoomRecording={isLoomEmbedBacked}
+                hasPassword={Boolean(recording.hasPassword)}
+                viewerReshareOnly={viewerReshareOnly}
+              >
+                <ClipsShareTrigger label={t("sharePage.share")} />
+              </ShareRecordingPopover>
+            ) : null}
             {!viewerCanEdit && canDownloadRecording ? (
               <DropdownMenu
                 open={downloadMenuOpen}
@@ -1170,10 +1186,10 @@ export default function ShareRoute() {
                   <Button
                     variant="ghost"
                     size="sm"
-                    className="h-9 w-9 shrink-0 px-0"
+                    className="-mx-1.5 h-auto w-auto shrink-0 px-0.5 py-1.5"
                     aria-label={t("sharePage.clipOptions")}
                   >
-                    <IconDots className="h-4 w-4" />
+                    <IconDotsVertical className="h-4 w-4" />
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" className="w-44">
@@ -1206,25 +1222,6 @@ export default function ShareRoute() {
                 onDeleted={() => navigate("/library", { replace: true })}
               />
             ) : null}
-            {viewerCanEdit || canReshareLink ? (
-              <ShareRecordingPopover
-                recordingId={recording.id}
-                recordingTitle={recording.title}
-                initialVisibility={recording.visibility}
-                initialRole={viewerIsOwner ? "owner" : undefined}
-                videoUrl={shareVideoUrl}
-                thumbnailUrl={recording.thumbnailUrl}
-                animatedThumbnailUrl={recording.animatedThumbnailUrl}
-                isLoomRecording={isLoomEmbedBacked}
-                hasPassword={Boolean(recording.hasPassword)}
-                viewerReshareOnly={viewerReshareOnly}
-              >
-                <ShareTrigger
-                  label={t("sharePage.share")}
-                  className="shrink-0"
-                />
-              </ShareRecordingPopover>
-            ) : null}
           </div>
         </header>
 
@@ -1361,15 +1358,15 @@ export default function ShareRoute() {
               : null}
           </div>
 
-          <div className="flex shrink-0 flex-col gap-3 px-4 pb-4 sm:flex-row sm:items-start sm:px-0 sm:pb-0">
-            <div className="min-w-0 flex-1">
+          <div className="clips-share-metadata flex shrink-0 flex-col gap-3 px-4 pb-4 sm:px-0 sm:pb-0">
+            <div className="clips-share-metadata-description min-w-0 flex-1">
               {recording.description ? (
                 <p className="whitespace-pre-wrap break-words text-sm text-muted-foreground">
                   {recording.description}
                 </p>
               ) : null}
             </div>
-            <div className="flex max-w-full flex-col items-stretch gap-2 sm:items-end">
+            <div className="clips-share-metadata-actions flex max-w-full flex-col items-stretch gap-2 sm:items-end">
               <div className="flex flex-wrap items-center gap-2 sm:justify-end">
                 {recording.enableComments ? (
                   <TimestampedCommentButton

package/corpus/templates/clips/changelog/2026-08-20-clip-viewer-share-actions.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-20
+---
+
+Clip viewers now make Share the primary action and keep the overflow control compact and vertical.

package/corpus/templates/clips/changelog/2026-08-20-preparing-recording-countdown-overlay.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-20
+---
+
+Recording preparation now uses a centered full-screen overlay that transitions smoothly into the 3-2-1 countdown.

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

@@ -61,19 +61,6 @@ type PopupStartMessage = {
   settings?: Partial<ExtensionSettings>;
 };
 
-type PopupMessage =
-  | PopupStartMessage
-  | { type: "CLIPS_POPUP_STATUS" }
-  | { type: "CLIPS_POPUP_STOP" }
-  | { type: "CLIPS_POPUP_CANCEL" }
-  | { type: "CLIPS_POPUP_OPEN" }
-  | { type: "CLIPS_POPUP_SIGN_IN"; settings?: Partial<ExtensionSettings> }
-  | {
-      type: "CLIPS_POPUP_PREPARE_PERMISSION_START";
-      settings?: Partial<ExtensionSettings>;
-      targetTabId?: number;
-    };
-
 type ExternalMessage =
   | {
       type: "CLIPS_CAPTURE_START";

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

@@ -117,7 +117,6 @@ type OverlayState = {
   countdownEndsAtMs: number;
 };
 
-const COUNTDOWN_FALLBACK = 3;
 const params = new URLSearchParams(location.search);
 const part = params.get("part");
 const root = document.getElementById("root") as HTMLDivElement;

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

@@ -574,26 +574,6 @@ function isUnsupportedPage(url: string | undefined | null): boolean {
   );
 }
 
-function targetCopy(tab: chrome.tabs.Tab | null): {
-  title: string;
-  subtitle: string;
-} {
-  const title = tab?.title?.trim() || "Current tab";
-  const host = hostnameLabel(tab?.url);
-  if (!host) return { title, subtitle: "Ready to record" };
-  const titleKey = comparableLabel(title);
-  const hostKey = comparableLabel(host);
-  return {
-    title,
-    subtitle:
-      titleKey &&
-      hostKey &&
-      (titleKey === hostKey || hostKey.includes(titleKey))
-        ? ""
-        : host,
-  };
-}
-
 function isSignInError(message: string | undefined): boolean {
   return Boolean(
     message && /sign in to clips|unauthorized|unauthenticated/i.test(message),

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

@@ -345,17 +345,6 @@ const DEFAULT_SCREEN_MEMORY_CONFIG = {
   excludePrivateWindows: false,
 };
 
-function parseExcludedBundleIds(value: string): string[] {
-  return [
-    ...new Set(
-      value
-        .split(/[\n,]/)
-        .map((id) => id.trim())
-        .filter(Boolean),
-    ),
-  ];
-}
-
 function isStorageSetupFailureMessage(message: string | null | undefined) {
   return STORAGE_SETUP_FAILURE_RE.test(message ?? "");
 }
@@ -997,9 +986,9 @@ export function App() {
     setPopoverView("settings");
   }
 
-  const [rewindSettingsReturnView, setRewindSettingsReturnView] = useState<
-    "recorder" | "settings"
-  >("recorder");
+  const [rewindSettingsReturnView] = useState<"recorder" | "settings">(
+    "recorder",
+  );
   const [rewindAgentPromptCopied, setRewindAgentPromptCopied] = useState(false);
   const [agentHandoff, setAgentHandoff] =
     useState<RewindAgentHandoffRequest | null>(null);
@@ -1037,7 +1026,7 @@ export function App() {
   // popover auto-hide during the macOS screen-picker focus dance.
   const [recordingFlowActive, setRecordingFlowActive] = useState(false);
   const [recordingStopFinalizing, setRecordingStopFinalizing] = useState(false);
-  const [lastRecordingId, setLastRecordingId] = useState<string | null>(null);
+  const [, setLastRecordingId] = useState<string | null>(null);
   const [authStatus, setAuthStatus] = useState<"unknown" | "authed" | "anon">(
     "unknown",
   );
@@ -1071,7 +1060,6 @@ export function App() {
   const {
     cameraId,
     setCameraId,
-    micId,
     setMicId,
     cameraLabel,
     setCameraLabel,
@@ -4387,7 +4375,7 @@ function PendingUploadBanner({
 
   const retrying = retryingUploadId === latest.recordingId;
   const storageSetupFailure = isStorageSetupFailureMessage(latest.lastError);
-  const exporting = exportingUploadId === latest.recordingId;
+
   const canOpenFolder = latest.kind === "native" && !!latest.folderPath;
   const canExport = latest.kind === "browser";
   const actionsDisabled =
@@ -5516,7 +5504,7 @@ function Setup({
   const [rewindLocalBusy, setRewindLocalBusy] = useState(false);
   const [rewindLocalError, setRewindLocalError] = useState<string | null>(null);
   const [rewindReplayId, setRewindReplayId] = useState<string | null>(null);
-  const [excludedBundleIdsInput, setExcludedBundleIdsInput] = useState("");
+  const [, setExcludedBundleIdsInput] = useState("");
   const [excludedApps, setExcludedApps] = useState<RewindExcludedApplication[]>(
     [],
   );

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

@@ -1,4 +1,3 @@
-import { emit } from "@tauri-apps/api/event";
 import {
   useCallback,
   useEffect,

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

@@ -1992,14 +1992,6 @@ function isCountdownCancelledError(err: unknown) {
   );
 }
 
-function isRegionSelectionCancelledError(err: unknown) {
-  return (
-    err instanceof Error &&
-    err.name === "AbortError" &&
-    /region selection/i.test(err.message)
-  );
-}
-
 function normalizeRegionCaptureRect(value: unknown): RegionCaptureRect | null {
   if (!value || typeof value !== "object") return null;
   const rect = value as Partial<RegionCaptureRect>;

package/corpus/templates/clips/desktop/src/overlays/preparing.tsx

@@ -1,12 +1,10 @@
-/** Visible readiness state shown while the shared Rewind Clip writer and
- * resumable upload session are prepared. The numeric countdown replaces it
- * only after zero can be an immediate media boundary. */
+/** Visible readiness state shown before the numeric countdown takes over. */
 export function Preparing() {
   return (
-    <div className="preparing-root">
-      <div className="preparing-card" role="status" aria-live="polite">
+    <div className="countdown-root preparing-root">
+      <div className="preparing-content" role="status" aria-live="polite">
+        <span className="preparing-label">Preparing recording</span>
         <div className="preparing-spinner" aria-hidden="true" />
-        <span>Preparing recording…</span>
       </div>
     </div>
   );

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

@@ -4250,42 +4250,40 @@ body[data-clips-route="recording-pill"] #root {
 }
 
 /* ------------------------------------------------------------------------- */
-/* Overlay: finalizing spinner                                                */
+/* Overlay: recording preparation                                              */
 /* ------------------------------------------------------------------------- */
 
 .preparing-root {
   position: fixed;
   inset: 0;
   display: flex;
-  align-items: flex-end;
-  justify-content: flex-start;
-  padding: 10px;
-  background: transparent;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
 }
 
-.preparing-card {
+.preparing-content {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 10px;
-  width: 100%;
-  padding: 12px 14px;
-  border-radius: 16px;
-  background: rgba(20, 22, 28, 0.94);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  gap: 16px;
   color: white;
-  font-size: 13px;
-  font-weight: 600;
+}
+
+.preparing-label {
+  font-size: 20px;
+  font-weight: 650;
+  letter-spacing: -0.01em;
+  line-height: 1;
 }
 
 .preparing-spinner {
-  width: 18px;
-  height: 18px;
+  width: 28px;
+  height: 28px;
   flex: 0 0 auto;
   border-radius: 50%;
-  border: 2px solid rgba(255, 255, 255, 0.18);
-  border-top-color: #ffffff;
+  border: 3px solid color-mix(in srgb, currentColor 18%, transparent);
+  border-top-color: currentColor;
   animation: finalizing-spin 0.9s linear infinite;
 }
 

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

@@ -472,25 +472,17 @@ fn stop_countdown_control_tracking() {
     COUNTDOWN_CONTROL_TRACKING.store(false, Ordering::SeqCst);
 }
 
-/// Compact visible readiness state for the slow work that intentionally runs
-/// before the numeric countdown. This capture-excluded card briefly takes
-/// focus as the first stage of the explicit modal start flow, so the user sees
-/// that Start was accepted without changing the exact countdown-zero boundary.
+/// Full-screen visible readiness state for the slow work that intentionally
+/// runs before the numeric countdown. This capture-excluded overlay briefly
+/// takes focus as the first stage of the explicit modal start flow, so the user
+/// sees that Start was accepted without changing the exact countdown-zero
+/// boundary.
 #[tauri::command]
 pub async fn show_preparing(app: AppHandle) -> Result<(), String> {
     if let Some(existing) = app.get_webview_window(PREPARING_LABEL) {
         let _ = existing.close();
     }
     let (mx, my, mw, mh) = tray_monitor_physical_rect(&app);
-    let scale = overlay_scale_factor(&app);
-    let content_w: u32 = (260.0 * scale).round() as u32;
-    let content_h: u32 = (58.0 * scale).round() as u32;
-    let margin: i32 = (14.0 * scale).round() as i32;
-    let gutter = overlay_shadow_gutter_physical(&app);
-    let w = content_w + gutter * 2;
-    let h = content_h + gutter * 2;
-    let x = (mx + (mw.saturating_sub(w) / 2) as i32).max(mx);
-    let y = (my + mh as i32 - h as i32 - margin).max(my);
     let win = WebviewWindowBuilder::new(&app, PREPARING_LABEL, build_overlay_url("preparing"))
         .title("Preparing recording")
         .decorations(false)
@@ -503,14 +495,14 @@ pub async fn show_preparing(app: AppHandle) -> Result<(), String> {
         .focused(true)
         .build()
         .map_err(|error| format!("preparing window build failed: {error}"))?;
-    let _ = win.set_size(tauri::Size::Physical(PhysicalSize::new(w, h)));
-    let _ = win.set_position(PhysicalPosition::new(x, y));
+    let _ = win.set_size(tauri::Size::Physical(PhysicalSize::new(mw, mh)));
+    let _ = win.set_position(PhysicalPosition::new(mx, my));
     let _ = win.set_ignore_cursor_events(true);
     set_capture_excluded(&win);
     configure_overlay_behavior(&win);
     // Preparation and countdown are one explicit modal start flow. Making the
-    // compact readiness card key ensures it gets a real first paint and is
-    // announced before the full-screen countdown replaces it.
+    // readiness overlay key ensures it gets a real first paint and is announced
+    // before the countdown replaces it.
     present_interactive_window(&win);
     let _ = app.emit("clips:toolbar-preparing", true);
     // A newly-created webview needs one paint before the async preparation can

package/corpus/templates/content/.agents/skills/secrets/SKILL.md

@@ -38,7 +38,11 @@ connection exists:
   register a `kind: "oauth"` entry so the shared UI renders Connect and the
   runtime owns status, refresh, and reauthorization.
 - **Deploy- or app-level configuration** - use deployment/runtime
-  configuration, not a per-user secret row.
+  configuration, not a per-user secret row. For a non-secret public setting
+  already represented by `AgentNativeConfig`, put the default in
+  `agent-native.config.ts` and use its `AGENT_NATIVE_CONFIG_<PATH>` alias only
+  for a deployment override. Never put a credential or provider key in that
+  public namespace.
 - **Account, customer, manager, or other non-secret identifier** - store it as
   scoped connection metadata or app data, not as a masked secret field.
 

package/corpus/templates/content/.agents/skills/workspace-conventions/SKILL.md

@@ -55,7 +55,10 @@ Preview before `--apply`, commit `agent-native.ejections.json`, and never edit
   ZIPs, screenshots, thumbnails, session replay chunks) in configured file/blob
   storage and persist only URLs, ids, or handles.
 - Store shared runtime configuration in the workspace root `.env`; use
-  `apps/<app>/.env` only for app-specific overrides. Never hardcode API keys,
+  `apps/<app>/.env` only for app-specific overrides. For public app behavior,
+  prefer the default in `agent-native.config.ts` and use the deterministic
+  `AGENT_NATIVE_CONFIG_<UPPER_SNAKE_PATH>` alias only when a non-secret value
+  needs a deployment override. Never hardcode API keys,
   tokens, webhook URLs, signing secrets, private Builder/internal data, customer
   data, or credential-looking literals in source, docs, prompts, fixtures,
   application state, action responses, or generated app content. Use