feat(web): shift+click to skip confirmation dialogs

apps/web/src/cloud/linkEnvironment.ts

@@ -65,6 +65,7 @@ const relayClientRpcError = (message: string) => (cause: unknown) =>
 
 function ensureRelayClientAvailable(
   environmentId: EnvironmentId,
+  skipConfirmation: boolean,
 ): Effect.Effect<void, CloudEnvironmentLinkError, EnvironmentRegistry> {
   return Effect.gen(function* () {
     const registry = yield* EnvironmentRegistry;
@@ -78,10 +79,13 @@ function ensureRelayClientAvailable(
       });
     }
 
-    const confirmed = yield* Effect.tryPromise({
-      try: () => requestRelayClientInstallConfirmation(status.version),
-      catch: relayClientRpcError("Could not confirm relay client installation."),
-    });
+    let confirmed = true;
+    if (!skipConfirmation) {
+      confirmed = yield* Effect.tryPromise({
+        try: () => requestRelayClientInstallConfirmation(status.version),
+        catch: relayClientRpcError("Could not confirm relay client installation."),
+      });
+    }
     if (!confirmed) {
       return yield* new CloudEnvironmentLinkError({
         message: "Relay client installation was cancelled.",
@@ -403,6 +407,7 @@ export function linkPrimaryEnvironmentToCloud(input: {
   readonly target: CloudLinkTarget;
   readonly clerkToken: string;
   readonly mode?: CloudLinkMode;
+  readonly skipRelayClientInstallConfirmation?: boolean;
 }): Effect.Effect<
   void,
   CloudEnvironmentLinkError,
@@ -422,7 +427,10 @@ export function linkPrimaryEnvironmentToCloud(input: {
     const relayClient = yield* ManagedRelay.ManagedRelayClient;
     const environmentClient = yield* makeEnvironmentHttpApiClient(input.target.httpBaseUrl);
     if (managedTunnelsEnabled) {
-      yield* ensureRelayClientAvailable(EnvironmentId.make(input.target.environmentId));
+      yield* ensureRelayClientAvailable(
+        EnvironmentId.make(input.target.environmentId),
+        input.skipRelayClientInstallConfirmation ?? false,
+      );
     }
 
     const challenge = yield* relayClient

apps/web/src/cloud/linkEnvironmentAtoms.ts

@@ -26,6 +26,7 @@ export const linkPrimaryEnvironment = createRuntimeCommand(connectionAtomRuntime
     readonly target: CloudLinkTarget;
     readonly clerkToken: string;
     readonly mode?: CloudLinkMode;
+    readonly skipRelayClientInstallConfirmation?: boolean;
   }) => linkPrimaryEnvironmentToCloud(input),
 });
 

apps/web/src/cloud/useCloudLinkController.ts

@@ -17,6 +17,7 @@ import {
 } from "./linkEnvironmentAtoms";
 import { usePrimaryCloudLinkState } from "./primaryCloudLinkState";
 import { resolveRelayClerkTokenOptions } from "./publicConfig";
+import { shouldSkipConfirmation } from "../confirmDialog";
 
 export interface CloudLinkDesiredState {
   readonly managedTunnel: boolean;
@@ -78,6 +79,7 @@ export function useCloudLinkController() {
   const linked = primaryCloudLinkState.data?.linked ?? false;
 
   const reconcileCloudState = async (desired: CloudLinkDesiredState): Promise<boolean> => {
+    const skipRelayClientInstallConfirmation = shouldSkipConfirmation();
     setOperationError(null);
     const target = primaryCloudLinkState.target;
     if (!target) {
@@ -120,6 +122,7 @@ export function useCloudLinkController() {
           target,
           clerkToken,
           mode: desired.managedTunnel ? "managed" : "publish_only",
+          skipRelayClientInstallConfirmation,
         });
         if (linkResult._tag === "Failure") {
           if (!isAtomCommandInterrupted(linkResult)) {

apps/web/src/components/ChatView.tsx

@@ -398,6 +398,7 @@ import {
   serverUpdateGuidance,
 } from "../versionSkew";
 import { useAssetUrls } from "../assets/assetUrls";
+import { shouldSkipConfirmation } from "../confirmDialog";
 
 const IMAGE_ONLY_BOOTSTRAP_PROMPT =
   "[User attached one or more images without additional text. Respond using the conversation context and the attached image(s).]";
@@ -4911,6 +4912,10 @@ function ChatViewContent(props: ChatViewProps) {
   ]);
   const handleRestoreThreadBranch = useCallback(() => {
     if (gitStatusQuery.data?.hasWorkingTreeChanges) {
+      if (shouldSkipConfirmation()) {
+        void handleSwitchCheckoutToThread();
+        return;
+      }
       setBranchRestoreConfirmOpen(true);
       return;
     }

apps/web/src/components/ConfirmDialogHost.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useSyncExternalStore } from "react";
 
 import {
+  captureConfirmationTrigger,
   completeConfirmDialogClose,
   readConfirmDialogState,
   registerConfirmDialogHost,
@@ -59,6 +60,17 @@ export function ConfirmDialogHost() {
   );
 
   useEffect(() => registerConfirmDialogHost(), []);
+  useEffect(() => {
+    const captureTrigger = (event: MouseEvent | PointerEvent) => captureConfirmationTrigger(event);
+    document.addEventListener("pointerdown", captureTrigger, true);
+    document.addEventListener("pointerup", captureTrigger, true);
+    document.addEventListener("click", captureTrigger, true);
+    return () => {
+      document.removeEventListener("pointerdown", captureTrigger, true);
+      document.removeEventListener("pointerup", captureTrigger, true);
+      document.removeEventListener("click", captureTrigger, true);
+    };
+  }, []);
 
   const copy = resolveConfirmDialogCopy(state.status === "idle" ? "" : state.message);
   const confirmVariant = state.status === "idle" ? "default" : state.variant;

apps/web/src/components/GitActionsControl.tsx

@@ -92,6 +92,7 @@ import { type DraftId, useComposerDraftStore } from "~/composerDraftStore";
 import { readLocalApi } from "~/localApi";
 import { getSourceControlPresentation } from "~/sourceControlPresentation";
 import { openPullRequestLink } from "~/lib/openPullRequestLink";
+import { shouldSkipConfirmation } from "~/confirmDialog";
 
 interface GitActionsControlProps {
   gitCwd: string | null;
@@ -1281,6 +1282,7 @@ export default function GitActionsControl({
         (action === "commit" || !!actionStatus?.hasWorkingTreeChanges || featureBranch);
       if (
         !skipDefaultBranchPrompt &&
+        !shouldSkipConfirmation() &&
         requiresDefaultBranchConfirmation(action, actionIsDefaultBranch) &&
         actionBranch
       ) {

apps/web/src/components/LegacySidebar.tsx

@@ -72,6 +72,7 @@ import {
   type SidebarThreadSortOrder,
 } from "@t3tools/contracts/settings";
 import { isDesktopLocalConnectionTarget } from "../connection/desktopLocal";
+import { shouldSkipConfirmation } from "../confirmDialog";
 import { useDesktopLocalBootstraps } from "../connection/useDesktopLocalBootstraps";
 import { isElectron } from "../env";
 import { useTerminalFocus } from "../hooks/useTerminalFocus";
@@ -662,12 +663,22 @@ export const SidebarThreadRow = memo(function SidebarThreadRow(props: SidebarThr
     (event: React.MouseEvent<HTMLButtonElement>) => {
       event.preventDefault();
       event.stopPropagation();
+      if (event.shiftKey) {
+        void attemptArchiveThread(threadRef);
+        return;
+      }
       setConfirmingArchiveThreadKey(threadKey);
       requestAnimationFrame(() => {
         confirmArchiveButtonRefs.current.get(threadKey)?.focus();
       });
     },
-    [confirmArchiveButtonRefs, setConfirmingArchiveThreadKey, threadKey],
+    [
+      attemptArchiveThread,
+      confirmArchiveButtonRefs,
+      setConfirmingArchiveThreadKey,
+      threadKey,
+      threadRef,
+    ],
   );
   const handleArchiveImmediateClick = useCallback(
     (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -1501,6 +1512,7 @@ const SidebarProjectItem = memo(function SidebarProjectItem(props: SidebarProjec
             actionProps: {
               children: "Delete anyway",
               onClick: () => {
+                const skipConfirmation = shouldSkipConfirmation();
                 void (async () => {
                   toastManager.close(warningToastId);
                   await new Promise<void>((resolve) => {
@@ -1514,30 +1526,32 @@ const SidebarProjectItem = memo(function SidebarProjectItem(props: SidebarProjec
                       thread.environmentId === memberProjectRef.environmentId &&
                       thread.projectId === memberProjectRef.projectId,
                   );
-                  const confirmed = await api.dialogs.confirm(
-                    latestProjectThreads.length > 0
-                      ? [
-                          `Remove project "${member.title}" and delete its ${latestProjectThreads.length} thread${
-                            latestProjectThreads.length === 1 ? "" : "s"
-                          }?`,
-                          `Path: ${member.workspaceRoot}`,
-                          ...(member.environmentLabel
-                            ? [`Environment: ${member.environmentLabel}`]
-                            : []),
-                          "This permanently clears conversation history for those threads.",
-                          "This removes only this project entry.",
-                          "This action cannot be undone.",
-                        ].join("\n")
-                      : [
-                          `Remove project "${member.title}"?`,
-                          `Path: ${member.workspaceRoot}`,
-                          ...(member.environmentLabel
-                            ? [`Environment: ${member.environmentLabel}`]
-                            : []),
-                          "This removes only this project entry.",
-                        ].join("\n"),
-                    { variant: "destructive" },
-                  );
+                  const confirmed =
+                    skipConfirmation ||
+                    (await api.dialogs.confirm(
+                      latestProjectThreads.length > 0
+                        ? [
+                            `Remove project "${member.title}" and delete its ${latestProjectThreads.length} thread${
+                              latestProjectThreads.length === 1 ? "" : "s"
+                            }?`,
+                            `Path: ${member.workspaceRoot}`,
+                            ...(member.environmentLabel
+                              ? [`Environment: ${member.environmentLabel}`]
+                              : []),
+                            "This permanently clears conversation history for those threads.",
+                            "This removes only this project entry.",
+                            "This action cannot be undone.",
+                          ].join("\n")
+                        : [
+                            `Remove project "${member.title}"?`,
+                            `Path: ${member.workspaceRoot}`,
+                            ...(member.environmentLabel
+                              ? [`Environment: ${member.environmentLabel}`]
+                              : []),
+                            "This removes only this project entry.",
+                          ].join("\n"),
+                      { variant: "destructive" },
+                    ));
                   if (!confirmed) {
                     return;
                   }

apps/web/src/components/clerk/T3ConnectUserProfilePage.tsx

@@ -13,6 +13,7 @@ import {
   useManagedRelayEnvironments,
 } from "../../cloud/managedRelayState";
 import { useAtomCommand } from "../../state/use-atom-command";
+import { shouldSkipConfirmation } from "../../confirmDialog";
 import { Button } from "../ui/button";
 import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from "../ui/collapsible";
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty";
@@ -232,9 +233,13 @@ export function T3ConnectUserProfilePage() {
                 environment={environment}
                 confirmationOpen={confirmingEnvironmentId === environment.environmentId}
                 mutationPending={deregisteringEnvironmentId !== null}
-                onConfirmationChange={(open) =>
-                  setConfirmingEnvironmentId(open ? environment.environmentId : null)
-                }
+                onConfirmationChange={(open) => {
+                  if (open && shouldSkipConfirmation()) {
+                    void handleDeregister(environment);
+                    return;
+                  }
+                  setConfirmingEnvironmentId(open ? environment.environmentId : null);
+                }}
                 onDeregister={(selected) => void handleDeregister(selected)}
               />
             ))}

apps/web/src/components/projectScriptEditor.tsx

@@ -24,6 +24,7 @@ import {
 } from "~/lib/projectScriptKeybindings";
 import { keybindingFromKeyboardEvent } from "~/components/settings/KeybindingsSettings.logic";
 import { commandForProjectScript, nextProjectScriptId } from "~/projectScripts";
+import { shouldSkipConfirmation } from "~/confirmDialog";
 import {
   AlertDialog,
   AlertDialogClose,
@@ -240,6 +241,13 @@ export function ProjectScriptEditorDialog({
     onClose();
   };
 
+  const deleteScript = () => {
+    if (!request?.scriptId) return;
+    setDeleteConfirmOpen(false);
+    onClose();
+    onDelete(request.scriptId);
+  };
+
   return (
     <>
       <Dialog
@@ -373,7 +381,13 @@ export function ProjectScriptEditorDialog({
                 type="button"
                 variant="destructive-outline"
                 className="mr-auto"
-                onClick={() => setDeleteConfirmOpen(true)}
+                onClick={() => {
+                  if (shouldSkipConfirmation()) {
+                    deleteScript();
+                    return;
+                  }
+                  setDeleteConfirmOpen(true);
+                }}
               >
                 Delete
               </Button>
@@ -396,15 +410,7 @@ export function ProjectScriptEditorDialog({
           </AlertDialogHeader>
           <AlertDialogFooter>
             <AlertDialogClose render={<Button variant="outline" />}>Cancel</AlertDialogClose>
-            <Button
-              variant="destructive"
-              onClick={() => {
-                if (!request?.scriptId) return;
-                setDeleteConfirmOpen(false);
-                onClose();
-                onDelete(request.scriptId);
-              }}
-            >
+            <Button variant="destructive" onClick={deleteScript}>
               Delete action
             </Button>
           </AlertDialogFooter>

apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx

@@ -64,6 +64,7 @@ import { pullRequestEnvironment } from "~/state/pullRequests";
 import { useAtomCommand } from "~/state/use-atom-command";
 import { vcsEnvironment } from "~/state/vcs";
 import { formatRelativeTimeLabel } from "~/timestampFormat";
+import { shouldSkipConfirmation } from "~/confirmDialog";
 
 import {
   AlertDialog,
@@ -1026,6 +1027,15 @@ export function PullRequestDetailPanel({
     ? mergeMethod
     : (allowedMergeMethods[0] ?? "merge");
   const selectedMergeMethodLabel = MERGE_METHOD_LABELS[selectedMergeMethod];
+  const requestConfirmedAction = (action: "merge" | "close" | "enable-auto-merge") => {
+    if (!shouldSkipConfirmation()) {
+      setConfirmation({ open: true, action });
+      return;
+    }
+    if (action === "merge") void perform("merge", selectedMergeMethod);
+    if (action === "enable-auto-merge") void perform("enable-auto-merge", selectedMergeMethod);
+    if (action === "close") void perform("close");
+  };
   const conflicting = detail?.state === "open" && detail.mergeability === "conflicting";
   // Only an outright yes arms it. A host that reports nothing has not said the merge is already
   // spoken for, and an off switch for something that may not be on says the wrong thing twice.
@@ -1303,7 +1313,7 @@ export function PullRequestDetailPanel({
                 <Button
                   size="xs"
                   disabled={actionPending}
-                  onClick={() => setConfirmation({ open: true, action: "merge" })}
+                  onClick={() => requestConfirmedAction("merge")}
                 >
                   {pendingAction === "merge" ? "Merging..." : selectedMergeMethodLabel}
                 </Button>
@@ -1397,9 +1407,7 @@ export function PullRequestDetailPanel({
                         allowedMergeMethods.length > 0 ? (
                         <MenuItem
                           disabled={actionPending}
-                          onClick={() =>
-                            setConfirmation({ open: true, action: "enable-auto-merge" })
-                          }
+                          onClick={() => requestConfirmedAction("enable-auto-merge")}
                         >
                           <GitMergeIcon className="size-3.5" />
                           Enable auto-merge
@@ -1458,7 +1466,7 @@ export function PullRequestDetailPanel({
                       <MenuItem
                         variant="destructive"
                         disabled={actionPending}
-                        onClick={() => setConfirmation({ open: true, action: "close" })}
+                        onClick={() => requestConfirmedAction("close")}
                       >
                         <GitPullRequestClosedIcon className="size-3.5" />
                         Close pull request