@swarmclawai/swarmclaw 0.7.1 → 0.7.3

package/src/components/agents/agent-card.tsx

@@ -37,6 +37,7 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
   const setCurrentSession = useAppStore((s) => s.setCurrentSession)
   const setActiveView = useAppStore((s) => s.setActiveView)
   const setMessages = useChatStore((s) => s.setMessages)
+  const sendMessage = useChatStore((s) => s.sendMessage)
   const togglePinAgent = useAppStore((s) => s.togglePinAgent)
   const [running, setRunning] = useState(false)
   const [dialogOpen, setDialogOpen] = useState(false)
@@ -61,6 +62,7 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
       budget: typeof agent.dailyBudget === 'number' && agent.dailyBudget > 0 ? agent.dailyBudget : null,
     },
   ].filter((entry) => entry.budget !== null)
+  const canDelegateToAgents = agent.platformAssignScope === 'all'
   useWs(`heartbeat:agent:${agent.id}`, () => {
     setHeartbeatPulse(true)
     setTimeout(() => setHeartbeatPulse(false), 1500)
@@ -78,19 +80,20 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
   }
 
   const handleConfirmRun = async () => {
-    if (!taskInput.trim()) return
+    const task = taskInput.trim()
+    if (!task) return
     setDialogOpen(false)
     setRunning(true)
     try {
-      const result = await api<{ ok: boolean; sessionId: string }>('POST', '/orchestrator/run', { agentId: agent.id, task: taskInput })
-      if (result.sessionId) {
-        await loadSessions()
-        setMessages([])
-        setCurrentSession(result.sessionId)
-        setActiveView('agents')
-      }
+      const session = await api<{ id: string }>('POST', `/agents/${agent.id}/thread`, { user: 'default' })
+      if (!session?.id) throw new Error('Agent thread not available')
+      await loadSessions()
+      setMessages([])
+      setCurrentSession(session.id)
+      setActiveView('agents')
+      await sendMessage(task)
     } catch (err) {
-      console.error('Orchestrator run failed:', err)
+      console.error('Agent task run failed:', err)
     }
     setRunning(false)
   }
@@ -199,7 +202,7 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
               default
             </span>
           )}
-          {agent.isOrchestrator && (
+          {canDelegateToAgents && (
             <button
               onClick={handleRunClick}
               disabled={running}
@@ -210,7 +213,7 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
               {running ? '...' : 'Run'}
             </button>
           )}
-          {agent.isOrchestrator && (
+          {canDelegateToAgents && (
             <span className="shrink-0 text-[10px] font-600 uppercase tracking-wider text-amber-400/80 bg-amber-400/[0.08] px-2 py-0.5 rounded-[6px] flex items-center gap-1">
               <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round"><path d="M16 3h5v5"/><path d="M21 3l-7 7"/><path d="M8 21H3v-5"/><path d="M3 21l7-7"/></svg>
               delegates
@@ -220,7 +223,7 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
         <div className="text-[12px] text-text-3/70 mt-1.5 truncate">{agent.description}</div>
         <div className="flex items-center gap-2 mt-1.5">
           <span className="text-[11px] text-text-3/60 font-mono">{agent.model || agent.provider}</span>
-          {agent.tools?.includes('browser') && (
+          {agent.plugins?.includes('browser') && (
             <span className="text-[10px] font-600 uppercase tracking-wider text-sky-400/70 bg-sky-400/[0.08] px-1.5 py-0.5 rounded-[5px]">
               browser
             </span>
@@ -299,7 +302,7 @@ export function AgentCard({ agent, isDefault, isRunning, isOnline, isSelected, o
       <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
         <DialogContent className="sm:max-w-[420px]">
           <DialogHeader>
-            <DialogTitle>Run Orchestrator</DialogTitle>
+            <DialogTitle>Run Agent</DialogTitle>
           </DialogHeader>
           <div className="py-3">
             <label className="block text-[12px] font-600 text-text-3 mb-2">Task for {agent.name}</label>

package/src/components/agents/agent-chat-list.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } fr
 import { useAppStore } from '@/stores/use-app-store'
 import { useChatStore } from '@/stores/use-chat-store'
 import { useChatroomStore } from '@/stores/use-chatroom-store'
-import { fetchMessages } from '@/lib/sessions'
+import { fetchMessages } from '@/lib/chats'
 import { api } from '@/lib/api-client'
 import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import type { Agent, Session } from '@/types'
@@ -58,7 +58,7 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
       .filter(Boolean) as string[]
     if (!sessionIds.length) { toast.error('No chats to delete'); return }
     try {
-      await api('DELETE', '/sessions', { ids: sessionIds })
+      await api('DELETE', '/chats', { ids: sessionIds })
       await loadSessions()
       toast.success(`Deleted ${sessionIds.length} chat(s)`)
       setBulkMode(false)
@@ -135,6 +135,17 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
     })
   }, [sortedAgents, chatFilter, sessions, runningAgentIds, streamingSessionId, chatroomActiveAgentIds])
 
+  const defaultAgent = useMemo(() => {
+    const id = appSettings.defaultAgentId
+    return id ? agents[id] || null : null
+  }, [appSettings.defaultAgentId, agents])
+
+  const defaultAgentVisible = !!defaultAgent && filteredAgents.some((agent) => agent.id === defaultAgent.id)
+  const listAgents = useMemo(
+    () => (defaultAgentVisible ? filteredAgents.filter((agent) => agent.id !== defaultAgent?.id) : filteredAgents),
+    [defaultAgent?.id, defaultAgentVisible, filteredAgents],
+  )
+
   // FLIP: animate row position changes
   useLayoutEffect(() => {
     const prevTop = previousTopRef.current
@@ -258,11 +269,95 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
         </div>
       )}
       <div className="flex flex-col gap-0.5 px-2 pb-4">
-        {filteredAgents.map((agent) => {
+        {defaultAgentVisible && defaultAgent && (() => {
+          const threadSession = defaultAgent.threadSessionId ? sessions[defaultAgent.threadSessionId] as Session | undefined : undefined
+          const lastMsg = threadSession?.messages?.at(-1)
+          const heartbeatOn = defaultAgent.heartbeatEnabled === true && (defaultAgent.plugins?.length ?? 0) > 0
+          const recentlyActive = (threadSession?.lastActiveAt ?? 0) > Date.now() - 30 * 60 * 1000
+          const isWorking = runningAgentIds.has(defaultAgent.id) || (threadSession?.active ?? false) || heartbeatOn || recentlyActive || chatroomActiveAgentIds.has(defaultAgent.id)
+          const isTyping = streamingSessionId === defaultAgent.threadSessionId
+          const preview = lastMsg?.text?.slice(0, 100)?.replace(/\n/g, ' ') || 'Your primary shortcut chat.'
+          const isActive = currentAgentId === defaultAgent.id
+
+          return (
+            <div className="mb-2 px-2">
+              <div className="px-2 pb-1 text-[10px] font-700 uppercase tracking-[0.12em] text-accent-bright/65">
+                Default Agent
+              </div>
+              <div
+                className={`group/row relative w-full text-left py-3.5 px-4 rounded-[14px] cursor-pointer transition-all duration-150 border
+                  ${isActive
+                    ? 'bg-accent-soft border-accent-bright/25'
+                    : 'bg-accent-soft/40 border-accent-bright/15 hover:bg-accent-soft/55'}`}
+                onClick={() => bulkMode ? toggleSelected(defaultAgent.id) : handleSelect(defaultAgent)}
+              >
+                <div className="flex items-center gap-3">
+                  {bulkMode && (
+                    <div className={`w-5 h-5 rounded-[6px] border-2 flex items-center justify-center shrink-0 transition-colors
+                      ${selectedIds.has(defaultAgent.id) ? 'bg-accent-bright border-accent-bright' : 'border-white/20 bg-transparent'}`}>
+                      {selectedIds.has(defaultAgent.id) && (
+                        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="white" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round">
+                          <polyline points="20 6 9 17 4 12" />
+                        </svg>
+                      )}
+                    </div>
+                  )}
+                  <div className="relative shrink-0">
+                    <AgentAvatar seed={defaultAgent.avatarSeed || null} avatarUrl={defaultAgent.avatarUrl} name={defaultAgent.name} size={38} />
+                    <div className={`absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 border-bg ${
+                      isWorking ? 'bg-emerald-400 shadow-[0_0_6px_rgba(52,211,153,0.4)]' : 'bg-text-3/30'
+                    }`} />
+                  </div>
+                  <div className="flex-1 min-w-0">
+                    <div className="flex items-center gap-2">
+                      <span className="font-display text-[14px] font-700 truncate text-text tracking-[-0.01em]">
+                        {defaultAgent.name}
+                      </span>
+                      <span className="px-1.5 py-0.5 rounded-[6px] bg-accent-bright/12 text-accent-bright text-[9px] font-700 uppercase tracking-[0.08em]">
+                        Shortcut
+                      </span>
+                    </div>
+                    {isTyping ? (
+                      <div className="text-[12px] text-accent-bright/80 mt-1 flex items-center gap-1.5">
+                        <span className="flex gap-0.5">
+                          <span className="w-1 h-1 rounded-full bg-accent-bright/70 animate-bounce [animation-delay:0ms]" />
+                          <span className="w-1 h-1 rounded-full bg-accent-bright/70 animate-bounce [animation-delay:150ms]" />
+                          <span className="w-1 h-1 rounded-full bg-accent-bright/70 animate-bounce [animation-delay:300ms]" />
+                        </span>
+                        Typing...
+                      </div>
+                    ) : (
+                      <div className="text-[12px] text-text-3/70 mt-1 truncate">
+                        {preview}
+                      </div>
+                    )}
+                  </div>
+                  <button
+                    onClick={async (e) => {
+                      e.stopPropagation()
+                      await updateSettings({ defaultAgentId: null })
+                      toast.success('Default agent cleared')
+                    }}
+                    aria-label="Remove as default agent"
+                    title="Default agent — click to clear"
+                    className="shrink-0 p-1 rounded-[6px] transition-all bg-transparent border-none cursor-pointer hover:bg-white/[0.06] text-accent-bright"
+                    style={{ fontFamily: 'inherit' }}
+                  >
+                    <svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+                      <path d="M9 22V12h6v10" fill="rgba(0,0,0,0.3)" stroke="none" />
+                    </svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+          )
+        })()}
+        {listAgents.map((agent) => {
           const threadSession = agent.threadSessionId ? sessions[agent.threadSessionId] as Session | undefined : undefined
           const lastMsg = threadSession?.messages?.at(-1)
           const isActive = currentAgentId === agent.id
-          const heartbeatOn = agent.heartbeatEnabled === true && (agent.tools?.length ?? 0) > 0
+          const heartbeatOn = agent.heartbeatEnabled === true && (agent.plugins?.length ?? 0) > 0
           const recentlyActive = (threadSession?.lastActiveAt ?? 0) > Date.now() - 30 * 60 * 1000
           const isWorking = runningAgentIds.has(agent.id) || (threadSession?.active ?? false) || heartbeatOn || recentlyActive || chatroomActiveAgentIds.has(agent.id)
           const isTyping = streamingSessionId === agent.threadSessionId
@@ -300,6 +395,11 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
                     <span className="font-display text-[13.5px] font-600 truncate flex-1 tracking-[-0.01em]">
                       {agent.name}
                     </span>
+                    {appSettings.defaultAgentId === agent.id && (
+                      <span className="px-1.5 py-0.5 rounded-[6px] bg-accent-bright/10 text-accent-bright text-[9px] font-700 uppercase tracking-[0.08em] shrink-0">
+                        Default
+                      </span>
+                    )}
                     <span className="text-[10px] text-text-3/60 font-mono shrink-0">
                       {(threadSession?.model || agent.model)
                         ? (threadSession?.model || agent.model)!.split('/').pop()?.split(':')[0]

package/src/components/agents/agent-list.tsx

@@ -2,7 +2,6 @@
 
 import { useEffect, useLayoutEffect, useMemo, useRef, useState, useCallback } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
-import { api } from '@/lib/api-client'
 import { AgentCard } from './agent-card'
 import { TrashList } from './trash-list'
 import { useApprovalStore } from '@/stores/use-approval-store'
@@ -17,8 +16,6 @@ export function AgentList({ inSidebar }: Props) {
   const agents = useAppStore((s) => s.agents)
   const loadAgents = useAppStore((s) => s.loadAgents)
   const sessions = useAppStore((s) => s.sessions)
-  const currentUser = useAppStore((s) => s.currentUser)
-  const loadSessions = useAppStore((s) => s.loadSessions)
   const setAgentSheetOpen = useAppStore((s) => s.setAgentSheetOpen)
   const activeProjectFilter = useAppStore((s) => s.activeProjectFilter)
   const showTrash = useAppStore((s) => s.showTrash)
@@ -28,7 +25,7 @@ export function AgentList({ inSidebar }: Props) {
   const currentSessionId = useAppStore((s) => s.currentSessionId)
   const approvals = useApprovalStore((s) => s.approvals)
   const [search, setSearch] = useState('')
-  const [filter, setFilter] = useState<'all' | 'orchestrator' | 'agent'>('all')
+  const [filter, setFilter] = useState<'all' | 'delegating' | 'solo'>('all')
 
   // FLIP animation refs
   const flipPositions = useRef<Map<string, number>>(new Map())
@@ -37,19 +34,17 @@ export function AgentList({ inSidebar }: Props) {
   const currentSession = currentSessionId ? sessions[currentSessionId] : null
   const selectedAgentId = currentSession?.agentId
 
-  const mainSession = useMemo(() =>
-    Object.values(sessions).find((s: any) => s.name === '__main__' && s.user === currentUser),
-    [sessions, currentUser]
-  )
-  const defaultAgentId = mainSession?.agentId || 'default'
+  const appSettings = useAppStore((s) => s.appSettings)
+  const updateSettings = useAppStore((s) => s.updateSettings)
+  const defaultAgentId = (appSettings.defaultAgentId && agents[appSettings.defaultAgentId])
+    ? appSettings.defaultAgentId
+    : Object.values(agents)[0]?.id || 'default'
 
   const handleSetDefault = useCallback(async (agentId: string) => {
-    if (!mainSession) return
     try {
-      await api('PUT', `/sessions/${mainSession.id}`, { agentId })
-      await loadSessions()
+      await updateSettings({ defaultAgentId: agentId })
     } catch { /* ignore */ }
-  }, [mainSession, loadSessions])
+  }, [updateSettings])
 
   const [loaded, setLoaded] = useState(Object.keys(agents).length > 0)
   useEffect(() => { loadAgents().then(() => setLoaded(true)) }, [])
@@ -75,7 +70,7 @@ export function AgentList({ inSidebar }: Props) {
     const ids = new Set<string>()
     const recentThreshold = now - 30 * 60 * 1000
     for (const a of Object.values(agents)) {
-      if (a.heartbeatEnabled === true && (a.tools?.length ?? 0) > 0) { ids.add(a.id); continue }
+      if (a.heartbeatEnabled === true && (a.plugins?.length ?? 0) > 0) { ids.add(a.id); continue }
       // Check if any session for this agent was active in the last 30 minutes
       for (const s of Object.values(sessions)) {
         if (s.agentId === a.id && (s.lastActiveAt ?? 0) > recentThreshold) { ids.add(a.id); break }
@@ -93,12 +88,22 @@ export function AgentList({ inSidebar }: Props) {
     return counts
   }, [approvals])
 
+  const delegatingCount = useMemo(
+    () => Object.values(agents).filter((agent) => agent.platformAssignScope === 'all' && !agent.trashedAt).length,
+    [agents],
+  )
+  const soloCount = useMemo(
+    () => Object.values(agents).filter((agent) => agent.platformAssignScope !== 'all' && !agent.trashedAt).length,
+    [agents],
+  )
+
   const filtered = useMemo(() => {
     return Object.values(agents)
       .filter((p) => {
         if (search && !p.name.toLowerCase().includes(search.toLowerCase())) return false
-        if (filter === 'orchestrator' && !p.isOrchestrator) return false
-        if (filter === 'agent' && p.isOrchestrator) return false
+        const canDelegateToAgents = p.platformAssignScope === 'all'
+        if (filter === 'delegating' && !canDelegateToAgents) return false
+        if (filter === 'solo' && canDelegateToAgents) return false
         if (activeProjectFilter && p.projectId !== activeProjectFilter) return false
         // Fleet filter
         if (fleetFilter === 'running' && !runningAgentIds.has(p.id)) return false
@@ -176,7 +181,7 @@ export function AgentList({ inSidebar }: Props) {
           </svg>
         }
         title="No agents yet"
-        subtitle="Create AI agents and orchestrators"
+        subtitle="Create AI agents and enable delegation where needed"
         action={!inSidebar ? { label: '+ New Agent', onClick: () => setAgentSheetOpen(true) } : undefined}
       />
     )
@@ -217,15 +222,19 @@ export function AgentList({ inSidebar }: Props) {
         })}
       </div>
       <div className="flex gap-1 px-4 pb-2 items-center">
-        {(['all', 'orchestrator', 'agent'] as const).map((f) => (
+        {([
+          ['all', `all (${delegatingCount + soloCount})`],
+          ['delegating', `delegating (${delegatingCount})`],
+          ['solo', `solo (${soloCount})`],
+        ] as const).map(([value, label]) => (
           <button
-            key={f}
-            onClick={() => setFilter(f)}
+            key={value}
+            onClick={() => setFilter(value)}
             className={`px-3 py-1.5 rounded-[8px] text-[11px] font-600 capitalize cursor-pointer transition-all
-              ${filter === f ? 'bg-accent-soft text-accent-bright' : 'bg-transparent text-text-3 hover:text-text-2'}`}
+              ${filter === value ? 'bg-accent-soft text-accent-bright' : 'bg-transparent text-text-3 hover:text-text-2'}`}
             style={{ fontFamily: 'inherit' }}
           >
-            {f}
+            {label}
           </button>
         ))}
         <div className="flex-1" />
@@ -240,6 +249,29 @@ export function AgentList({ inSidebar }: Props) {
           </svg>
         </button>
       </div>
+      {!inSidebar && (
+        <div className="mx-4 mb-3 rounded-[14px] border border-white/[0.06] bg-white/[0.02] px-4 py-3">
+          <div className="flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between">
+            <div>
+              <h3 className="text-[12px] font-700 uppercase tracking-[0.08em] text-text-3/60">Fleet Roles</h3>
+              <p className="text-[12px] text-text-3/65 mt-1">
+                Delegating agents can hand work to other agents. Solo agents stay on their own thread and tools.
+              </p>
+            </div>
+            <div className="flex flex-wrap gap-2">
+              <span className="px-2.5 py-1 rounded-[8px] bg-white/[0.04] text-[11px] font-600 text-text-2">
+                Default: {agents[defaultAgentId]?.name || 'Unset'}
+              </span>
+              <span className="px-2.5 py-1 rounded-[8px] bg-sky-500/10 text-[11px] font-600 text-sky-400">
+                {delegatingCount} delegating
+              </span>
+              <span className="px-2.5 py-1 rounded-[8px] bg-white/[0.04] text-[11px] font-600 text-text-2">
+                {soloCount} solo
+              </span>
+            </div>
+          </div>
+        </div>
+      )}
       <div className="flex flex-col gap-1 px-2 pb-4">
         {filtered.map((p) => (
           <div key={p.id} ref={(el) => { if (el) cardRefs.current.set(p.id, el); else cardRefs.current.delete(p.id) }}>