@swarmclawai/swarmclaw 1.4.2 → 1.4.3

package/README.md

@@ -211,6 +211,15 @@ SwarmClaw agents can join [SwarmFeed](https://swarmfeed.ai) — a social network
 
 Read the docs at [swarmclaw.ai/docs/swarmfeed](https://swarmclaw.ai/docs/swarmfeed) and visit [swarmfeed.ai](https://swarmfeed.ai) for the platform itself.
 
+### v1.4.3 Highlights
+
+- **SwarmDock agent opt-in**: Agents can now opt into the SwarmDock marketplace directly from their settings sheet with description, skills, wallet, and auto-bid configuration
+- **SwarmFeed & SwarmDock tools**: Agents get `swarmfeed` and `swarmdock` tools auto-enabled when opted in, allowing autonomous posting, replying, liking, browsing tasks, and checking status from chat
+- **Auto-registration**: Enabling SwarmFeed on an agent automatically registers it on the SwarmFeed network (no manual connector setup required)
+- **Marketplace page**: New `/marketplace` sidebar page showing live SwarmDock tasks and agents
+- **Following tab fix**: SwarmFeed Following tab gracefully handles unregistered agents instead of showing a 401 error
+- **Compose removal**: Removed manual compose UI from Feed page — agents post autonomously through their tools
+
 ## Releases
 
 - GitHub releases: https://github.com/swarmclawai/swarmclaw/releases

package/package.json

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

package/scripts/run-next-build.mjs

@@ -1,5 +1,7 @@
 #!/usr/bin/env node
 
+import fs from 'node:fs'
+import path from 'node:path'
 import { spawnSync } from 'node:child_process'
 import { createRequire } from 'node:module'
 import { pathToFileURL } from 'node:url'
@@ -10,6 +12,17 @@ const require = createRequire(import.meta.url)
 
 export const DEFAULT_MAX_OLD_SPACE_SIZE_MB = '8192'
 export const TRACE_COPY_WARNING = 'Failed to copy traced files'
+export const NEXT_STANDALONE_METADATA_RELATIVE_DIR = path.join(
+  'node_modules',
+  'next',
+  'dist',
+  'lib',
+  'metadata',
+)
+export const REQUIRED_NEXT_METADATA_FILES = [
+  'get-metadata-route.js',
+  'is-metadata-route.js',
+]
 
 export function mergeNodeOptions(nodeOptions = '', maxOldSpaceSizeMb = DEFAULT_MAX_OLD_SPACE_SIZE_MB) {
   const trimmed = nodeOptions.trim()
@@ -39,6 +52,36 @@ export function hasTraceCopyWarning(output = '') {
   return output.includes(TRACE_COPY_WARNING)
 }
 
+function hasRequiredNextMetadataFiles(dir) {
+  return REQUIRED_NEXT_METADATA_FILES.every((fileName) => fs.existsSync(path.join(dir, fileName)))
+}
+
+export function repairStandaloneNextMetadata(cwd = process.cwd()) {
+  const standaloneDir = path.join(cwd, '.next', 'standalone')
+  if (!fs.existsSync(standaloneDir)) return false
+
+  const standaloneMetadataDir = path.join(standaloneDir, NEXT_STANDALONE_METADATA_RELATIVE_DIR)
+  if (hasRequiredNextMetadataFiles(standaloneMetadataDir)) return false
+
+  const installedMetadataDir = path.join(cwd, 'node_modules', 'next', 'dist', 'lib', 'metadata')
+  if (!hasRequiredNextMetadataFiles(installedMetadataDir)) {
+    throw new Error(
+      `Missing required Next metadata runtime files under ${installedMetadataDir}.`,
+    )
+  }
+
+  fs.mkdirSync(path.dirname(standaloneMetadataDir), { recursive: true })
+  fs.cpSync(installedMetadataDir, standaloneMetadataDir, { recursive: true, force: true })
+
+  if (!hasRequiredNextMetadataFiles(standaloneMetadataDir)) {
+    throw new Error(
+      `Failed to repair Next metadata runtime files under ${standaloneMetadataDir}.`,
+    )
+  }
+
+  return true
+}
+
 export function runNextBuild(args = process.argv.slice(2), env = process.env, cwd = process.cwd()) {
   const nextBin = require.resolve('next/dist/bin/next')
   return spawnSync(process.execPath, [nextBin, 'build', '--webpack', ...args], {
@@ -60,6 +103,9 @@ function main() {
     process.exit(1)
   }
   if (typeof result.status === 'number') {
+    if (result.status === 0 && repairStandaloneNextMetadata(process.cwd())) {
+      console.error('Repaired missing Next metadata runtime files in the standalone build output.')
+    }
     process.exit(result.status)
   }
   if (result.signal) {

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

@@ -0,0 +1,25 @@
+import { NextResponse } from 'next/server'
+
+export const dynamic = 'force-dynamic'
+
+const API_URL = process.env.SWARMDOCK_API_URL || 'https://swarmdock-api.onrender.com'
+
+export async function GET(req: Request) {
+  const { searchParams } = new URL(req.url)
+  const type = searchParams.get('type') || 'tasks'
+  const limit = searchParams.get('limit') || '50'
+
+  const endpoint = type === 'agents' ? '/api/v1/agents' : '/api/v1/tasks'
+  try {
+    const res = await fetch(`${API_URL}${endpoint}?limit=${limit}`)
+    if (!res.ok) {
+      const text = await res.text().catch(() => 'Unknown error')
+      return NextResponse.json({ error: `SwarmDock API error ${res.status}: ${text}` }, { status: 502 })
+    }
+    const data = await res.json()
+    return NextResponse.json(data)
+  } catch (err: unknown) {
+    const message = err instanceof Error ? err.message : 'Failed to fetch'
+    return NextResponse.json({ error: message }, { status: 502 })
+  }
+}

package/src/app/api/swarmfeed/posts/route.ts

@@ -1,7 +1,8 @@
 import { NextResponse } from 'next/server'
-import { createPost, getFeed } from '@/lib/swarmfeed-client'
-import { getAgent } from '@/lib/server/agents/agent-repository'
+import { createPost, getFeed, registerAgent } from '@/lib/swarmfeed-client'
+import { getAgent, patchAgent } from '@/lib/server/agents/agent-repository'
 import { safeParseBody } from '@/lib/server/safe-parse-body'
+import { log } from '@/lib/server/logger'
 import type { Agent } from '@/types'
 
 export const dynamic = 'force-dynamic'
@@ -37,15 +38,52 @@ export async function POST(req: Request) {
     return NextResponse.json({ error: 'content is required' }, { status: 400 })
   }
 
-  // Look up the agent's SwarmFeed API key
-  const agent = getAgent(body.agentId) as Agent | undefined
-  if (!agent?.swarmfeedApiKey) {
+  // Look up the agent and auto-register on SwarmFeed if needed
+  let agent = getAgent(body.agentId) as Agent | undefined
+  if (!agent) {
+    return NextResponse.json({ error: 'Agent not found' }, { status: 404 })
+  }
+  if (!agent.swarmfeedEnabled) {
     return NextResponse.json(
-      { error: 'Agent not registered on SwarmFeed. Enable SwarmFeed in agent settings first.' },
+      { error: 'SwarmFeed is not enabled for this agent. Enable it in agent settings first.' },
       { status: 400 },
     )
   }
 
+  // Auto-register if enabled but no API key yet
+  if (!agent.swarmfeedApiKey) {
+    const agentName = agent.name
+    try {
+      log.info('swarmfeed', `Auto-registering agent "${agentName}" on SwarmFeed`)
+      const reg = await registerAgent({
+        name: agent.name,
+        description: agent.description || agent.swarmfeedBio || `${agent.name} agent on SwarmClaw`,
+        framework: 'swarmclaw',
+        model: agent.model,
+        avatar: agent.avatarUrl || undefined,
+        bio: agent.swarmfeedBio || undefined,
+      })
+      patchAgent(agent.id, (current) => {
+        if (!current) return null
+        return {
+          ...current,
+          swarmfeedApiKey: reg.apiKey,
+          swarmfeedAgentId: reg.agentId,
+          swarmfeedJoinedAt: current.swarmfeedJoinedAt ?? Date.now(),
+          updatedAt: Date.now(),
+        }
+      })
+      agent = getAgent(body.agentId) as Agent | undefined
+      if (!agent?.swarmfeedApiKey) {
+        return NextResponse.json({ error: 'Registration succeeded but API key not saved' }, { status: 500 })
+      }
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : 'Registration failed'
+      log.error('swarmfeed', `Auto-registration failed for "${agentName}": ${message}`)
+      return NextResponse.json({ error: `SwarmFeed registration failed: ${message}` }, { status: 502 })
+    }
+  }
+
   try {
     const post = await createPost(agent.swarmfeedApiKey, {
       content: body.content.trim(),

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

@@ -25,6 +25,10 @@ export async function GET(req: Request) {
     const agents = Object.values(loadAgents()) as Agent[]
     const feedAgent = agents.find((a) => a.swarmfeedEnabled && a.swarmfeedApiKey)
     agentApiKey = feedAgent?.swarmfeedApiKey ?? undefined
+    // No registered agent — return empty feed instead of triggering a 401
+    if (!agentApiKey) {
+      return NextResponse.json({ posts: [], nextCursor: undefined })
+    }
   }
 
   try {

package/src/app/marketplace/page.tsx

@@ -0,0 +1,7 @@
+'use client'
+
+import { MarketplacePage } from '@/features/swarmdock/marketplace-page'
+
+export default function MarketplaceRoute() {
+  return <MarketplacePage />
+}

package/src/cli/index.js

@@ -806,6 +806,13 @@ const COMMAND_GROUPS = [
       cmd('post', 'POST', '/swarmfeed/posts', 'Create a post', { expectsJsonBody: true }),
     ],
   },
+  {
+    name: 'swarmdock',
+    description: 'SwarmDock marketplace',
+    commands: [
+      cmd('browse', 'GET', '/swarmdock', 'Browse SwarmDock marketplace tasks and agents'),
+    ],
+  },
 ]
 
 const GROUP_MAP = new Map(COMMAND_GROUPS.map((group) => [group.name, group]))

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

@@ -29,6 +29,7 @@ import { getDefaultAgentToolIds } from '@/lib/agent-default-tools'
 import { getEnabledExtensionIds, getEnabledToolIds } from '@/lib/capability-selection'
 import { buildAgentSelectableProviders, resolveAgentSelectableProviderCredentials } from '@/lib/agent-provider-options'
 import { AgentSocialSettings } from '@/features/swarmfeed/agent-social-settings'
+import { AgentMarketplaceSettings } from '@/features/swarmdock/agent-marketplace-settings'
 
 const HB_PRESETS = [1800, 3600, 7200, 21600, 43200] as const
 const FALLBACK_ELEVENLABS_VOICE_ID = 'JBFqnCBsd6RMkjVDRZzb'
@@ -1983,6 +1984,15 @@ export function AgentSheet() {
         </SectionCard>
       )}
 
+      {editing && (
+        <SectionCard
+          title="Marketplace"
+          description="SwarmDock integration — list this agent on the AI marketplace to accept tasks and earn USDC."
+        >
+          <AgentMarketplaceSettings agent={editing} />
+        </SectionCard>
+      )}
+
       {!WORKER_ONLY_PROVIDER_IDS.has(provider) && (
       <AdvancedSettingsSection
         open={showAdvancedSettings}

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

@@ -267,6 +267,11 @@ export function SidebarRail({
                 <path d="M4 11a9 9 0 0 1 9 9" /><path d="M4 4a16 16 0 0 1 16 16" /><circle cx="5" cy="19" r="1" />
               </svg>
             </NavItem>
+            <NavItem view="marketplace" label="Marketplace" expanded={railExpanded} isActive={isNavActive('marketplace')} onClick={() => handleNavClick('marketplace')}>
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" /><line x1="3" x2="21" y1="6" y2="6" /><path d="M16 10a4 4 0 0 1-8 0" />
+              </svg>
+            </NavItem>
           </div>
 
           <div className={`flex flex-col gap-0.5 ${railExpanded ? '' : 'items-center'}`}>

package/src/features/swarmdock/agent-marketplace-settings.tsx

@@ -0,0 +1,303 @@
+'use client'
+
+import { useState, useCallback, useEffect, useMemo } from 'react'
+import { updateAgent } from '@/lib/agents'
+import { toast } from 'sonner'
+import { HintTip } from '@/components/shared/hint-tip'
+import { AdvancedSettingsSection } from '@/components/shared/advanced-settings-section'
+import { useAppStore } from '@/stores/use-app-store'
+import type { Agent, SwarmDockMarketplaceConfig } from '@/types'
+
+const DEFAULT_MARKETPLACE: SwarmDockMarketplaceConfig = {
+  enabled: false,
+  autoDiscover: false,
+  maxBudgetUsdc: '5000000',
+  autoBid: false,
+  autoBidMaxPrice: '1000000',
+  taskNotifications: true,
+  preferredCategories: [],
+}
+
+export function AgentMarketplaceSettings({ agent, onUpdate }: {
+  agent: Agent
+  onUpdate?: (agent: Agent) => void
+}) {
+  const [enabled, setEnabled] = useState(agent.swarmdockEnabled || false)
+  const [description, setDescription] = useState(agent.swarmdockDescription || '')
+  const [skills, setSkills] = useState<string[]>(agent.swarmdockSkills || [])
+  const [walletId, setWalletId] = useState<string | null>(agent.swarmdockWalletId || null)
+  const [marketplace, setMarketplace] = useState<SwarmDockMarketplaceConfig>(agent.swarmdockMarketplace || DEFAULT_MARKETPLACE)
+  const [showAdvanced, setShowAdvanced] = useState(false)
+  const [skillInput, setSkillInput] = useState('')
+  const [saving, setSaving] = useState(false)
+
+  const wallets = useAppStore((s) => s.wallets)
+  const loadWallets = useAppStore((s) => s.loadWallets)
+
+  useEffect(() => {
+    loadWallets()
+  }, [loadWallets])
+
+  const agentWallets = useMemo(() =>
+    Object.values(wallets).filter((w) => w.agentId === agent.id),
+  [wallets, agent.id])
+
+  const handleSave = useCallback(async () => {
+    setSaving(true)
+    try {
+      const updated = await updateAgent(agent.id, {
+        swarmdockEnabled: enabled,
+        swarmdockDescription: description.trim() || null,
+        swarmdockSkills: skills,
+        swarmdockWalletId: walletId,
+        swarmdockListedAt: enabled && !agent.swarmdockListedAt ? Date.now() : agent.swarmdockListedAt,
+        swarmdockMarketplace: marketplace.enabled ? marketplace : null,
+      })
+      toast.success('Marketplace settings saved')
+      onUpdate?.(updated)
+    } catch {
+      toast.error('Failed to save marketplace settings')
+    } finally {
+      setSaving(false)
+    }
+  }, [agent.id, agent.swarmdockListedAt, enabled, description, skills, walletId, marketplace, onUpdate])
+
+  const addSkill = useCallback(() => {
+    const trimmed = skillInput.trim().toLowerCase().replace(/\s+/g, '-')
+    if (trimmed && !skills.includes(trimmed)) {
+      setSkills((prev) => [...prev, trimmed])
+    }
+    setSkillInput('')
+  }, [skillInput, skills])
+
+  const removeSkill = useCallback((skill: string) => {
+    setSkills((prev) => prev.filter((s) => s !== skill))
+  }, [])
+
+  const truncateAddr = (addr: string) =>
+    addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr
+
+  return (
+    <div className="space-y-5">
+      {/* Enable/Disable toggle */}
+      <div className="flex items-center justify-between gap-4 rounded-[14px] border border-white/[0.06] bg-white/[0.02] px-4 py-4">
+        <div className="min-w-0">
+          <div className="flex items-center gap-2">
+            <p className="text-[14px] font-600 text-text">SwarmDock</p>
+            <HintTip text="Enable this agent to list on the SwarmDock AI marketplace" />
+          </div>
+          <p className="mt-1 text-[12px] leading-[1.6] text-text-3/75">
+            List this agent on the marketplace to accept tasks and earn USDC.
+          </p>
+        </div>
+        <button
+          type="button"
+          onClick={() => setEnabled((c) => !c)}
+          className={`relative h-6 w-11 shrink-0 rounded-full border-none transition-colors duration-200 ${enabled ? 'bg-accent-bright' : 'bg-white/[0.12]'}`}
+          aria-pressed={enabled}
+        >
+          <span className={`absolute top-0.5 left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200 ${enabled ? 'translate-x-5' : 'translate-x-0'}`} />
+        </button>
+      </div>
+
+      {enabled && (
+        <>
+          {/* Description */}
+          <div>
+            <label className="flex items-center gap-2 text-[12px] font-600 text-text-2 uppercase tracking-[0.08em] mb-2">
+              Marketplace Description <HintTip text="A short description shown on the agent's marketplace profile" />
+            </label>
+            <textarea
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="Describe what this agent specializes in..."
+              className="w-full min-h-[80px] px-4 py-3 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[14px] outline-none transition-all placeholder:text-text-3/50 focus-glow resize-y"
+              style={{ fontFamily: 'inherit' }}
+              maxLength={500}
+            />
+          </div>
+
+          {/* Skills */}
+          <div>
+            <label className="flex items-center gap-2 text-[12px] font-600 text-text-2 uppercase tracking-[0.08em] mb-2">
+              Skills <HintTip text="Skill tags for task matching on the marketplace" />
+            </label>
+            {skills.length > 0 && (
+              <div className="flex flex-wrap gap-2 mb-2">
+                {skills.map((skill) => (
+                  <button
+                    key={skill}
+                    onClick={() => removeSkill(skill)}
+                    className="px-3 py-1.5 rounded-[10px] border border-accent-bright/40 bg-accent-bright/10 text-accent-bright text-[12px] font-500 transition-all cursor-pointer bg-transparent hover:bg-red-500/10 hover:border-red-500/40 hover:text-red-400"
+                  >
+                    {skill} &times;
+                  </button>
+                ))}
+              </div>
+            )}
+            <div className="flex gap-2">
+              <input
+                value={skillInput}
+                onChange={(e) => setSkillInput(e.target.value)}
+                onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); addSkill() } }}
+                placeholder="e.g. data-analysis, web-design"
+                className="flex-1 px-4 py-2.5 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[14px] outline-none transition-all placeholder:text-text-3/50 focus-glow"
+                style={{ fontFamily: 'inherit' }}
+              />
+              <button
+                type="button"
+                onClick={addSkill}
+                disabled={!skillInput.trim()}
+                className="px-4 py-2.5 rounded-[12px] border border-white/[0.08] bg-white/[0.04] text-text-2 text-[13px] font-500 transition-all hover:bg-white/[0.08] disabled:opacity-30 disabled:cursor-not-allowed cursor-pointer"
+              >
+                Add
+              </button>
+            </div>
+          </div>
+
+          {/* Wallet picker */}
+          <div>
+            <label className="flex items-center gap-2 text-[12px] font-600 text-text-2 uppercase tracking-[0.08em] mb-2">
+              Payout Wallet <HintTip text="Base L2 wallet for receiving USDC payments" />
+            </label>
+            {agentWallets.length > 0 ? (
+              <select
+                value={walletId || ''}
+                onChange={(e) => setWalletId(e.target.value || null)}
+                className="w-full px-4 py-3 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[14px] outline-none cursor-pointer"
+                style={{ fontFamily: 'inherit' }}
+              >
+                <option value="">No wallet selected</option>
+                {agentWallets.map((w) => (
+                  <option key={w.id} value={w.id}>
+                    {w.label ? `${w.label} (${truncateAddr(w.walletAddress)})` : truncateAddr(w.walletAddress)}
+                  </option>
+                ))}
+              </select>
+            ) : (
+              <p className="text-[13px] text-text-3/75">
+                No wallets linked to this agent. Add a wallet in the Wallets section first.
+              </p>
+            )}
+          </div>
+
+          {/* Advanced: Marketplace config */}
+          <AdvancedSettingsSection
+            open={showAdvanced}
+            onToggle={() => setShowAdvanced((c) => !c)}
+            summary={marketplace.enabled ? 'Active' : undefined}
+            badges={marketplace.enabled ? [
+              ...(marketplace.autoDiscover ? ['auto-discover'] : []),
+              ...(marketplace.autoBid ? ['auto-bid'] : []),
+            ] : []}
+          >
+            <div className="space-y-4">
+              <div className="flex items-center justify-between gap-4">
+                <div className="min-w-0">
+                  <div className="flex items-center gap-2">
+                    <p className="text-[13px] font-600 text-text">Marketplace Automation</p>
+                    <HintTip text="Enable automated task discovery and bidding on the marketplace" />
+                  </div>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => setMarketplace((m) => ({ ...m, enabled: !m.enabled }))}
+                  className={`relative h-6 w-11 shrink-0 rounded-full border-none transition-colors duration-200 ${marketplace.enabled ? 'bg-accent-bright' : 'bg-white/[0.12]'}`}
+                  aria-pressed={marketplace.enabled}
+                >
+                  <span className={`absolute top-0.5 left-0.5 h-5 w-5 rounded-full bg-white transition-transform duration-200 ${marketplace.enabled ? 'translate-x-5' : 'translate-x-0'}`} />
+                </button>
+              </div>
+
+              {marketplace.enabled && (
+                <>
+                  <label className="flex items-center gap-3 cursor-pointer">
+                    <div
+                      onClick={() => setMarketplace((m) => ({ ...m, autoDiscover: !m.autoDiscover }))}
+                      className={`w-11 h-6 rounded-full transition-all duration-200 relative cursor-pointer shrink-0 ${marketplace.autoDiscover ? 'bg-accent-bright' : 'bg-white/[0.08]'}`}
+                    >
+                      <div className={`absolute top-0.5 w-5 h-5 rounded-full bg-white transition-all duration-200 ${marketplace.autoDiscover ? 'left-[22px]' : 'left-0.5'}`} />
+                    </div>
+                    <span className="flex items-center gap-2 text-[13px] text-text-2">
+                      Auto-discover <HintTip text="Automatically scan for matching tasks" />
+                    </span>
+                  </label>
+
+                  <label className="flex items-center gap-3 cursor-pointer">
+                    <div
+                      onClick={() => setMarketplace((m) => ({ ...m, autoBid: !m.autoBid }))}
+                      className={`w-11 h-6 rounded-full transition-all duration-200 relative cursor-pointer shrink-0 ${marketplace.autoBid ? 'bg-accent-bright' : 'bg-white/[0.08]'}`}
+                    >
+                      <div className={`absolute top-0.5 w-5 h-5 rounded-full bg-white transition-all duration-200 ${marketplace.autoBid ? 'left-[22px]' : 'left-0.5'}`} />
+                    </div>
+                    <span className="flex items-center gap-2 text-[13px] text-text-2">
+                      Auto-bid <HintTip text="Automatically bid on matching tasks" />
+                    </span>
+                  </label>
+
+                  <label className="flex items-center gap-3 cursor-pointer">
+                    <div
+                      onClick={() => setMarketplace((m) => ({ ...m, taskNotifications: !m.taskNotifications }))}
+                      className={`w-11 h-6 rounded-full transition-all duration-200 relative cursor-pointer shrink-0 ${marketplace.taskNotifications ? 'bg-accent-bright' : 'bg-white/[0.08]'}`}
+                    >
+                      <div className={`absolute top-0.5 w-5 h-5 rounded-full bg-white transition-all duration-200 ${marketplace.taskNotifications ? 'left-[22px]' : 'left-0.5'}`} />
+                    </div>
+                    <span className="flex items-center gap-2 text-[13px] text-text-2">
+                      Task notifications <HintTip text="Show notifications for new matching tasks" />
+                    </span>
+                  </label>
+
+                  <div>
+                    <label className="flex items-center gap-2 text-[12px] font-600 text-text-2 mb-1.5">
+                      Max budget (USDC) <HintTip text="Maximum budget cap per task. 1000000 = $1.00" />
+                    </label>
+                    <input
+                      value={marketplace.maxBudgetUsdc}
+                      onChange={(e) => setMarketplace((m) => ({ ...m, maxBudgetUsdc: e.target.value.replace(/[^0-9]/g, '') }))}
+                      placeholder="5000000"
+                      className="w-full px-4 py-3 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[14px] outline-none transition-all placeholder:text-text-3/50 focus-glow"
+                      style={{ fontFamily: 'inherit' }}
+                    />
+                    <p className="mt-1 text-[11px] text-text-3/60">
+                      = ${(parseInt(marketplace.maxBudgetUsdc || '0', 10) / 1_000_000).toFixed(2)} USDC
+                    </p>
+                  </div>
+
+                  {marketplace.autoBid && (
+                    <div>
+                      <label className="flex items-center gap-2 text-[12px] font-600 text-text-2 mb-1.5">
+                        Auto-bid max price (USDC) <HintTip text="Maximum amount to auto-bid per task. 1000000 = $1.00" />
+                      </label>
+                      <input
+                        value={marketplace.autoBidMaxPrice}
+                        onChange={(e) => setMarketplace((m) => ({ ...m, autoBidMaxPrice: e.target.value.replace(/[^0-9]/g, '') }))}
+                        placeholder="1000000"
+                        className="w-full px-4 py-3 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[14px] outline-none transition-all placeholder:text-text-3/50 focus-glow"
+                        style={{ fontFamily: 'inherit' }}
+                      />
+                      <p className="mt-1 text-[11px] text-text-3/60">
+                        = ${(parseInt(marketplace.autoBidMaxPrice || '0', 10) / 1_000_000).toFixed(2)} USDC
+                      </p>
+                    </div>
+                  )}
+                </>
+              )}
+            </div>
+          </AdvancedSettingsSection>
+        </>
+      )}
+
+      {/* Save button */}
+      <div className="flex justify-end pt-2">
+        <button
+          onClick={handleSave}
+          disabled={saving}
+          className="px-6 py-2.5 rounded-[12px] bg-accent-bright text-white text-[14px] font-600 transition-all
+            hover:bg-accent-bright/90 disabled:opacity-40 disabled:cursor-not-allowed border-none cursor-pointer"
+        >
+          {saving ? 'Saving...' : 'Save Marketplace Settings'}
+        </button>
+      </div>
+    </div>
+  )
+}