@swarmclawai/swarmclaw 1.2.6 → 1.2.9

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/chat/message-list.tsx

@@ -10,6 +10,7 @@ import { selectActiveSessionId } from '@/stores/slices/session-slice'
 import { api } from '@/lib/app/api-client'
 import { buildStreamingAwareMessageList } from '@/lib/chat/chat-streaming-state'
 import { dedupeMessagesForDisplay } from '@/lib/chat/chat-display'
+import { mergeQueuedTranscriptMessages } from '@/lib/chat/queued-message-queue'
 import { shouldShowDateSeparator } from '@/lib/chat/message-list-utils'
 import { errorMessage } from '@/lib/shared-utils'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
@@ -190,7 +191,9 @@ export function MessageList({ messages, streaming, connectorFilter = null, loadi
   const assistantRenderId = useChatStore((s) => s.assistantRenderId)
   const thinkingStartTime = useChatStore((s) => s.thinkingStartTime)
   const hasLiveArtifacts = useChatStore(selectHasLiveArtifacts)
+  const messageStartIndex = useChatStore((s) => s.messageStartIndex)
   const setMessages = useChatStore((s) => s.setMessages)
+  const queuedMessages = useChatStore((s) => s.queuedMessages)
   const retryLastMessage = useChatStore((s) => s.retryLastMessage)
   const editAndResend = useChatStore((s) => s.editAndResend)
   const sendMessage = useChatStore((s) => s.sendMessage)
@@ -234,20 +237,23 @@ export function MessageList({ messages, streaming, connectorFilter = null, loadi
   // Use refs for callbacks so transcriptNodes memo doesn't bust on every messages change
   const messagesCallbackRef = useRef(messages)
   messagesCallbackRef.current = messages
+  const messageStartIndexRef = useRef(messageStartIndex)
+  messageStartIndexRef.current = messageStartIndex
   const sessionIdRef = useRef(sessionId)
   sessionIdRef.current = sessionId
 
-  const toggleBookmark = useCallback(async (index: number) => {
+  const toggleBookmark = useCallback(async (absoluteIndex: number) => {
     const sid = sessionIdRef.current
     const msgs = messagesCallbackRef.current
+    const localIndex = absoluteIndex - messageStartIndexRef.current
     if (!sid) return
-    const msg = msgs[index]
+    const msg = msgs[localIndex]
     if (!msg) return
     const next = !msg.bookmarked
     try {
-      await api('PUT', `/chats/${sid}/messages`, { messageIndex: index, bookmarked: next })
+      await api('PUT', `/chats/${sid}/messages`, { messageIndex: absoluteIndex, bookmarked: next })
       const updated = [...msgs]
-      updated[index] = { ...updated[index], bookmarked: next }
+      updated[localIndex] = { ...updated[localIndex], bookmarked: next }
       setMessages(updated)
     } catch (err: unknown) {
       console.error('Failed to toggle bookmark:', errorMessage(err))
@@ -298,21 +304,26 @@ export function MessageList({ messages, streaming, connectorFilter = null, loadi
     return dedupeMessagesForDisplay(displayedMessages)
   }, [messages, showAlerts, showOk])
 
+  const displayedMessages = useMemo(
+    () => mergeQueuedTranscriptMessages(baseDisplayedMessages, queuedMessages, sessionId),
+    [baseDisplayedMessages, queuedMessages, sessionId],
+  )
+
   const latestPersistedStreamingMessage = useMemo(() => {
-    for (let i = baseDisplayedMessages.length - 1; i >= 0; i -= 1) {
-      const candidate = baseDisplayedMessages[i]
+    for (let i = displayedMessages.length - 1; i >= 0; i -= 1) {
+      const candidate = displayedMessages[i]
       if (candidate.role === 'assistant' && candidate.streaming === true) {
         return candidate
       }
     }
     return null
-  }, [baseDisplayedMessages])
+  }, [displayedMessages])
 
   const currentRunHasCompletedAssistant = useMemo(
     () => (
       streaming
       && thinkingStartTime > 0
-      && baseDisplayedMessages.some((message) => (
+      && displayedMessages.some((message) => (
         message.role === 'assistant'
         && message.streaming !== true
         && message.kind !== 'system'
@@ -321,7 +332,7 @@ export function MessageList({ messages, streaming, connectorFilter = null, loadi
         && message.time >= thinkingStartTime
       ))
     ),
-    [baseDisplayedMessages, streaming, thinkingStartTime],
+    [displayedMessages, streaming, thinkingStartTime],
   )
 
   const showLiveStreamRow = streaming
@@ -330,14 +341,14 @@ export function MessageList({ messages, streaming, connectorFilter = null, loadi
     && (hasLiveArtifacts || !!latestPersistedStreamingMessage)
 
   const streamingAwareMessages = useMemo(() => (
-    buildStreamingAwareMessageList(baseDisplayedMessages, {
+    buildStreamingAwareMessageList(displayedMessages, {
       localStreaming: streaming,
       hasLiveArtifacts,
       assistantRenderId,
       showLiveRow: showLiveStreamRow,
       syntheticAssistant: latestPersistedStreamingMessage,
     })
-  ), [assistantRenderId, baseDisplayedMessages, hasLiveArtifacts, latestPersistedStreamingMessage, showLiveStreamRow, streaming])
+  ), [assistantRenderId, displayedMessages, hasLiveArtifacts, latestPersistedStreamingMessage, showLiveStreamRow, streaming])
 
   const filteredMessages = useMemo(() => {
     let nextMessages = bookmarkFilter
@@ -367,23 +378,26 @@ export function MessageList({ messages, streaming, connectorFilter = null, loadi
   const originalIndexMap = useMemo(() => {
     const indexMap = new Map<Message, number>()
     messages.forEach((msg, index) => {
-      indexMap.set(msg, index)
+      indexMap.set(msg, messageStartIndex + index)
     })
     return indexMap
-  }, [messages])
+  }, [messageStartIndex, messages])
 
-  const handleDeleteMessage = useCallback(async (messageIndex: number) => {
+  const handleDeleteMessage = useCallback(async (absoluteIndex: number) => {
     const sid = sessionIdRef.current
     const msgs = messagesCallbackRef.current
-    if (!sid || messageIndex < 0) return
+    const localIndex = absoluteIndex - messageStartIndexRef.current
+    if (!sid || absoluteIndex < 0 || localIndex < 0) return
     try {
-      await api('DELETE', `/chats/${sid}/messages`, { messageIndex })
-      setMessages(msgs.filter((_: Message, idx: number) => idx !== messageIndex))
+      await api('DELETE', `/chats/${sid}/messages`, { messageIndex: absoluteIndex })
+      setMessages(
+        msgs.filter((_: Message, idx: number) => idx !== localIndex),
+        { totalMessages: Math.max(0, totalMessages - 1) },
+      )
     } catch {
       // best-effort
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+  }, [setMessages, totalMessages])
 
   // Snapshot the settled count at memo time so it's captured in the closure.
   // Messages up to this count appear instantly; only new ones get entrance animations.

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/gateways/gateway-sheet.tsx

@@ -118,11 +118,14 @@ export function GatewaySheet() {
     setInvokeParamsText('{}')
   }, [open, editing, gatewayProfiles.length])
 
+  const refreshRef = useRef(refreshGatewayTopologyMutation)
+  refreshRef.current = refreshGatewayTopologyMutation
+
   const loadNodesAndDevices = useCallback(async (profileId: string) => {
     setNodesLoading(true)
     setNodesError('')
     try {
-      const result = await refreshGatewayTopologyMutation.mutateAsync(profileId)
+      const result = await refreshRef.current.mutateAsync(profileId)
       setNodes(result.nodes)
       setNodePairings(result.nodePairings)
       setDevicePairings(result.devicePairings)
@@ -136,7 +139,7 @@ export function GatewaySheet() {
     } finally {
       setNodesLoading(false)
     }
-  }, [refreshGatewayTopologyMutation])
+  }, [])
 
   useEffect(() => {
     if (!open || !editing?.id) return

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">