@swarmclawai/swarmclaw 0.6.4 → 0.6.6

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

@@ -68,7 +68,7 @@ function AssignAgentPicker({ projectId, onClose }: { projectId: string; onClose:
               className="w-full flex items-center gap-2.5 px-3 py-2 rounded-[8px] text-left hover:bg-white/[0.06] transition-colors cursor-pointer bg-transparent border-none"
               style={{ fontFamily: 'inherit' }}
             >
-              <AgentAvatar seed={a.avatarSeed} name={a.name} size={22} />
+              <AgentAvatar seed={a.avatarSeed} avatarUrl={a.avatarUrl} name={a.name} size={22} />
               <div className="min-w-0 flex-1">
                 <div className="text-[12px] text-text truncate">{a.name}</div>
                 <div className="text-[10px] text-text-3/40 truncate">{a.model || a.provider}</div>
@@ -312,7 +312,7 @@ export function ProjectDetail() {
                     className="flex items-center gap-3 flex-1 min-w-0 cursor-pointer bg-transparent border-none text-left p-0"
                     style={{ fontFamily: 'inherit' }}
                   >
-                    <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={28} />
+                    <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={28} />
                     <div className="min-w-0 flex-1">
                       <div className="text-[13px] font-600 text-text truncate">{agent.name}</div>
                       <div className="text-[11px] text-text-3/50 truncate">{agent.model || agent.provider}</div>
@@ -381,7 +381,7 @@ export function ProjectDetail() {
                     <span className="text-[13px] text-text truncate flex-1">{task.title}</span>
                     {agent && (
                       <span className="shrink-0 flex items-center gap-1.5 text-[11px] text-text-3/40">
-                        <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={16} />
+                        <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={16} />
                         {agent.name}
                       </span>
                     )}
@@ -448,7 +448,7 @@ export function ProjectDetail() {
                       </span>
                       {agent && (
                         <span className="shrink-0 flex items-center gap-1.5 text-[11px] text-text-3/40">
-                          <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={16} />
+                          <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={16} />
                         </span>
                       )}
                       {schedule.nextRunAt && (

package/src/components/secrets/secret-sheet.tsx

@@ -161,7 +161,7 @@ export function SecretSheet() {
                       }`}
                       style={{ fontFamily: 'inherit' }}
                     >
-                      <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={24} />
+                      <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={24} />
                       <span className="text-[13px] text-text flex-1 truncate">{agent.name}</span>
                       {selected && (
                         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="text-accent-bright shrink-0">

package/src/components/secrets/secrets-list.tsx

@@ -102,7 +102,7 @@ export function SecretsList({ inSidebar }: Props) {
                 <div className="flex items-center gap-1.5 mt-1.5 pl-[22px]">
                   <div className="flex items-center -space-x-1.5">
                     {scopedAgents.slice(0, 5).map((agent) => (
-                      <AgentAvatar key={agent.id} seed={agent.avatarSeed} name={agent.name} size={16} className="ring-1 ring-surface" />
+                      <AgentAvatar key={agent.id} seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={16} className="ring-1 ring-surface" />
                     ))}
                   </div>
                   {scopedAgents.length > 5 && (

package/src/components/sessions/session-card.tsx

@@ -86,7 +86,7 @@ export function SessionCard({ session, active, onClick }: Props) {
       <div className="flex items-center gap-2.5">
         {agent && (
           <div className="relative shrink-0">
-            <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={24} />
+            <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={24} />
             {(heartbeatEnabled || session.active) && (
               <span className="absolute -bottom-0.5 -right-0.5 w-2 h-2 rounded-full bg-emerald-400 ring-2 ring-[#0f0f1a]" />
             )}

package/src/components/shared/agent-picker-list.tsx

@@ -72,7 +72,7 @@ export function AgentPickerList({
             {active && (
               <div className="absolute left-0 top-2 bottom-2 w-[2.5px] rounded-full bg-accent-bright" />
             )}
-            <AgentAvatar seed={a.avatarSeed || null} name={a.name} size={28} />
+            <AgentAvatar seed={a.avatarSeed || null} avatarUrl={a.avatarUrl} name={a.name} size={28} />
             <span className={`text-[13px] font-600 flex-1 truncate ${active ? 'text-accent-bright' : 'text-text-2'}`}>
               {a.name}
             </span>

package/src/components/shared/agent-switch-dialog.tsx

@@ -115,7 +115,7 @@ export function AgentSwitchDialog() {
                 ${idx === selectedIdx ? 'bg-white/[0.06]' : 'hover:bg-white/[0.04]'}`}
               style={{ fontFamily: 'inherit' }}
             >
-              <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={28} />
+              <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={28} />
               <div className="flex-1 min-w-0">
                 <div className="flex items-center gap-2">
                   <span className="text-[13px] font-500 text-text truncate">{agent.name}</span>

package/src/components/shared/settings/section-user-preferences.tsx

@@ -35,11 +35,11 @@ export function UserPreferencesSection({ appSettings, patchSettings, inputClass
         </div>
         <button
           type="button"
-          onClick={() => patchSettings({ suggestionsEnabled: appSettings.suggestionsEnabled === false })}
-          className={`relative w-9 h-5 rounded-full transition-colors ${appSettings.suggestionsEnabled !== false ? 'bg-accent-bright' : 'bg-white/[0.10]'}`}
+          onClick={() => patchSettings({ suggestionsEnabled: !appSettings.suggestionsEnabled })}
+          className={`relative w-9 h-5 rounded-full transition-colors ${appSettings.suggestionsEnabled ? 'bg-accent-bright' : 'bg-white/[0.10]'}`}
           style={{ fontFamily: 'inherit' }}
         >
-          <span className={`absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform ${appSettings.suggestionsEnabled !== false ? 'translate-x-4' : ''}`} />
+          <span className={`absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform ${appSettings.suggestionsEnabled ? 'translate-x-4' : ''}`} />
         </button>
       </div>
 
@@ -70,7 +70,7 @@ export function UserPreferencesSection({ appSettings, patchSettings, inputClass
                   : 'bg-transparent border-white/[0.06] text-text-3 hover:bg-white/[0.03]'}`}
               style={{ fontFamily: 'inherit' }}
             >
-              <AgentAvatar seed={agent.avatarSeed || null} name={agent.name} size={18} />
+              <AgentAvatar seed={agent.avatarSeed || null} avatarUrl={agent.avatarUrl} name={agent.name} size={18} />
               {agent.name}
             </button>
           ))}

package/src/components/skills/skill-list.tsx

@@ -309,7 +309,7 @@ export function SkillList({ inSidebar }: { inSidebar?: boolean }) {
                     <div className="flex items-center gap-1.5 mt-1.5">
                       <div className="flex items-center -space-x-1.5">
                         {scopedAgents.slice(0, 5).map((agent) => (
-                          <AgentAvatar key={agent.id} seed={agent.avatarSeed} name={agent.name} size={16} className="ring-1 ring-surface" />
+                          <AgentAvatar key={agent.id} seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={16} className="ring-1 ring-surface" />
                         ))}
                       </div>
                       {scopedAgents.length > 5 && (

package/src/components/skills/skill-sheet.tsx

@@ -255,7 +255,7 @@ export function SkillSheet() {
                     }`}
                     style={{ fontFamily: 'inherit' }}
                   >
-                    <AgentAvatar seed={agent.avatarSeed} name={agent.name} size={24} />
+                    <AgentAvatar seed={agent.avatarSeed} avatarUrl={agent.avatarUrl} name={agent.name} size={24} />
                     <span className="text-[13px] text-text flex-1 truncate">{agent.name}</span>
                     {selected && (
                       <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="text-accent-bright shrink-0">

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

@@ -264,7 +264,7 @@ export function TaskBoard() {
             >
               {filterAgentId && agents[filterAgentId] ? (
                 <>
-                  <AgentAvatar seed={agents[filterAgentId].avatarSeed || null} name={agents[filterAgentId].name} size={18} />
+                  <AgentAvatar seed={agents[filterAgentId].avatarSeed || null} avatarUrl={agents[filterAgentId].avatarUrl} name={agents[filterAgentId].name} size={18} />
                   {agents[filterAgentId].name}
                 </>
               ) : 'All Agents'}
@@ -290,7 +290,7 @@ export function TaskBoard() {
                       ${filterAgentId === a.id ? 'bg-white/[0.06] text-text' : 'bg-transparent text-text-3 hover:bg-white/[0.04]'}`}
                     style={{ fontFamily: 'inherit' }}
                   >
-                    <AgentAvatar seed={a.avatarSeed || null} name={a.name} size={20} />
+                    <AgentAvatar seed={a.avatarSeed || null} avatarUrl={a.avatarUrl} name={a.name} size={20} />
                     {a.name}
                   </button>
                 ))}
@@ -480,7 +480,7 @@ export function TaskBoard() {
                     className="w-full flex items-center gap-2 px-3 py-2 text-[12px] font-600 cursor-pointer border-none text-left bg-transparent text-text-3 hover:bg-white/[0.06] hover:text-text transition-colors"
                     style={{ fontFamily: 'inherit' }}
                   >
-                    <AgentAvatar seed={a.avatarSeed || null} name={a.name} size={16} />
+                    <AgentAvatar seed={a.avatarSeed || null} avatarUrl={a.avatarUrl} name={a.name} size={16} />
                     {a.name}
                   </button>
                 ))}

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

@@ -244,7 +244,7 @@ export function TaskSheet() {
           <div className="mb-8">
             <SectionLabel>Agent</SectionLabel>
             <div className="flex items-center gap-2.5 px-4 py-3 rounded-[14px] border border-white/[0.06] bg-surface">
-              <AgentAvatar seed={taskAgent.avatarSeed || null} name={taskAgent.name} size={24} />
+              <AgentAvatar seed={taskAgent.avatarSeed || null} avatarUrl={taskAgent.avatarUrl} name={taskAgent.name} size={24} />
               <span className="text-[14px] font-600 text-text">{taskAgent.name}</span>
             </div>
           </div>
@@ -366,6 +366,26 @@ export function TaskSheet() {
           </div>
         )}
 
+        {Array.isArray(editing.outputFiles) && editing.outputFiles.length > 0 && (
+          <div className="mb-8">
+            <SectionLabel>Output Files</SectionLabel>
+            <div className="flex flex-col gap-1.5">
+              {editing.outputFiles.map((fileRef) => (
+                <code key={fileRef} className="text-[12px] text-text-3 font-mono break-all">
+                  {fileRef}
+                </code>
+              ))}
+            </div>
+          </div>
+        )}
+
+        {editing.completionReportPath && (
+          <div className="mb-8">
+            <SectionLabel>Task Report</SectionLabel>
+            <code className="text-[12px] text-text-3 font-mono break-all">{editing.completionReportPath}</code>
+          </div>
+        )}
+
         {/* CLI Sessions */}
         {(editing.claudeResumeId || editing.codexResumeId || editing.opencodeResumeId || editing.cliResumeId) && (
           <div className="mb-8">

package/src/components/wallets/wallet-approval-dialog.tsx

@@ -0,0 +1,99 @@
+'use client'
+
+import { useState, useCallback } from 'react'
+import { api } from '@/lib/api-client'
+import type { WalletTransaction } from '@/types'
+
+interface WalletApprovalDialogProps {
+  transaction: WalletTransaction
+  walletAddress: string
+  onClose: () => void
+  onResolved: () => void
+}
+
+export function WalletApprovalDialog({ transaction, walletAddress, onClose, onResolved }: WalletApprovalDialogProps) {
+  const [submitting, setSubmitting] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const handleDecision = useCallback(async (decision: 'approve' | 'deny') => {
+    setSubmitting(true)
+    setError(null)
+    try {
+      await api('POST', `/wallets/${transaction.walletId}/approve`, {
+        transactionId: transaction.id,
+        decision,
+      })
+      onResolved()
+      onClose()
+    } catch (err: unknown) {
+      setError(err instanceof Error ? err.message : String(err))
+    } finally {
+      setSubmitting(false)
+    }
+  }, [transaction, onResolved, onClose])
+
+  const amountSol = transaction.amountLamports / 1e9
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      <div className="absolute inset-0 bg-black/60 backdrop-blur-sm" onClick={onClose} />
+      <div className="relative w-full max-w-md rounded-[16px] border border-white/[0.08] bg-surface-1 shadow-2xl p-6 space-y-5">
+        <div className="flex items-center gap-2">
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" className="text-amber-400">
+            <path d="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 0z" />
+            <line x1="12" y1="9" x2="12" y2="13" /><line x1="12" y1="17" x2="12.01" y2="17" />
+          </svg>
+          <h3 className="font-display text-[15px] font-600 text-text-1">Transaction Approval</h3>
+        </div>
+
+        <div className="p-4 rounded-[12px] bg-black/20 border border-white/[0.06] space-y-3">
+          <div className="flex items-center justify-between">
+            <span className="text-[11px] text-text-3/70 uppercase tracking-wide">Amount</span>
+            <span className="text-[16px] font-600 text-text-1">{amountSol.toFixed(4)} SOL</span>
+          </div>
+          <div>
+            <span className="text-[11px] text-text-3/70 uppercase tracking-wide block mb-1">From</span>
+            <code className="text-[10px] text-text-3 font-mono break-all">{walletAddress}</code>
+          </div>
+          <div>
+            <span className="text-[11px] text-text-3/70 uppercase tracking-wide block mb-1">To</span>
+            <code className="text-[10px] text-text-3 font-mono break-all">{transaction.toAddress}</code>
+          </div>
+          {transaction.memo && (
+            <div>
+              <span className="text-[11px] text-text-3/70 uppercase tracking-wide block mb-1">Reason</span>
+              <p className="text-[12px] text-text-2">{transaction.memo}</p>
+            </div>
+          )}
+        </div>
+
+        <p className="text-[11px] text-amber-400/80">
+          Crypto transactions are irreversible. Verify the recipient address carefully.
+        </p>
+
+        {error && <p className="text-[11px] text-red-400">{error}</p>}
+
+        <div className="flex gap-3">
+          <button
+            type="button"
+            onClick={() => handleDecision('deny')}
+            disabled={submitting}
+            className="flex-1 px-4 py-2.5 rounded-[10px] border border-white/[0.08] bg-surface text-text-3 text-[12px] font-600 hover:text-red-400 hover:border-red-400/30 transition-colors cursor-pointer disabled:opacity-50"
+            style={{ fontFamily: 'inherit' }}
+          >
+            Deny
+          </button>
+          <button
+            type="button"
+            onClick={() => handleDecision('approve')}
+            disabled={submitting}
+            className="flex-1 px-4 py-2.5 rounded-[10px] bg-accent text-white text-[12px] font-600 hover:brightness-110 transition-all cursor-pointer disabled:opacity-50"
+            style={{ fontFamily: 'inherit' }}
+          >
+            {submitting ? 'Processing...' : 'Approve & Send'}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}