@swarmclawai/swarmclaw 1.2.8 → 1.3.0

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

@@ -15,7 +15,6 @@ import { AgentAvatar } from '@/components/agents/agent-avatar'
 import { timeAgoShort } from '@/lib/time-format'
 import { toast } from 'sonner'
 import { getEnabledCapabilityIds } from '@/lib/capability-selection'
-import { getMissionPath } from '@/lib/app/navigation'
 
 function shortPath(p: string): string {
   return (p || '').replace(/^\/Users\/\w+/, '~')
@@ -80,7 +79,6 @@ export function ChatCard({ session, active, onClick }: Props) {
     : session.name
   const connector = getSessionConnector(session, connectors)
   const queuedCount = Math.max(session.queuedCount ?? 0, optimisticQueuedCount)
-  const mission = session.missionSummary || null
   const loopIsOngoing = appSettings.loopMode === 'ongoing'
   const explicitOptIn = session.heartbeatEnabled === true || agent?.heartbeatEnabled === true
   const intervalRaw = session.heartbeatIntervalSec ?? agent?.heartbeatIntervalSec ?? appSettings.heartbeatIntervalSec ?? DEFAULT_HEARTBEAT_INTERVAL_SEC
@@ -199,35 +197,6 @@ export function ChatCard({ session, active, onClick }: Props) {
           <span className="w-1.5 h-1.5 rounded-full bg-amber-400" />
           {queuedCount} queued {queuedCount === 1 ? 'message' : 'messages'} waiting
         </div>
-      ) : mission ? (
-        <div className="mt-1 flex items-center gap-2">
-          <div className={`min-w-0 truncate text-[13px] leading-relaxed flex items-center gap-1.5 ${
-            mission.status === 'waiting' || mission.status === 'failed' || mission.status === 'cancelled'
-              ? 'text-amber-300/75'
-              : mission.status === 'completed'
-                ? 'text-emerald-300/75'
-                : 'text-sky-300/75'
-          }`}>
-            <span className={`w-1.5 h-1.5 rounded-full ${
-              mission.status === 'waiting' || mission.status === 'failed' || mission.status === 'cancelled'
-                ? 'bg-amber-400'
-                : mission.status === 'completed'
-                  ? 'bg-emerald-400'
-                  : 'bg-sky-400'
-            }`} />
-            <span className="truncate">{mission.waitingReason || mission.currentStep || mission.objective}</span>
-          </div>
-          <button
-            type="button"
-            onClick={(event) => {
-              event.stopPropagation()
-              router.push(getMissionPath(mission.id))
-            }}
-            className="shrink-0 rounded-[8px] border border-white/[0.08] px-2 py-1 text-[10px] font-700 uppercase tracking-[0.08em] text-text-2 transition-colors hover:bg-white/[0.05]"
-          >
-            Mission
-          </button>
-        </div>
       ) : (
         <div className="text-[13px] text-text-2/50 truncate mt-1 leading-relaxed">{preview}</div>
       )}

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

@@ -337,23 +337,6 @@ export const MessageBubble = memo(function MessageBubble({ message, assistantNam
     return null
   }, [message.text, isUser])
 
-  const walletRequest = useMemo(() => {
-    if (isUser) return null
-    try {
-      const data = JSON.parse(message.text)
-      if (data.type === 'extension_wallet_transfer_request') return data
-    } catch { /* ignore */ }
-    return null
-  }, [message.text, isUser])
-
-  const walletActionRequest = useMemo(() => {
-    if (isUser) return null
-    try {
-      const data = JSON.parse(message.text)
-      if (data.type === 'extension_wallet_action_request') return data
-    } catch { /* ignore */ }
-    return null
-  }, [message.text, isUser])
   const currentUser = useAppStore((s) => s.currentUser)
   const isDesktop = useMediaQuery('(min-width: 768px)')
   const setPreviewContent = useChatStore((s) => s.setPreviewContent)
@@ -560,8 +543,6 @@ export const MessageBubble = memo(function MessageBubble({ message, assistantNam
   const hasPrimaryAttachments = Boolean(message.imagePath || message.imageUrl || message.attachedFiles?.length)
   const shouldRenderBubbleShell = hasPrimaryAttachments
     || Boolean(allToolMedia)
-    || Boolean(walletRequest)
-    || Boolean(walletActionRequest)
     || Boolean(installRequest)
     || Boolean(scaffoldRequest)
     || isExtensionUI
@@ -703,95 +684,7 @@ export const MessageBubble = memo(function MessageBubble({ message, assistantNam
       ) : shouldRenderBubbleShell ? (
         /* Message bubble */
         <div className={`${isStructured ? 'max-w-[92%] md:max-w-[85%]' : 'max-w-[85%] md:max-w-[72%]'} ${isUser ? 'bubble-user px-5 py-3.5' : isHeartbeat ? 'bubble-ai px-4 py-3' : 'bubble-ai px-5 py-3.5'}`}>
-          {walletRequest ? (
-          <div className="flex flex-col gap-3 p-4 rounded-[18px] bg-sky-500/[0.03] border border-sky-500/20 shadow-[0_0_20px_rgba(14,165,233,0.05)]">
-            <div className="flex items-center gap-2 mb-1">
-              <div className="w-5 h-5 rounded-full bg-sky-500/20 flex items-center justify-center text-sky-400">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
-                  <path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
-                </svg>
-              </div>
-              <span className="text-[11px] font-700 uppercase tracking-wider text-sky-400/80">Wallet Transfer Request</span>
-            </div>
-            <p className="text-[13px] text-text-2/90 leading-relaxed">{walletRequest.message}</p>
-            <div className="p-3 rounded-[12px] bg-black/40 border border-white/5 flex flex-col gap-2">
-              <div className="flex justify-between items-center">
-                <span className="text-[11px] text-text-3/60 font-600 uppercase">Amount</span>
-                <span className="text-[13px] font-700 text-sky-400">{walletRequest.amountDisplay || `${walletRequest.amountSol} SOL`}</span>
-              </div>
-              <div className="flex flex-col gap-1">
-                <span className="text-[11px] text-text-3/60 font-600 uppercase">To Address</span>
-                <span className="text-[11px] font-mono text-text-2/70 break-all">{walletRequest.toAddress}</span>
-              </div>
-              {walletRequest.memo && (
-                <div className="flex flex-col gap-1 border-t border-white/5 pt-2">
-                  <span className="text-[11px] text-text-3/60 font-600 uppercase">Memo</span>
-                  <span className="text-[12px] text-text-3/80 italic">&quot;{walletRequest.memo}&quot;</span>
-                </div>
-              )}
-            </div>
-            <div className="flex gap-2 mt-1">
-              <button
-                onClick={() => useChatStore.getState().sendMessage(`I approve this transfer of ${walletRequest.amountDisplay || `${walletRequest.amountSol} SOL`} to ${walletRequest.toAddress}. Proceed with wallet_tool and set approved=true.`)}
-                className="px-4 py-2 rounded-[12px] bg-sky-500 text-black text-[13px] font-700 hover:bg-sky-400 transition-all active:scale-[0.98]"
-              >
-                Approve & Send
-              </button>
-              <button
-                onClick={() => useChatStore.getState().sendMessage(`I do not approve this transaction. Cancel it.`)}
-                className="px-4 py-2 rounded-[12px] bg-white/[0.05] hover:bg-white/[0.1] text-text-2 text-[13px] font-600 transition-all border border-white/10"
-              >
-                Reject
-              </button>
-            </div>
-          </div>
-        ) : walletActionRequest ? (
-          <div className="flex flex-col gap-3 p-4 rounded-[18px] bg-violet-500/[0.03] border border-violet-500/20 shadow-[0_0_20px_rgba(139,92,246,0.05)]">
-            <div className="flex items-center gap-2 mb-1">
-              <div className="w-5 h-5 rounded-full bg-violet-500/20 flex items-center justify-center text-violet-400">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
-                  <path d="M12 2v8" />
-                  <path d="M8 6h8" />
-                  <path d="m5 19 4-4 3 3 7-7" />
-                </svg>
-              </div>
-              <span className="text-[11px] font-700 uppercase tracking-wider text-violet-400/80">Wallet Action Request</span>
-            </div>
-            <p className="text-[13px] text-text-2/90 leading-relaxed">{walletActionRequest.message}</p>
-            <div className="p-3 rounded-[12px] bg-black/40 border border-white/5 flex flex-col gap-2">
-              <div className="flex justify-between items-center gap-3">
-                <span className="text-[11px] text-text-3/60 font-600 uppercase">Action</span>
-                <span className="text-[13px] font-700 text-violet-400">{walletActionRequest.action || 'wallet_action'}</span>
-              </div>
-              {(walletActionRequest.chain || walletActionRequest.network) && (
-                <div className="flex justify-between items-center gap-3">
-                  <span className="text-[11px] text-text-3/60 font-600 uppercase">Chain</span>
-                  <span className="text-[12px] text-text-2/80">{[walletActionRequest.chain, walletActionRequest.network].filter(Boolean).join(' / ')}</span>
-                </div>
-              )}
-              {walletActionRequest.summary && (
-                <div className="flex flex-col gap-1 border-t border-white/5 pt-2">
-                  <span className="text-[11px] text-text-3/60 font-600 uppercase">Summary</span>
-                  <span className="text-[12px] text-text-2/80 whitespace-pre-wrap break-words">{walletActionRequest.summary}</span>
-                </div>
-              )}
-            </div>
-            <div className="flex gap-2 mt-1">
-              <button
-                onClick={() => useChatStore.getState().sendMessage(`I approve this wallet action (${walletActionRequest.action || 'wallet_action'}). Proceed with wallet_tool and set approved=true.`)}
-                className="px-4 py-2 rounded-[12px] bg-violet-500 text-black text-[13px] font-700 hover:bg-violet-400 transition-all active:scale-[0.98]"
-              >
-                Approve Action
-              </button>
-              <button
-                onClick={() => useChatStore.getState().sendMessage('I do not approve this wallet action. Cancel it.')}
-                className="px-4 py-2 rounded-[12px] bg-white/[0.05] hover:bg-white/[0.1] text-text-2 text-[13px] font-600 transition-all border border-white/10"
-              >
-                Reject
-              </button>
-            </div>
-          </div>
-        ) : installRequest ? (
+          {installRequest ? (
           <div className="flex flex-col gap-3 p-4 rounded-[18px] bg-emerald-500/[0.03] border border-emerald-500/20 shadow-[0_0_20px_rgba(16,185,129,0.05)]">
             <div className="flex items-center gap-2 mb-1">
               <div className="w-5 h-5 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400">

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

@@ -96,6 +96,8 @@ const FIELD_HINTS: Record<string, string> = {
   dmAddressingMode: 'Control whether DMs need to address the agent by name before it replies',
   ownerSenderId: 'Optional sender ID that should route to the main owner thread for direct agent connectors',
   scopes: 'Press Enter after each scope to add it',
+  walletAddress: 'Base L2 Ethereum address for receiving USDC payments from completed tasks',
+  maxBudget: 'USDC with 6 decimal places. $1.00 = 1000000, $5.00 = 5000000',
 }
 
 const BOOLEAN_SELECT_OPTIONS: ConnectorConfigOption[] = [
@@ -344,6 +346,26 @@ const PLATFORMS: {
       { key: 'signalCliHttpUrl', label: 'HTTP API URL', placeholder: 'http://localhost:8080', help: 'Only needed for http mode', section: 'advanced' },
     ],
   },
+  {
+    id: 'swarmdock',
+    label: 'SwarmDock',
+    color: '#F59E0B',
+    setupSteps: [
+      'Generate an Ed25519 keypair for agent identity',
+      'Set your Base L2 wallet address for receiving USDC payments',
+      'Configure skills and auto-discovery preferences',
+    ],
+    tokenLabel: 'SwarmDock Identity Key',
+    tokenHelp: 'Encrypted Ed25519 private key used to authenticate this agent on SwarmDock.',
+    configFields: [
+      { key: 'apiUrl', label: 'API URL', placeholder: 'https://api.swarmdock.ai', help: 'SwarmDock marketplace API endpoint' },
+      { key: 'walletAddress', label: 'Base L2 Wallet Address', placeholder: '0x...', help: 'USDC wallet on Base L2 for payments' },
+      { key: 'agentDescription', label: 'Marketplace Description', placeholder: 'Specialized in...', help: 'Description on your SwarmDock profile' },
+      { key: 'skills', label: 'Skills (comma-separated)', placeholder: 'data-analysis,web-design', help: 'Skill IDs for task matching' },
+      { key: 'autoDiscover', label: 'Auto-Discover Tasks', placeholder: 'false', help: 'Automatically bid on matching tasks' },
+      { key: 'maxBudget', label: 'Max Budget (USDC micro-units)', placeholder: '5000000', help: '$1 = 1000000, $5 = 5000000' },
+    ],
+  },
 ]
 
 const COMMON_CONFIG_FIELDS: ConnectorConfigField[] = [
@@ -1181,7 +1203,9 @@ export function ConnectorSheet() {
                     try {
                       const cred = await createCredentialMutation.mutateAsync({
                         provider: platform,
-                        name: newCredName.trim() || `${platformConfig.label} Bot Token`,
+                        name: newCredName.trim() || (platform === 'swarmdock'
+                          ? `${platformConfig.label} Identity Key`
+                          : `${platformConfig.label} Bot Token`),
                         apiKey: newCredValue.trim(),
                       })
                       await credentialsQuery.refetch()

package/src/components/layout/sidebar-rail.tsx

@@ -270,11 +270,7 @@ export function SidebarRail({
                 <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" />
               </svg>
             </NavItem>
-            <NavItem view="missions" label="Missions" expanded={railExpanded} isActive={isNavActive('missions')} onClick={() => handleNavClick('missions')}>
-              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-                <path d="M12 3 4 7v5c0 5 3.4 8.8 8 10 4.6-1.2 8-5 8-10V7l-8-4Z" /><path d="m9.5 12 1.8 1.8L15 10" />
-              </svg>
-            </NavItem>
+
             <NavItem view="schedules" label="Schedules" expanded={railExpanded} isActive={isNavActive('schedules')} 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" />
@@ -343,6 +339,11 @@ export function SidebarRail({
                 <rect x="3" y="11" width="18" height="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" />
               </svg>
             </NavItem>
+            <NavItem view="wallets" label="Wallets" expanded={railExpanded} isActive={isNavActive('wallets')} 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="providers" label="Providers" expanded={railExpanded} isActive={isNavActive('providers')} onClick={() => handleNavClick('providers')}>
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                 <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z" />
@@ -365,11 +366,6 @@ export function SidebarRail({
                 <path d="M12 16h.01" />
               </svg>
             </NavItem>
-            <NavItem view="wallets" label="Wallets" expanded={railExpanded} isActive={isNavActive('wallets')} 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="logs" label="Logs" expanded={railExpanded} isActive={isNavActive('logs')} 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" />

package/src/components/projects/project-detail.tsx

@@ -8,7 +8,7 @@ import { OverviewTab } from './tabs/overview-tab'
 import { WorkTab } from './tabs/work-tab'
 import { OperationsTab } from './tabs/operations-tab'
 import { ActivityTab } from './tabs/activity-tab'
-import type { BoardTask, Mission } from '@/types'
+import type { BoardTask } from '@/types'
 
 export function ProjectDetail() {
   const activeProjectFilter = useAppStore((s) => s.activeProjectFilter)
@@ -17,43 +17,11 @@ export function ProjectDetail() {
   const activeTab = useAppStore((s) => s.projectDetailTab)
   const loadSecrets = useAppStore((s) => s.loadSecrets)
 
-  const [projectMissionSnapshot, setProjectMissionSnapshot] = useState<{ projectId: string | null; missions: Mission[] }>({
-    projectId: null,
-    missions: [],
-  })
-
   useEffect(() => {
     if (!activeProjectFilter) return
     void loadSecrets()
   }, [activeProjectFilter, loadSecrets])
 
-  useEffect(() => {
-    let cancelled = false
-    if (!activeProjectFilter) return
-    void api<Mission[]>('GET', `/missions?projectId=${encodeURIComponent(activeProjectFilter)}&status=non_terminal&limit=8`)
-      .then((missions) => {
-        if (!cancelled) {
-          setProjectMissionSnapshot({
-            projectId: activeProjectFilter,
-            missions: Array.isArray(missions) ? missions : [],
-          })
-        }
-      })
-      .catch(() => {
-        if (!cancelled) {
-          setProjectMissionSnapshot({
-            projectId: activeProjectFilter,
-            missions: [],
-          })
-        }
-      })
-    return () => { cancelled = true }
-  }, [activeProjectFilter])
-
-  const projectMissions = projectMissionSnapshot.projectId === activeProjectFilter
-    ? projectMissionSnapshot.missions
-    : []
-
   const project = activeProjectFilter ? projects[activeProjectFilter] : null
 
   const projectTasks = useMemo(
@@ -107,10 +75,10 @@ export function ProjectDetail() {
       />
       <div className="flex-1 overflow-y-auto">
         {activeTab === 'overview' && (
-          <OverviewTab project={project} missions={projectMissions} />
+          <OverviewTab project={project} />
         )}
         {activeTab === 'work' && (
-          <WorkTab missions={projectMissions} />
+          <WorkTab />
         )}
         {activeTab === 'operations' && (
           <OperationsTab project={project} />

package/src/components/projects/tabs/overview-tab.tsx

@@ -1,19 +1,15 @@
 'use client'
 
 import { useEffect, useMemo, useState } from 'react'
-import { useRouter } from 'next/navigation'
 import { useAppStore } from '@/stores/use-app-store'
 import { relativeDate } from '../project-utils'
-import { getMissionPath } from '@/lib/app/navigation'
-import type { BoardTask, Mission, Project, Schedule } from '@/types'
+import type { BoardTask, Project, Schedule } from '@/types'
 
 interface OverviewTabProps {
   project: Project
-  missions: Mission[]
 }
 
-export function OverviewTab({ project, missions }: OverviewTabProps) {
-  const router = useRouter()
+export function OverviewTab({ project }: OverviewTabProps) {
   const tasks = useAppStore((s) => s.tasks) as Record<string, BoardTask>
   const schedules = useAppStore((s) => s.schedules) as Record<string, Schedule>
   const activeProjectFilter = useAppStore((s) => s.activeProjectFilter)
@@ -66,8 +62,6 @@ export function OverviewTab({ project, missions }: OverviewTabProps) {
     { label: 'Stale', value: staleCount, tone: 'text-sky-400', hint: 'No meaningful progress in 3+ days' },
   ]
 
-  const displayedMissions = missions.slice(0, 5)
-
   return (
     <div className="max-w-3xl mx-auto px-8 py-6 space-y-6">
       {/* Section 1: Project Identity */}
@@ -110,57 +104,7 @@ export function OverviewTab({ project, missions }: OverviewTabProps) {
         </div>
       </div>
 
-      {/* Section 3: Active Missions */}
-      <div>
-        <h3 className="text-[12px] font-700 uppercase tracking-[0.08em] text-text-3/60 mb-3">Active Missions</h3>
-        {displayedMissions.length === 0 ? (
-          <p className="text-[12px] text-text-3/45">No active missions.</p>
-        ) : (
-          <div className="flex flex-col gap-2">
-            {displayedMissions.map((mission) => (
-              <button
-                key={mission.id}
-                onClick={() => router.push(getMissionPath(mission.id))}
-                className="w-full flex items-center justify-between gap-3 px-4 py-3 rounded-[12px] border border-white/[0.06] bg-white/[0.02] hover:bg-white/[0.04] transition-all cursor-pointer text-left"
-                style={{ fontFamily: 'inherit' }}
-              >
-                <div className="min-w-0 flex-1">
-                  <div className="text-[13px] font-600 text-text truncate">{mission.objective}</div>
-                  <div className="flex items-center gap-2 mt-1 flex-wrap">
-                    <span className={`text-[9px] font-600 uppercase tracking-wider px-1.5 py-0.5 rounded-[4px] ${
-                      mission.status === 'active' ? 'bg-sky-500/15 text-sky-400'
-                      : mission.status === 'waiting' ? 'bg-amber-500/15 text-amber-400'
-                      : 'bg-white/[0.06] text-text-3'
-                    }`}>
-                      {mission.status}
-                    </span>
-                    {mission.status === 'waiting' && (
-                      <span className="text-[9px] font-600 px-1.5 py-0.5 rounded-[4px] bg-amber-500/10 text-amber-400/70">waiting</span>
-                    )}
-                    {mission.status === 'failed' && (
-                      <span className="text-[9px] font-600 px-1.5 py-0.5 rounded-[4px] bg-red-500/10 text-red-400/70">blocked</span>
-                    )}
-                    {(mission.childMissionIds?.length || 0) > 0 && (
-                      <span className="text-[9px] font-600 px-1.5 py-0.5 rounded-[4px] bg-sky-500/10 text-sky-400/70">{mission.childMissionIds?.length} children</span>
-                    )}
-                    {(mission.taskIds?.length || 0) > 0 && (
-                      <span className="text-[9px] font-600 px-1.5 py-0.5 rounded-[4px] bg-white/[0.06] text-text-3/60">{mission.taskIds?.length} task{mission.taskIds?.length === 1 ? '' : 's'}</span>
-                    )}
-                  </div>
-                </div>
-                <span className="text-[10px] text-text-3/35 shrink-0">{relativeDate(mission.updatedAt)}</span>
-              </button>
-            ))}
-            {missions.length > 5 && (
-              <p className="text-[11px] text-accent-bright/70 text-center py-1">
-                {missions.length - 5} more mission{missions.length - 5 === 1 ? '' : 's'}
-              </p>
-            )}
-          </div>
-        )}
-      </div>
-
-      {/* Section 4: Progress */}
+      {/* Section 3: Progress */}
       {totalTasks > 0 && (
         <div className="rounded-[12px] border border-white/[0.06] bg-white/[0.02] px-5 py-4">
           <div className="flex items-center justify-between mb-2.5">

package/src/components/projects/tabs/work-tab.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 import { relativeDate, STATUS_STYLES } from '../project-utils'
-import type { Agent, BoardTask, Mission } from '@/types'
+import type { Agent, BoardTask } from '@/types'
 
 type SortKey = 'status' | 'updated' | 'agent'
 type StatusFilter = 'all' | 'backlog' | 'queued' | 'running' | 'completed' | 'failed'
@@ -13,11 +13,7 @@ const STATUS_PRIORITY: Record<string, number> = {
   failed: 0, running: 1, queued: 2, backlog: 3, deferred: 4, completed: 5, cancelled: 6, archived: 7,
 }
 
-interface WorkTabProps {
-  missions: Mission[]
-}
-
-export function WorkTab({ missions }: WorkTabProps) {
+export function WorkTab() {
   const tasks = useAppStore((s) => s.tasks) as Record<string, BoardTask>
   const agents = useAppStore((s) => s.agents) as Record<string, Agent>
   const activeProjectFilter = useAppStore((s) => s.activeProjectFilter)
@@ -27,37 +23,20 @@ export function WorkTab({ missions }: WorkTabProps) {
   const [sortKey, setSortKey] = useState<SortKey>('status')
   const [statusFilter, setStatusFilter] = useState<StatusFilter>('all')
   const [agentFilter, setAgentFilter] = useState<string | null>(null)
-  const [missionFilter, setMissionFilter] = useState<string | null>(null)
-  const [missionSummaryOpen, setMissionSummaryOpen] = useState(false)
 
   const projectTasks = useMemo(
     () => Object.values(tasks).filter((t) => t.projectId === activeProjectFilter),
     [tasks, activeProjectFilter],
   )
 
-  // Build taskId -> mission lookup from Mission.taskIds
-  const taskIdToMission = useMemo(() => {
-    const lookup: Record<string, Mission> = {}
-    for (const m of missions) {
-      for (const tid of m.taskIds || []) {
-        lookup[tid] = m
-      }
-    }
-    return lookup
-  }, [missions])
-
   // Filter
   const filteredTasks = useMemo(() => {
     return projectTasks.filter((t) => {
       if (statusFilter !== 'all' && t.status !== statusFilter) return false
       if (agentFilter && t.agentId !== agentFilter) return false
-      if (missionFilter) {
-        const m = taskIdToMission[t.id]
-        if (!m || m.id !== missionFilter) return false
-      }
       return true
     })
-  }, [projectTasks, statusFilter, agentFilter, missionFilter, taskIdToMission])
+  }, [projectTasks, statusFilter, agentFilter])
 
   // Sort
   const sortedTasks = useMemo(() => {
@@ -78,56 +57,8 @@ export function WorkTab({ missions }: WorkTabProps) {
     return Array.from(ids)
   }, [projectTasks])
 
-  // Mission status summary
-  const missionStatusSummary = useMemo(() => {
-    const counts: Record<string, number> = {}
-    for (const m of missions) {
-      counts[m.status] = (counts[m.status] || 0) + 1
-    }
-    return counts
-  }, [missions])
-
   return (
     <div className="max-w-3xl mx-auto px-8 py-6 space-y-4">
-      {/* Mission summary (collapsible) */}
-      {missions.length > 0 && (
-        <div className="rounded-[12px] border border-white/[0.06] bg-white/[0.02] overflow-hidden">
-          <button
-            onClick={() => setMissionSummaryOpen(!missionSummaryOpen)}
-            className="w-full flex items-center justify-between px-4 py-3 cursor-pointer bg-transparent border-none text-left"
-            style={{ fontFamily: 'inherit' }}
-          >
-            <span className="text-[12px] font-600 text-text-2">
-              Missions: {Object.entries(missionStatusSummary).map(([s, c]) => `${c} ${s}`).join(', ')}
-            </span>
-            <svg
-              width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round"
-              className={`text-text-3/40 transition-transform ${missionSummaryOpen ? 'rotate-180' : ''}`}
-            >
-              <polyline points="6 9 12 15 18 9" />
-            </svg>
-          </button>
-          {missionSummaryOpen && (
-            <div className="border-t border-white/[0.06] px-4 py-2 space-y-1">
-              {missions.map((m) => (
-                <button
-                  key={m.id}
-                  onClick={() => setMissionFilter(missionFilter === m.id ? null : m.id)}
-                  className={`w-full flex items-center justify-between px-2 py-1.5 rounded-[8px] text-left cursor-pointer bg-transparent border-none transition-colors
-                    ${missionFilter === m.id ? 'bg-accent-soft' : 'hover:bg-white/[0.04]'}`}
-                  style={{ fontFamily: 'inherit' }}
-                >
-                  <span className="text-[12px] text-text truncate">{m.objective}</span>
-                  <span className={`text-[9px] font-600 uppercase tracking-wider px-1.5 py-0.5 rounded-[4px] shrink-0 ${
-                    m.status === 'active' ? 'bg-sky-500/15 text-sky-400' : 'bg-white/[0.06] text-text-3'
-                  }`}>{m.status}</span>
-                </button>
-              ))}
-            </div>
-          )}
-        </div>
-      )}
-
       {/* Controls row */}
       <div className="flex items-center justify-between gap-3">
         <div className="flex items-center gap-2">
@@ -174,9 +105,9 @@ export function WorkTab({ missions }: WorkTabProps) {
           )}
 
           {/* Clear filters */}
-          {(statusFilter !== 'all' || agentFilter || missionFilter) && (
+          {(statusFilter !== 'all' || agentFilter) && (
             <button
-              onClick={() => { setStatusFilter('all'); setAgentFilter(null); setMissionFilter(null) }}
+              onClick={() => { setStatusFilter('all'); setAgentFilter(null) }}
               className="text-[10px] text-accent-bright/70 hover:text-accent-bright cursor-pointer bg-transparent border-none"
               style={{ fontFamily: 'inherit' }}
             >
@@ -212,7 +143,6 @@ export function WorkTab({ missions }: WorkTabProps) {
         <div className="flex flex-col gap-1.5">
           {sortedTasks.map((task) => {
             const agent = task.agentId ? agents[task.agentId] : null
-            const mission = taskIdToMission[task.id]
             return (
               <button
                 key={task.id}
@@ -225,8 +155,8 @@ export function WorkTab({ missions }: WorkTabProps) {
                 </span>
                 <div className="flex-1 min-w-0">
                   <span className="text-[13px] text-text truncate block">{task.title}</span>
-                  {mission && (
-                    <span className="text-[10px] text-text-3/40 truncate block mt-0.5">{mission.objective}</span>
+                  {task.objective && (
+                    <span className="text-[10px] text-text-3/40 truncate block mt-0.5">{task.objective}</span>
                   )}
                 </div>
                 {agent && (