@swarmclawai/swarmclaw 1.1.7 → 1.1.8

package/README.md

@@ -190,6 +190,22 @@ The building blocks are the same: **agents, tools, memory, delegation, schedules
 
 ## Release Notes
 
+### v1.1.8 Highlights
+
+- **Agent live status**: real-time `/agents/:id/status` endpoint exposes goal, progress, and plan steps; org chart detail panel consumes it via `useAgentLiveStatus` hook.
+- **Learned skills lifecycle**: promote, dismiss, and delete learned skills via `/learned-skills/:id`; `/skill-review-counts` provides badge counts for the skills workspace.
+- **Gemini CLI provider**: Google Gemini CLI joins the provider roster alongside claude-cli and codex-cli, with shared CLI utilities factored into `cli-utils.ts`.
+- **Peer query & team context tools**: new session tools let agents query peers and access team context during conversations.
+- **Team resolution**: dedicated `team-resolution.ts` module resolves agent teams for delegation routing.
+- **Org chart activity feed**: timeline feed component and delegation bubble visualization for the org chart view.
+- **Skills workspace improvements**: expanded skills management UI with review-ready badges.
+- **Cost trend chart**: new dashboard component for cost visualization.
+- **Streaming fix**: text no longer gets stuck on the thinking indicator.
+- **Delegation normalization**: `delegationEnabled` now derived from agent role, removed from starter kit templates.
+- **Chat execution refinements**: improved continuation limits, post-stream finalization, and stream continuation.
+- **Memory and storage improvements**: memory tier management, consolidation enhancements, and storage cache updates.
+- **WebSocket and provider health**: improved WS client handling, delegation edge state, and provider health monitoring.
+
 ### v1.1.7 Highlights
 
 - **Projects page redesign**: tabbed navigation (Overview, Work, Operations, Activity) with health grid, sortable task list, and timeline feed.

package/next.config.ts

@@ -58,9 +58,10 @@ const nextConfig: NextConfig = {
     root: PROJECT_ROOT,
   },
   experimental: {
-    // Disable Turbopack persistent cache — concurrent HMR writes cause
-    // "Another write batch or compaction is already active" errors
     turbopackFileSystemCacheForDev: false,
+    // Limit build workers to 1 inside Docker to avoid SQLITE_BUSY contention
+    // when multiple workers collect page data concurrently.
+    ...(process.env.SWARMCLAW_BUILD_MODE ? { cpus: 1 } : {}),
   },
   env: {
     NEXT_PUBLIC_GIT_SHA: getGitSha(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swarmclawai/swarmclaw",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Self-hosted AI runtime for OpenClaw, delegation, autonomy, runtime skills, crypto wallets, and chat platform connectors.",
   "license": "MIT",
   "publishConfig": {

package/src/app/api/agents/[id]/status/route.ts

@@ -0,0 +1,28 @@
+import { NextResponse } from 'next/server'
+import { loadAgents } from '@/lib/server/storage'
+import { getMainLoopStateForSession } from '@/lib/server/agents/main-agent-loop'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET(_req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const agents = loadAgents()
+  const agent = agents[id]
+  if (!agent) return NextResponse.json(null, { status: 404 })
+
+  const sessionId = agent.threadSessionId
+  if (!sessionId) return NextResponse.json({ status: 'no_session' }, { status: 200 })
+
+  const state = getMainLoopStateForSession(sessionId)
+  if (!state) return NextResponse.json({ status: 'no_state' }, { status: 200 })
+
+  return NextResponse.json({
+    goal: state.goal,
+    status: state.status,
+    summary: state.summary,
+    nextAction: state.nextAction,
+    planSteps: state.planSteps,
+    currentPlanStep: state.currentPlanStep,
+    updatedAt: state.updatedAt,
+  })
+}

package/src/app/api/chatrooms/[id]/members/route.ts

@@ -4,6 +4,7 @@ import { notify } from '@/lib/server/ws-hub'
 import { notFound } from '@/lib/server/collection-helpers'
 import { safeParseBody } from '@/lib/server/safe-parse-body'
 import { genId } from '@/lib/id'
+import { isWorkerOnlyAgent, buildWorkerOnlyAgentMessage } from '@/lib/server/agents/agent-availability'
 
 export async function POST(req: Request, { params }: { params: Promise<{ id: string }> }) {
   const { id } = await params
@@ -16,11 +17,18 @@ export async function POST(req: Request, { params }: { params: Promise<{ id: str
   const agentId = typeof body.agentId === 'string' ? body.agentId : ''
   if (!agentId) return NextResponse.json({ error: 'agentId is required' }, { status: 400 })
 
+  const agents = loadAgents()
+  if (isWorkerOnlyAgent(agents[agentId])) {
+    return NextResponse.json(
+      { error: buildWorkerOnlyAgentMessage(agents[agentId], 'join chatrooms') },
+      { status: 400 },
+    )
+  }
+
   if (!chatroom.agentIds.includes(agentId)) {
     chatroom.agentIds.push(agentId)
 
     // Inject a system event message
-    const agents = loadAgents()
     const agentName = agents[agentId]?.name || 'Unknown agent'
     if (!Array.isArray(chatroom.messages)) chatroom.messages = []
     chatroom.messages.push({

package/src/app/api/chatrooms/[id]/route.ts

@@ -4,6 +4,7 @@ import { notify } from '@/lib/server/ws-hub'
 import { notFound } from '@/lib/server/collection-helpers'
 import { safeParseBody } from '@/lib/server/safe-parse-body'
 import { genId } from '@/lib/id'
+import { isWorkerOnlyAgent } from '@/lib/server/agents/agent-availability'
 
 export async function GET(_req: Request, { params }: { params: Promise<{ id: string }> }) {
   const { id } = await params
@@ -50,6 +51,15 @@ export async function PUT(req: Request, { params }: { params: Promise<{ id: stri
         { status: 400 },
       )
     }
+    const cliAgentNames = agentIds
+      .filter((agentId) => isWorkerOnlyAgent(agents[agentId]))
+      .map((agentId) => agents[agentId]?.name || agentId)
+    if (cliAgentNames.length > 0) {
+      return NextResponse.json(
+        { error: `CLI-based agents cannot join chatrooms: ${cliAgentNames.join(', ')}. They can only be used for direct chats and delegation.` },
+        { status: 400 },
+      )
+    }
 
     const oldIds = new Set(chatroom.agentIds)
     const newIds = new Set(agentIds)

package/src/app/api/chatrooms/route.ts

@@ -6,6 +6,7 @@ import { ChatroomCreateSchema, formatZodError } from '@/lib/validation/schemas'
 import { safeParseBody } from '@/lib/server/safe-parse-body'
 import { z } from 'zod'
 import type { Chatroom, ChatroomMessage } from '@/types'
+import { isWorkerOnlyAgent } from '@/lib/server/agents/agent-availability'
 
 export const dynamic = 'force-dynamic'
 
@@ -49,6 +50,15 @@ export async function POST(req: Request) {
       { status: 400 },
     )
   }
+  const cliAgentNames = requestedAgentIds
+    .filter((agentId) => isWorkerOnlyAgent(knownAgents[agentId]))
+    .map((agentId) => knownAgents[agentId]?.name || agentId)
+  if (cliAgentNames.length > 0) {
+    return NextResponse.json(
+      { error: `CLI-based agents cannot join chatrooms: ${cliAgentNames.join(', ')}. They can only be used for direct chats and delegation.` },
+      { status: 400 },
+    )
+  }
   const agentIds: string[] = requestedAgentIds
   const chatMode = body.chatMode === 'parallel' ? 'parallel' : 'sequential'
   const autoAddress = Boolean(body.autoAddress)

package/src/app/api/chats/route.ts

@@ -3,14 +3,13 @@ import { genId } from '@/lib/id'
 import os from 'os'
 import path from 'path'
 import { perf } from '@/lib/server/runtime/perf'
-import { loadSessions, saveSessions, deleteSession, active, loadAgents, upsertStoredItem } from '@/lib/server/storage'
+import { loadSessions, saveSessions, deleteSession, active, loadAgents } from '@/lib/server/storage'
 import { WORKSPACE_DIR } from '@/lib/server/data-dir'
 import { notify } from '@/lib/server/ws-hub'
 import { getSessionQueueSnapshot, getSessionRunState } from '@/lib/server/runtime/session-run-manager'
 import { normalizeProviderEndpoint } from '@/lib/openclaw/openclaw-endpoint'
 import { applyResolvedRoute, resolvePrimaryAgentRoute } from '@/lib/server/agents/agent-runtime-config'
 import { buildAgentDisabledMessage, isAgentDisabled } from '@/lib/server/agents/agent-availability'
-import { materializeStreamingAssistantArtifacts } from '@/lib/chat/chat-streaming-state'
 import { buildSessionListSummary } from '@/lib/chat/session-summary'
 import { normalizeCapabilitySelection } from '@/lib/capability-selection'
 import { enrichSessionWithMissionSummary } from '@/lib/server/missions/mission-service'
@@ -24,30 +23,15 @@ async function ensureDaemonIfNeeded(source: string) {
 
 export async function GET(req: Request) {
   const endPerf = perf.start('api', 'GET /api/chats')
-  try {
-    const { pruneThreadConnectorMirrors } = await import('@/lib/server/connectors/session-consolidation')
-    pruneThreadConnectorMirrors()
-  } catch (err) {
-    console.error('[api/chats] pruneThreadConnectorMirrors failed:', err)
-  }
+  // Note: pruneThreadConnectorMirrors and materializeStreamingAssistantArtifacts
+  // are handled by the daemon periodic health check, not on every list fetch.
   const sessions = loadSessions()
-  const changedSessionIds: string[] = []
   for (const id of Object.keys(sessions)) {
     const run = getSessionRunState(id)
     const queue = getSessionQueueSnapshot(id)
     sessions[id].active = active.has(id) || !!run.runningRunId
     sessions[id].queuedCount = queue.queueLength
     sessions[id].currentRunId = run.runningRunId || null
-    if (!sessions[id].active && Array.isArray(sessions[id].messages)) {
-      if (materializeStreamingAssistantArtifacts(sessions[id].messages)) changedSessionIds.push(id)
-    }
-  }
-  for (const id of changedSessionIds) {
-    const persisted = { ...sessions[id] } as Record<string, unknown>
-    delete persisted.active
-    delete persisted.queuedCount
-    delete persisted.currentRunId
-    upsertStoredItem('sessions', id, persisted)
   }
 
   const summarized = Object.fromEntries(

package/src/app/api/learned-skills/[id]/route.ts

@@ -0,0 +1,83 @@
+import { NextResponse } from 'next/server'
+
+import { loadLearnedSkill, upsertLearnedSkill, deleteLearnedSkill } from '@/lib/server/storage'
+import { notify } from '@/lib/server/ws-hub'
+
+export const dynamic = 'force-dynamic'
+
+export async function POST(req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const url = new URL(req.url)
+  const action = url.searchParams.get('action')
+
+  const skill = loadLearnedSkill(id)
+  if (!skill) {
+    return NextResponse.json({ error: 'Learned skill not found' }, { status: 404 })
+  }
+
+  if (action === 'promote') {
+    if (skill.lifecycle !== 'review_ready') {
+      return NextResponse.json(
+        { error: 'Only review_ready skills can be promoted' },
+        { status: 400 },
+      )
+    }
+
+    // Demote parent first — if this fails, child stays unpromoted (safe)
+    if (skill.parentSkillId) {
+      const parent = loadLearnedSkill(skill.parentSkillId)
+      if (parent && parent.lifecycle === 'active') {
+        parent.lifecycle = 'demoted'
+        parent.demotedAt = Date.now()
+        parent.demotionReason = 'Replaced by promoted revision'
+        parent.updatedAt = Date.now()
+        upsertLearnedSkill(parent.id, parent)
+      }
+    }
+
+    skill.lifecycle = 'active'
+    skill.activationCount = (skill.activationCount ?? 0) + 1
+    skill.reviewReadyAt = null
+    skill.updatedAt = Date.now()
+    upsertLearnedSkill(id, skill)
+
+    notify('learned_skills')
+    return NextResponse.json(skill)
+  }
+
+  if (action === 'dismiss') {
+    let reason: string | null = null
+    try {
+      const body = await req.json()
+      if (body && typeof body.reason === 'string') {
+        reason = body.reason
+      }
+    } catch {
+      // no body or invalid JSON — reason stays null
+    }
+
+    skill.lifecycle = 'demoted'
+    skill.demotedAt = Date.now()
+    skill.demotionReason = reason ?? 'Dismissed by user'
+    skill.updatedAt = Date.now()
+    upsertLearnedSkill(id, skill)
+
+    notify('learned_skills')
+    return NextResponse.json(skill)
+  }
+
+  return NextResponse.json({ error: `Unknown action: ${action}` }, { status: 400 })
+}
+
+export async function DELETE(_req: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+
+  const skill = loadLearnedSkill(id)
+  if (!skill) {
+    return NextResponse.json({ error: 'Learned skill not found' }, { status: 404 })
+  }
+
+  deleteLearnedSkill(id)
+  notify('learned_skills')
+  return NextResponse.json({ ok: true })
+}

package/src/app/api/skill-review-counts/route.ts

@@ -0,0 +1,20 @@
+import { NextResponse } from 'next/server'
+
+import { listLearnedSkills } from '@/lib/server/skills/learned-skills'
+import { listSkillSuggestions } from '@/lib/server/skills/skill-suggestions'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET() {
+  const suggestions = listSkillSuggestions()
+  const learned = listLearnedSkills()
+
+  const draftSuggestions = suggestions.filter((s) => s.status === 'draft').length
+  const reviewReadyLearned = learned.filter((s) => s.lifecycle === 'review_ready').length
+
+  return NextResponse.json({
+    draftSuggestions,
+    reviewReadyLearned,
+    total: draftSuggestions + reviewReadyLearned,
+  })
+}

package/src/app/autonomy/page.tsx

@@ -266,7 +266,7 @@ export default function AutonomyPage() {
       setAgents(agentMap ? Object.values(agentMap) : [])
     } catch { /* swallow — load() will surface errors */ }
   }, [])
-  useWs('agents', loadAgents, 30_000)
+  useWs('agents', loadAgents, 60_000)
 
   async function toggleOrchestrator(agent: Agent) {
     setPendingAction('orchestrator-toggle')

package/src/app/globals.css

@@ -324,6 +324,14 @@ textarea:hover::-webkit-scrollbar { width: 6px; }
   100% { opacity: 0; }
 }
 
+/* Delegation bubble above org-chart nodes: pop-in, hold, fade-out over 5s */
+@keyframes delegationBubbleFade {
+  0% { opacity: 0; transform: translateY(6px) scale(0.95); }
+  6% { opacity: 1; transform: translateY(0) scale(1); }
+  80% { opacity: 1; }
+  100% { opacity: 0; transform: translateY(-2px); }
+}
+
 /* ===== SwarmClaw Loader Keyframes ===== */
 @keyframes sc-orbit {
   from { transform: rotate(0deg); }

package/src/app/home/page.tsx

@@ -13,7 +13,7 @@ import { isLocalhostBrowser, isVisibleSessionForViewer } from '@/lib/observabili
 import { getSessionLastMessage } from '@/lib/chat/session-summary'
 import { getNotificationActivityAt, getNotificationOccurrenceCount } from '@/lib/notifications/notification-utils'
 import { timeAgo, timeUntil } from '@/lib/time-format'
-import type { Agent, Session, ActivityEntry, BoardTask, AppNotification } from '@/types'
+import type { Agent, Session, BoardTask, AppNotification, ActivityEntry } from '@/types'
 import { getEnabledCapabilityIds } from '@/lib/capability-selection'
 import { HintTip } from '@/components/shared/hint-tip'
 import { MainContent } from '@/components/layout/main-content'
@@ -34,9 +34,17 @@ const ACTIVITY_ICONS: Record<ActivityEntry['action'], string> = {
   failed: 'M18 6L6 18M6 6l12 12',
   approved: 'M22 11.08V12a10 10 0 1 1-5.93-9.14',
   rejected: 'M10 15l5-5m0 5l-5-5',
+  delegated: 'M7 17l9.2-9.2M17 17V7H7',
+  queried: 'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z',
+  spawned: 'M12 2v4m0 12v4m10-10h-4M6 12H2m15.07-5.07l-2.83 2.83M9.76 14.24l-2.83 2.83m11.14 0l-2.83-2.83M9.76 9.76L6.93 6.93',
+  timeout: 'M12 6v6l4 2M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20',
+  cancelled: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m5 5L7 17',
+  incident: 'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4m0 4h.01',
+  running: 'M12 2v4m0 12v4m10-10h-4M6 12H2',
+  claimed: 'M9 12l2 2 4-4m6 2a10 10 0 1 1-20 0 10 10 0 0 1 20 0z',
 }
 
-const ACTIVITY_COLORS: Record<ActivityEntry['action'], string> = {
+const ACTIVITY_COLORS: Record<string, string> = {
   created: 'text-emerald-400',
   updated: 'text-sky-400',
   deleted: 'text-red-400',
@@ -49,6 +57,14 @@ const ACTIVITY_COLORS: Record<ActivityEntry['action'], string> = {
   failed: 'text-red-400',
   approved: 'text-emerald-400',
   rejected: 'text-red-400',
+  delegated: 'text-purple-400',
+  queried: 'text-sky-400',
+  spawned: 'text-purple-400',
+  timeout: 'text-amber-400',
+  cancelled: 'text-gray-400',
+  incident: 'text-red-400',
+  running: 'text-blue-400',
+  claimed: 'text-emerald-400',
 }
 
 const PLATFORM_LABELS: Record<string, string> = {

package/src/app/usage/page.tsx

@@ -141,7 +141,7 @@ export default function UsagePage() {
 
   useEffect(() => { loadTaskMetrics() }, [loadTaskMetrics])
 
-  useWs('usage', loadData, 30_000)
+  useWs('usage', loadData, 60_000)
   useWs('tasks', loadTaskMetrics, 15_000)
 
   const completionRate = computeCompletionRate(tasks)

package/src/cli/index.js

@@ -25,6 +25,7 @@ const COMMAND_GROUPS = [
       cmd('thread', 'POST', '/agents/:id/thread', 'Get or create agent thread session'),
       cmd('clone', 'POST', '/agents/:id/clone', 'Clone an agent'),
       cmd('bulk-update', 'PATCH', '/agents/bulk', 'Bulk update agents', { expectsJsonBody: true }),
+      cmd('status', 'GET', '/agents/:id/status', 'Get live status for an agent'),
     ],
   },
   {
@@ -619,6 +620,10 @@ const COMMAND_GROUPS = [
     description: 'Inspect agent-scoped learned skills',
     commands: [
       cmd('list', 'GET', '/learned-skills', 'List learned skills'),
+      cmd('promote', 'POST', '/learned-skills/:id?action=promote', 'Promote a review-ready skill to active'),
+      cmd('dismiss', 'POST', '/learned-skills/:id?action=dismiss', 'Dismiss a learned skill'),
+      cmd('delete', 'DELETE', '/learned-skills/:id', 'Delete a learned skill'),
+      cmd('review-counts', 'GET', '/skill-review-counts', 'Show pending review counts'),
     ],
   },
   {
@@ -1566,7 +1571,7 @@ function extractById(payload, id) {
 function getApiCoveragePairs() {
   return COMMANDS
     .filter((command) => !command.virtual)
-    .map((command) => `${command.method} ${command.route}`)
+    .map((command) => `${command.method} ${command.route.split('?')[0]}`)
 }
 
 module.exports = {

package/src/cli/spec.js

@@ -11,6 +11,7 @@ const COMMAND_GROUPS = {
       trash: { description: 'List trashed agents', method: 'GET', path: '/agents/trash' },
       restore: { description: 'Restore a trashed agent', method: 'POST', path: '/agents/trash' },
       purge: { description: 'Permanently delete a trashed agent', method: 'DELETE', path: '/agents/trash' },
+      status: { description: 'Get live status for an agent', method: 'GET', path: '/agents/:id/status', params: ['id'] },
     },
   },
   activity: {
@@ -460,6 +461,16 @@ const COMMAND_GROUPS = {
       doctor: { description: 'Run local setup diagnostics', method: 'GET', path: '/setup/doctor' },
     },
   },
+  'learned-skills': {
+    description: 'Inspect agent-scoped learned skills',
+    commands: {
+      list: { description: 'List learned skills', method: 'GET', path: '/learned-skills' },
+      promote: { description: 'Promote a review-ready skill to active', method: 'POST', path: '/learned-skills/:id?action=promote', params: ['id'] },
+      dismiss: { description: 'Dismiss a learned skill', method: 'POST', path: '/learned-skills/:id?action=dismiss', params: ['id'] },
+      delete: { description: 'Delete a learned skill', method: 'DELETE', path: '/learned-skills/:id', params: ['id'] },
+      'review-counts': { description: 'Show pending review counts', method: 'GET', path: '/skill-review-counts' },
+    },
+  },
   skills: {
     description: 'SwarmClaw and Claude skills',
     commands: {
@@ -544,7 +555,7 @@ function listCoveredRoutes() {
     for (const action of Object.keys(commands)) {
       const cmd = commands[action]
       if (cmd.method && cmd.path) {
-        routes.push(`${cmd.method.toUpperCase()} ${cmd.path}`)
+        routes.push(`${cmd.method.toUpperCase()} ${cmd.path.split('?')[0]}`)
       }
     }
   }

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

@@ -94,7 +94,7 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
   }, [])
 
   useEffect(() => { loadAgents() }, [loadAgents])
-  useWs('agents', loadAgents, 30_000)
+  useWs('agents', loadAgents, 60_000)
   useWs('sessions', loadSessions, 15_000)
   useWs('runs', loadSessions, 5_000)
 
@@ -450,7 +450,7 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
                   }`} />
                 </div>
                 <div className="flex flex-col flex-1 min-w-0">
-                  <div className="flex items-center gap-2">
+                  <div className="flex items-center gap-2 min-w-0">
                     <span className="font-display text-[13.5px] font-600 truncate flex-1 tracking-[-0.01em]">
                       {agent.name}
                     </span>
@@ -464,7 +464,7 @@ export function AgentChatList({ inSidebar, onSelect }: Props) {
                         Default
                       </span>
                     )}
-                    <span className="text-[10px] text-text-3/60 font-mono shrink-0">
+                    <span className="text-[10px] text-text-3/60 font-mono shrink-0 max-w-[30%] truncate">
                       {(threadSession?.model || agent.model)
                         ? (threadSession?.model || agent.model)!.split('/').pop()?.split(':')[0]
                         : agent.provider}

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

@@ -49,7 +49,7 @@ export function AgentList({ inSidebar }: Props) {
 
   const [loaded, setLoaded] = useState(Object.keys(agents).length > 0)
   useEffect(() => { loadAgents().then(() => setLoaded(true)) }, [loadAgents])
-  useWs('agents', loadAgents, 30_000)
+  useWs('agents', loadAgents, 60_000)
 
   // Compute which agents are "running" (have active sessions)
   const runningAgentIds = useMemo(() => {

package/src/components/chat/chat-area.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useEffect, useCallback, useState, useRef, useMemo } from 'react'
+import dynamic from 'next/dynamic'
 import { useAppStore } from '@/stores/use-app-store'
 import { selectActiveSessionId } from '@/stores/slices/session-slice'
 import { useWs } from '@/hooks/use-ws'
@@ -12,13 +13,15 @@ import { useMediaQuery } from '@/hooks/use-media-query'
 import { ChatHeader } from './chat-header'
 import { DevServerBar } from './dev-server-bar'
 import { MessageList } from './message-list'
-import { SessionDebugPanel } from './session-debug-panel'
 import { VoiceOverlay } from './voice-overlay'
 import { useVoiceConversation } from '@/hooks/use-voice-conversation'
 import { ChatInput } from '@/components/input/chat-input'
-import { ChatPreviewPanel } from './chat-preview-panel'
-import { InspectorPanel } from '@/components/agents/inspector-panel'
-import { HeartbeatHistoryPanel } from './heartbeat-history-panel'
+
+// Lazy-load conditional panels — only bundled when actually rendered
+const SessionDebugPanel = dynamic(() => import('./session-debug-panel').then((m) => m.SessionDebugPanel), { ssr: false })
+const ChatPreviewPanel = dynamic(() => import('./chat-preview-panel').then((m) => m.ChatPreviewPanel), { ssr: false })
+const InspectorPanel = dynamic(() => import('@/components/agents/inspector-panel').then((m) => m.InspectorPanel), { ssr: false })
+const HeartbeatHistoryPanel = dynamic(() => import('./heartbeat-history-panel').then((m) => m.HeartbeatHistoryPanel), { ssr: false })
 import { Dropdown, DropdownItem } from '@/components/shared/dropdown'
 import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import { speak } from '@/lib/tts'
@@ -68,7 +71,10 @@ export function ChatArea() {
   const setPreviewContent = useChatStore((s) => s.setPreviewContent)
   const isDesktop = useMediaQuery('(min-width: 768px)')
 
-  const agents = useAppStore((s) => s.agents)
+  const currentAgent = useAppStore((s) => {
+    const agentId = session?.agentId
+    return agentId ? s.agents[agentId] ?? null : null
+  })
   const loadAgents = useAppStore((s) => s.loadAgents)
   const setEditingAgentId = useAppStore((s) => s.setEditingAgentId)
   const setAgentSheetOpen = useAppStore((s) => s.setAgentSheetOpen)
@@ -76,7 +82,6 @@ export function ChatArea() {
   const inspectorOpen = useAppStore((s) => s.inspectorOpen)
   const sidebarOpen = useAppStore((s) => s.sidebarOpen)
   const setSidebarOpen = useAppStore((s) => s.setSidebarOpen)
-  const currentAgent = session?.agentId ? agents[session.agentId] ?? null : null
   const queuedCount = session?.queuedCount ?? 0
   const promptSuggestions = useMemo(
     () => (currentAgent ? AGENT_PROMPT_SUGGESTIONS : DIRECT_PROMPT_SUGGESTIONS),
@@ -146,7 +151,7 @@ export function ChatArea() {
     if (!preserveLocalStream) setMessages([])
     setMessagesLoading(true)
     if (!preserveLocalStream) {
-      useChatStore.setState({ streaming: false, streamingSessionId: null, streamText: '', assistantRenderId: null, toolEvents: [] })
+      useChatStore.setState({ streaming: false, streamingSessionId: null, streamSource: null, streamText: '', assistantRenderId: null, toolEvents: [] })
     }
     fetchMessagesPaginated(requestedSessionId, 100).then((data) => {
       if (cancelled || selectActiveSessionId(useAppStore.getState()) !== requestedSessionId) return
@@ -174,7 +179,7 @@ export function ChatArea() {
 
     const sessionAtLoad = useAppStore.getState().sessions[requestedSessionId]
     if (sessionAtLoad?.active) {
-      useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamText: '' })
+      useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamSource: 'server', streamText: '' })
     }
 
     return () => {
@@ -191,7 +196,7 @@ export function ChatArea() {
         if (cancelled || selectActiveSessionId(useAppStore.getState()) !== requestedSessionId) return
         const refreshed = useAppStore.getState().sessions[requestedSessionId]
         if (refreshed?.active) {
-          useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamText: '' })
+          useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamSource: 'server', streamText: '' })
         }
       }).catch((err) => console.error('Failed to refresh session:', err))
 
@@ -248,11 +253,11 @@ export function ChatArea() {
     // Fetching messages here would replace the array with new objects on every
     // WS notification, causing the full MessageList to re-render and flash.
     const chatState = useChatStore.getState()
-    if (chatState.streaming && chatState.streamingSessionId === sessionId) return
+    if (chatState.streaming && chatState.streamingSessionId === sessionId && chatState.streamSource === 'local') return
     try {
       const msgs = await fetchMessages(sessionId)
       const currentChatState = useChatStore.getState()
-      if (currentChatState.streaming && currentChatState.streamingSessionId === sessionId) return
+      if (currentChatState.streaming && currentChatState.streamingSessionId === sessionId && currentChatState.streamSource === 'local') return
       const previous = messagesRef.current
       if (messagesDiffer(msgs, previous)) {
         const newMsgs = msgs.length > previous.length ? msgs.slice(previous.length) : []
@@ -290,6 +295,7 @@ export function ChatArea() {
         useChatStore.setState({
           streaming: true,
           streamingSessionId: sessionId,
+          streamSource: 'server',
           streamPhase: 'thinking',
           streamText: '',
           thinkingStartTime: Date.now(),
@@ -313,13 +319,26 @@ export function ChatArea() {
     sessionId && (isServerActive || queuedCount > 0) ? 2000 : undefined,
   )
 
+  // Listen for stream-end signal from the server — clears streaming state
+  // when a server-only run finishes without a local SSE stream driving the UI.
+  const handleStreamEnd = useCallback(() => {
+    if (!sessionId) return
+    const state = useChatStore.getState()
+    if (state.streamSource === 'server' && state.streamingSessionId === sessionId) {
+      useChatStore.setState({ streaming: false, streamingSessionId: null, streamSource: null, streamText: '', displayText: '', streamPhase: 'thinking', streamToolName: '', thinkingText: '', thinkingStartTime: 0 })
+      void refreshMessages()
+      void refreshSession(sessionId)
+    }
+  }, [sessionId, refreshMessages, refreshSession])
+  useWs(sessionId ? `stream-end:${sessionId}` : '', handleStreamEnd)
+
   // Keep the local typing indicator aligned with the server's active state
   useEffect(() => {
     if (!sessionId) return
     const state = useChatStore.getState()
     if (isServerActive) {
       if (!state.streaming && !state.streamText) {
-        useChatStore.setState({ streaming: true, streamingSessionId: sessionId, streamText: '' })
+        useChatStore.setState({ streaming: true, streamingSessionId: sessionId, streamSource: 'server', streamText: '' })
       }
       return
     }
@@ -330,7 +349,7 @@ export function ChatArea() {
     ) {
       // Server finished — clear all streaming state and fetch final messages
       fetchMessages(sessionId).then(setMessages).catch(() => {})
-      useChatStore.setState({ streaming: false, streamingSessionId: null, streamText: '', displayText: '', streamPhase: 'thinking', streamToolName: '', thinkingText: '', thinkingStartTime: 0 })
+      useChatStore.setState({ streaming: false, streamingSessionId: null, streamSource: null, streamText: '', displayText: '', streamPhase: 'thinking', streamToolName: '', thinkingText: '', thinkingStartTime: 0 })
     }
   }, [isServerActive, sessionId, setMessages])
 
@@ -606,11 +625,11 @@ export function ChatArea() {
         onConfirm={handleDelete}
         onCancel={() => setConfirmDelete(false)}
       />
-      {session.agentId && agents[session.agentId] && (
+      {session.agentId && currentAgent && (
         <ConfirmDialog
           open={confirmDeleteAgent}
           title="Delete Agent"
-          message={`Delete agent "${agents[session.agentId].name}"? This cannot be undone.`}
+          message={`Delete agent "${currentAgent.name}"? This cannot be undone.`}
           confirmLabel="Delete"
           danger
           onConfirm={async () => {

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

@@ -9,6 +9,7 @@ import { toast } from 'sonner'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 import type { Agent, ChatroomRoutingRule } from '@/types'
 import { CheckIcon } from '@/components/shared/check-icon'
+import { WORKER_ONLY_PROVIDER_IDS } from '@/lib/provider-sets'
 
 function genRuleId(): string {
   return `rule-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
@@ -285,7 +286,7 @@ export function ChatroomSheet() {
   }
 
   const agentList = Object.values(agents).filter(
-    (a: Agent) => !a.trashedAt
+    (a: Agent) => !a.trashedAt && !WORKER_ONLY_PROVIDER_IDS.has(a.provider)
   ) as Agent[]
 
   const memberAgents = agentList.filter((a) => selectedAgentIds.includes(a.id))