@swarmclawai/swarmclaw 0.7.7 → 0.8.0

package/src/components/gateways/gateway-sheet.tsx

@@ -233,9 +233,9 @@ export function GatewaySheet() {
       params.set('endpoint', endpoint.trim() || 'http://localhost:18789')
       if (credentialId) params.set('credentialId', credentialId)
       if (tokenDraft.trim()) params.set('token', tokenDraft.trim())
-      const result = await api<{ ok: boolean; models: string[]; error?: string; hint?: string }>('GET', `/providers/openclaw/health?${params.toString()}`)
+      const result = await api<{ ok: boolean; models: string[]; message?: string; error?: string; hint?: string }>('GET', `/providers/openclaw/health?${params.toString()}`)
       if (result.ok) {
-        setCheckMessage(`Connected. ${result.models?.length ? `${result.models.length} model${result.models.length === 1 ? '' : 's'} visible.` : 'Gateway responded normally.'}`)
+        setCheckMessage(result.message || `Connected. ${result.models?.length ? `${result.models.length} model${result.models.length === 1 ? '' : 's'} visible.` : 'Gateway responded normally.'}`)
       } else {
         setCheckMessage(result.error || result.hint || 'Gateway health check failed.')
       }

package/src/components/layout/app-layout.tsx

@@ -141,6 +141,7 @@ export function AppLayout() {
   const execApprovals = useApprovalStore((s) => s.approvals)
   const loadExecApprovals = useApprovalStore((s) => s.loadApprovals)
   const pruneExecApprovals = useApprovalStore((s) => s.pruneExpired)
+  const appSettings = useAppStore((s) => s.appSettings)
   const isDesktop = useMediaQuery('(min-width: 768px)')
   const hasSelectedSession = !!(currentSessionId && sessions[currentSessionId])
   
@@ -168,11 +169,23 @@ export function AppLayout() {
     pruneExecApprovals()
   }, 10000)
 
-  const appSettings = useAppStore((s) => s.appSettings)
   const [agentViewMode, setAgentViewMode] = useState<'chat' | 'config'>('chat')
   const [profileSheetOpen, setProfileSheetOpen] = useState(false)
   const [canvasDismissedFor, setCanvasDismissedFor] = useState<string | null>(null)
 
+  const isViewEnabled = useCallback((view: AppView) => {
+    if (view === 'projects') return appSettings.projectManagementEnabled !== false
+    if (view === 'tasks') return appSettings.taskManagementEnabled !== false
+    if (view === 'chatrooms') return plugins['chatroom']?.enabled !== false
+    if (view === 'schedules') return plugins['schedule']?.enabled !== false
+    if (view === 'memory') return plugins['memory']?.enabled !== false
+    if (view === 'connectors') return plugins['connectors']?.enabled !== false
+    if (view === 'webhooks') return plugins['http']?.enabled !== false
+    if (view === 'wallets') return plugins['wallet']?.enabled !== false
+    if (view === 'logs') return plugins['monitor']?.enabled !== false
+    return true
+  }, [appSettings.projectManagementEnabled, appSettings.taskManagementEnabled, plugins])
+
   const handleShortcutKey = useCallback((e: KeyboardEvent) => {
     const mod = e.metaKey || e.ctrlKey
     // Cmd+N / Ctrl+N — jump to the default agent shortcut
@@ -188,8 +201,10 @@ export function AppLayout() {
     }
     // Cmd+Shift+T / Ctrl+Shift+T — jump to tasks
     if (mod && e.shiftKey && e.key.toLowerCase() === 't') {
+      const state = useAppStore.getState()
+      if (state.appSettings.taskManagementEnabled === false) return
       e.preventDefault()
-      useAppStore.getState().setActiveView('tasks')
+      state.setActiveView('tasks')
     }
   }, [])
 
@@ -222,6 +237,13 @@ export function AppLayout() {
     }
   }, [appSettings.themeHue])
 
+  useEffect(() => {
+    if (!isViewEnabled(activeView)) {
+      setActiveView('home')
+      setSidebarOpen(false)
+    }
+  }, [activeView, isViewEnabled, setActiveView, setSidebarOpen])
+
   const [pluginSidebarItems, setPluginSidebarItems] = useState<Array<{ id: string; label: string; href: string }>>([])
 
   const refreshPluginState = useCallback(() => {
@@ -235,17 +257,6 @@ export function AppLayout() {
 
   useWs('plugins', refreshPluginState)
 
-  const isViewEnabled = useCallback((view: AppView) => {
-    if (view === 'chatrooms') return plugins['chatroom']?.enabled !== false
-    if (view === 'schedules') return plugins['schedule']?.enabled !== false
-    if (view === 'memory') return plugins['memory']?.enabled !== false
-    if (view === 'connectors') return plugins['connectors']?.enabled !== false
-    if (view === 'webhooks') return plugins['http']?.enabled !== false
-    if (view === 'wallets') return plugins['wallet']?.enabled !== false
-    if (view === 'logs') return plugins['monitor']?.enabled !== false
-    return true
-  }, [plugins])
-
   const [railExpanded, setRailExpanded] = useState(() => {
     const stored = safeStorageGet(RAIL_EXPANDED_KEY)
     return stored === null ? true : stored === 'true'
@@ -262,6 +273,7 @@ export function AppLayout() {
   }
 
   const openNewSheet = () => {
+    if (!isViewEnabled(activeView)) return
     if (activeView === 'agents') setAgentSheetOpen(true)
     else if (activeView === 'schedules') setScheduleSheetOpen(true)
     else if (activeView === 'tasks') setTaskSheetOpen(true)
@@ -278,6 +290,7 @@ export function AppLayout() {
   }
 
   const handleNavClick = (view: AppView) => {
+    if (!isViewEnabled(view)) return
     if (FULL_WIDTH_VIEWS.has(view)) {
       setActiveView(view)
       setSidebarOpen(false)
@@ -491,11 +504,13 @@ export function AppLayout() {
                     </svg>
                   </NavItem>
                 )}
-                <NavItem view="projects" label="Projects" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('projects')}>
-                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-                    <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7-7H4a2 2 0 0 0-2 2v17Z" /><path d="M14 2v7h7" />
-                  </svg>
-                </NavItem>
+                {isViewEnabled('projects') && (
+                  <NavItem view="projects" label="Projects" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('projects')}>
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7-7H4a2 2 0 0 0-2 2v17Z" /><path d="M14 2v7h7" />
+                    </svg>
+                  </NavItem>
+                )}
               </div>
 
               <div className={`flex flex-col gap-0.5 ${railExpanded ? '' : 'items-center'}`}>
@@ -504,11 +519,13 @@ export function AppLayout() {
                 ) : (
                   <div className="my-1 h-px w-6 bg-white/[0.06]" />
                 )}
-                <NavItem view="tasks" label="Tasks" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('tasks')} badge={pendingApprovalCount}>
-                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-                    <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" /><rect x="9" y="3" width="6" height="4" rx="1" /><path d="M9 14l2 2 4-4" />
-                  </svg>
-                </NavItem>
+                {isViewEnabled('tasks') && (
+                  <NavItem view="tasks" label="Tasks" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('tasks')} badge={pendingApprovalCount}>
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" /><rect x="9" y="3" width="6" height="4" rx="1" /><path d="M9 14l2 2 4-4" />
+                    </svg>
+                  </NavItem>
+                )}
                 <NavItem view="approvals" label="Approvals" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('approvals')} badge={pendingApprovalCount}>
                   <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                     <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/>

package/src/components/mcp-servers/mcp-server-list.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useState, useRef } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
+import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import { api } from '@/lib/api-client'
 import { toast } from 'sonner'
 
@@ -62,6 +63,8 @@ export function McpServerList({ inSidebar }: { inSidebar?: boolean }) {
   const [invokeResult, setInvokeResult] = useState<McpInvokeResult | null>(null)
   const [conformanceByServer, setConformanceByServer] = useState<Record<string, McpConformanceResult>>({})
   const [conformanceLoading, setConformanceLoading] = useState<Record<string, boolean>>({})
+  const [confirmDelete, setConfirmDelete] = useState<{ id: string; name: string } | null>(null)
+  const [deletingId, setDeletingId] = useState<string | null>(null)
   const timersRef = useRef<ReturnType<typeof setTimeout>[]>([])
 
   useEffect(() => {
@@ -109,17 +112,24 @@ export function McpServerList({ inSidebar }: { inSidebar?: boolean }) {
     setMcpServerSheetOpen(true)
   }
 
-  const handleDelete = async (e: React.MouseEvent, id: string) => {
+  const handleDelete = (e: React.MouseEvent, id: string) => {
     e.stopPropagation()
     const server = mcpServers[id]
-    if (!confirm(`Delete MCP server "${server?.name || id}"?`)) return
-    
+    setConfirmDelete({ id, name: server?.name || id })
+  }
+
+  const handleDeleteConfirm = async () => {
+    if (!confirmDelete) return
+    setDeletingId(confirmDelete.id)
     try {
-      await api('DELETE', `/mcp-servers/${id}`)
+      await api('DELETE', `/mcp-servers/${confirmDelete.id}`)
       toast.success('MCP server deleted')
       await loadMcpServers()
+      setConfirmDelete(null)
     } catch (err: unknown) {
       toast.error(err instanceof Error ? err.message : 'Failed to delete server')
+    } finally {
+      setDeletingId(null)
     }
   }
 
@@ -280,7 +290,7 @@ export function McpServerList({ inSidebar }: { inSidebar?: boolean }) {
               ) : inspectorError ? (
                 <p className="text-[12px] text-red-300">{inspectorError}</p>
               ) : (
-                <div className="space-y-3">
+    <div className="space-y-3">
                   {activeConformance && (
                     <div className={`rounded-[10px] border p-3 ${activeConformance.ok ? 'border-emerald-400/20 bg-emerald-500/[0.06]' : 'border-amber-400/20 bg-amber-500/[0.06]'}`}>
                       <p className={`text-[12px] font-600 mb-1 ${activeConformance.ok ? 'text-emerald-300' : 'text-amber-300'}`}>
@@ -441,6 +451,17 @@ export function McpServerList({ inSidebar }: { inSidebar?: boolean }) {
           </div>
         </>
       )}
+      <ConfirmDialog
+        open={!!confirmDelete}
+        title="Delete MCP Server?"
+        message={confirmDelete ? `Delete "${confirmDelete.name}"? This will remove the MCP server from the app.` : 'Delete this MCP server?'}
+        confirmLabel={deletingId ? 'Deleting...' : 'Delete'}
+        confirmDisabled={!!deletingId}
+        cancelDisabled={!!deletingId}
+        danger
+        onConfirm={() => { void handleDeleteConfirm() }}
+        onCancel={() => { if (!deletingId) setConfirmDelete(null) }}
+      />
     </div>
   )
 }

package/src/components/mcp-servers/mcp-server-sheet.tsx

@@ -3,6 +3,7 @@
 import { useState } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
 import { BottomSheet } from '@/components/shared/bottom-sheet'
+import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import { api } from '@/lib/api-client'
 import { toast } from 'sonner'
 import type { McpServerConfig, McpTransport } from '@/types'
@@ -25,6 +26,8 @@ function McpServerForm({ editing, onClose, loadMcpServers }: {
   )
   const [testing, setTesting] = useState(false)
   const [testResult, setTestResult] = useState<{ ok: boolean; tools?: string[]; error?: string } | null>(null)
+  const [confirmDelete, setConfirmDelete] = useState(false)
+  const [deleting, setDeleting] = useState(false)
 
   const parseEnv = (text: string): Record<string, string> | undefined => {
     if (!text.trim()) return undefined
@@ -76,14 +79,17 @@ function McpServerForm({ editing, onClose, loadMcpServers }: {
 
   const handleDelete = async () => {
     if (!editing) return
-    if (!confirm('Delete this MCP server?')) return
+    setDeleting(true)
     try {
       await api('DELETE', `/mcp-servers/${editing.id}`)
       toast.success('MCP server deleted')
       await loadMcpServers()
+      setConfirmDelete(false)
       onClose()
     } catch (err: unknown) {
       toast.error(err instanceof Error ? err.message : 'Failed to delete server')
+    } finally {
+      setDeleting(false)
     }
   }
 
@@ -216,7 +222,7 @@ function McpServerForm({ editing, onClose, loadMcpServers }: {
 
       <div className="flex gap-3 pt-2 border-t border-white/[0.04]">
         {editing && (
-          <button onClick={handleDelete} className="py-3.5 px-6 rounded-[14px] border border-red-500/20 bg-transparent text-red-400 text-[15px] font-600 cursor-pointer hover:bg-red-500/10 transition-all" style={{ fontFamily: 'inherit' }}>
+          <button onClick={() => setConfirmDelete(true)} className="py-3.5 px-6 rounded-[14px] border border-red-500/20 bg-transparent text-red-400 text-[15px] font-600 cursor-pointer hover:bg-red-500/10 transition-all" style={{ fontFamily: 'inherit' }}>
             Delete
           </button>
         )}
@@ -227,6 +233,17 @@ function McpServerForm({ editing, onClose, loadMcpServers }: {
           {editing ? 'Save' : 'Create'}
         </button>
       </div>
+      <ConfirmDialog
+        open={confirmDelete}
+        title="Delete MCP Server?"
+        message={editing ? `Delete "${editing.name}"? This will remove the MCP server from the app.` : 'Delete this MCP server?'}
+        confirmLabel={deleting ? 'Deleting...' : 'Delete'}
+        confirmDisabled={deleting}
+        cancelDisabled={deleting}
+        danger
+        onConfirm={() => { void handleDelete() }}
+        onCancel={() => { if (!deleting) setConfirmDelete(false) }}
+      />
     </>
   )
 }