@swarmclawai/swarmclaw 0.7.1 → 0.7.2

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">Only LangGraph-orchestrated chats support time travel.</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

@@ -129,7 +129,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)
@@ -469,7 +469,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 */ }
                       }}

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

@@ -17,7 +17,7 @@ interface Props {
   onClose: () => void
 }
 
-export function NewSessionSheet({ open, onClose }: Props) {
+export function NewChatSheet({ open, onClose }: Props) {
   const router = useRouter()
   const agents = useAppStore((s) => s.agents)
   const loadSessions = useAppStore((s) => s.loadSessions)
@@ -47,7 +47,7 @@ export function NewSessionSheet({ open, onClose }: Props) {
       const id = genId(8)
       const now = Date.now()
 
-      const agentTools = agent?.tools || (selectedTools.length ? selectedTools : undefined)
+      const agentTools = agent?.plugins || (selectedTools.length ? selectedTools : undefined)
 
       const session = {
         id,
@@ -56,7 +56,7 @@ export function NewSessionSheet({ open, onClose }: Props) {
         model: agent ? agent.model : model,
         apiEndpoint: agent ? agent.apiEndpoint : (endpoint || undefined),
         credentialId: agent ? agent.credentialId : undefined,
-        tools: agentTools || undefined,
+        plugins: agentTools || undefined,
         messages: [],
         createdAt: now,
         updatedAt: now,
@@ -64,7 +64,7 @@ export function NewSessionSheet({ open, onClose }: Props) {
         agentId: selectedAgentId || undefined,
       }
 
-      await api('POST', '/sessions', session)
+      await api('POST', '/chats', session)
       await loadSessions()
       router.push(`/chat?session=${id}`)
       onClose()
@@ -223,10 +223,10 @@ export function NewSessionSheet({ open, onClose }: Props) {
             Using <span className="text-text-2 font-600">{agents[selectedAgentId].provider}</span>
             {' / '}
             <span className="text-text-2 font-600">{agents[selectedAgentId].model}</span>
-            {agents[selectedAgentId].tools?.length ? (
+            {agents[selectedAgentId].plugins?.length ? (
               <>
                 {' + '}
-                {agents[selectedAgentId].tools!.map((tool, i) => (
+                {agents[selectedAgentId].plugins!.map((tool, i) => (
                   <span key={tool}>
                     {i > 0 && ', '}
                     <span className="text-sky-400/70 font-600 cursor-help" title={TOOL_DESCRIPTIONS[tool] || tool}>

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)

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

@@ -121,7 +121,7 @@ const PLATFORMS: {
     tokenHelp: 'Required when your OpenClaw gateway is auth-protected',
     configFields: [
       { key: 'wsUrl', label: 'WebSocket URL', placeholder: 'ws://localhost:18789', help: 'OpenClaw gateway WebSocket endpoint (root URL, not /ws)' },
-      { key: 'sessionKey', label: 'Chat Key Filter', placeholder: 'main', help: 'Optional. If set, only inbound events for this OpenClaw session are processed.' },
+      { key: 'sessionKey', label: 'Chat Key Filter', placeholder: 'main', help: 'Optional. If set, only inbound events for this OpenClaw chat are processed.' },
       { key: 'nodeId', label: 'Client Label', placeholder: 'swarmclaw', help: 'Optional display label shown in OpenClaw presence metadata.' },
       { key: 'role', label: 'Gateway Role', placeholder: 'operator', help: 'Optional role claim for connect handshake. Default is operator.' },
       { key: 'scopes', label: 'Scopes (CSV)', placeholder: 'operator.read,operator.write', help: 'Optional comma-separated scopes for OpenClaw connect.' },

package/src/components/home/home-view.tsx

@@ -379,7 +379,7 @@ export function HomeView() {
             <div className="flex gap-3 overflow-x-auto pb-2">
               {pinnedAgents.map((agent) => {
                 const threadSession = agent.threadSessionId ? sessions[agent.threadSessionId] as Session | undefined : undefined
-                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 isOnline = runningAgentIds.has(agent.id) || (threadSession?.active ?? false) || heartbeatOn || recentlyActive
                 const isTyping = streamingSessionId === agent.threadSessionId

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

@@ -92,6 +92,8 @@ export function AppLayout() {
   const setPluginSheetOpen = useAppStore((s) => s.setPluginSheetOpen)
   const setProjectSheetOpen = useAppStore((s) => s.setProjectSheetOpen)
   const tasks = useAppStore((s) => s.tasks)
+  const plugins = useAppStore((s) => s.plugins)
+  const loadPlugins = useAppStore((s) => s.loadPlugins)
   const approvals = useAppStore((s) => s.approvals)
   const loadApprovals = useAppStore((s) => s.loadApprovals)
   const execApprovals = useApprovalStore((s) => s.approvals)
@@ -178,11 +180,16 @@ export function AppLayout() {
 
   const [pluginSidebarItems, setPluginSidebarItems] = useState<Array<{ id: string; label: string; href: string }>>([])
 
-  useEffect(() => {
+  const refreshPluginState = useCallback(() => {
     api<Array<{ id: string; label: string; href: string }>>('GET', '/plugins/ui?type=sidebar').then(items => {
       if (Array.isArray(items)) setPluginSidebarItems(items)
     }).catch(() => {})
-  }, [])
+    void loadPlugins()
+  }, [loadPlugins])
+
+  useEffect(() => { refreshPluginState() }, [refreshPluginState])
+
+  useWs('plugins', refreshPluginState)
 
   const [railExpanded, setRailExpanded] = useState(() => {
     const stored = safeStorageGet(RAIL_EXPANDED_KEY)
@@ -384,27 +391,33 @@ export function AppLayout() {
                 <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" />
               </svg>
             </NavItem>
+            {plugins['chatroom']?.enabled !== false && (
             <NavItem view="chatrooms" label="Chatrooms" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('chatrooms')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
                 <path d="M8 10h8" /><path d="M8 14h4" />
               </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>
+            {plugins['schedule']?.enabled !== false && (
             <NavItem view="schedules" label="Schedules" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('schedules')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <circle cx="12" cy="12" r="10" /><polyline points="12 6 12 12 16 14" />
               </svg>
             </NavItem>
+            )}
+            {plugins['memory']?.enabled !== false && (
             <NavItem view="memory" label="Memory" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('memory')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <ellipse cx="12" cy="5" rx="9" ry="3" /><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" /><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
               </svg>
             </NavItem>
+            )}
             <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" />
@@ -431,16 +444,20 @@ export function AppLayout() {
                 <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" /><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
               </svg>
             </NavItem>
+            {plugins['connectors']?.enabled !== false && (
             <NavItem view="connectors" label="Connectors" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('connectors')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3" /><line x1="8" y1="12" x2="16" y2="12" />
               </svg>
             </NavItem>
+            )}
+            {plugins['http']?.enabled !== false && (
             <NavItem view="webhooks" label="Webhooks" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('webhooks')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <path d="M22 12h-4l-3 7L9 5l-3 7H2" />
               </svg>
             </NavItem>
+            )}
             <NavItem view="mcp_servers" label="MCP" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('mcp_servers')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <rect x="2" y="2" width="20" height="8" rx="2" /><rect x="2" y="14" width="20" height="8" rx="2" /><line x1="6" y1="6" x2="6.01" y2="6" /><line x1="6" y1="18" x2="6.01" y2="18" />
@@ -461,11 +478,13 @@ export function AppLayout() {
                 <line x1="18" y1="20" x2="18" y2="10" /><line x1="12" y1="20" x2="12" y2="4" /><line x1="6" y1="20" x2="6" y2="14" />
               </svg>
             </NavItem>
+            {plugins['wallet']?.enabled !== false && (
             <NavItem view="wallets" label="Wallets" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('wallets')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                 <rect x="2" y="6" width="20" height="14" rx="2" /><path d="M22 10H18a2 2 0 0 0 0 4h4" /><path d="M6 6V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2" />
               </svg>
             </NavItem>
+            )}
             <NavItem view="runs" label="Runs" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('runs')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <polyline points="22 12 18 12 15 21 9 3 6 12 2 12" />
@@ -476,11 +495,13 @@ export function AppLayout() {
                 <path d="M12 8v4l3 3" /><circle cx="12" cy="12" r="10" />
               </svg>
             </NavItem>
+            {plugins['monitor']?.enabled !== false && (
             <NavItem view="logs" label="Logs" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('logs')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /><polyline points="14 2 14 8 20 8" /><line x1="16" y1="13" x2="8" y2="13" /><line x1="16" y1="17" x2="8" y2="17" /><polyline points="10 9 9 9 8 9" />
               </svg>
             </NavItem>
+            )}
             </div>
 
             <div className="flex-1" />