From a9e05ae988b80344b50de3b793ea915f3827669a Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Tue, 28 Oct 2025 06:15:44 -0700
Subject: [PATCH] Copy on "type to confirm" dialog

---
 src-web/components/core/Confirm.tsx | 17 ++++++++++++++---
 src-web/components/core/Label.tsx   |  2 +-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src-web/components/core/Confirm.tsx b/src-web/components/core/Confirm.tsx
index b1c86662..6b76ee64 100644
--- a/src-web/components/core/Confirm.tsx
+++ b/src-web/components/core/Confirm.tsx
@@ -1,6 +1,7 @@
 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';
@@ -42,10 +43,20 @@ export function Confirm({
         <PlainInput
           autoFocus
           onChange={setConfirm}
+          placeholder={requireTyping}
           label={
-            <>
-              Type <strong className="!select-auto cursor-auto">{requireTyping}</strong> to confirm
-            </>
+            <div className="flex items-center justify-between">
+              <p>
+                Type <strong>{requireTyping}</strong> to confirm
+              </p>
+              <CopyIconButton
+                text={requireTyping}
+                title="Copy name"
+                className="text-text-subtlest ml-auto"
+                iconSize="sm"
+                size="2xs"
+              />
+            </div>
           }
         />
       )}
diff --git a/src-web/components/core/Label.tsx b/src-web/components/core/Label.tsx
index 13c2e90b..fae6db4f 100644
--- a/src-web/components/core/Label.tsx
+++ b/src-web/components/core/Label.tsx
@@ -30,7 +30,7 @@ export function Label({
       )}
       {...props}
     >
-      <span>
+      <span className="inline-block w-full">
         {children}
         {required === true && <span className="text-text-subtlest">*</span>}
       </span>