@swarmclawai/swarmclaw 0.7.1 → 0.7.3

package/src/components/{sessions/session-list.tsx → chat/chat-list.tsx}

@@ -3,8 +3,8 @@
 import { useEffect, useMemo, useState } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
 import { useChatStore } from '@/stores/use-chat-store'
-import { SessionCard } from './session-card'
-import { fetchMessages } from '@/lib/sessions'
+import { ChatCard } from './chat-card'
+import { fetchMessages } from '@/lib/chats'
 import { toast } from 'sonner'
 import { Skeleton } from '@/components/shared/skeleton'
 import { EmptyState } from '@/components/shared/empty-state'
@@ -14,17 +14,17 @@ interface Props {
   onSelect?: () => void
 }
 
-type SessionFilter = 'all' | 'active' | 'human' | 'orchestrated'
+type SessionFilter = 'all' | 'active'
 type SortMode = 'lastActive' | 'name' | 'messages'
 
-export function SessionList({ inSidebar, onSelect }: Props) {
+export function ChatList({ inSidebar, onSelect }: Props) {
   const sessions = useAppStore((s) => s.sessions)
   const currentUser = useAppStore((s) => s.currentUser)
   const currentSessionId = useAppStore((s) => s.currentSessionId)
   const setCurrentSession = useAppStore((s) => s.setCurrentSession)
   const loadSessions = useAppStore((s) => s.loadSessions)
   const loadConnectors = useAppStore((s) => s.loadConnectors)
-  const setNewSessionOpen = useAppStore((s) => s.setNewSessionOpen)
+  const setAgentSheetOpen = useAppStore((s) => s.setAgentSheetOpen)
   const clearSessions = useAppStore((s) => s.clearSessions)
   const togglePinSession = useAppStore((s) => s.togglePinSession)
   const markChatRead = useAppStore((s) => s.markChatRead)
@@ -44,7 +44,6 @@ export function SessionList({ inSidebar, onSelect }: Props) {
 
   const allUserSessions = useMemo(() => {
     return Object.values(sessions).filter((s) => {
-      if (s.name === '__main__') return false
       const owner = (s.user || '').toLowerCase()
       const isPlatformOwned = owner === 'system' || owner === 'connector' || owner === 'swarm'
       const isCurrentUserOwned = !!currentUser && owner === currentUser.toLowerCase()
@@ -59,8 +58,6 @@ export function SessionList({ inSidebar, onSelect }: Props) {
       .filter((s) => {
         if (search && !s.name.toLowerCase().includes(search.toLowerCase())) return false
         if (typeFilter === 'active' && !s.active) return false
-        if (typeFilter === 'human' && s.sessionType === 'orchestrated') return false
-        if (typeFilter === 'orchestrated' && s.sessionType !== 'orchestrated') return false
         return true
       })
       .sort((a, b) => {
@@ -116,8 +113,8 @@ export function SessionList({ inSidebar, onSelect }: Props) {
           </svg>
         }
         title="No chats yet"
-        subtitle="Create one to start chatting"
-        action={!inSidebar ? { label: '+ New Chat', onClick: () => setNewSessionOpen(true) } : undefined}
+        subtitle="Create an agent to open its persistent thread"
+        action={!inSidebar ? { label: '+ New Agent', onClick: () => setAgentSheetOpen(true) } : undefined}
       />
     )
   }
@@ -126,7 +123,7 @@ export function SessionList({ inSidebar, onSelect }: Props) {
     <div className="flex-1 flex flex-col overflow-y-auto">
       {/* Filter tabs — always visible when sessions exist */}
       <div className="flex items-center gap-1 px-4 pt-2 pb-1 shrink-0">
-        {(['all', 'active', 'human', 'orchestrated'] as SessionFilter[]).map((f) => (
+        {(['all', 'active'] as SessionFilter[]).map((f) => (
           <button
             key={f}
             onClick={() => setTypeFilter(f)}
@@ -134,7 +131,7 @@ export function SessionList({ inSidebar, onSelect }: Props) {
               ${typeFilter === f ? 'bg-accent-soft text-accent-bright' : 'bg-transparent text-text-3 hover:text-text-2'}`}
             style={{ fontFamily: 'inherit' }}
           >
-            {f === 'all' ? 'All' : f === 'active' ? 'Active' : f === 'human' ? 'Human' : 'AI'}
+            {f === 'all' ? 'All' : 'Active'}
           </button>
         ))}
         {filtered.length > 0 && (
@@ -186,7 +183,7 @@ export function SessionList({ inSidebar, onSelect }: Props) {
         <div className="flex flex-col gap-1 px-2 pb-4">
           {filtered.map((s) => (
             <div key={s.id} className="group/pin relative">
-              <SessionCard
+              <ChatCard
                 session={s}
                 active={s.id === currentSessionId}
                 onClick={() => handleSelect(s.id)}
@@ -210,7 +207,7 @@ export function SessionList({ inSidebar, onSelect }: Props) {
       ) : (
         <div className="flex-1 flex flex-col items-center justify-center gap-3 text-text-3 p-8 text-center">
           <p className="text-[13px] text-text-3/50">
-            No {typeFilter === 'orchestrated' ? 'AI' : typeFilter === 'active' ? 'active' : typeFilter} chats{search ? ` matching "${search}"` : ''}
+            No {typeFilter === 'active' ? 'active' : typeFilter} chats{search ? ` matching "${search}"` : ''}
           </p>
         </div>
       )}

package/src/components/chat/chat-tool-toggles.tsx

@@ -3,9 +3,10 @@
 import { useState, useRef, useEffect } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
 import { api } from '@/lib/api-client'
-import { AVAILABLE_TOOLS, PLATFORM_TOOLS, TOOL_LABELS } from '@/lib/tool-definitions'
+import { AVAILABLE_TOOLS, PLATFORM_TOOLS } from '@/lib/tool-definitions'
 import type { ToolDefinition } from '@/lib/tool-definitions'
 import type { Session } from '@/types'
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@/components/ui/tooltip'
 
 const TOOL_GROUPS: { label: string; tools: ToolDefinition[] }[] = [
   { label: 'Plugins', tools: AVAILABLE_TOOLS },
@@ -26,7 +27,7 @@ export function ChatToolToggles({ session }: Props) {
   const skills = useAppStore((s) => s.skills)
 
   const agent = session.agentId ? agents[session.agentId] : null
-  const sessionTools: string[] = session.tools || []
+  const sessionTools: string[] = session.plugins || []
 
   // Agent's skill IDs
   const agentSkillIds: string[] = agent?.skillIds || []
@@ -44,7 +45,7 @@ export function ChatToolToggles({ session }: Props) {
     const updated = sessionTools.includes(toolId)
       ? sessionTools.filter((t) => t !== toolId)
       : [...sessionTools, toolId]
-    await api('PUT', `/sessions/${session.id}`, { tools: updated })
+    await api('PUT', `/chats/${session.id}`, { plugins: updated })
     loadSessions()
   }
 
@@ -69,26 +70,33 @@ export function ChatToolToggles({ session }: Props) {
       {open && (
         <div className="absolute top-full left-0 mt-1.5 w-[260px] max-h-[420px] overflow-y-auto rounded-[12px] border border-white/[0.08] shadow-xl z-[120] overflow-hidden"
           style={{ animation: 'fade-in 0.15s ease', backgroundColor: '#171a2b' }}>
-
+         <TooltipProvider delayDuration={300}>
           {TOOL_GROUPS.map((group, gi) => (
             <div key={group.label} className={`px-3 pb-1 ${gi === 0 ? 'pt-3' : 'pt-1 border-t border-white/[0.04]'}`}>
               <p className="text-[10px] font-600 text-text-3/60 uppercase tracking-wider mb-2">{group.label}</p>
               {group.tools.map((tool) => {
                 const enabled = sessionTools.includes(tool.id)
                 return (
-                  <label key={tool.id} className="flex items-center gap-2.5 py-1.5 cursor-pointer" title={tool.description}>
-                    <div
-                      onClick={() => toggleTool(tool.id)}
-                      className={`w-8 h-[18px] rounded-full transition-all duration-200 relative cursor-pointer shrink-0
-                        ${enabled ? 'bg-accent-bright' : 'bg-white/[0.12]'}`}
-                    >
-                      <div className={`absolute top-[2px] w-[14px] h-[14px] rounded-full bg-white transition-all duration-200
-                        ${enabled ? 'left-[16px]' : 'left-[2px]'}`} />
-                    </div>
-                    <span className={`text-[12px] ${enabled ? 'text-text-2' : 'text-text-3/70'}`}>
-                      {tool.label}
-                    </span>
-                  </label>
+                  <Tooltip key={tool.id}>
+                    <TooltipTrigger asChild>
+                      <label className="flex items-center gap-2.5 py-1.5 cursor-pointer">
+                        <div
+                          onClick={() => toggleTool(tool.id)}
+                          className={`w-8 h-[18px] rounded-full transition-all duration-200 relative cursor-pointer shrink-0
+                            ${enabled ? 'bg-accent-bright' : 'bg-white/[0.12]'}`}
+                        >
+                          <div className={`absolute top-[2px] w-[14px] h-[14px] rounded-full bg-white transition-all duration-200
+                            ${enabled ? 'left-[16px]' : 'left-[2px]'}`} />
+                        </div>
+                        <span className={`text-[12px] ${enabled ? 'text-text-2' : 'text-text-3/70'}`}>
+                          {tool.label}
+                        </span>
+                      </label>
+                    </TooltipTrigger>
+                    <TooltipContent side="right" sideOffset={8} className="max-w-[200px] bg-[#1e2140] text-text-2 border border-white/[0.08] text-[11px] leading-snug px-2.5 py-1.5">
+                      {tool.description}
+                    </TooltipContent>
+                  </Tooltip>
                 )
               })}
             </div>
@@ -110,6 +118,7 @@ export function ChatToolToggles({ session }: Props) {
             </div>
           )}
 
+         </TooltipProvider>
           <div className="px-3 py-2 border-t border-white/[0.04] bg-white/[0.02]">
             <p className="text-[10px] text-text-3/70">Changes apply to the next message</p>
           </div>

package/src/components/chat/checkpoint-timeline.tsx

@@ -26,7 +26,7 @@ export function CheckpointTimeline({ sessionId }: Props) {
   const load = async () => {
     setLoading(true)
     try {
-      const data = await api<Checkpoint[]>('GET', `/sessions/${sessionId}/checkpoints`)
+      const data = await api<Checkpoint[]>('GET', `/chats/${sessionId}/checkpoints`)
       setCheckpoints(data)
     } catch (err) {
       console.error('Failed to load checkpoints', err)
@@ -45,7 +45,7 @@ export function CheckpointTimeline({ sessionId }: Props) {
     
     setRestoringId(checkpoint.checkpointId)
     try {
-      await api('POST', `/sessions/${sessionId}/restore`, {
+      await api('POST', `/chats/${sessionId}/restore`, {
         checkpointId: checkpoint.checkpointId,
         timestamp: checkpoint.createdAt
       })
@@ -67,8 +67,8 @@ export function CheckpointTimeline({ sessionId }: Props) {
   if (checkpoints.length === 0) {
     return (
       <div className="p-8 text-center">
-        <p className="text-text-3 text-[13px]">No checkpoints found for this session.</p>
-        <p className="text-[11px] text-text-3/50 mt-1">Only LangGraph-orchestrated sessions support time travel.</p>
+        <p className="text-text-3 text-[13px]">No checkpoints found for this chat.</p>
+        <p className="text-[11px] text-text-3/50 mt-1">Checkpoint restore is only available when a backend created checkpoints for this chat.</p>
       </div>
     )
   }

package/src/components/chat/message-bubble.tsx

@@ -243,7 +243,10 @@ export const MessageBubble = memo(function MessageBubble({ message, assistantNam
   const delegationSource = !isUser && message.kind === 'system' ? parseDelegationSource(message.text || '') : null
   // Detect task completion system messages (delegated or direct)
   const taskCompletion = !isUser && message.kind === 'system' ? parseTaskCompletion(message.text || '') : null
-  const displayText = delegationSource ? delegationSource.rest : message.text
+  const rawDisplayText = delegationSource ? delegationSource.rest : message.text
+  const displayText = rawDisplayText
+    ? rawDisplayText.split('\n').filter((l) => !/\[(MAIN_LOOP_META|MAIN_LOOP_PLAN|MAIN_LOOP_REVIEW|AGENT_HEARTBEAT_META)\]/.test(l)).join('\n').trim()
+    : ''
 
   const handleCopy = useCallback(() => {
     void copyTextToClipboard(message.text).then((copiedText) => {

package/src/components/chat/message-list.tsx

@@ -5,6 +5,7 @@ import type { Message } from '@/types'
 import { useChatStore } from '@/stores/use-chat-store'
 import { useAppStore } from '@/stores/use-app-store'
 import { api } from '@/lib/api-client'
+import { shouldHidePersistedStreamingAssistantMessage } from '@/lib/chat-streaming-state'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 import { MessageBubble } from './message-bubble'
 import { StreamingBubble } from './streaming-bubble'
@@ -129,7 +130,7 @@ export function MessageList({ messages, streaming, connectorFilter = null }: Pro
     if (!msg) return
     const next = !msg.bookmarked
     try {
-      await api('PUT', `/sessions/${sessionId}/messages`, { messageIndex: index, bookmarked: next })
+      await api('PUT', `/chats/${sessionId}/messages`, { messageIndex: index, bookmarked: next })
       const updated = [...messages]
       updated[index] = { ...updated[index], bookmarked: next }
       setMessages(updated)
@@ -164,6 +165,7 @@ export function MessageList({ messages, streaming, connectorFilter = null }: Pro
 
   const displayedMessages: Message[] = []
   for (const msg of messages) {
+    if (shouldHidePersistedStreamingAssistantMessage(msg, { localStreaming: streaming, displayText })) continue
     const isHeartbeat = isHeartbeatMessage(msg)
 
     // Visibility filtering based on settings
@@ -469,7 +471,7 @@ export function MessageList({ messages, streaming, connectorFilter = null }: Pro
                       type="button"
                       onClick={async () => {
                         try {
-                          await api('DELETE', `/sessions/${sessionId}/messages`, { messageIndex: originalIndex })
+                          await api('DELETE', `/chats/${sessionId}/messages`, { messageIndex: originalIndex })
                           setMessages(messages.filter((_: Message, idx: number) => idx !== originalIndex))
                         } catch { /* best-effort */ }
                       }}
@@ -514,7 +516,7 @@ export function MessageList({ messages, streaming, connectorFilter = null }: Pro
 
             return (
               <div
-                key={`${sessionId}-${msg.time}-${i}`}
+                key={`${sessionId}-${msg.role}-${originalIndex >= 0 ? originalIndex : i}`}
                 data-message-index={i}
                 style={{
                   animation: `${msg.role === 'user' ? 'msg-in-right' : 'msg-in-left'} 0.4s var(--ease-spring) both`,

package/src/components/chat/session-debug-panel.tsx

@@ -209,7 +209,7 @@ export function SessionDebugPanel({ messages, open, onClose }: Props) {
            {currentSessionId ? (
              <CheckpointTimeline sessionId={currentSessionId} />
            ) : (
-             <div className="p-12 text-center text-text-3">No active session</div>
+             <div className="p-12 text-center text-text-3">No active chat</div>
            )}
         </div>
       )}

package/src/components/chat/tool-request-banner.tsx

@@ -62,13 +62,13 @@ export function ToolRequestBanner({ text, toolOutputs = [] }: Props) {
 
   const handleGrant = async (toolId: string) => {
     if (!sid || !session) return
-    const currentTools: string[] = session.tools || []
+    const currentTools: string[] = session.plugins || []
     if (currentTools.includes(toolId)) {
       setGranted((prev) => new Set(prev).add(toolId))
       return
     }
     const updated = [...currentTools, toolId]
-    await api('PUT', `/sessions/${sid}`, { tools: updated })
+    await api('PUT', `/chats/${sid}`, { plugins: updated })
     await loadSessions()
     const newGranted = new Set(granted).add(toolId)
     setGranted(newGranted)
@@ -108,7 +108,7 @@ export function ToolRequestBanner({ text, toolOutputs = [] }: Props) {
   return (
     <div className="max-w-[85%] md:max-w-[72%] flex flex-col gap-2 mt-2">
       {pluginRequests.map(({ pluginId, reason }) => {
-        const isGranted = granted.has(pluginId) || (session?.tools || []).includes(pluginId)
+        const isGranted = granted.has(pluginId) || (session?.plugins || []).includes(pluginId)
         const isDenied = denied.has(pluginId)
         const label = TOOL_LABELS[pluginId] || pluginId
         return (

package/src/components/chatrooms/agent-hover-card.tsx

@@ -19,7 +19,7 @@ const ALL_TOOL_IDS = [...AVAILABLE_TOOLS, ...PLATFORM_TOOLS].map((t) => t.id)
 export function AgentHoverCard({ agent, children, status }: Props) {
   const [showAll, setShowAll] = useState(false)
   const [busy, setBusy] = useState(false)
-  const tools = agent.tools ?? []
+  const tools = agent.plugins ?? []
 
   const displayTools = showAll ? ALL_TOOL_IDS : tools
 
@@ -27,11 +27,11 @@ export function AgentHoverCard({ agent, children, status }: Props) {
     if (busy) return
     setBusy(true)
     try {
-      const current = agent.tools || []
+      const current = agent.plugins || []
       const updated = current.includes(toolId)
         ? current.filter((t) => t !== toolId)
         : [...current, toolId]
-      await api('PUT', `/agents/${agent.id}`, { tools: updated })
+      await api('PUT', `/agents/${agent.id}`, { plugins: updated })
       useAppStore.getState().loadAgents()
     } finally {
       setBusy(false)

package/src/components/chatrooms/chatroom-tool-request-banner.tsx

@@ -44,7 +44,7 @@ export function ChatroomToolRequestBanner({ agentId, agentName, text, toolOutput
   if (toolRequests.length === 0) return null
 
   const agent = agents[agentId]
-  const agentTools: string[] = agent?.tools || []
+  const agentTools: string[] = agent?.plugins || []
 
   const handleGrant = async (toolId: string) => {
     if (agentTools.includes(toolId)) {
@@ -52,7 +52,7 @@ export function ChatroomToolRequestBanner({ agentId, agentName, text, toolOutput
       return
     }
     const updated = [...agentTools, toolId]
-    await api('PUT', `/agents/${agentId}`, { tools: updated })
+    await api('PUT', `/agents/${agentId}`, { plugins: updated })
     await loadAgents()
     const newGranted = new Set(granted).add(toolId)
     setGranted(newGranted)