From d119f4cab20770b35e82689b75c08bd6eb65a535 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Mon, 3 Nov 2025 14:42:30 -0800
Subject: [PATCH] Fix confirm with text autofocus

---
 src-web/components/core/Confirm.tsx | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src-web/components/core/Confirm.tsx b/src-web/components/core/Confirm.tsx
index 431912a2..c81a55f3 100644
--- a/src-web/components/core/Confirm.tsx
+++ b/src-web/components/core/Confirm.tsx
@@ -1,10 +1,10 @@
-import type { Color } from '@yaakapp-internal/plugins';
-import type { FormEvent } from 'react';
-import { useState } from 'react';
-import { CopyIconButton } from '../CopyIconButton';
-import { Button } from './Button';
-import { PlainInput } from './PlainInput';
-import { HStack } from './Stacks';
+import type { Color } from "@yaakapp-internal/plugins";
+import type { FormEvent } from "react";
+import { useState } from "react";
+import { CopyIconButton } from "../CopyIconButton";
+import { Button } from "./Button";
+import { PlainInput } from "./PlainInput";
+import { HStack } from "./Stacks";
 
 export interface ConfirmProps {
   onHide: () => void;
@@ -19,9 +19,9 @@ export function Confirm({
   onResult,
   confirmText,
   requireTyping,
-  color = 'primary',
+  color = "primary",
 }: ConfirmProps) {
-  const [confirm, setConfirm] = useState<string>('');
+  const [confirm, setConfirm] = useState<string>("");
   const handleHide = () => {
     onResult(false);
     onHide();
@@ -46,6 +46,7 @@ export function Confirm({
           placeholder={requireTyping}
           labelRightSlot={
             <CopyIconButton
+              tabIndex={-1}
               text={requireTyping}
               title="Copy name"
               className="text-text-subtlest"
@@ -60,9 +61,13 @@ export function Confirm({
           }
         />
       )}
-      <HStack space={2} justifyContent="start" className="mt-2 mb-4 flex-row-reverse">
+      <HStack
+        space={2}
+        justifyContent="start"
+        className="mt-2 mb-4 flex-row-reverse"
+      >
         <Button type="submit" color={color} disabled={!didConfirm}>
-          {confirmText ?? 'Confirm'}
+          {confirmText ?? "Confirm"}
         </Button>
         <Button onClick={handleHide} variant="border">
           Cancel