From b9fa049494f7817fb909ac7851c2eb4d1c2c1b0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Sat, 30 May 2026 00:13:25 -0400
Subject: [PATCH] Redesign the organization delete confirmation card

---
 .../src/renderer/src/shared/OrgSwitcher.tsx   | 13 +++--
 AgentCompany-New/src/renderer/src/styles.css  | 48 +++++++++++++------
 2 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/AgentCompany-New/src/renderer/src/shared/OrgSwitcher.tsx b/AgentCompany-New/src/renderer/src/shared/OrgSwitcher.tsx
index 0bf47429..762b07fb 100644
--- a/AgentCompany-New/src/renderer/src/shared/OrgSwitcher.tsx
+++ b/AgentCompany-New/src/renderer/src/shared/OrgSwitcher.tsx
@@ -117,14 +117,13 @@ function OrgRow({
   const initial = orgInitial(org.name);
   if (confirming) {
     return (
-      <div className="org-menu-row confirm">
-        <span className="brand-mark sm">{initial}</span>
-        <div className="org-menu-confirm-text">
-          <div>Delete {org.name}?</div>
-          <div className="org-menu-confirm-hint">All agents, work, chats, files removed.</div>
+      <div className="org-menu-confirm">
+        <div className="org-menu-confirm-title">Delete “{org.name}”?</div>
+        <div className="org-menu-confirm-hint">All agents, work, chats, and files are permanently removed.</div>
+        <div className="org-menu-confirm-actions">
+          <button type="button" className="org-menu-confirm-no" onClick={onCancelDelete}>Cancel</button>
+          <button type="button" className="org-menu-confirm-yes" onClick={onConfirmDelete}>Delete</button>
         </div>
-        <button type="button" className="org-menu-confirm-yes" onClick={onConfirmDelete}>Delete</button>
-        <button type="button" className="org-menu-confirm-no" onClick={onCancelDelete}>Cancel</button>
       </div>
     );
   }
diff --git a/AgentCompany-New/src/renderer/src/styles.css b/AgentCompany-New/src/renderer/src/styles.css
index 34c34887..f26882ea 100644
--- a/AgentCompany-New/src/renderer/src/styles.css
+++ b/AgentCompany-New/src/renderer/src/styles.css
@@ -190,11 +190,6 @@ a { color: inherit; }
 }
 .org-menu-row:hover { background: var(--hover); color: var(--text-1); }
 .org-menu-row.active { background: var(--panel-3); color: var(--text-1); font-weight: 540; }
-.org-menu-row.confirm {
-  background: var(--amber-soft);
-  flex-wrap: wrap;
-  padding: 8px;
-}
 .org-menu-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .org-menu-delete {
   display: inline-flex;
@@ -208,27 +203,52 @@ a { color: inherit; }
 .org-menu-row:hover .org-menu-delete { opacity: 1; }
 .org-menu-delete:hover { background: var(--panel-3); }
 .org-menu-row.active .org-menu-delete:hover { background: var(--border-strong); }
-.org-menu-confirm-text { flex: 1; min-width: 0; font-size: 12.5px; color: var(--text-1); }
-.org-menu-confirm-hint { font-size: 11px; color: var(--text-3); margin-top: 2px; }
+.org-menu-confirm {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  background: var(--amber-soft);
+  border-radius: var(--r-sm);
+  padding: 10px 12px;
+  margin: 2px 0;
+}
+.org-menu-confirm-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.org-menu-confirm-hint { font-size: 11.5px; line-height: 1.45; color: var(--text-3); }
+.org-menu-confirm-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 6px;
+}
 .org-menu-confirm-yes {
-  height: 24px;
-  padding: 0 8px;
+  height: 28px;
+  padding: 0 14px;
   border: 0;
   border-radius: var(--r-sm);
   background: var(--red);
   color: #fff;
-  font-size: 12px;
-  font-weight: 540;
+  font-size: 12.5px;
+  font-weight: 560;
+  cursor: pointer;
 }
 .org-menu-confirm-no {
-  height: 24px;
-  padding: 0 8px;
+  height: 28px;
+  padding: 0 14px;
   border: 1px solid var(--border-strong);
   border-radius: var(--r-sm);
   background: var(--panel);
   color: var(--text-2);
-  font-size: 12px;
+  font-size: 12.5px;
+  cursor: pointer;
 }
+.org-menu-confirm-no:hover { background: var(--hover); color: var(--text-1); }
 .org-menu-divider { height: 1px; background: var(--border-soft); margin: 4px 0; }
 .org-menu-action {
   display: flex;