feat: release chat and mindspace UI updates

src/components/HistorySidebar.tsx

@@ -58,10 +58,12 @@ export function HistorySidebar({
 }: HistorySidebarProps) {
   const bodyRef = useRef<HTMLDivElement>(null);
   const [visibleCount, setVisibleCount] = useState(appConfig.sessionPageSize);
+  const [pendingDeleteId, setPendingDeleteId] = useState<string | null>(null);
 
   useEffect(() => {
     if (open) {
       setVisibleCount(appConfig.sessionPageSize);
+      setPendingDeleteId(null);
     }
   }, [open, sessions.length]);
 
@@ -74,14 +76,22 @@ export function HistorySidebar({
     }
   }, [visibleCount, sessions.length]);
 
-  const handleDelete = useCallback(
-    (sessionId: string, label: string) => {
-      if (!window.confirm(`确定删除「${label}」？此操作不可恢复。`)) return;
+  const handleDeleteClick = useCallback((sessionId: string) => {
+    setPendingDeleteId(sessionId);
+  }, []);
+
+  const handleConfirmDelete = useCallback(
+    (sessionId: string) => {
+      setPendingDeleteId(null);
       onDelete(sessionId);
     },
     [onDelete],
   );
 
+  const handleCancelDelete = useCallback(() => {
+    setPendingDeleteId(null);
+  }, []);
+
   if (!open) return null;
 
   const visibleSessions = sessions.slice(0, visibleCount);
@@ -119,26 +129,46 @@ export function HistorySidebar({
                   <ul className="sidebar-list">
                     {group.sessions.map((item) => {
                       const label = getSessionListLabel(item);
+                      const isPending = pendingDeleteId === item.id;
                       return (
-                        <li key={item.id} className="sidebar-item-wrap">
+                        <li key={item.id} className={`sidebar-item-wrap${isPending ? ' sidebar-item-confirming' : ''}`}>
                           <button
                             type="button"
                             className={`sidebar-item ${item.id === activeSessionId ? 'sidebar-item-active' : ''}`}
-                            onClick={() => onSelect(item.id)}
+                            onClick={() => { if (!isPending) onSelect(item.id); }}
                           >
                             <span className="sidebar-item-title">{label}</span>
                             <span className="sidebar-item-meta">
                               {formatSessionTime(item.updated_at ?? item.created_at)}
                             </span>
                           </button>
-                          <button
-                            type="button"
-                            className="sidebar-item-delete"
-                            aria-label={`删除 ${label}`}
-                            onClick={() => handleDelete(item.id, label)}
-                          >
-                            <CloseIcon />
-                          </button>
+                          {isPending ? (
+                            <div className="sidebar-item-confirm">
+                              <button
+                                type="button"
+                                className="sidebar-confirm-yes"
+                                onClick={() => handleConfirmDelete(item.id)}
+                              >
+                                删除
+                              </button>
+                              <button
+                                type="button"
+                                className="sidebar-confirm-no"
+                                onClick={handleCancelDelete}
+                              >
+                                取消
+                              </button>
+                            </div>
+                          ) : (
+                            <button
+                              type="button"
+                              className="sidebar-item-delete"
+                              aria-label={`删除 ${label}`}
+                              onClick={() => handleDeleteClick(item.id)}
+                            >
+                              <CloseIcon />
+                            </button>
+                          )}
                         </li>
                       );
                     })}