@agent-native/core 0.92.12 → 0.94.0

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

@@ -12,6 +12,7 @@ import {
   IconRefresh,
   IconTrash,
   IconUpload,
+  IconX,
 } from "@tabler/icons-react";
 import { invoke } from "@tauri-apps/api/core";
 import { emit, listen } from "@tauri-apps/api/event";
@@ -54,7 +55,9 @@ import {
   getCameraStreamWithFallback,
   isMediaConstraintFailure,
 } from "./lib/media-capture-constraints";
+import { resolveDesktopMeetingJoinUrl } from "./lib/meeting-join-url";
 import {
+  DESKTOP_CAPTURE_PERMISSION_MESSAGE,
   isHardCapturePermissionError,
   MACOS_CAPTURE_PERMISSION_MESSAGE,
   MACOS_SCREEN_PERMISSION_MESSAGE,
@@ -63,7 +66,7 @@ import {
 } from "./lib/permissions";
 import { isMacPlatform, isWindowsPlatform } from "./lib/platform";
 import {
-  discardBrowserRecordingBackup,
+  dismissBrowserRecordingBackup,
   exportBrowserRecordingBackup,
   listBrowserRecordingBackups,
   retryBrowserRecordingBackup,
@@ -701,7 +704,7 @@ export function App() {
   const [exportingUploadId, setExportingUploadId] = useState<string | null>(
     null,
   );
-  const [discardingUploadId, setDiscardingUploadId] = useState<string | null>(
+  const [dismissingUploadId, setDismissingUploadId] = useState<string | null>(
     null,
   );
   const [localRecordingNotice, setLocalRecordingNotice] =
@@ -1026,7 +1029,7 @@ export function App() {
       const url = ev.payload?.joinUrl;
       if (!url) return;
       import("@tauri-apps/plugin-shell")
-        .then(({ open }) => open(url))
+        .then(({ open }) => open(resolveDesktopMeetingJoinUrl(url)))
         .catch((err) => {
           console.error("[clips-popover] open join url failed:", err);
         });
@@ -1157,11 +1160,14 @@ export function App() {
   const startMeetingNotesAndJoin = useCallback(
     (meeting: PopoverMeeting) => {
       if (meeting.joinUrl) {
-        openExternal(meeting.joinUrl).catch((err) => {
-          console.error("[clips-popover] open meeting join url failed:", err);
-        });
+        openExternal(resolveDesktopMeetingJoinUrl(meeting.joinUrl)).catch(
+          (err) => {
+            console.error("[clips-popover] open meeting join url failed:", err);
+          },
+        );
       }
       startMeetingNotes(meeting);
+      hidePopover();
     },
     [startMeetingNotes],
   );
@@ -1667,7 +1673,11 @@ export function App() {
           msg.includes("sandbox") ||
           err?.name === "NotAllowedError"
         ) {
-          setCameraError(MACOS_CAPTURE_PERMISSION_MESSAGE);
+          setCameraError(
+            isMacPlatform()
+              ? MACOS_CAPTURE_PERMISSION_MESSAGE
+              : DESKTOP_CAPTURE_PERMISSION_MESSAGE,
+          );
         } else if (isMediaConstraintFailure(err)) {
           // Even the default-camera retry inside getCameraStreamWithFallback
           // failed, so no camera is usable right now. Say that plainly
@@ -1864,7 +1874,7 @@ export function App() {
   }
 
   async function retryPendingUpload(upload: PendingDesktopUpload) {
-    if (retryingUploadId || exportingUploadId || discardingUploadId) return;
+    if (retryingUploadId || exportingUploadId || dismissingUploadId) return;
     const targetServerUrl = serverUrlForPendingUpload(upload, serverUrl);
     setRecError(null);
     setRetryingUploadId(upload.recordingId);
@@ -1905,7 +1915,7 @@ export function App() {
   }
 
   async function exportPendingUpload(upload: PendingDesktopUpload) {
-    if (retryingUploadId || exportingUploadId || discardingUploadId) return;
+    if (retryingUploadId || exportingUploadId || dismissingUploadId) return;
     setRecError(null);
 
     if (upload.kind === "native") {
@@ -1934,29 +1944,29 @@ export function App() {
     }
   }
 
-  async function discardPendingUpload(upload: PendingDesktopUpload) {
-    if (retryingUploadId || exportingUploadId || discardingUploadId) return;
+  async function dismissPendingUpload(upload: PendingDesktopUpload) {
+    if (retryingUploadId || exportingUploadId || dismissingUploadId) return;
     setRecError(null);
-    setDiscardingUploadId(upload.recordingId);
+    setDismissingUploadId(upload.recordingId);
     setPendingUploads((uploads) =>
       uploads.filter((item) => item.recordingId !== upload.recordingId),
     );
     try {
       if (upload.kind === "native") {
-        await invoke("native_fullscreen_recording_discard_upload", {
+        await invoke("native_fullscreen_recording_dismiss_upload", {
           recordingId: upload.recordingId,
         });
       } else {
-        await discardBrowserRecordingBackup(upload.recordingId);
+        await dismissBrowserRecordingBackup(upload.recordingId);
       }
       await loadPendingUploads();
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
-      console.error("[clips-tray] discard saved upload failed:", err);
+      console.error("[clips-tray] dismiss saved upload failed:", err);
       setRecError(message);
       await loadPendingUploads();
     } finally {
-      setDiscardingUploadId(null);
+      setDismissingUploadId(null);
     }
   }
 
@@ -2237,7 +2247,9 @@ export function App() {
       setRecError(
         isUpdatePendingRestart()
           ? MACOS_UPDATE_RESTART_MESSAGE
-          : MACOS_CAPTURE_PERMISSION_MESSAGE,
+          : isMacPlatform()
+            ? MACOS_CAPTURE_PERMISSION_MESSAGE
+            : DESKTOP_CAPTURE_PERMISSION_MESSAGE,
       );
       return;
     }
@@ -2354,10 +2366,11 @@ export function App() {
     };
     track(
       listen("clips:recorder-stop", async () => {
-        // Detach the React Start/bubble gate immediately. Native stop already
-        // released the camera and cleared Rust `is_recording_active` mid-
-        // finalize; keeping `recorder` set through the whole upload made
-        // reopen show a blank preview and made Start a silent no-op.
+        // Detach the React Start/bubble gate immediately. The recorder keeps
+        // Rust `is_recording_active` and the finalizing overlay guarded until
+        // its durable backup/finalize boundary; keeping this React handle set
+        // through the whole upload made reopen show a blank preview and made
+        // Start a silent no-op.
         const handle = recorder;
         recordingStopFinalizingRef.current = true;
         bubbleStreamTransferredToRecorder.current = false;
@@ -2622,10 +2635,10 @@ export function App() {
           uploads={pendingUploads}
           retryingUploadId={retryingUploadId}
           exportingUploadId={exportingUploadId}
-          discardingUploadId={discardingUploadId}
+          dismissingUploadId={dismissingUploadId}
           onExport={exportPendingUpload}
           onRetry={retryPendingUpload}
-          onDiscard={discardPendingUpload}
+          onDismiss={dismissPendingUpload}
           onOpenFolder={openPendingUploadFolder}
           onConnectStorage={(upload) => openVideoStorageSetup(upload.serverUrl)}
         />
@@ -2723,7 +2736,8 @@ export function App() {
         recError === MACOS_UPDATE_RESTART_MESSAGE ? (
           <UpdateRestartBanner message={recError} />
         ) : recError === MACOS_CAPTURE_PERMISSION_MESSAGE ||
-          recError === MACOS_SCREEN_PERMISSION_MESSAGE ? (
+          recError === MACOS_SCREEN_PERMISSION_MESSAGE ||
+          recError === DESKTOP_CAPTURE_PERMISSION_MESSAGE ? (
           <PermissionRecoveryBanner
             kind="recording"
             message={recError}
@@ -2748,7 +2762,8 @@ export function App() {
         )
       ) : null}
       {cameraError && !recError ? (
-        cameraError === MACOS_CAPTURE_PERMISSION_MESSAGE ? (
+        cameraError === MACOS_CAPTURE_PERMISSION_MESSAGE ||
+        cameraError === DESKTOP_CAPTURE_PERMISSION_MESSAGE ? (
           <PermissionRecoveryBanner
             kind="camera"
             message={cameraError}
@@ -2839,6 +2854,7 @@ function PermissionRecoveryBanner({
         ? "Camera setup blocked"
         : "Recording setup blocked";
   const uniquePanes = Array.from(new Set(panes));
+  const canOpenPrivacySettings = isMacPlatform() || isWindowsPlatform();
 
   return (
     <div className="error-banner permission-banner">
@@ -2846,16 +2862,18 @@ function PermissionRecoveryBanner({
         <div className="permission-title">{title}</div>
         <div>{message}</div>
       </div>
-      <div className="permission-actions" aria-label="Open privacy settings">
-        {uniquePanes.map((pane) => (
-          <button
-            type="button"
-            key={pane}
-            onClick={() => openPrivacySettings(pane)}
-          >
-            {permissionPaneLabel(pane)}
-          </button>
-        ))}
+      <div className="permission-actions" aria-label="Permission recovery">
+        {canOpenPrivacySettings
+          ? uniquePanes.map((pane) => (
+              <button
+                type="button"
+                key={pane}
+                onClick={() => openPrivacySettings(pane)}
+              >
+                {permissionPaneLabel(pane)}
+              </button>
+            ))
+          : null}
         <button type="button" className="permission-retry" onClick={onRetry}>
           Try again
         </button>
@@ -2916,20 +2934,20 @@ function PendingUploadBanner({
   uploads,
   retryingUploadId,
   exportingUploadId,
-  discardingUploadId,
+  dismissingUploadId,
   onExport,
   onRetry,
-  onDiscard,
+  onDismiss,
   onOpenFolder,
   onConnectStorage,
 }: {
   uploads: PendingDesktopUpload[];
   retryingUploadId: string | null;
   exportingUploadId: string | null;
-  discardingUploadId: string | null;
+  dismissingUploadId: string | null;
   onExport: (upload: PendingDesktopUpload) => void;
   onRetry: (upload: PendingDesktopUpload) => void;
-  onDiscard: (upload: PendingDesktopUpload) => void;
+  onDismiss: (upload: PendingDesktopUpload) => void;
   onOpenFolder: (upload: PendingDesktopUpload) => void;
   onConnectStorage: (upload: PendingDesktopUpload) => void;
 }) {
@@ -2942,7 +2960,7 @@ function PendingUploadBanner({
   const canOpenFolder = latest.kind === "native" && !!latest.folderPath;
   const canExport = latest.kind === "browser";
   const actionsDisabled =
-    !!retryingUploadId || !!exportingUploadId || !!discardingUploadId;
+    !!retryingUploadId || !!exportingUploadId || !!dismissingUploadId;
   const savedLabel =
     uploads.length === 1
       ? "1 Clip saved locally"
@@ -2980,7 +2998,7 @@ function PendingUploadBanner({
           }
         >
           {nativeCorrupt
-            ? `${details.join(" · ")} · discard and record again`
+            ? `${details.join(" · ")} · file may be unusable`
             : storageSetupFailure
               ? `${details.join(" · ")} · your clip is safe locally`
               : `${details.join(" · ")}${errorText ? ` · ${errorText}` : ""}`}
@@ -3027,18 +3045,7 @@ function PendingUploadBanner({
             <IconDownload size={14} stroke={2} />
           </button>
         ) : null}
-        {latest.kind === "native" && latest.corrupt ? (
-          <button
-            type="button"
-            className="pending-upload-discard"
-            disabled={actionsDisabled}
-            onClick={() => onDiscard(latest)}
-            aria-label="Discard corrupted clip"
-            title="This clip is corrupted and cannot be recovered. Discard it and record again."
-          >
-            <IconTrash size={14} stroke={2} />
-          </button>
-        ) : (
+        {latest.kind === "native" && latest.corrupt ? null : (
           <>
             {storageSetupFailure ? (
               <button
@@ -3060,18 +3067,24 @@ function PendingUploadBanner({
               <IconRefresh size={14} stroke={2} />
               {retrying ? "Retrying" : "Retry"}
             </button>
+          </>
+        )}
+        <Tooltip>
+          <TooltipTrigger asChild>
             <button
               type="button"
-              className="pending-upload-discard"
+              className="pending-upload-dismiss"
               disabled={actionsDisabled}
-              onClick={() => onDiscard(latest)}
-              aria-label="Discard saved local clip"
-              title="Discard saved local clip"
+              onClick={() => onDismiss(latest)}
+              aria-label="Dismiss saved clip warning"
             >
-              <IconTrash size={14} stroke={2} />
+              <IconX size={16} stroke={2} />
             </button>
-          </>
-        )}
+          </TooltipTrigger>
+          <TooltipContent side="bottom" align="end">
+            Dismiss warning and keep the clip in Clip Drafts
+          </TooltipContent>
+        </Tooltip>
       </div>
     </div>
   );
@@ -3718,7 +3731,7 @@ function formatStorageBytes(bytes: number): string {
 function desktopUpdateStatusText(status: UpdateStatus): string {
   switch (status.state) {
     case "idle":
-      return "Clips checks automatically after launch and every 4 hours.";
+      return "Clips checks automatically after launch, every hour, and when you return.";
     case "checking":
       return "Checking for updates...";
     case "not-available":
@@ -3820,6 +3833,7 @@ function Setup({
     kind: "ok" | "error";
     text: string;
   } | null>(null);
+  const [clipDraftsError, setClipDraftsError] = useState<string | null>(null);
   const [screenMemoryBusy, setScreenMemoryBusy] = useState(false);
   const screenMemorySegments = screenMemoryStatus?.recentSegments ?? [];
   const screenMemoryTotalBytes = screenMemorySegments.reduce(
@@ -3981,6 +3995,15 @@ function Setup({
     });
   }
 
+  function openClipDraftsFolder() {
+    setClipDraftsError(null);
+    invoke("native_fullscreen_open_drafts_folder").catch((err) => {
+      setClipDraftsError(
+        (err as Error)?.message ?? "Could not open Clip Drafts.",
+      );
+    });
+  }
+
   function openRegionGuideEditor() {
     invoke("show_region_guide_editor").catch((err) =>
       console.error("[settings] show_region_guide_editor failed", err),
@@ -4505,6 +4528,24 @@ function Setup({
 
       <div className="setup-section-heading">Recording</div>
 
+      <div className="setup-section">
+        <SettingLabel
+          label="Clip Drafts"
+          hint="Clips dismissed after an upload problem stay in Movies/Clips/Drafts until you remove them in Finder."
+        />
+        <button
+          type="button"
+          className="secondary"
+          onClick={openClipDraftsFolder}
+        >
+          <IconFolderOpen size={15} stroke={1.9} />
+          Open Clip Drafts
+        </button>
+        {clipDraftsError ? (
+          <p className="setup-warning">{clipDraftsError}</p>
+        ) : null}
+      </div>
+
       <div className="setup-section">
         <div className="setup-toggle-row">
           <SettingLabel

package/corpus/templates/clips/desktop/src/components/ReadinessPanel.tsx

@@ -8,7 +8,7 @@ import {
 import { invoke } from "@tauri-apps/api/core";
 import { useState, useCallback, useEffect } from "react";
 
-import { isMacPlatform } from "../lib/platform";
+import { isMacPlatform, isWindowsPlatform } from "../lib/platform";
 
 type CaptureMode = "screen" | "screen-camera" | "camera";
 type MacosPrivacyPane =
@@ -56,7 +56,6 @@ function readinessItems({
       detail: "Needed for screen or window capture.",
       pane: "screen",
       active: mode !== "camera",
-      macosOnly: true,
     },
     {
       label: "Microphone",
@@ -132,6 +131,7 @@ export function ReadinessPanel({
   onOpenPermission: (pane: MacosPrivacyPane) => void;
 }) {
   const mac = isMacPlatform();
+  const canOpenPrivacySettings = mac || isWindowsPlatform();
   const items = readinessItems({
     mode,
     cameraOn,
@@ -215,13 +215,19 @@ export function ReadinessPanel({
                         )}
                       </span>
                     ) : null}
-                    <button
-                      type="button"
-                      className="readiness-open-button"
-                      onClick={() => onOpenPermission(item.pane)}
-                    >
-                      Open
-                    </button>
+                    {canOpenPrivacySettings ? (
+                      <button
+                        type="button"
+                        className="readiness-open-button"
+                        onClick={() => onOpenPermission(item.pane)}
+                      >
+                        Open
+                      </button>
+                    ) : (
+                      <span className="readiness-item-detail">
+                        System prompt
+                      </span>
+                    )}
                   </div>
                 </div>
               );

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

@@ -197,15 +197,9 @@ export function useMeetingTranscription({
           // never lands.
           if (reason !== "app-quit") await finalizePromise;
         }
-        // Skip opening the meeting in the browser on app-quit — the app is
-        // exiting, there's nothing to hand off to.
-        if (reason !== "app-quit") {
-          openExternal(
-            `${normalizedServerUrl}/meetings/${session.meetingId}`,
-          ).catch((err) => {
-            console.warn("[clips-popover] open meeting in web failed:", err);
-          });
-        }
+        // Keep completed notes in Clips instead of interrupting the user by
+        // opening a browser tab. The pill's explicit Open notes action remains
+        // available through the clips:open-meeting listener below.
         // Guard the shared Rust-side state writes and sessionRef null-out by
         // identity. App quit and other callers can still race a stop against a
         // new start that slips in between awaits, and stale teardown must not
@@ -377,9 +371,9 @@ export function useMeetingTranscription({
         };
 
         // Resume the engine that initial start settled on (no fallback here —
-        // the engine choice was already made below). Never add a second
-        // VoiceProcessingIO stack beside the meeting app: it can alter the
-        // microphone level that remote participants receive.
+        // the engine choice was already made below). Rust prefers one combined
+        // SCK stream and uses bypassed VoiceProcessingIO only for legacy/failure
+        // fallback, so the transcript stays live without changing call volume.
         const startAudio = async () => {
           await restartTranscriptionEngine(
             session.engine,
@@ -560,8 +554,8 @@ export function useMeetingTranscription({
         session.engine = await startTranscriptionEngine({
           mic: { deviceId: selectedMicId, label: selectedMicLabel },
           // macOS 15+ uses ScreenCaptureKit's independent microphone output.
-          // The legacy fallback must also remain a raw tap so Zoom/Meet/Teams
-          // stay in sole control of their live-call voice processing.
+          // Rust upgrades only the legacy/failure fallback to bypassed VPIO so
+          // call apps cannot starve Clips of mic buffers or lose call volume.
           voiceProcessing: false,
         });
 

package/corpus/templates/clips/desktop/src/lib/finalization-guard.ts

@@ -0,0 +1,22 @@
+interface FinalizationGuardOptions<T> {
+  ensureBackupDurable: () => Promise<void>;
+  attemptFinalize: () => Promise<T>;
+  releaseGuard: () => Promise<void> | void;
+}
+
+/**
+ * Keep the desktop's post-stop guard visible until recovery metadata is
+ * durable and the finalize request has settled at least once.
+ */
+export async function finalizeAfterDurableBackup<T>({
+  ensureBackupDurable,
+  attemptFinalize,
+  releaseGuard,
+}: FinalizationGuardOptions<T>): Promise<T> {
+  try {
+    await ensureBackupDurable();
+    return await attemptFinalize();
+  } finally {
+    await releaseGuard();
+  }
+}

package/corpus/templates/clips/desktop/src/lib/meeting-join-url.ts

@@ -0,0 +1,33 @@
+const ZOOM_JOIN_PATH = /^\/j\/(\d+)\/?$/;
+
+function isZoomMeetingHost(hostname: string): boolean {
+  return hostname === "zoom.us" || hostname.endsWith(".zoom.us");
+}
+
+/**
+ * Resolve a calendar join URL to the native desktop-app URI when the provider
+ * supports one. Unknown providers and unsupported Zoom URL shapes stay on
+ * their original HTTPS URL.
+ */
+export function resolveDesktopMeetingJoinUrl(joinUrl: string): string {
+  try {
+    const url = new URL(joinUrl);
+    if (url.protocol !== "https:" || !isZoomMeetingHost(url.hostname)) {
+      return joinUrl;
+    }
+
+    const meetingNumber = ZOOM_JOIN_PATH.exec(url.pathname)?.[1];
+    if (!meetingNumber) return joinUrl;
+
+    const params = new URLSearchParams({
+      action: "join",
+      confno: meetingNumber,
+    });
+    const passcode = url.searchParams.get("pwd");
+    if (passcode) params.set("pwd", passcode);
+
+    return `zoommtg://${url.hostname}/join?${params.toString()}`;
+  } catch {
+    return joinUrl;
+  }
+}

package/corpus/templates/clips/desktop/src/lib/pause-transition.ts

@@ -0,0 +1,79 @@
+export interface PauseTransitionQueue {
+  request(paused: boolean): void;
+  getAppliedPaused(): boolean;
+  getDesiredPaused(): boolean;
+  isTransitioning(): boolean;
+  synchronize(paused: boolean): void;
+  dispose(): void;
+}
+
+interface PauseTransitionOptions {
+  initialPaused?: boolean;
+  apply(paused: boolean): Promise<void> | void;
+  onRequested?(paused: boolean): void;
+  onApplied?(paused: boolean): void;
+  onError?(error: unknown, attemptedPaused: boolean): void;
+}
+
+/**
+ * Serializes slow pause/resume work while preserving the user's latest intent.
+ * If Resume arrives while Pause is still in flight, Pause finishes once and the
+ * queue immediately applies Resume instead of silently dropping that click.
+ */
+export function createPauseTransitionQueue(
+  options: PauseTransitionOptions,
+): PauseTransitionQueue {
+  let appliedPaused = options.initialPaused ?? false;
+  let desiredPaused = appliedPaused;
+  let transitioning = false;
+  let disposed = false;
+
+  const applyDesiredState = async (): Promise<void> => {
+    if (disposed || transitioning || desiredPaused === appliedPaused) return;
+
+    transitioning = true;
+    const targetPaused = desiredPaused;
+    let applied = false;
+    try {
+      await options.apply(targetPaused);
+      applied = true;
+    } catch (error) {
+      if (!disposed) {
+        // Reflect reality after a failed transition. A fresh request can retry.
+        desiredPaused = appliedPaused;
+        options.onError?.(error, targetPaused);
+      }
+    } finally {
+      transitioning = false;
+    }
+
+    if (disposed) return;
+    if (applied) {
+      appliedPaused = targetPaused;
+      options.onApplied?.(targetPaused);
+    }
+
+    // The desired state may have changed while the operation was awaiting.
+    void applyDesiredState();
+  };
+
+  return {
+    request(paused) {
+      if (disposed || paused === desiredPaused) return;
+      desiredPaused = paused;
+      options.onRequested?.(paused);
+      void applyDesiredState();
+    },
+    getAppliedPaused: () => appliedPaused,
+    getDesiredPaused: () => desiredPaused,
+    isTransitioning: () => transitioning,
+    synchronize(paused) {
+      if (disposed || transitioning) return;
+      appliedPaused = paused;
+      desiredPaused = paused;
+    },
+    dispose() {
+      disposed = true;
+    },
+  };
+}

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

@@ -1,4 +1,4 @@
-// macOS capture/permission messaging shared between the device pickers and the
+// Capture/permission messaging shared between the device pickers and the
 // recording flow. Centralized so the "is this a hard system block?" heuristic
 // and the user-facing copy stay in sync wherever a getUserMedia call can fail.
 
@@ -6,6 +6,8 @@ export const MACOS_CAPTURE_PERMISSION_MESSAGE =
   "Grant the required macOS permissions below, then try again. If you just changed access, restart Clips before retrying.";
 export const MACOS_SCREEN_PERMISSION_MESSAGE =
   "Grant Screen Recording permission in macOS Settings, then restart Clips and try again.";
+export const DESKTOP_CAPTURE_PERMISSION_MESSAGE =
+  "Allow the requested screen, camera, or microphone access in your desktop permission prompt, then try again.";
 export const MACOS_SPEECH_PERMISSION_MESSAGE =
   "Grant Speech Recognition and Microphone access, then try again. If you just changed access, restart Clips before retrying.";
 export const MACOS_UPDATE_RESTART_MESSAGE =

package/corpus/templates/clips/desktop/src/lib/pill-interaction.ts

@@ -0,0 +1,19 @@
+export interface ScreenPoint {
+  x: number;
+  y: number;
+}
+
+const DIRECT_CLICK_MAX_TRAVEL_PX = 5;
+
+export function isDirectPillClick(
+  start: ScreenPoint | null,
+  end: ScreenPoint,
+): boolean {
+  if (!start) return false;
+  const deltaX = end.x - start.x;
+  const deltaY = end.y - start.y;
+  return (
+    deltaX * deltaX + deltaY * deltaY <=
+    DIRECT_CLICK_MAX_TRAVEL_PX * DIRECT_CLICK_MAX_TRAVEL_PX
+  );
+}