@swarmclawai/swarmclaw 0.7.7 → 0.8.0

package/src/components/chatrooms/chatroom-sheet.tsx

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react'
 import { useChatroomStore } from '@/stores/use-chatroom-store'
 import { useAppStore } from '@/stores/use-app-store'
 import { BottomSheet } from '@/components/shared/bottom-sheet'
+import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import { toast } from 'sonner'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 import type { Agent, ChatroomRoutingRule } from '@/types'
@@ -165,6 +166,7 @@ export function ChatroomSheet() {
   const [saving, setSaving] = useState(false)
   const [addingRule, setAddingRule] = useState(false)
   const [editingRuleId, setEditingRuleId] = useState<string | null>(null)
+  const [confirmDelete, setConfirmDelete] = useState(false)
 
   const editing = editingId ? chatrooms[editingId] : null
 
@@ -186,6 +188,7 @@ export function ChatroomSheet() {
     }
     setAddingRule(false)
     setEditingRuleId(null)
+    setConfirmDelete(false)
   }, [editing, open])
 
   const handleSave = async () => {
@@ -222,11 +225,11 @@ export function ChatroomSheet() {
 
   const handleDelete = async () => {
     if (!editing || saving) return
-    if (!confirm(`Delete chatroom "${editing.name}"?`)) return
     setSaving(true)
     try {
       await deleteChatroom(editing.id)
       toast.success('Chatroom deleted')
+      setConfirmDelete(false)
       setChatroomSheetOpen(false)
     } catch (err: unknown) {
       toast.error(err instanceof Error ? err.message : 'Failed to delete chatroom')
@@ -503,7 +506,7 @@ export function ChatroomSheet() {
           </button>
           {editing && (
             <button
-              onClick={handleDelete}
+              onClick={() => setConfirmDelete(true)}
               disabled={saving}
               className="py-2.5 px-4 rounded-[8px] text-[13px] font-600 text-red-400 hover:bg-red-500/10 transition-all cursor-pointer"
             >
@@ -512,6 +515,17 @@ export function ChatroomSheet() {
           )}
         </div>
       </div>
+      <ConfirmDialog
+        open={confirmDelete}
+        title="Delete Chatroom?"
+        message={editing ? `Delete "${editing.name}"? This removes the chatroom and its configuration.` : 'Delete this chatroom?'}
+        confirmLabel={saving ? 'Deleting...' : 'Delete'}
+        confirmDisabled={saving}
+        cancelDisabled={saving}
+        danger
+        onConfirm={() => { void handleDelete() }}
+        onCancel={() => { if (!saving) setConfirmDelete(false) }}
+      />
     </BottomSheet>
   )
 }

package/src/components/connectors/connector-health.tsx

@@ -93,7 +93,7 @@ export function ConnectorHealth({ connectorId }: { connectorId: string }) {
         {/* Vertical line */}
         <div className="absolute left-[7px] top-2 bottom-2 w-px bg-white/[0.08]" />
 
-        <div className="space-y-3">
+        <div className="max-h-[320px] overflow-y-auto pr-2 space-y-3 sm:max-h-[38vh]">
           {recentEvents.map((ev) => {
             const cfg = EVENT_CONFIG[ev.event] ?? { color: 'bg-white/30', label: ev.event }
             return (

package/src/components/connectors/connector-list.tsx

@@ -6,7 +6,12 @@ import { useChatroomStore } from '@/stores/use-chatroom-store'
 import { useWs } from '@/hooks/use-ws'
 import { api } from '@/lib/api-client'
 import type { Connector } from '@/types'
-import { ConnectorPlatformIcon, ConnectorPlatformBadge, CONNECTOR_PLATFORM_META, getConnectorPlatformLabel } from '@/components/shared/connector-platform-icon'
+import {
+  ConnectorPlatformIcon,
+  ConnectorPlatformBadge,
+  getConnectorPlatformLabel,
+  resolveConnectorPlatformMeta,
+} from '@/components/shared/connector-platform-icon'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 
 function relativeTime(ts: number): string {
@@ -181,7 +186,7 @@ export function ConnectorList({ inSidebar }: { inSidebar?: boolean }) {
           const agent = c.agentId ? agents[c.agentId] : null
           const chatroom = c.chatroomId ? chatrooms[c.chatroomId] : null
           const isRunning = c.status === 'running'
-          const meta = CONNECTOR_PLATFORM_META[c.platform]
+          const meta = resolveConnectorPlatformMeta(c.platform)
           const group = getConnectorGroup(c)
           return (
             <button