@swarmclawai/swarmclaw 1.2.6 → 1.2.9

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 && (

package/src/components/protocols/structured-session-launcher.tsx

@@ -3,12 +3,11 @@
 import { useEffect, useMemo, useState } from 'react'
 import { useAgentsQuery } from '@/features/agents/queries'
 import { useChatroomsQuery } from '@/features/chatrooms/queries'
-import { useMissionsQuery } from '@/features/missions/queries'
 import { useCreateProtocolRunMutation, useProtocolTemplatesQuery } from '@/features/protocols/queries'
 import { useTasksQuery } from '@/features/tasks/queries'
 import { BottomSheet } from '@/components/shared/bottom-sheet'
 import { SheetFooter } from '@/components/shared/sheet-footer'
-import type { BoardTask, Chatroom, Mission, ProtocolRun, ProtocolTemplate } from '@/types'
+import type { BoardTask, Chatroom, ProtocolRun, ProtocolTemplate } from '@/types'
 
 export type StructuredSessionLaunchContext = {
   templateId?: string | null
@@ -21,8 +20,6 @@ export type StructuredSessionLaunchContext = {
   sessionLabel?: string | null
   parentChatroomId?: string | null
   parentChatroomLabel?: string | null
-  missionId?: string | null
-  missionLabel?: string | null
   taskId?: string | null
   taskLabel?: string | null
   autoStart?: boolean
@@ -52,7 +49,6 @@ type FormState = {
   facilitatorAgentId: string
   sessionId: string
   parentChatroomId: string
-  missionId: string
   taskId: string
   autoStart: boolean
   createTranscript: boolean
@@ -62,7 +58,6 @@ const DEFAULT_TEMPLATE_ID = 'facilitated_discussion'
 
 function buildDefaultTitle(context: StructuredSessionLaunchContext | null | undefined): string {
   if (context?.title?.trim()) return context.title.trim()
-  if (context?.missionLabel?.trim()) return `Structured session: ${context.missionLabel.trim()}`
   if (context?.taskLabel?.trim()) return `Structured session: ${context.taskLabel.trim()}`
   if (context?.parentChatroomLabel?.trim()) return `Structured session: ${context.parentChatroomLabel.trim()}`
   if (context?.sessionLabel?.trim()) return `Structured session: ${context.sessionLabel.trim()}`
@@ -81,7 +76,6 @@ function buildInitialState(context: StructuredSessionLaunchContext | null | unde
     facilitatorAgentId: context?.facilitatorAgentId?.trim() || '',
     sessionId: context?.sessionId?.trim() || '',
     parentChatroomId: context?.parentChatroomId?.trim() || '',
-    missionId: context?.missionId?.trim() || '',
     taskId: context?.taskId?.trim() || '',
     autoStart: context?.autoStart !== false,
     createTranscript: context?.createTranscript !== false,
@@ -108,19 +102,16 @@ export function StructuredSessionLauncher({
   const templatesQuery = useProtocolTemplatesQuery({ enabled: open })
   const agentsQuery = useAgentsQuery({ enabled: open })
   const chatroomsQuery = useChatroomsQuery({ enabled: open && allowContextSelection })
-  const missionsQuery = useMissionsQuery({ enabled: open && allowContextSelection, limit: 80 })
   const tasksQuery = useTasksQuery({ includeArchived: true, enabled: open && allowContextSelection })
   const createRunMutation = useCreateProtocolRunMutation()
   const templates = templatesQuery.data ?? []
   const agents = agentsQuery.data ?? {}
   const chatrooms = chatroomsQuery.data ?? {}
-  const missions = missionsQuery.data ?? []
   const tasks = tasksQuery.data ?? {}
   const loading = (
     templatesQuery.isLoading
     || agentsQuery.isLoading
     || chatroomsQuery.isLoading
-    || missionsQuery.isLoading
     || tasksQuery.isLoading
   )
   const breakoutMode = variant === 'breakout'
@@ -145,7 +136,6 @@ export function StructuredSessionLauncher({
     () => [
       contextChip('Chat', initialContext?.sessionLabel),
       contextChip('Chatroom', initialContext?.parentChatroomLabel),
-      contextChip('Mission', initialContext?.missionLabel),
       contextChip('Task', initialContext?.taskLabel),
     ].filter(Boolean) as Array<{ label: string; value: string }>,
     [initialContext],
@@ -180,7 +170,6 @@ export function StructuredSessionLauncher({
         facilitatorAgentId: form.facilitatorAgentId || null,
         sessionId: form.sessionId || null,
         parentChatroomId: form.parentChatroomId || null,
-        missionId: form.missionId || null,
         taskId: form.taskId || null,
         autoStart: form.autoStart,
         createTranscript: form.createTranscript,
@@ -413,16 +402,6 @@ export function StructuredSessionLauncher({
                       <option key={chatroom.id} value={chatroom.id}>{chatroom.name}</option>
                     ))}
                   </select>
-                  <select
-                    value={form.missionId}
-                    onChange={(event) => setForm((current) => ({ ...current, missionId: event.target.value }))}
-                    className="rounded-[12px] border border-white/[0.06] bg-black/20 px-3 py-2.5 text-[14px] text-text outline-none"
-                  >
-                    <option value="">No linked mission</option>
-                    {missions.map((mission) => (
-                      <option key={mission.id} value={mission.id}>{mission.objective}</option>
-                    ))}
-                  </select>
                   <select
                     value={form.taskId}
                     onChange={(event) => setForm((current) => ({ ...current, taskId: event.target.value }))}

package/src/components/shared/connector-platform-icon.tsx

@@ -26,6 +26,7 @@ export const CONNECTOR_PLATFORM_META: Record<ConnectorPlatform, { label: string;
   email: { label: 'Email', color: '#EA4335' },
   webchat: { label: 'Web Chat', color: '#0EA5E9' },
   mockmail: { label: 'MockMail', color: '#7C3AED' },
+  swarmdock: { label: 'SwarmDock', color: '#F59E0B' },
 }
 
 const FALLBACK_CONNECTOR_PLATFORM_META = { label: 'Connector', color: '#64748B' } as const

package/src/components/tasks/task-card.tsx

@@ -1,9 +1,8 @@
 'use client'
 
 import { useState, useCallback, useEffect } from 'react'
-import { useRouter } from 'next/navigation'
 import { useAppStore } from '@/stores/use-app-store'
-import { getMissionPath, useNavigate } from '@/lib/app/navigation'
+import { useNavigate } from '@/lib/app/navigation'
 import { useUpdateTaskMutation } from '@/features/tasks/queries'
 import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
@@ -36,7 +35,6 @@ export function TaskCard({
   const setTaskSheetOpen = useAppStore((s) => s.setTaskSheetOpen)
   const setCurrentAgent = useAppStore((s) => s.setCurrentAgent)
   const navigateTo = useNavigate()
-  const router = useRouter()
   const updateTaskMutation = useUpdateTaskMutation()
   const [dragging, setDragging] = useState(false)
   const [confirmArchive, setConfirmArchive] = useState(false)
@@ -175,38 +173,10 @@ export function TaskCard({
         <p className="text-[12px] text-text-3 line-clamp-2 mb-3">{task.description}</p>
       )}
 
-      {task.missionSummary && (
+      {task.objective && (
         <div className="mb-3 rounded-[12px] border border-white/[0.06] bg-white/[0.02] px-3 py-2">
-          <div className="mb-1 flex items-center justify-between gap-2">
-            <span className="text-[10px] font-700 uppercase tracking-[0.08em] text-text-3/68">Mission</span>
-            <div className="flex items-center gap-2">
-              <span className={`rounded-full px-2 py-0.5 text-[10px] font-700 uppercase tracking-[0.08em] ${
-                task.missionSummary.status === 'waiting' || task.missionSummary.status === 'failed' || task.missionSummary.status === 'cancelled'
-                  ? 'bg-amber-500/12 text-amber-300'
-                  : task.missionSummary.status === 'completed'
-                    ? 'bg-emerald-500/12 text-emerald-300'
-                    : 'bg-sky-500/12 text-sky-300'
-              }`}>
-                {task.missionSummary.status}
-              </span>
-              <button
-                type="button"
-                onClick={(event) => {
-                  event.stopPropagation()
-                  router.push(getMissionPath(task.missionSummary?.id || null))
-                }}
-                className="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]"
-              >
-                Open
-              </button>
-            </div>
-          </div>
-          <div className="text-[12px] font-600 text-text line-clamp-2">{task.missionSummary.objective}</div>
-          {(task.missionSummary.waitingReason || task.missionSummary.currentStep) && (
-            <div className="mt-1 text-[11px] text-text-3/70 line-clamp-2">
-              {task.missionSummary.waitingReason || task.missionSummary.currentStep}
-            </div>
-          )}
+          <span className="text-[10px] font-700 uppercase tracking-[0.08em] text-text-3/68">Objective</span>
+          <div className="text-[12px] font-600 text-text line-clamp-2 mt-1">{task.objective}</div>
         </div>
       )}
 

package/src/components/tasks/task-sheet.tsx

@@ -15,7 +15,6 @@ import {
 import { useProjectsQuery } from '@/features/projects/queries'
 import { useAppSettingsQuery } from '@/features/settings/queries'
 import { useProtocolRunsQuery } from '@/features/protocols/queries'
-import { getMissionPath } from '@/lib/app/navigation'
 import { BottomSheet } from '@/components/shared/bottom-sheet'
 import { AgentPickerList } from '@/components/shared/agent-picker-list'
 import { DirBrowser } from '@/components/shared/dir-browser'
@@ -342,28 +341,11 @@ export function TaskSheet() {
           </div>
         )}
 
-        {editing.missionSummary && (
+        {editing.objective && (
           <div className="mb-8">
-            <SectionLabel>Mission</SectionLabel>
+            <SectionLabel>Objective</SectionLabel>
             <div className="rounded-[14px] border border-white/[0.06] bg-surface px-4 py-3">
-              <div className="mb-2 flex items-center justify-between gap-3">
-                <div className="text-[14px] font-600 text-text">{editing.missionSummary.objective}</div>
-                <div className="flex items-center gap-2">
-                  <span className="rounded-full bg-sky-500/10 px-2.5 py-1 text-[10px] font-700 uppercase tracking-[0.08em] text-sky-300">
-                    {editing.missionSummary.status}
-                  </span>
-                  <button
-                    type="button"
-                    onClick={() => router.push(getMissionPath(editing.missionSummary?.id || null))}
-                    className="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]"
-                  >
-                    Open
-                  </button>
-                </div>
-              </div>
-              <div className="text-[12px] leading-[1.7] text-text-3/72">
-                {editing.missionSummary.waitingReason || editing.missionSummary.currentStep || 'Mission linked to this task.'}
-              </div>
+              <div className="text-[14px] font-600 text-text">{editing.objective}</div>
             </div>
           </div>
         )}
@@ -691,23 +673,11 @@ export function TaskSheet() {
         />
       </div>
 
-      {editing?.missionSummary && (
+      {editing?.objective && (
         <div className="mb-8">
-          <SectionLabel>Mission</SectionLabel>
+          <SectionLabel>Objective</SectionLabel>
           <div className="rounded-[14px] border border-white/[0.06] bg-surface px-4 py-3 text-[12px] leading-[1.7] text-text-3/75">
-            <div className="flex items-center justify-between gap-3">
-              <div className="font-600 text-text">{editing.missionSummary.objective}</div>
-              <button
-                type="button"
-                onClick={() => router.push(getMissionPath(editing.missionSummary?.id || null))}
-                className="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]"
-              >
-                Open
-              </button>
-            </div>
-            <div className="mt-1">
-              {editing.missionSummary.waitingReason || editing.missionSummary.currentStep || `Status: ${editing.missionSummary.status}`}
-            </div>
+            <div className="font-600 text-text">{editing.objective}</div>
           </div>
         </div>
       )}

package/src/components/wallets/wallet-list.tsx

@@ -0,0 +1,150 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { useAppStore } from '@/stores/use-app-store'
+import { AgentAvatar } from '@/components/agents/agent-avatar'
+import { api } from '@/lib/app/api-client'
+
+export function WalletList() {
+  const wallets = useAppStore((s) => s.wallets)
+  const loadWallets = useAppStore((s) => s.loadWallets)
+  const agents = useAppStore((s) => s.agents)
+  const [copiedId, setCopiedId] = useState<string | null>(null)
+  const [deletingId, setDeletingId] = useState<string | null>(null)
+
+  useEffect(() => {
+    loadWallets()
+  }, [loadWallets])
+
+  const handleCopy = async (e: React.MouseEvent, address: string, walletId: string) => {
+    e.stopPropagation()
+    await navigator.clipboard.writeText(address)
+    setCopiedId(walletId)
+    setTimeout(() => setCopiedId(null), 2000)
+  }
+
+  const handleDelete = async (e: React.MouseEvent, id: string) => {
+    e.stopPropagation()
+    if (deletingId === id) {
+      await api('DELETE', `/wallets/${id}`)
+      setDeletingId(null)
+      loadWallets()
+    } else {
+      setDeletingId(id)
+      setTimeout(() => setDeletingId(null), 3000)
+    }
+  }
+
+  const truncateAddress = (addr: string) =>
+    addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr
+
+  const walletList = Object.values(wallets)
+
+  if (!walletList.length) {
+    return (
+      <div className="flex-1 flex flex-col items-center justify-center px-6 py-12 text-center">
+        <div className="w-12 h-12 rounded-[14px] bg-white/[0.03] border border-white/[0.06] flex items-center justify-center mb-4">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" className="text-text-3">
+            <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>
+        </div>
+        <p className="text-[13px] text-text-3 mb-1 font-600">No wallets yet</p>
+        <p className="text-[12px] text-text-3/60">Generate a wallet for your agents to transact on Base L2</p>
+      </div>
+    )
+  }
+
+  return (
+    <div className="flex-1 overflow-y-auto px-5 pb-6">
+      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
+        {walletList.map((wallet, idx) => {
+          const agent = agents[wallet.agentId]
+          return (
+            <div
+              key={wallet.id}
+              className="w-full text-left p-4 rounded-[14px] bg-surface border border-white/[0.06]
+                hover:border-white/[0.12] hover:bg-white/[0.02] transition-all group"
+              style={{
+                fontFamily: 'inherit',
+                animation: 'spring-in 0.5s var(--ease-spring) both',
+                animationDelay: `${idx * 0.05}s`,
+              }}
+            >
+              {/* Header: agent + delete */}
+              <div className="flex items-center gap-2.5 mb-2">
+                {agent ? (
+                  <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={20} />
+                ) : (
+                  <div className="w-5 h-5 rounded-full bg-white/[0.06]" />
+                )}
+                <span className="text-[13px] font-600 text-text truncate flex-1">
+                  {agent?.name || 'Unknown Agent'}
+                </span>
+                <button
+                  onClick={(e) => handleDelete(e, wallet.id)}
+                  className={`text-[10px] font-600 px-1.5 py-0.5 rounded-[6px] transition-colors cursor-pointer ${
+                    deletingId === wallet.id
+                      ? 'text-red-400 bg-red-400/10'
+                      : 'text-text-3/40 hover:text-red-400'
+                  }`}
+                  title={deletingId === wallet.id ? 'Click again to confirm' : 'Delete wallet'}
+                >
+                  {deletingId === wallet.id ? 'Confirm?' : (
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                    </svg>
+                  )}
+                </button>
+              </div>
+
+              {/* Address row */}
+              <div className="flex items-center gap-2 mb-2">
+                <span className="text-[12px] font-mono text-text-3 truncate">{truncateAddress(wallet.walletAddress)}</span>
+                <button
+                  onClick={(e) => handleCopy(e, wallet.walletAddress, wallet.id)}
+                  className="text-text-3/40 hover:text-text-2 transition-colors shrink-0 cursor-pointer"
+                  title="Copy address"
+                >
+                  {copiedId === wallet.id ? (
+                    <span className="text-[10px] font-600 text-emerald-400">Copied!</span>
+                  ) : (
+                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <rect x="9" y="9" width="13" height="13" rx="2" /><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+                    </svg>
+                  )}
+                </button>
+              </div>
+
+              {/* Badges row */}
+              <div className="flex items-center gap-2 flex-wrap">
+                <span className="text-[10px] font-600 px-1.5 py-0.5 rounded-[6px] bg-blue-500/10 text-blue-400">
+                  Base L2
+                </span>
+                {wallet.requireApproval && (
+                  <span className="text-[10px] font-600 px-1.5 py-0.5 rounded-[6px] bg-amber-500/10 text-amber-400">
+                    Approval Required
+                  </span>
+                )}
+                {wallet.spendingLimitUsdc && (
+                  <span className="text-[10px] font-600 text-text-3/60">
+                    Limit: ${wallet.spendingLimitUsdc} USDC
+                  </span>
+                )}
+                {wallet.dailyLimitUsdc && (
+                  <span className="text-[10px] font-600 text-text-3/60">
+                    Daily: ${wallet.dailyLimitUsdc} USDC
+                  </span>
+                )}
+              </div>
+
+              {/* Label */}
+              {wallet.label && (
+                <div className="mt-2 text-[11px] text-text-3/60 truncate">{wallet.label}</div>
+              )}
+            </div>
+          )
+        })}
+      </div>
+    </div>
+  )
+}

package/src/lib/agent-execute-defaults.test.ts

@@ -0,0 +1,24 @@
+import assert from 'node:assert/strict'
+import test from 'node:test'
+import {
+  DEFAULT_AGENT_EXECUTE_CONFIG,
+  normalizeAgentExecuteConfig,
+} from '@/lib/agent-execute-defaults'
+
+test('normalizeAgentExecuteConfig defaults to sandbox with network enabled', () => {
+  const normalized = normalizeAgentExecuteConfig(undefined)
+
+  assert.equal(normalized.backend, 'sandbox')
+  assert.equal(normalized.network?.enabled, true)
+  assert.equal(normalized.timeout, DEFAULT_AGENT_EXECUTE_CONFIG.timeout)
+})
+
+test('normalizeAgentExecuteConfig preserves explicit host backend and clamps timeout', () => {
+  const normalized = normalizeAgentExecuteConfig({
+    backend: 'host',
+    timeout: 999,
+  })
+
+  assert.equal(normalized.backend, 'host')
+  assert.equal(normalized.timeout, 300)
+})

package/src/lib/agent-execute-defaults.ts

@@ -0,0 +1,62 @@
+import type { Agent } from '@/types'
+
+export type AgentExecuteConfig = NonNullable<Agent['executeConfig']>
+
+export const DEFAULT_AGENT_EXECUTE_CONFIG: AgentExecuteConfig = {
+  backend: 'sandbox',
+  network: {
+    enabled: true,
+  },
+  timeout: 30,
+}
+
+function asRecord(value: unknown): Record<string, unknown> | null {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) return null
+  return value as Record<string, unknown>
+}
+
+function normalizeStringList(value: unknown): string[] | undefined {
+  if (!Array.isArray(value)) return undefined
+  const values = value
+    .filter((entry): entry is string => typeof entry === 'string' && entry.trim().length > 0)
+    .map((entry) => entry.trim())
+  return values.length > 0 ? values : undefined
+}
+
+function normalizePositiveInt(value: unknown, fallback: number, min: number, max: number): number {
+  const parsed = typeof value === 'number'
+    ? value
+    : typeof value === 'string'
+      ? Number.parseInt(value, 10)
+      : Number.NaN
+  if (!Number.isFinite(parsed)) return fallback
+  return Math.max(min, Math.min(max, Math.trunc(parsed)))
+}
+
+export function normalizeAgentExecuteConfig(config: Agent['executeConfig'] | unknown): AgentExecuteConfig {
+  const input = asRecord(config)
+  const networkInput = asRecord(input?.network)
+  const runtimesInput = asRecord(input?.runtimes)
+  const defaultNetworkEnabled = DEFAULT_AGENT_EXECUTE_CONFIG.network?.enabled ?? true
+  const allowedUrls = normalizeStringList(networkInput?.allowedUrls)
+  const credentials = normalizeStringList(input?.credentials)
+
+  return {
+    backend: input?.backend === 'host' ? 'host' : DEFAULT_AGENT_EXECUTE_CONFIG.backend,
+    network: {
+      enabled: networkInput?.enabled === false ? false : defaultNetworkEnabled,
+      ...(allowedUrls ? { allowedUrls } : {}),
+    },
+    ...(runtimesInput
+      ? {
+          runtimes: {
+            ...(typeof runtimesInput.python === 'boolean' ? { python: runtimesInput.python } : {}),
+            ...(typeof runtimesInput.javascript === 'boolean' ? { javascript: runtimesInput.javascript } : {}),
+            ...(typeof runtimesInput.sqlite === 'boolean' ? { sqlite: runtimesInput.sqlite } : {}),
+          },
+        }
+      : {}),
+    timeout: normalizePositiveInt(input?.timeout, DEFAULT_AGENT_EXECUTE_CONFIG.timeout ?? 30, 1, 300),
+    ...(credentials ? { credentials } : {}),
+  }
+}

package/src/lib/app/navigation.test.ts

@@ -39,19 +39,6 @@ describe('getViewPath', () => {
   })
 })
 
-describe('getMissionPath', () => {
-  it('returns /missions when no ID is provided', () => {
-    assert.equal(mod.getMissionPath(), '/missions')
-    assert.equal(mod.getMissionPath(null), '/missions')
-    assert.equal(mod.getMissionPath(''), '/missions')
-  })
-
-  it('returns /missions/{encoded} with an ID', () => {
-    assert.equal(mod.getMissionPath('m-42'), '/missions/m-42')
-    assert.equal(mod.getMissionPath('has/slash'), '/missions/has%2Fslash')
-  })
-})
-
 describe('pathToView', () => {
   it('matches exact path', () => {
     assert.equal(mod.pathToView('/agents'), 'agents')