@agent-native/core 0.176.1 → 0.176.2-nightly-20260831185956

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

@@ -69,7 +69,6 @@ import {
   EmptyTitle,
 } from "@/components/ui/empty";
 import { Input } from "@/components/ui/input";
-import { Skeleton } from "@/components/ui/skeleton";
 import { Spinner } from "@/components/ui/spinner";
 import { Switch as UiSwitch } from "@/components/ui/switch";
 import { Textarea } from "@/components/ui/textarea";
@@ -730,21 +729,6 @@ function openPrivacySettings(pane: MacosPrivacyPane): void {
   }
 }
 
-// Same explicit-drag pattern the toolbar/bubble overlays use —
-// `data-tauri-drag-region` has been unreliable, so we call `startDragging()`
-// directly on mousedown. Clicks on buttons/inputs still reach their handlers
-// since we only start a drag when the mousedown target isn't inside one.
-function handlePopoverHeaderMouseDown(event: React.MouseEvent) {
-  if (event.button !== 0) return;
-  const target = event.target as HTMLElement;
-  if (target.closest("button, a, input, select, textarea")) return;
-  getCurrentWindow()
-    .startDragging()
-    .catch((err) => {
-      console.warn("[clips-popover] startDragging failed:", err);
-    });
-}
-
 function nativeVoiceProvider(): VoiceProvider {
   return isMacPlatform() ? "macos-native" : "browser";
 }
@@ -2679,13 +2663,6 @@ export function App({
     };
   }, []);
 
-  // Warm the multi-second SCShareableContent lookup while the popover is
-  // open so a recording start within the cache TTL skips it. Fire-and-forget.
-  useEffect(() => {
-    if (!popoverVisible) return;
-    invoke("native_fullscreen_prefetch_capture_content").catch(() => {});
-  }, [popoverVisible]);
-
   const speechPermissionChecked = useRef(false);
   useEffect(() => {
     if (!popoverVisible || !micOn || speechPermissionChecked.current) return;
@@ -2775,9 +2752,8 @@ export function App({
   });
 
   bubbleActiveRef.current = bubbleActive;
-  // The toolbar is recording chrome, not pre-record chrome. Showing it while
-  // the popover is merely open leaves a disabled 0:00 Stop/Pause pill on the
-  // desktop, which reads as a stuck recorder and can trap accessibility clicks.
+  // The toolbar is recording chrome. It is created once the recording flow
+  // starts, then stays visible but disabled until capture is live.
   const toolbarActive = isRecording || recordingFlowActive;
 
   useEffect(() => {
@@ -2795,6 +2771,9 @@ export function App({
     // otherwise arrive after the recorder's enabled event and strand the
     // toolbar at 0:00.
     emit("clips:toolbar-enabled", false).catch(() => {});
+    // Tell a reused pill to reappear in its disabled state for the next
+    // preparation/countdown after a restart.
+    emit("clips:toolbar-preparing").catch(() => {});
     return () => {
       cancelled = true;
       // In screen-only mode the bubble effect never runs, so its
@@ -3399,6 +3378,15 @@ export function App({
     /** Live capture inherited from the take a restart is replacing. */
     resumeCapture?: RestartHandoff;
   }): Promise<RecorderHandle | null> {
+    if (recordingStopFinalizingRef.current) {
+      console.warn(
+        "[clips-popover] handleStartRecording ignored — previous recording still finalizing",
+      );
+      setRecError(
+        "Still finishing the last recording. Wait a moment, then try again.",
+      );
+      return null;
+    }
     if (
       (recorder || recordingFlowGateRef.current) &&
       !options?.ignoreActiveRecorder
@@ -3411,6 +3399,9 @@ export function App({
       );
       return null;
     }
+    if (localRecordingMode === "off" && authStatus !== "authed") {
+      return null;
+    }
     const bubbleTracks = bubbleStreamRef.current?.getTracks() ?? [];
     const bubbleStreamDead =
       bubbleTracks.length > 0 &&
@@ -3508,8 +3499,7 @@ export function App({
     // Tell Rust we're entering the recording flow NOW, not after the
     // handle arrives. The macOS screen-picker dialog steals focus from
     // the popover, which would otherwise trigger the blur-auto-hide
-    // mid-setup — so the countdown and toolbar render behind a hidden
-    // popover and the user sees nothing happen.
+    // mid-setup — so the countdown and toolbar can render during setup.
     invoke("set_recording_state", { active: true }).catch(() => {});
 
     // Hand the live camera stream to the recorder so it doesn't
@@ -3764,10 +3754,23 @@ export function App({
       emit("clips:countdown-cancel").catch(() => {});
       return;
     }
+    if (recordingStopFinalizingRef.current) {
+      // The shortcut's start call below passes `ignoreActiveRecorder: true`
+      // (it intentionally bypasses the recorder/gate check so a restart can
+      // reuse it), which would otherwise let it start a new native capture
+      // while the previous one is still finalizing.
+      setRecError(
+        "Still finishing the last recording. Wait a moment, then try again.",
+      );
+      invoke("show_popover").catch(() => {});
+      return;
+    }
 
     setPopoverView("recorder");
-    if (authStatus === "anon" && localRecordingMode === "off") {
-      setRecError("Sign in to Clips before using the recording shortcut.");
+    if (authStatus !== "authed" && localRecordingMode === "off") {
+      if (authStatus === "anon") {
+        setRecError("Sign in to Clips before using the recording shortcut.");
+      }
       invoke("show_popover").catch(() => {});
       return;
     }
@@ -4045,6 +4048,9 @@ export function App({
 
   const showCameraRow = mode !== "screen"; // screen-only has no camera
   const showSourceRow = mode !== "camera"; // camera-only has no screen source
+  const recordingReadinessPending =
+    localRecordingMode === "off" &&
+    (authStatus !== "authed" || videoStorageStatus === "checking");
 
   const pendingUploadBanner =
     authStatus === "authed" ? (
@@ -4361,35 +4367,6 @@ export function App({
     );
   }
 
-  // The session check has not answered yet. "unknown" must not fall through
-  // to the recorder: that shows a signed-out user the full recording UI for
-  // as long as /auth/session takes — indefinitely, if it hangs. Render the
-  // popover's shape instead until the check resolves either way.
-  if (authStatus === "unknown") {
-    return (
-      <div className="app" ref={appRef}>
-        <div
-          className="header header-centered"
-          onMouseDown={handlePopoverHeaderMouseDown}
-        >
-          <button
-            className="icon-button header-close"
-            onClick={hidePopover}
-            aria-label="Close"
-            title="Close"
-          >
-            <CloseIcon />
-          </button>
-        </div>
-        <div data-tw-surface className="grid gap-2.5 px-4 pb-4 pt-1">
-          <Skeleton className="h-14 w-full rounded-xl" />
-          <Skeleton className="h-14 w-full rounded-xl" />
-          <Skeleton className="mt-2 h-12 w-full rounded-full" />
-        </div>
-      </div>
-    );
-  }
-
   // When unauthenticated, render the sign-in form INLINE in the popover
   // (not a separate Tauri window). This avoids Tauri 2's separate-WebKit-
   // data-store-per-WebviewWindow cookie-jar issue — the cookie is set in
@@ -4403,10 +4380,7 @@ export function App({
             modes, Feedback, and Settings all act on an account that does not
             exist yet, so they appear after auth rather than competing with it.
             Only the window's own close control stays. */}
-        <div
-          className="header header-centered"
-          onMouseDown={handlePopoverHeaderMouseDown}
-        >
+        <div className="header header-centered">
           <button
             className="icon-button header-close"
             onClick={hidePopover}
@@ -4601,16 +4575,29 @@ export function App({
         {!isRecording ? (
           <button
             className="primary start"
-            disabled={
-              localRecordingMode === "off" && videoStorageStatus === "checking"
+            disabled={recordingReadinessPending || recordingStopFinalizing}
+            aria-busy={recordingReadinessPending || recordingStopFinalizing}
+            aria-label={
+              recordingStopFinalizing
+                ? "Finishing last recording..."
+                : recordingReadinessPending
+                  ? "Start recording"
+                  : undefined
             }
             onClick={() => beginRecording()}
           >
-            {localRecordingMode === "off" && videoStorageStatus === "checking"
-              ? "Checking storage..."
-              : localRecordingMode === "off"
-                ? "Start recording"
-                : "Start local recording"}
+            {recordingStopFinalizing ? (
+              "Finishing last recording..."
+            ) : recordingReadinessPending ? (
+              <span
+                aria-hidden="true"
+                className="skeleton-shimmer inline-block h-4 w-32 rounded bg-muted"
+              />
+            ) : localRecordingMode === "off" ? (
+              "Start recording"
+            ) : (
+              "Start local recording"
+            )}
           </button>
         ) : null}
 
@@ -5169,10 +5156,7 @@ function Header({
   // close button lives top-right as an absolute-positioned sibling, so the
   // tabs aren't offset by the close button's width.
   return (
-    <div
-      className="header header-centered"
-      onMouseDown={handlePopoverHeaderMouseDown}
-    >
+    <div className="header header-centered">
       <FeedbackButton submitterEmail={submitterEmail} />
       <div
         className="mode-toggle"
@@ -5571,10 +5555,7 @@ function PopoverSubViewHeader({
   action?: ReactNode;
 }) {
   return (
-    <div
-      className="setup-header popover-view-header"
-      onMouseDown={handlePopoverHeaderMouseDown}
-    >
+    <div className="setup-header popover-view-header">
       <button
         type="button"
         className="setup-back"
@@ -6034,8 +6015,6 @@ function Setup({
     featureConfig?.screenMemory ?? DEFAULT_SCREEN_MEMORY_CONFIG;
   const [screenMemory, setScreenMemory] = useState(observedScreenMemory);
   const [rewindConsentOpen, setRewindConsentOpen] = useState(false);
-  const [rewindManageOpen, setRewindManageOpen] = useState(false);
-  const [rewindShowAdvanced, setRewindShowAdvanced] = useState(false);
   const screenMemoryRef = useRef(observedScreenMemory);
   const screenMemoryMutationRef = useRef(0);
   const screenMemoryMutationVersionRef = useRef(0);
@@ -7160,6 +7139,19 @@ function Setup({
     return (
       <div className="mx-auto grid w-full max-w-[620px] gap-7 pb-4">
         <SettingsGroup>
+          {/* A confirmation, so a dialog rather than a takeover: the user is
+              answering one question about the screen behind it, not moving to
+              a new place. What it remembers is chosen afterwards, in the row
+              below — asking before they have agreed puts the options in front
+              of the decision.
+
+              The copy names what is captured and what can leave, and nothing
+              else. Two claims are tempting and both are false: this buffer
+              holds screen *video* (hence the GB disk limit below), not app
+              and window notes; and it cannot promise "never leaves this Mac"
+              because the agent-handoff path uploads an approved range. A
+              consent screen is the one place a comforting simplification is
+              indistinguishable from a lie. */}
           <UiAlertDialog
             open={rewindConsentOpen}
             onOpenChange={setRewindConsentOpen}
@@ -7204,397 +7196,24 @@ function Setup({
             label="Rewind"
             description="Keeps a rolling record of your recent screen on this device"
             control={
-              <div className="flex items-center gap-2">
-                <SettingsPopover
-                  title="Rewind settings"
-                  open={rewindManageOpen}
-                  onOpenChange={setRewindManageOpen}
-                  className="w-[480px] max-w-[calc(100vw-24px)]"
-                  trigger={
-                    <SettingsActionButton
-                      aria-expanded={rewindManageOpen}
-                      aria-haspopup="dialog"
-                    >
-                      Manage
-                    </SettingsActionButton>
+              <SettingsSwitch
+                checked={rewindOn}
+                onCheckedChange={(next) => {
+                  // Turning it on starts continuously capturing the screen, so
+                  // it routes through consent rather than flipping silently.
+                  // Turning it off needs no confirmation — stopping is safe.
+                  if (next) {
+                    setRewindConsentOpen(true);
+                    return;
                   }
-                >
-                  <div className="grid max-h-[min(620px,calc(100vh-80px))] gap-3 overflow-y-auto pr-1">
-                    {rewindOn ? (
-                      <>
-                        <SettingsGroup label="Capture">
-                          <SettingsRow
-                            label="Remember"
-                            description="Choose what Rewind captures"
-                            control={
-                              <SettingsSelect
-                                ariaLabel="What Rewind remembers"
-                                value={screenMemory.captureMode ?? "visuals"}
-                                onValueChange={(value) => {
-                                  void setScreenMemoryConfig({
-                                    captureMode: value as RewindCaptureMode,
-                                  });
-                                }}
-                                disabled={
-                                  screenMemoryConfigBusy ||
-                                  captureControlsLocked
-                                }
-                                options={[
-                                  { value: "visuals", label: "Screen only" },
-                                  {
-                                    value: "visuals-audio",
-                                    label: "Screen + audio",
-                                  },
-                                ]}
-                              />
-                            }
-                          />
-                          <SettingsRow
-                            label="Time limit"
-                            description="Choose how long Rewind keeps your screen history"
-                            control={
-                              <SettingsSelect
-                                ariaLabel="Rewind time limit"
-                                placeholder={`${screenMemory.retentionHours} hours`}
-                                value={String(screenMemory.retentionHours)}
-                                onValueChange={(value) => {
-                                  void setScreenMemoryConfig({
-                                    retentionHours: Number(value),
-                                  });
-                                }}
-                                disabled={screenMemoryConfigBusy}
-                                options={[
-                                  { value: "8", label: "8 hours" },
-                                  { value: "24", label: "24 hours" },
-                                ]}
-                              />
-                            }
-                          />
-                          <SettingsRow
-                            label="Storage limit"
-                            description="Choose how much space Rewind can use on this device"
-                            control={
-                              <SettingsSelect
-                                ariaLabel="Rewind storage limit"
-                                placeholder={formatStorageBytes(
-                                  screenMemory.maxBytes,
-                                )}
-                                value={String(screenMemory.maxBytes)}
-                                onValueChange={(value) => {
-                                  void setScreenMemoryConfig({
-                                    maxBytes: Number(value),
-                                  });
-                                }}
-                                disabled={screenMemoryConfigBusy}
-                                options={[
-                                  {
-                                    value: String(5 * 1024 * 1024 * 1024),
-                                    label: "5 GB",
-                                  },
-                                  {
-                                    value: String(20 * 1024 * 1024 * 1024),
-                                    label: "20 GB",
-                                  },
-                                  {
-                                    value: String(50 * 1024 * 1024 * 1024),
-                                    label: "50 GB",
-                                  },
-                                ]}
-                              />
-                            }
-                          />
-                        </SettingsGroup>
-                        <SettingsActionButton
-                          emphasis="quiet"
-                          className="justify-self-start"
-                          aria-expanded={rewindShowAdvanced}
-                          onClick={() =>
-                            setRewindShowAdvanced((current) => !current)
-                          }
-                        >
-                          {rewindShowAdvanced
-                            ? "Hide advanced"
-                            : "Show advanced"}
-                        </SettingsActionButton>
-                        {rewindShowAdvanced ? (
-                          <>
-                            <SettingsGroup label="Privacy">
-                              <SettingsRow
-                                label="Excluded apps"
-                                description="Apps Rewind never captures"
-                                control={
-                                  <SettingsActionButton
-                                    onClick={() =>
-                                      void chooseExcludedApplications()
-                                    }
-                                    disabled={excludedAppsBusy}
-                                  >
-                                    Choose apps
-                                  </SettingsActionButton>
-                                }
-                              >
-                                {excludedAppGroups.length > 0 ? (
-                                  <div className="grid gap-1">
-                                    {excludedAppGroups.map((app) => (
-                                      <div
-                                        key={app.bundleIds.join(",")}
-                                        className="flex items-center justify-between gap-2"
-                                      >
-                                        <span className="truncate">
-                                          {app.name}
-                                        </span>
-                                        <SettingsActionButton
-                                          emphasis="quiet"
-                                          onClick={() =>
-                                            removeExcludedApplications(
-                                              app.bundleIds,
-                                            )
-                                          }
-                                        >
-                                          Remove
-                                        </SettingsActionButton>
-                                      </div>
-                                    ))}
-                                  </div>
-                                ) : null}
-                              </SettingsRow>
-                              <SettingsRow
-                                label="Review before sending"
-                                description="Approve each visual or audio range before an agent receives it"
-                                control={
-                                  <SettingsSwitch
-                                    checked={
-                                      screenMemory.reviewBeforeSending !== false
-                                    }
-                                    onCheckedChange={(next) => {
-                                      void setScreenMemoryConfig({
-                                        reviewBeforeSending: next,
-                                      });
-                                    }}
-                                    disabled={screenMemoryConfigBusy}
-                                    label="Review before sending"
-                                  />
-                                }
-                              />
-                              <SettingsRow
-                                label="Preview before sending"
-                                description="Open the range locally so you see exactly what is sent"
-                                control={
-                                  <SettingsSwitch
-                                    checked={
-                                      screenMemory.autoPreviewBeforeSending ===
-                                      true
-                                    }
-                                    onCheckedChange={(next) => {
-                                      void setScreenMemoryConfig({
-                                        autoPreviewBeforeSending: next,
-                                      });
-                                    }}
-                                    disabled={screenMemoryConfigBusy}
-                                    label="Preview before sending"
-                                  />
-                                }
-                              />
-                              <SettingsRow
-                                label="Keep agent Clips"
-                                description="Choose how long Clips made for agents stay in your library"
-                                control={
-                                  <SettingsSelect
-                                    ariaLabel="How long agent-created Clips are kept"
-                                    value={screenMemory.agentClipRetention}
-                                    onValueChange={(value) => {
-                                      void setScreenMemoryConfig({
-                                        agentClipRetention:
-                                          value as ScreenMemoryStatus["config"]["agentClipRetention"],
-                                      });
-                                    }}
-                                    disabled={screenMemoryConfigBusy}
-                                    options={[
-                                      {
-                                        value: "forever",
-                                        label: "Forever",
-                                      },
-                                      {
-                                        value: "24-hours",
-                                        label: "24 hours",
-                                      },
-                                      {
-                                        value: "7-days",
-                                        label: "7 days",
-                                      },
-                                      {
-                                        value: "30-days",
-                                        label: "30 days",
-                                      },
-                                    ]}
-                                  />
-                                }
-                              />
-                              <SettingsRow
-                                label="Agent activity"
-                                description="Each time an agent searched this device's memory, newest first"
-                              >
-                                {rewindEgressEvents.length === 0 ? (
-                                  <p>No agent has searched it yet.</p>
-                                ) : (
-                                  <div className="grid gap-1">
-                                    {rewindEgressEvents
-                                      .slice(0, 10)
-                                      .map((event) => (
-                                        <div
-                                          key={`${event.requestId}-${event.state}`}
-                                          className="flex items-center justify-between gap-2"
-                                        >
-                                          <span className="truncate">
-                                            {new Date(
-                                              event.occurredAt,
-                                            ).toLocaleString()}
-                                          </span>
-                                          <span className="shrink-0">
-                                            {event.state} ·{" "}
-                                            {`${event.evidenceCount} item${event.evidenceCount === 1 ? "" : "s"}`}
-                                          </span>
-                                        </div>
-                                      ))}
-                                  </div>
-                                )}
-                              </SettingsRow>
-                            </SettingsGroup>
-
-                            <SettingsGroup label="Agents">
-                              <SettingsRow
-                                label="Setup prompt"
-                                description="Paste it into an agent once to install Rewind's instructions"
-                                control={
-                                  <>
-                                    <SettingsActionButton
-                                      emphasis="quiet"
-                                      onClick={onOpenRewindDocs}
-                                    >
-                                      Learn more
-                                    </SettingsActionButton>
-                                    <SettingsActionButton
-                                      onClick={onCopyRewindAgentPrompt}
-                                    >
-                                      {rewindAgentPromptCopied
-                                        ? "Copied"
-                                        : "Copy"}
-                                    </SettingsActionButton>
-                                  </>
-                                }
-                              />
-                              <SettingsRow
-                                label="Connect an agent"
-                                description="Gives a local agent access to this device's Rewind memory"
-                                control={
-                                  <>
-                                    <SettingsActionButton
-                                      onClick={() =>
-                                        void installRewindAgentConnection(
-                                          "codex",
-                                        )
-                                      }
-                                      disabled={agentConnectionBusy !== null}
-                                    >
-                                      Codex
-                                    </SettingsActionButton>
-                                    <SettingsActionButton
-                                      onClick={() =>
-                                        void installRewindAgentConnection(
-                                          "claude-code",
-                                        )
-                                      }
-                                      disabled={agentConnectionBusy !== null}
-                                    >
-                                      Claude Code
-                                    </SettingsActionButton>
-                                  </>
-                                }
-                              >
-                                {agentConnectionMessage ? (
-                                  <p
-                                    className={
-                                      agentConnectionMessage.kind === "ok"
-                                        ? "text-xs text-success"
-                                        : "text-xs text-destructive"
-                                    }
-                                  >
-                                    {agentConnectionMessage.text}
-                                  </p>
-                                ) : null}
-                              </SettingsRow>
-                            </SettingsGroup>
-
-                            <SettingsGroup label="Storage">
-                              <SettingsRow
-                                label="Search memory"
-                                description="Find and replay a recent moment yourself"
-                                control={
-                                  <SettingsActionButton onClick={onOpenMemory}>
-                                    Search
-                                  </SettingsActionButton>
-                                }
-                              />
-                              <SettingsRow
-                                label="Save last 5 minutes"
-                                description="Exports recent memory as video files on this device. Nothing is uploaded."
-                                control={
-                                  <SettingsActionButton
-                                    onClick={() =>
-                                      void exportScreenMemoryRecent()
-                                    }
-                                    disabled={screenMemoryBusy}
-                                  >
-                                    Save
-                                  </SettingsActionButton>
-                                }
-                              />
-                              <SettingsRow
-                                label="On this device"
-                                description={`${screenMemorySegments.length} ${screenMemorySegments.length === 1 ? "segment" : "segments"} · ${formatStorageBytes(screenMemoryTotalBytes)}`}
-                                control={
-                                  <>
-                                    <SettingsActionButton
-                                      onClick={openScreenMemoryFolder}
-                                    >
-                                      Open folder
-                                    </SettingsActionButton>
-                                    <SettingsActionButton
-                                      emphasis="destructive"
-                                      onClick={() => void clearScreenMemory()}
-                                      disabled={screenMemoryBusy}
-                                    >
-                                      Delete all
-                                    </SettingsActionButton>
-                                  </>
-                                }
-                              />
-                            </SettingsGroup>
-                          </>
-                        ) : null}
-                      </>
-                    ) : (
-                      <SettingsGroup>
-                        <div className="p-3 text-sm text-muted-foreground">
-                          Turn on Rewind to manage what it remembers.
-                        </div>
-                      </SettingsGroup>
-                    )}
-                  </div>
-                </SettingsPopover>
-                <SettingsSwitch
-                  checked={rewindOn}
-                  onCheckedChange={(next) => {
-                    if (next) {
-                      setRewindConsentOpen(true);
-                      return;
-                    }
-                    void setScreenMemoryConfig({ enabled: false });
-                  }}
-                  disabled={screenMemoryConfigBusy || captureControlsLocked}
-                  label="Rewind"
-                />
-              </div>
+                  void setScreenMemoryConfig({ enabled: false });
+                }}
+                /* Rust rejects Rewind capture changes mid-Clip
+                   (config.rs `set_feature_config` guard); disabling here
+                   turns that hard error into a visible lock. */
+                disabled={screenMemoryConfigBusy || captureControlsLocked}
+                label="Rewind"
+              />
             }
           >
             {screenMemoryMessage ? (
@@ -7613,7 +7232,294 @@ function Setup({
               </p>
             ) : null}
           </SettingsRow>
+          {rewindOn ? (
+            <>
+              <SettingsRow
+                label="Remember"
+                description="Choose what Rewind captures"
+                control={
+                  <SettingsSelect
+                    ariaLabel="What Rewind remembers"
+                    value={screenMemory.captureMode ?? "visuals"}
+                    onValueChange={(value) => {
+                      void setScreenMemoryConfig({
+                        captureMode: value as RewindCaptureMode,
+                      });
+                    }}
+                    disabled={screenMemoryConfigBusy || captureControlsLocked}
+                    options={[
+                      { value: "visuals", label: "Screen only" },
+                      { value: "visuals-audio", label: "Screen + audio" },
+                    ]}
+                  />
+                }
+              />
+              <SettingsRow
+                label="Time limit"
+                description="Choose how long Rewind keeps your screen history"
+                control={
+                  <SettingsSelect
+                    ariaLabel="Rewind time limit"
+                    placeholder={`${screenMemory.retentionHours} hours`}
+                    value={String(screenMemory.retentionHours)}
+                    onValueChange={(value) => {
+                      void setScreenMemoryConfig({
+                        retentionHours: Number(value),
+                      });
+                    }}
+                    disabled={screenMemoryConfigBusy}
+                    options={[
+                      { value: "8", label: "8 hours" },
+                      { value: "24", label: "24 hours" },
+                    ]}
+                  />
+                }
+              />
+              <SettingsRow
+                label="Storage limit"
+                description="Choose how much space Rewind can use on this device"
+                control={
+                  <SettingsSelect
+                    ariaLabel="Rewind storage limit"
+                    placeholder={formatStorageBytes(screenMemory.maxBytes)}
+                    value={String(screenMemory.maxBytes)}
+                    onValueChange={(value) => {
+                      void setScreenMemoryConfig({ maxBytes: Number(value) });
+                    }}
+                    disabled={screenMemoryConfigBusy}
+                    options={[
+                      { value: String(5 * 1024 * 1024 * 1024), label: "5 GB" },
+                      {
+                        value: String(20 * 1024 * 1024 * 1024),
+                        label: "20 GB",
+                      },
+                      {
+                        value: String(50 * 1024 * 1024 * 1024),
+                        label: "50 GB",
+                      },
+                    ]}
+                  />
+                }
+              />
+            </>
+          ) : null}
         </SettingsGroup>
+
+        {rewindOn ? (
+          <>
+            <SettingsGroup label="Privacy">
+              <SettingsRow
+                label="Excluded apps"
+                description={"Apps Rewind never captures"}
+                control={
+                  <SettingsActionButton
+                    onClick={() => void chooseExcludedApplications()}
+                    disabled={excludedAppsBusy}
+                  >
+                    Choose apps
+                  </SettingsActionButton>
+                }
+              >
+                {excludedAppGroups.length > 0 ? (
+                  <div className="grid gap-1">
+                    {excludedAppGroups.map((app) => (
+                      <div
+                        key={app.bundleIds.join(",")}
+                        className="flex items-center justify-between gap-2"
+                      >
+                        <span className="truncate">{app.name}</span>
+                        <SettingsActionButton
+                          emphasis="quiet"
+                          onClick={() =>
+                            removeExcludedApplications(app.bundleIds)
+                          }
+                        >
+                          Remove
+                        </SettingsActionButton>
+                      </div>
+                    ))}
+                  </div>
+                ) : null}
+              </SettingsRow>
+              <SettingsRow
+                label="Review before sending"
+                description="Approve each visual or audio range before an agent receives it"
+                control={
+                  <SettingsSwitch
+                    checked={screenMemory.reviewBeforeSending !== false}
+                    onCheckedChange={(next) => {
+                      void setScreenMemoryConfig({
+                        reviewBeforeSending: next,
+                      });
+                    }}
+                    disabled={screenMemoryConfigBusy}
+                    label="Review before sending"
+                  />
+                }
+              />
+              <SettingsRow
+                label="Preview before sending"
+                description="Open the range locally so you see exactly what is sent"
+                control={
+                  <SettingsSwitch
+                    checked={screenMemory.autoPreviewBeforeSending === true}
+                    onCheckedChange={(next) => {
+                      void setScreenMemoryConfig({
+                        autoPreviewBeforeSending: next,
+                      });
+                    }}
+                    disabled={screenMemoryConfigBusy}
+                    label="Preview before sending"
+                  />
+                }
+              />
+              <SettingsRow
+                label="Keep agent Clips"
+                description="Choose how long Clips made for agents stay in your library"
+                control={
+                  <SettingsSelect
+                    ariaLabel="How long agent-created Clips are kept"
+                    value={screenMemory.agentClipRetention}
+                    onValueChange={(value) => {
+                      void setScreenMemoryConfig({
+                        agentClipRetention:
+                          value as ScreenMemoryStatus["config"]["agentClipRetention"],
+                      });
+                    }}
+                    disabled={screenMemoryConfigBusy}
+                    options={[
+                      { value: "forever", label: "Forever" },
+                      { value: "24-hours", label: "24 hours" },
+                      { value: "7-days", label: "7 days" },
+                      { value: "30-days", label: "30 days" },
+                    ]}
+                  />
+                }
+              />
+              <SettingsRow
+                label="Agent activity"
+                description="Each time an agent searched this device's memory, newest first"
+              >
+                {rewindEgressEvents.length === 0 ? (
+                  <p>No agent has searched it yet.</p>
+                ) : (
+                  <div className="grid gap-1">
+                    {rewindEgressEvents.slice(0, 10).map((event) => (
+                      <div
+                        key={`${event.requestId}-${event.state}`}
+                        className="flex items-center justify-between gap-2"
+                      >
+                        <span className="truncate">
+                          {new Date(event.occurredAt).toLocaleString()}
+                        </span>
+                        <span className="shrink-0">
+                          {event.state} ·{" "}
+                          {`${event.evidenceCount} item${event.evidenceCount === 1 ? "" : "s"}`}
+                        </span>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </SettingsRow>
+            </SettingsGroup>
+
+            <SettingsGroup label="Agents">
+              <SettingsRow
+                label="Setup prompt"
+                description="Paste it into an agent once to install Rewind's instructions"
+                control={
+                  <>
+                    <SettingsActionButton
+                      emphasis="quiet"
+                      onClick={onOpenRewindDocs}
+                    >
+                      Learn more
+                    </SettingsActionButton>
+                    <SettingsActionButton onClick={onCopyRewindAgentPrompt}>
+                      {rewindAgentPromptCopied ? "Copied" : "Copy"}
+                    </SettingsActionButton>
+                  </>
+                }
+              />
+              <SettingsRow
+                label="Connect an agent"
+                description="Gives a local agent access to this device's Rewind memory"
+                control={
+                  <>
+                    <SettingsActionButton
+                      onClick={() => void installRewindAgentConnection("codex")}
+                      disabled={agentConnectionBusy !== null}
+                    >
+                      Codex
+                    </SettingsActionButton>
+                    <SettingsActionButton
+                      onClick={() =>
+                        void installRewindAgentConnection("claude-code")
+                      }
+                      disabled={agentConnectionBusy !== null}
+                    >
+                      Claude Code
+                    </SettingsActionButton>
+                  </>
+                }
+              >
+                {agentConnectionMessage ? (
+                  <p
+                    className={
+                      agentConnectionMessage.kind === "ok"
+                        ? "text-xs text-success"
+                        : "text-xs text-destructive"
+                    }
+                  >
+                    {agentConnectionMessage.text}
+                  </p>
+                ) : null}
+              </SettingsRow>
+            </SettingsGroup>
+
+            <SettingsGroup label="Storage">
+              <SettingsRow
+                label="Search memory"
+                description="Find and replay a recent moment yourself"
+                control={
+                  <SettingsActionButton onClick={onOpenMemory}>
+                    Search
+                  </SettingsActionButton>
+                }
+              />
+              <SettingsRow
+                label="Save last 5 minutes"
+                description="Exports recent memory as video files on this device. Nothing is uploaded."
+                control={
+                  <SettingsActionButton
+                    onClick={() => void exportScreenMemoryRecent()}
+                    disabled={screenMemoryBusy}
+                  >
+                    Save
+                  </SettingsActionButton>
+                }
+              />
+              <SettingsRow
+                label="On this device"
+                description={`${screenMemorySegments.length} ${screenMemorySegments.length === 1 ? "segment" : "segments"} · ${formatStorageBytes(screenMemoryTotalBytes)}`}
+                control={
+                  <>
+                    <SettingsActionButton onClick={openScreenMemoryFolder}>
+                      Open folder
+                    </SettingsActionButton>
+                    <SettingsActionButton
+                      emphasis="destructive"
+                      onClick={() => void clearScreenMemory()}
+                      disabled={screenMemoryBusy}
+                    >
+                      Delete all
+                    </SettingsActionButton>
+                  </>
+                }
+              />
+            </SettingsGroup>
+          </>
+        ) : null}
       </div>
     );
   }
@@ -8239,12 +8145,7 @@ function Setup({
           className="flex min-w-0 flex-col gap-0.5 overflow-y-auto border-r border-border bg-muted/50 p-2.5 pt-3"
           aria-label="Settings sections"
         >
-          {/* The tray window is chromeless, so this header is its only drag
-              handle — without it the window cannot be moved. */}
-          <div
-            className="flex items-center pb-2"
-            onMouseDown={handlePopoverHeaderMouseDown}
-          >
+          <div className="flex items-center pb-2">
             {onCancel ? (
               <button
                 type="button"