@swarmclawai/swarmclaw 1.4.6 → 1.4.8

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

@@ -35,6 +35,7 @@ const HB_PRESETS = [1800, 3600, 7200, 21600, 43200] as const
 const FALLBACK_ELEVENLABS_VOICE_ID = 'JBFqnCBsd6RMkjVDRZzb'
 const AUTO_SYNC_MODEL_PROVIDER_IDS = new Set<ProviderType>([
   'openai',
+  'openrouter',
   'anthropic',
   'google',
   'deepseek',
@@ -45,6 +46,7 @@ const AUTO_SYNC_MODEL_PROVIDER_IDS = new Set<ProviderType>([
   'fireworks',
   'nebius',
   'deepinfra',
+  'hermes',
   'ollama',
 ])
 const CONNECTION_TEST_TIMEOUT_MS = 40_000
@@ -1645,13 +1647,16 @@ export function AgentSheet() {
         </div>
       )}
 
-      {currentProvider?.requiresEndpoint && (provider === 'openclaw' || (provider === 'ollama' && ollamaMode === 'local')) && (
+      {currentProvider?.requiresEndpoint && (provider !== 'ollama' || ollamaMode === 'local') && (
         <div className="mb-8">
-          <SectionLabel>{provider === 'openclaw' ? 'OpenClaw Endpoint' : 'Endpoint'}</SectionLabel>
+          <SectionLabel>{provider === 'openclaw' ? 'OpenClaw Endpoint' : provider === 'hermes' ? 'Hermes API Endpoint' : 'Endpoint'}</SectionLabel>
           <input type="text" value={apiEndpoint || ''} onChange={(e) => setApiEndpoint(e.target.value || null)} placeholder={currentProvider.defaultEndpoint || 'http://localhost:11434'} className={`${inputClass} font-mono text-[14px]`} />
           {provider === 'openclaw' && (
             <p className="text-[13px] text-text-3/70 mt-2">The URL of your OpenClaw gateway</p>
           )}
+          {provider === 'hermes' && (
+            <p className="text-[13px] text-text-3/70 mt-2">Point this at the Hermes API server, usually <code className="text-text-2">http://127.0.0.1:8642/v1</code>.</p>
+          )}
         </div>
       )}
 
@@ -2502,7 +2507,9 @@ export function AgentSheet() {
               ? 'Claude CLI uses its own built-in capabilities — no additional local tool/platform configuration is needed.'
               : provider === 'codex-cli'
                 ? 'OpenAI Codex CLI uses its own built-in tools (shell, files, etc.) — no additional local tool configuration needed.'
-                : 'OpenCode CLI uses its own built-in tools (shell, files, etc.) — no additional local tool configuration needed.'}
+                : provider === 'hermes'
+                  ? 'Hermes Agent runs behind its own API server and tool runtime. SwarmClaw sends prompts to Hermes directly instead of injecting local platform tools.'
+                  : 'OpenCode CLI uses its own built-in tools (shell, files, etc.) — no additional local tool configuration needed.'}
           </p>
         </div>
       )}

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

@@ -329,6 +329,12 @@ export function StepConnect({
                 <p className="text-[12px] text-text-3">Remote example: <code className="text-text-2">https://your-gateway.ts.net/v1</code>.</p>
               </div>
             )}
+            {provider === 'hermes' && (
+              <div className="mt-2 space-y-0.5">
+                <p className="text-[12px] text-text-3">Hermes Agent&apos;s API server defaults to <code className="text-text-2">http://127.0.0.1:8642/v1</code>.</p>
+                <p className="text-[12px] text-text-3">Use any reachable local or remote API-server endpoint exposed by Hermes.</p>
+              </div>
+            )}
           </div>
         )}
 

package/src/components/auth/setup-wizard/utils.test.ts

@@ -265,4 +265,6 @@ test('requiresSetupProviderVerification skips custom providers', () => {
   assert.equal(requiresSetupProviderVerification('custom'), false)
   assert.equal(requiresSetupProviderVerification('openclaw'), false)
   assert.equal(requiresSetupProviderVerification('openai'), true)
+  assert.equal(requiresSetupProviderVerification('openrouter'), true)
+  assert.equal(requiresSetupProviderVerification('hermes'), true)
 })

package/src/features/swarmfeed/agent-social-settings.tsx

@@ -179,6 +179,12 @@ export function AgentSocialSettings({ agent, onUpdate }: {
 
               {heartbeat.enabled && (
                 <>
+                  {agent.heartbeatEnabled !== true && (
+                    <div className="rounded-[14px] border border-amber-400/20 bg-amber-400/8 px-4 py-3 text-[12px] leading-[1.6] text-amber-100">
+                      SwarmFeed heartbeat depends on this agent&apos;s main heartbeat/autonomy loop. Social automation is configured here, but it will stay inactive until general heartbeat is enabled on the agent.
+                    </div>
+                  )}
+
                   <label className="flex items-center gap-3 cursor-pointer">
                     <div
                       onClick={() => setHeartbeat((h) => ({ ...h, browseFeed: !h.browseFeed }))}
@@ -226,7 +232,7 @@ export function AgentSocialSettings({ agent, onUpdate }: {
                       style={{ fontFamily: 'inherit' }}
                     >
                       <option value="manual_only">Manual only</option>
-                      <option value="every_cycle">Every cycle</option>
+                      <option value="every_cycle">Every heartbeat cycle</option>
                       <option value="daily">Daily</option>
                       <option value="on_task_completion">On task completion</option>
                     </select>

package/src/features/swarmfeed/compose-post.tsx

@@ -1,137 +1,122 @@
 'use client'
 
-import { useState, useCallback, useEffect } from 'react'
-import { useAppStore } from '@/stores/use-app-store'
-import { AgentAvatar } from '@/components/agents/agent-avatar'
-import { submitPost, fetchChannels } from './queries'
+import { useMemo, useState } from 'react'
 import { toast } from 'sonner'
+import { AgentAvatar } from '@/components/agents/agent-avatar'
+import { useAppStore } from '@/stores/use-app-store'
+import { useSwarmFeedChannelsQuery, useSwarmFeedPostMutation } from './queries'
 import type { Agent } from '@/types'
-import type { SwarmFeedChannel, SwarmFeedPost } from '@/types/swarmfeed'
 
-export function ComposePost({ onPostCreated, onClose }: {
-  onPostCreated?: (post: SwarmFeedPost) => void
-  onClose?: () => void
-}) {
+type Props = {
+  selectedAgentId?: string
+  onSelectAgent?: (agentId: string) => void
+}
+
+export function ComposePost({ selectedAgentId, onSelectAgent }: Props) {
   const agents = useAppStore((s) => s.agents)
-  const feedAgents = Object.values(agents).filter(
-    (a: Agent) => a.swarmfeedEnabled && !a.disabled && !a.trashedAt,
+  const feedAgents = useMemo(
+    () => Object.values(agents).filter((agent: Agent) => agent.swarmfeedEnabled && !agent.disabled && !agent.trashedAt),
+    [agents],
   )
-
-  const [selectedAgentId, setSelectedAgentId] = useState<string>(feedAgents[0]?.id || '')
+  const channelsQuery = useSwarmFeedChannelsQuery()
+  const postMutation = useSwarmFeedPostMutation()
   const [content, setContent] = useState('')
   const [channelId, setChannelId] = useState('')
-  const [channels, setChannels] = useState<SwarmFeedChannel[]>([])
-  const [posting, setPosting] = useState(false)
 
-  useEffect(() => {
-    fetchChannels().then(setChannels).catch(() => { /* channels are optional */ })
-  }, [])
+  const activeAgentId = selectedAgentId || feedAgents[0]?.id || ''
+  const activeAgent = activeAgentId ? agents[activeAgentId] : null
 
-  const handleSubmit = useCallback(async () => {
-    if (!selectedAgentId || !content.trim()) return
-    setPosting(true)
+  async function handleSubmit() {
+    if (!activeAgentId || !content.trim()) return
     try {
-      const post = await submitPost(selectedAgentId, content.trim(), channelId || undefined)
+      await postMutation.mutateAsync({
+        agentId: activeAgentId,
+        input: { content: content.trim(), channelId: channelId || undefined },
+      })
       toast.success('Post published')
       setContent('')
-      onPostCreated?.(post)
-      onClose?.()
-    } catch {
-      toast.error('Failed to publish post')
-    } finally {
-      setPosting(false)
+      setChannelId('')
+    } catch (err: unknown) {
+      toast.error(err instanceof Error ? err.message : 'Failed to publish post')
     }
-  }, [selectedAgentId, content, channelId, onPostCreated, onClose])
-
-  const selectedAgent = selectedAgentId ? agents[selectedAgentId] : null
+  }
 
   return (
-    <div className="rounded-[20px] border border-white/[0.08] bg-surface p-5 sm:p-6">
-      <div className="flex items-center justify-between mb-4">
-        <h3 className="font-display text-[17px] font-700 tracking-[-0.02em] text-text">Compose Post</h3>
-        {onClose && (
-          <button
-            onClick={onClose}
-            className="w-8 h-8 rounded-[10px] flex items-center justify-center text-text-3 hover:text-text hover:bg-white/[0.06] transition-all bg-transparent border-none cursor-pointer"
-          >
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-              <line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" />
-            </svg>
-          </button>
-        )}
+    <div className="rounded-[20px] border border-white/[0.08] bg-surface/80 p-5">
+      <div className="mb-4 flex items-center justify-between">
+        <div>
+          <h3 className="font-display text-[17px] font-700 tracking-[-0.02em] text-text">Compose</h3>
+          <p className="mt-1 text-[12px] text-text-3/70">Publish from any SwarmFeed-enabled agent.</p>
+        </div>
+        {postMutation.isPending && <span className="text-[11px] text-accent-bright">Publishing…</span>}
       </div>
 
-      {/* Agent picker */}
       <div className="mb-4">
-        <label className="block text-[12px] font-600 text-text-2 uppercase tracking-[0.08em] mb-2">
-          Post as
+        <label className="mb-2 block text-[11px] font-700 uppercase tracking-[0.12em] text-text-3/70">
+          Acting As
         </label>
         {feedAgents.length === 0 ? (
           <p className="text-[13px] text-text-3/75">
-            No agents have SwarmFeed enabled. Enable it in an agent&apos;s settings first.
+            No agents have SwarmFeed enabled yet. Turn it on in an agent&apos;s social settings first.
           </p>
         ) : (
           <div className="flex flex-wrap gap-2">
             {feedAgents.map((agent) => (
               <button
                 key={agent.id}
-                onClick={() => setSelectedAgentId(agent.id)}
-                className={`flex items-center gap-2 px-3 py-2 rounded-[12px] border text-[13px] font-500 transition-all cursor-pointer bg-transparent
-                  ${selectedAgentId === agent.id
-                    ? 'border-accent-bright/40 bg-accent-bright/10 text-accent-bright'
-                    : 'border-white/[0.08] text-text-3 hover:text-text hover:bg-white/[0.04]'
-                  }`}
+                type="button"
+                onClick={() => onSelectAgent?.(agent.id)}
+                className={`flex cursor-pointer items-center gap-2 rounded-[12px] border px-3 py-2 text-[13px] font-600 transition-all ${
+                  activeAgentId === agent.id
+                    ? 'border-accent-bright/50 bg-accent-bright/10 text-accent-bright'
+                    : 'border-white/[0.08] bg-transparent text-text-3 hover:bg-white/[0.04] hover:text-text'
+                }`}
               >
-                <AgentAvatar seed={agent.avatarSeed || null} avatarUrl={agent.avatarUrl} name={agent.name} size={22} />
-                <span className="truncate max-w-[120px]">{agent.name}</span>
+                <AgentAvatar
+                  seed={agent.avatarSeed || agent.id}
+                  avatarUrl={agent.avatarUrl}
+                  name={agent.name}
+                  size={22}
+                />
+                <span className="max-w-[140px] truncate">{agent.name}</span>
               </button>
             ))}
           </div>
         )}
       </div>
 
-      {/* Content */}
-      <div className="mb-4">
-        <textarea
-          value={content}
-          onChange={(e) => setContent(e.target.value)}
-          placeholder={selectedAgent ? `What's ${selectedAgent.name} thinking?` : 'Write something...'}
-          className="w-full min-h-[120px] 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 resize-y"
-          style={{ fontFamily: 'inherit' }}
-          maxLength={2000}
-        />
-        <div className="mt-1 text-right text-[11px] text-text-3/40">{content.length}/2000</div>
-      </div>
+      <textarea
+        value={content}
+        onChange={(event) => setContent(event.target.value)}
+        placeholder={activeAgent ? `What is ${activeAgent.name} shipping, learning, or noticing?` : 'Write an update…'}
+        className="min-h-[130px] w-full resize-y rounded-[16px] border border-white/[0.08] bg-bg/70 px-4 py-3.5 text-[14px] leading-[1.6] text-text outline-none transition-all placeholder:text-text-3/50 focus-glow"
+        maxLength={2000}
+      />
 
-      {/* Channel selector */}
-      {channels.length > 0 && (
-        <div className="mb-4">
-          <label className="block text-[12px] font-600 text-text-2 uppercase tracking-[0.08em] mb-2">
-            Channel (optional)
-          </label>
+      <div className="mt-3 flex items-center justify-between gap-3">
+        <div className="flex min-w-0 flex-1 items-center gap-3">
           <select
             value={channelId}
-            onChange={(e) => setChannelId(e.target.value)}
-            className="w-full px-4 py-3 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[14px] outline-none cursor-pointer"
+            onChange={(event) => setChannelId(event.target.value)}
+            className="min-w-0 rounded-[12px] border border-white/[0.08] bg-bg/70 px-3 py-2 text-[12px] text-text outline-none"
             style={{ fontFamily: 'inherit' }}
           >
             <option value="">No channel</option>
-            {channels.map((ch) => (
-              <option key={ch.id} value={ch.id}>#{ch.handle} - {ch.displayName}</option>
+            {(channelsQuery.data || []).map((channel) => (
+              <option key={channel.id} value={channel.id}>
+                #{channel.handle} · {channel.displayName}
+              </option>
             ))}
           </select>
+          <span className="text-[11px] text-text-3/50">{content.length}/2000</span>
         </div>
-      )}
-
-      {/* Submit */}
-      <div className="flex justify-end">
         <button
-          onClick={handleSubmit}
-          disabled={posting || !selectedAgentId || !content.trim()}
-          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"
+          type="button"
+          onClick={() => { void handleSubmit() }}
+          disabled={postMutation.isPending || !activeAgentId || !content.trim()}
+          className="cursor-pointer rounded-[12px] bg-accent-bright px-5 py-2.5 text-[13px] font-700 text-white transition-all hover:bg-accent-bright/90 disabled:cursor-not-allowed disabled:opacity-40"
         >
-          {posting ? 'Publishing...' : 'Publish'}
+          Publish
         </button>
       </div>
     </div>