@swarmclawai/swarmclaw 0.7.6 → 0.7.8

package/src/components/auth/setup-wizard.tsx

@@ -54,6 +54,9 @@ interface ConfiguredProvider {
   endpoint: string | null
   defaultModel: string
   gatewayProfileId: string | null
+  notes?: string | null
+  tags?: string[]
+  deployment?: GatewayProfile['deployment'] | null
 }
 
 interface StarterDraftAgent {
@@ -88,6 +91,20 @@ const CONNECTOR_ICONS = [
   { name: 'Telegram', icon: 'T' },
   { name: 'WhatsApp', icon: 'W' },
 ]
+const OPENCLAW_USE_CASE_LABELS: Record<NonNullable<NonNullable<GatewayProfile['deployment']>['useCase']>, string> = {
+  'local-dev': 'Local Dev',
+  'single-vps': 'Single VPS',
+  'private-tailnet': 'Private Tailnet',
+  'browser-heavy': 'Browser Heavy',
+  'team-control': 'Team Control',
+}
+const OPENCLAW_EXPOSURE_LABELS: Record<NonNullable<NonNullable<GatewayProfile['deployment']>['exposure']>, string> = {
+  'private-lan': 'Private LAN',
+  tailscale: 'Tailscale',
+  caddy: 'Caddy',
+  nginx: 'Nginx',
+  'ssh-tunnel': 'SSH Tunnel',
+}
 
 function stepIndex(step: SetupStep): number {
   if (step === 'connect') return STEP_ORDER.indexOf('providers')
@@ -224,6 +241,12 @@ function ConfiguredProviderChips({ providers }: { providers: ConfiguredProvider[
             {cp.provider === 'openclaw' && formatEndpointHost(cp.endpoint)
               ? `· ${formatEndpointHost(cp.endpoint)}`
               : ''}
+            {cp.provider === 'openclaw' && cp.deployment?.useCase
+              ? ` · ${OPENCLAW_USE_CASE_LABELS[cp.deployment.useCase]}`
+              : ''}
+            {cp.provider === 'openclaw' && cp.deployment?.exposure
+              ? ` · ${OPENCLAW_EXPOSURE_LABELS[cp.deployment.exposure]}`
+              : ''}
             {cp.defaultModel ? ` · ${cp.defaultModel}` : ''}
           </span>
         </span>
@@ -332,6 +355,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
   const [endpoint, setEndpoint] = useState('')
   const [apiKey, setApiKey] = useState('')
   const [credentialId, setCredentialId] = useState<string | null>(null)
+  const [providerNotes, setProviderNotes] = useState('')
+  const [providerTags, setProviderTags] = useState<string[]>([])
+  const [providerDeployment, setProviderDeployment] = useState<GatewayProfile['deployment'] | null>(null)
   const [checkState, setCheckState] = useState<CheckState>('idle')
   const [checkMessage, setCheckMessage] = useState('')
   const [checkErrorCode, setCheckErrorCode] = useState<string | null>(null)
@@ -382,6 +408,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
     setEndpoint('')
     setApiKey('')
     setCredentialId(null)
+    setProviderNotes('')
+    setProviderTags([])
+    setProviderDeployment(null)
     setCheckState('idle')
     setCheckMessage('')
     setCheckErrorCode(null)
@@ -432,6 +461,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
     setEndpoint(meta?.defaultEndpoint || '')
     setApiKey('')
     setCredentialId(null)
+    setProviderNotes('')
+    setProviderTags([])
+    setProviderDeployment(null)
     setCheckState('idle')
     setCheckMessage('')
     setCheckErrorCode(null)
@@ -445,6 +477,8 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
     endpoint?: string
     token?: string
     name?: string
+    notes?: string
+    deployment?: GatewayProfile['deployment'] | Record<string, unknown> | null
   }) => {
     if (patch.endpoint) {
       setEndpoint(patch.endpoint)
@@ -456,6 +490,22 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
     if (patch.name && (!providerLabel.trim() || providerLabel.trim() === (selectedProvider?.name || ''))) {
       setProviderLabel(patch.name)
     }
+    if (patch.notes) {
+      setProviderNotes(patch.notes)
+    }
+    if (patch.deployment) {
+      const nextDeployment = patch.deployment as GatewayProfile['deployment']
+      setProviderDeployment((current) => ({
+        ...(current || {}),
+        ...(nextDeployment || {}),
+      }))
+      setProviderTags((current) => Array.from(new Set([
+        ...current,
+        'onboarding',
+        ...(nextDeployment?.useCase ? [nextDeployment.useCase] : []),
+        ...(nextDeployment?.exposure ? [nextDeployment.exposure] : []),
+      ])))
+    }
     setCheckState('idle')
     setCheckMessage('')
     setCheckErrorCode(null)
@@ -552,6 +602,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
         endpoint: supportsEndpoint ? (endpoint.trim() || selectedProvider.defaultEndpoint || null) : null,
         defaultModel: providerSuggestedModel || getDefaultModelForProvider(provider),
         gatewayProfileId: null,
+        notes: providerNotes.trim() || null,
+        tags: providerTags,
+        deployment: providerDeployment,
       }
 
       const nextConfigured = [...configuredProviders, configuredProvider]
@@ -645,8 +698,13 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
             name: configuredProvider.name,
             endpoint: normalizedEndpoint,
             credentialId: configuredProvider.credentialId || null,
-            tags: ['onboarding'],
-            notes: `Created during setup for ${configuredProvider.name}.`,
+            tags: Array.from(new Set([
+              'onboarding',
+              ...(configuredProvider.tags || []),
+            ])),
+            notes: configuredProvider.notes || `Created during setup for ${configuredProvider.name}.`,
+            deployment: configuredProvider.deployment || null,
+            status: configuredProvider.deployment?.lastVerifiedOk ? 'healthy' : 'pending',
             isDefault: shouldCreateDefault,
           })
           gatewayProfileIdsByProviderConfig.set(configuredProvider.id, createdGateway.id)
@@ -1084,6 +1142,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
                       <p className="mt-2 text-[12px] text-text-3 leading-relaxed">
                         If you only have a WebSocket gateway URL, you can still paste it here. SwarmClaw will normalize it for agent chat.
                       </p>
+                      <p className="mt-2 text-[12px] text-text-3 leading-relaxed">
+                        Safer remote defaults: use <code className="text-text-2">private-tailnet</code> with <code className="text-text-2">tailscale</code> or <code className="text-text-2">ssh-tunnel</code> unless you intentionally want public HTTPS ingress.
+                      </p>
                     </div>
                     <div className="rounded-[12px] border border-white/[0.06] bg-bg px-4 py-3">
                       <div className="text-[12px] uppercase tracking-[0.08em] text-text-3 mb-2">Safe defaults</div>
@@ -1093,6 +1154,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
                       <p className="mt-2 text-[12px] text-text-3 leading-relaxed">
                         Local quickstart uses the bundled official OpenClaw CLI. Remote quickstart uses the official OpenClaw Docker image or the official repo for managed hosts.
                       </p>
+                      <p className="mt-2 text-[12px] text-text-3 leading-relaxed">
+                        Choose <code className="text-text-2">local-dev</code> for one-machine setup, <code className="text-text-2">single-vps</code> for most hosted installs, or <code className="text-text-2">private-tailnet</code> when the gateway should stay private.
+                      </p>
                     </div>
                   </div>
 
@@ -1104,6 +1168,9 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
                     <p className="mt-2 text-[12px] text-text-3 leading-relaxed">
                       Current target: <span className="text-text-2">{openClawEndpointHost || 'localhost:18789'}</span>{openClawLocal ? ' · local route' : ' · remote route'}
                     </p>
+                    <p className="mt-2 text-[12px] text-text-3 leading-relaxed">
+                      Use <code className="text-text-2">caddy</code> or <code className="text-text-2">nginx</code> only when you intentionally want HTTPS/public ingress managed on the gateway side.
+                    </p>
                   </div>
                 </div>
               )}
@@ -1314,6 +1381,12 @@ export function SetupWizard({ onComplete }: SetupWizardProps) {
                               {configuredProvider.provider === 'openclaw' && formatEndpointHost(configuredProvider.endpoint)
                                 ? ` · ${formatEndpointHost(configuredProvider.endpoint)}`
                                 : ''}
+                              {configuredProvider.provider === 'openclaw' && configuredProvider.deployment?.useCase
+                                ? ` · ${OPENCLAW_USE_CASE_LABELS[configuredProvider.deployment.useCase]}`
+                                : ''}
+                              {configuredProvider.provider === 'openclaw' && configuredProvider.deployment?.exposure
+                                ? ` · ${OPENCLAW_EXPOSURE_LABELS[configuredProvider.deployment.exposure]}`
+                                : ''}
                               {configuredProvider.defaultModel ? ` · ${configuredProvider.defaultModel}` : ''}
                             </option>
                           ))}

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

@@ -136,10 +136,12 @@ export function ChatArea() {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
       setMessagesLoading(false)
     })
-    // If server reports session is still active, show streaming state
-    if (session?.active) {
+
+    const sessionAtLoad = useAppStore.getState().sessions[requestedSessionId]
+    if (sessionAtLoad?.active) {
       useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamText: '' })
     }
+
     // Refresh active state from server so returning to a session restores typing indicator.
     loadSessions().then(() => {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
@@ -148,6 +150,7 @@ export function ChatArea() {
         useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamText: '' })
       }
     }).catch((err) => console.error('Failed to refresh messages:', err))
+
     devServer(requestedSessionId, 'status').then((r) => {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
       setDevServer(r.running ? r : null)
@@ -155,23 +158,31 @@ export function ChatArea() {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
       setDevServer(null)
     })
-    // Check browser status
-    if (sessionHasBrowserPlugin) {
-      checkBrowser(requestedSessionId).then((r) => {
-        if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
-        setBrowserActive(r.active)
-      }).catch((err) => {
-        if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
-        console.error('Browser check failed:', err)
-        setBrowserActive(false)
-      })
-    } else {
+
+    return () => {
+      cancelled = true
+    }
+  }, [loadSessions, sessionId, setDevServer, setMessages])
+
+  useEffect(() => {
+    if (!sessionId) return
+    let cancelled = false
+    if (!sessionHasBrowserPlugin) {
       setBrowserActive(false)
+      return
     }
+    checkBrowser(sessionId).then((r) => {
+      if (cancelled || useAppStore.getState().currentSessionId !== sessionId) return
+      setBrowserActive(r.active)
+    }).catch((err) => {
+      if (cancelled || useAppStore.getState().currentSessionId !== sessionId) return
+      console.error('Browser check failed:', err)
+      setBrowserActive(false)
+    })
     return () => {
       cancelled = true
     }
-  }, [loadSessions, session?.active, sessionHasBrowserPlugin, sessionId, setDevServer, setMessages])
+  }, [sessionHasBrowserPlugin, sessionId])
 
   // Auto-poll messages for sessions that are actively running on the server
   const isServerActive = session?.active === true
@@ -216,10 +227,16 @@ export function ChatArea() {
     shouldPollMessages ? 2000 : undefined,
   )
 
-  // When server-active flag drops, stop the streaming indicator
+  // Keep the local typing indicator aligned with the server's active state
   useEffect(() => {
     if (!sessionId) return
     const state = useChatStore.getState()
+    if (isServerActive) {
+      if (!state.streaming && !state.streamText) {
+        useChatStore.setState({ streaming: true, streamingSessionId: sessionId, streamText: '' })
+      }
+      return
+    }
     if (
       !isServerActive
       && state.streaming
@@ -230,7 +247,7 @@ export function ChatArea() {
       fetchMessages(sessionId).then(setMessages).catch(() => {})
       useChatStore.setState({ streaming: false, streamingSessionId: null, streamText: '' })
     }
-  }, [isServerActive, sessionId])
+  }, [isServerActive, sessionId, setMessages])
 
   // Poll browser status while session has browser tools
   const hasBrowserTool = session?.plugins?.includes('browser')
@@ -255,7 +272,7 @@ export function ChatArea() {
     if (!sessionId) return
     await devServer(sessionId, 'stop')
     setDevServer(null)
-  }, [sessionId])
+  }, [sessionId, setDevServer])
 
   const handleClear = useCallback(async () => {
     setConfirmClear(false)
@@ -263,7 +280,7 @@ export function ChatArea() {
     await clearMessages(sessionId)
     setMessages([])
     loadSessions()
-  }, [sessionId])
+  }, [loadSessions, sessionId, setMessages])
 
   const handleDelete = useCallback(async () => {
     setConfirmDelete(false)
@@ -271,7 +288,7 @@ export function ChatArea() {
     await deleteChat(sessionId)
     removeSessionFromStore(sessionId)
     setCurrentSession(null)
-  }, [sessionId])
+  }, [removeSessionFromStore, sessionId, setCurrentSession])
 
   const handlePrompt = useCallback((text: string) => {
     sendMessage(text)

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

@@ -280,12 +280,16 @@ export function ChatHeader({ session, streaming, onStop, onMenuToggle, onBack, m
     const fromDelegateOpenCode = session.delegateResumeIds?.opencode
       ? { label: 'OpenCode', id: session.delegateResumeIds.opencode, command: `opencode run \"<task>\" --session ${session.delegateResumeIds.opencode}` }
       : null
+    const fromDelegateGemini = session.delegateResumeIds?.gemini
+      ? { label: 'Gemini', id: session.delegateResumeIds.gemini, command: `gemini --resume ${session.delegateResumeIds.gemini} --prompt \"<task>\"` }
+      : null
     return fromSessionClaude
       || fromSessionCodex
       || fromSessionOpenCode
       || fromDelegateClaude
       || fromDelegateCodex
       || fromDelegateOpenCode
+      || fromDelegateGemini
       || null
   }, [session.claudeSessionId, session.codexThreadId, session.opencodeSessionId, session.delegateResumeIds])
 

package/src/components/chat/delegation-banner.test.ts

@@ -23,5 +23,18 @@ describe('parseTaskCompletion', () => {
     assert.equal(parsed?.reportPath, 'data/task-reports/abc12345.md')
     assert.equal(parsed?.workingDir, '/tmp/work')
   })
-})
 
+  it('captures Gemini resume lines from task completion payloads', () => {
+    const text = [
+      'Task completed: **[Ship follow-up](#task:task-gemini)**',
+      '',
+      'Gemini session: `gemini-session-7`',
+      '',
+      'All done.',
+    ].join('\n')
+    const parsed = parseTaskCompletion(text)
+
+    assert.ok(parsed)
+    assert.equal(parsed?.resumeInfo, 'Gemini session: `gemini-session-7`')
+  })
+})

package/src/components/chat/delegation-banner.tsx

@@ -169,7 +169,7 @@ export function parseTaskCompletion(text: string): TaskCompletionInfo | null {
       }
     } else if (section.startsWith('Task report: ')) {
       reportPath = section.replace('Task report: ', '').replace(/^`|`$/g, '')
-    } else if (/^(Claude session|Codex thread|OpenCode session|CLI session):/.test(section)) {
+    } else if (/^(Claude session|Codex thread|OpenCode session|Gemini session|CLI session):/.test(section)) {
       resumeInfo = section
     } else if (section.trim()) {
       resultParts.push(section)

package/src/components/gateways/gateway-sheet.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { BottomSheet } from '@/components/shared/bottom-sheet'
 import { OpenClawDeployPanel } from '@/components/openclaw/openclaw-deploy-panel'
 import { useAppStore } from '@/stores/use-app-store'
@@ -12,6 +12,7 @@ import type {
   OpenClawNode,
   OpenClawNodePairRequest,
   OpenClawPairedDevice,
+  GatewayProfile,
 } from '@/types'
 
 interface DiscoveryResult {
@@ -37,6 +38,17 @@ interface PairingListResult<T> {
   paired?: OpenClawPairedDevice[]
 }
 
+interface GatewayImportShape {
+  name?: string
+  endpoint?: string
+  credentialId?: string | null
+  token?: string | null
+  notes?: string | null
+  tags?: string[]
+  isDefault?: boolean
+  deployment?: GatewayProfile['deployment']
+}
+
 export function GatewaySheet() {
   const open = useAppStore((s) => s.gatewaySheetOpen)
   const setOpen = useAppStore((s) => s.setGatewaySheetOpen)
@@ -73,6 +85,8 @@ export function GatewaySheet() {
   const [invokeParamsText, setInvokeParamsText] = useState('{}')
   const [invokeResult, setInvokeResult] = useState('')
   const [invoking, setInvoking] = useState(false)
+  const [deployment, setDeployment] = useState<GatewayProfile['deployment'] | null>(null)
+  const importFileRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
     if (!open) return
@@ -93,6 +107,7 @@ export function GatewaySheet() {
       setNotes(editing.notes || '')
       setTags((editing.tags || []).join(', '))
       setIsDefault(editing.isDefault === true)
+      setDeployment(editing.deployment || null)
       return
     }
     setName('')
@@ -102,6 +117,7 @@ export function GatewaySheet() {
     setNotes('')
     setTags('')
     setIsDefault(gatewayProfiles.length === 0)
+    setDeployment(null)
     setNodes([])
     setNodePairings([])
     setDevicePairings([])
@@ -143,10 +159,18 @@ export function GatewaySheet() {
       setNodePairings(nextNodePairings)
       setDevicePairings(nextDevicePairings)
       setPairedDevices(nextPairedDevices)
+      const nextStats: NonNullable<GatewayProfile['stats']> = {
+        nodeCount: nextNodes.length,
+        connectedNodeCount: nextNodes.filter((node) => node.connected).length,
+        pendingNodePairings: nextNodePairings.length,
+        pairedDeviceCount: nextPairedDevices.length,
+        pendingDevicePairings: nextDevicePairings.length,
+      }
       if (nextNodes[0]) {
         setInvokeNodeId((current) => current || nextNodes[0].nodeId)
         setInvokeCommand((current) => current || nextNodes[0].commands?.[0] || '')
       }
+      void api('PUT', `/gateways/${profileId}`, { stats: nextStats }).catch(() => {})
     } catch (err: unknown) {
       setNodesError(err instanceof Error ? err.message : 'Failed to load nodes for this gateway.')
     } finally {
@@ -182,6 +206,7 @@ export function GatewaySheet() {
         credentialId: nextCredentialId || null,
         notes: notes.trim() || null,
         tags: tags.split(',').map((item) => item.trim()).filter(Boolean),
+        deployment,
         isDefault,
       }
       if (editing) {
@@ -298,7 +323,7 @@ export function GatewaySheet() {
 
   const inputClass = 'w-full px-4 py-3.5 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[15px] outline-none transition-all duration-200 placeholder:text-text-3/50 focus-glow'
 
-  const applyDeployPatch = (patch: { endpoint?: string; token?: string; name?: string; notes?: string }) => {
+  const applyDeployPatch = (patch: { endpoint?: string; token?: string; name?: string; notes?: string; deployment?: GatewayProfile['deployment'] | Record<string, unknown> | null }) => {
     if (patch.endpoint) {
       setEndpoint(patch.endpoint)
       setCheckMessage('')
@@ -313,17 +338,97 @@ export function GatewaySheet() {
     if (patch.notes && !notes.trim()) {
       setNotes(patch.notes)
     }
+    if (patch.deployment) {
+      setDeployment((current) => ({
+        ...(current || {}),
+        ...(patch.deployment as GatewayProfile['deployment']),
+      }))
+    }
+  }
+
+  const handleExportGateway = () => {
+    const payload: GatewayImportShape = {
+      name: name.trim() || 'OpenClaw Gateway',
+      endpoint: endpoint.trim() || 'http://localhost:18789',
+      credentialId: credentialId || null,
+      token: tokenDraft.trim() || null,
+      notes: notes.trim() || null,
+      tags: tags.split(',').map((item) => item.trim()).filter(Boolean),
+      isDefault,
+      deployment,
+    }
+    const blob = new Blob([JSON.stringify(payload, null, 2)], { type: 'application/json' })
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = `${(payload.name || 'openclaw-gateway').replace(/[^a-zA-Z0-9_-]/g, '_')}.gateway.json`
+    link.click()
+    URL.revokeObjectURL(url)
+    toast.success('Gateway config exported')
+  }
+
+  const handleImportGateway = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0]
+    if (!file) return
+    const reader = new FileReader()
+    reader.onload = (loadEvent) => {
+      try {
+        const parsed = JSON.parse(String(loadEvent.target?.result || '{}')) as GatewayImportShape
+        setName(typeof parsed.name === 'string' ? parsed.name : '')
+        setEndpoint(typeof parsed.endpoint === 'string' ? parsed.endpoint : 'http://localhost:18789')
+        setCredentialId(typeof parsed.credentialId === 'string' ? parsed.credentialId : null)
+        setTokenDraft(typeof parsed.token === 'string' ? parsed.token : '')
+        setNotes(typeof parsed.notes === 'string' ? parsed.notes : '')
+        setTags(Array.isArray(parsed.tags) ? parsed.tags.join(', ') : '')
+        setIsDefault(parsed.isDefault === true)
+        setDeployment(parsed.deployment || null)
+        setCheckMessage('')
+        toast.success('Gateway config imported into this form')
+      } catch {
+        toast.error('Invalid gateway JSON')
+      } finally {
+        event.target.value = ''
+      }
+    }
+    reader.readAsText(file)
   }
 
   return (
     <BottomSheet open={open} onClose={onClose} wide>
+      <input
+        ref={importFileRef}
+        type="file"
+        accept="application/json,.json"
+        onChange={handleImportGateway}
+        className="hidden"
+      />
       <div className="mb-10">
-        <h2 className="font-display text-[28px] font-700 tracking-[-0.03em] mb-2">
-          {editing ? 'Edit Gateway' : 'New Gateway'}
-        </h2>
-        <p className="text-[14px] text-text-3">
-          First-class OpenClaw gateway profiles for local or remote control planes.
-        </p>
+        <div className="flex flex-wrap items-start justify-between gap-3">
+          <div>
+            <h2 className="font-display text-[28px] font-700 tracking-[-0.03em] mb-2">
+              {editing ? 'Edit Gateway' : 'New Gateway'}
+            </h2>
+            <p className="text-[14px] text-text-3">
+              First-class OpenClaw gateway profiles for local or remote control planes.
+            </p>
+          </div>
+          <div className="flex flex-wrap gap-2">
+            <button
+              type="button"
+              onClick={() => importFileRef.current?.click()}
+              className="px-3 py-2 rounded-[10px] border border-white/[0.08] bg-transparent text-text-2 text-[12px] font-600 hover:bg-white/[0.04] transition-all cursor-pointer"
+            >
+              Import JSON
+            </button>
+            <button
+              type="button"
+              onClick={handleExportGateway}
+              className="px-3 py-2 rounded-[10px] border border-white/[0.08] bg-transparent text-text-2 text-[12px] font-600 hover:bg-white/[0.04] transition-all cursor-pointer"
+            >
+              Export JSON
+            </button>
+          </div>
+        </div>
       </div>
 
       <div className="mb-6">
@@ -350,6 +455,7 @@ export function GatewaySheet() {
         <OpenClawDeployPanel
           endpoint={endpoint}
           token={tokenDraft}
+          deployment={deployment}
           suggestedName={name || null}
           title="Deploy OpenClaw From SwarmClaw"
           description="Use official OpenClaw sources only. Start it on this host, or generate a pre-configured remote bundle for VPS and hosted deployments."
@@ -357,6 +463,32 @@ export function GatewaySheet() {
         />
       </div>
 
+      {deployment && (
+        <div className="mb-6 rounded-[16px] border border-white/[0.06] bg-white/[0.02] p-4">
+          <div className="text-[12px] font-700 uppercase tracking-[0.08em] text-text-3/70 mb-2">Deploy metadata</div>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-[12px] text-text-3/75">
+            <div className="rounded-[12px] border border-white/[0.06] bg-surface px-3 py-3">
+              <div className="uppercase tracking-[0.08em] text-text-3/55">Method</div>
+              <div className="mt-1 text-text-2">{deployment.method || 'manual'}</div>
+            </div>
+            <div className="rounded-[12px] border border-white/[0.06] bg-surface px-3 py-3">
+              <div className="uppercase tracking-[0.08em] text-text-3/55">Use case</div>
+              <div className="mt-1 text-text-2">{deployment.useCase || 'general'}</div>
+            </div>
+            <div className="rounded-[12px] border border-white/[0.06] bg-surface px-3 py-3">
+              <div className="uppercase tracking-[0.08em] text-text-3/55">Exposure</div>
+              <div className="mt-1 text-text-2">{deployment.exposure || 'manual'}</div>
+            </div>
+          </div>
+          {deployment.lastDeploySummary && (
+            <p className="mt-3 text-[12px] text-text-3 leading-relaxed">{deployment.lastDeploySummary}</p>
+          )}
+          {deployment.lastVerifiedMessage && (
+            <p className="mt-2 text-[12px] text-text-3 leading-relaxed">{deployment.lastVerifiedMessage}</p>
+          )}
+        </div>
+      )}
+
       {discoveries.length > 0 && (
         <div className="mb-6">
           <div className="text-[12px] text-text-3/70 mb-2">Detected healthy gateways</div>