@swarmclawai/swarmclaw 1.4.8 → 1.4.9

package/README.md

@@ -215,6 +215,10 @@ 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.9 Highlights
+
+- **Standalone build reliability**: `public/`, `.next/static/`, and `css-tree/data/` are now automatically copied into the standalone build output, fixing runtime crashes and missing assets when running the standalone bundle. (Community contribution by [@borislavnnikolov](https://github.com/borislavnnikolov) — PR #34)
+
 ### v1.4.8 Highlights
 
 - **Agent-scoped SwarmFeed dashboard**: the in-app feed now has an explicit acting-agent model so humans can direct social actions without ever posting as a separate user identity.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swarmclawai/swarmclaw",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "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

@@ -56,6 +56,44 @@ function hasRequiredNextMetadataFiles(dir) {
   return REQUIRED_NEXT_METADATA_FILES.every((fileName) => fs.existsSync(path.join(dir, fileName)))
 }
 
+export function repairStandalonePublicAndStatic(cwd = process.cwd()) {
+  const standaloneDir = path.join(cwd, '.next', 'standalone')
+  if (!fs.existsSync(standaloneDir)) return false
+
+  let repaired = false
+
+  // Next.js standalone does not copy public/ or .next/static/ automatically.
+  const publicSrc = path.join(cwd, 'public')
+  const publicDst = path.join(standaloneDir, 'public')
+  if (fs.existsSync(publicSrc) && !fs.existsSync(publicDst)) {
+    fs.cpSync(publicSrc, publicDst, { recursive: true, force: true })
+    repaired = true
+  }
+
+  const staticSrc = path.join(cwd, '.next', 'static')
+  const staticDst = path.join(standaloneDir, '.next', 'static')
+  if (fs.existsSync(staticSrc) && !fs.existsSync(staticDst)) {
+    fs.cpSync(staticSrc, staticDst, { recursive: true, force: true })
+    repaired = true
+  }
+
+  return repaired
+}
+
+export function repairStandaloneCssTreeData(cwd = process.cwd()) {
+  const standaloneDir = path.join(cwd, '.next', 'standalone')
+  if (!fs.existsSync(standaloneDir)) return false
+
+  const dataDst = path.join(standaloneDir, 'node_modules', 'css-tree', 'data')
+  if (fs.existsSync(dataDst)) return false
+
+  const dataSrc = path.join(cwd, 'node_modules', 'css-tree', 'data')
+  if (!fs.existsSync(dataSrc)) return false
+
+  fs.cpSync(dataSrc, dataDst, { recursive: true, force: true })
+  return true
+}
+
 export function repairStandaloneNextMetadata(cwd = process.cwd()) {
   const standaloneDir = path.join(cwd, '.next', 'standalone')
   if (!fs.existsSync(standaloneDir)) return false
@@ -106,6 +144,12 @@ function main() {
     if (result.status === 0 && repairStandaloneNextMetadata(process.cwd())) {
       console.error('Repaired missing Next metadata runtime files in the standalone build output.')
     }
+    if (result.status === 0 && repairStandalonePublicAndStatic(process.cwd())) {
+      console.error('Copied public/ and .next/static/ into standalone build output.')
+    }
+    if (result.status === 0 && repairStandaloneCssTreeData(process.cwd())) {
+      console.error('Copied css-tree/data/ into standalone build output.')
+    }
     process.exit(result.status)
   }
   if (result.signal) {

package/src/features/swarmfeed/feed-page.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useDeferredValue, useEffect, useState } from 'react'
+import { useDeferredValue, useState } from 'react'
 import { Bell, Hash, Search, Sparkles, TrendingUp, Users } from 'lucide-react'
 import { toast } from 'sonner'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
@@ -77,30 +77,23 @@ export function FeedPage() {
   const [profileAgentId, setProfileAgentId] = useState<string | null>(null)
 
   const deferredSearchQuery = useDeferredValue(searchQuery.trim())
-  const selectedAgent = selectedAgentId ? agents[selectedAgentId] : null
+  const resolvedSelectedAgentId = selectedAgentId && feedAgents.some((agent) => agent.id === selectedAgentId)
+    ? selectedAgentId
+    : (feedAgents[0]?.id || '')
+  const selectedAgent = resolvedSelectedAgentId ? agents[resolvedSelectedAgentId] : null
   const isSearching = deferredSearchQuery.length >= 2
   const currentFeedType = isFeedTab(activeTab) ? activeTab : 'for_you'
   const requiresActor = activeTab === 'following' || activeTab === 'bookmarks' || activeTab === 'notifications'
 
-  useEffect(() => {
-    if (feedAgents.length === 0) {
-      setSelectedAgentId('')
-      return
-    }
-    if (!selectedAgentId || !feedAgents.some((agent) => agent.id === selectedAgentId)) {
-      setSelectedAgentId(feedAgents[0].id)
-    }
-  }, [feedAgents, selectedAgentId])
-
   const channelsQuery = useSwarmFeedChannelsQuery()
   const feedQuery = useSwarmFeedFeedQuery({
     type: currentFeedType,
-    agentId: activeTab === 'following' ? selectedAgentId : undefined,
-    enabled: !isSearching && isFeedTab(activeTab) && (activeTab !== 'following' || !!selectedAgentId),
+    agentId: activeTab === 'following' ? resolvedSelectedAgentId : undefined,
+    enabled: !isSearching && isFeedTab(activeTab) && (activeTab !== 'following' || !!resolvedSelectedAgentId),
   })
-  const bookmarksQuery = useSwarmFeedBookmarksQuery(selectedAgentId, !isSearching && activeTab === 'bookmarks')
-  const notificationsQuery = useSwarmFeedNotificationsQuery(selectedAgentId, !isSearching && activeTab === 'notifications')
-  const suggestedQuery = useSwarmFeedSuggestedQuery(selectedAgentId || undefined, true)
+  const bookmarksQuery = useSwarmFeedBookmarksQuery(resolvedSelectedAgentId, !isSearching && activeTab === 'bookmarks')
+  const notificationsQuery = useSwarmFeedNotificationsQuery(resolvedSelectedAgentId, !isSearching && activeTab === 'notifications')
+  const suggestedQuery = useSwarmFeedSuggestedQuery(resolvedSelectedAgentId || undefined, true)
   const searchResultsQuery = useSwarmFeedSearchQuery({
     query: deferredSearchQuery,
     type: searchType,
@@ -114,13 +107,13 @@ export function FeedPage() {
   )
 
   async function handlePostAction(action: PostCardAction, post: SwarmFeedPost) {
-    if (!selectedAgentId) {
+    if (!resolvedSelectedAgentId) {
       throw new Error('Select an acting agent before interacting with SwarmFeed.')
     }
     try {
       await actionMutation.mutateAsync({
         action,
-        agentId: selectedAgentId,
+        agentId: resolvedSelectedAgentId,
         postId: post.id,
       })
     } catch (err: unknown) {
@@ -131,14 +124,14 @@ export function FeedPage() {
   }
 
   async function handleFollow(targetAgentId: string) {
-    if (!selectedAgentId) {
+    if (!resolvedSelectedAgentId) {
       toast.error('Select an acting agent before following other agents.')
       return
     }
     try {
       await actionMutation.mutateAsync({
         action: 'follow',
-        agentId: selectedAgentId,
+        agentId: resolvedSelectedAgentId,
         targetAgentId,
       })
       toast.success('Agent followed')
@@ -164,7 +157,7 @@ export function FeedPage() {
             key={post.id}
             post={post}
             channelLabel={post.channelId ? channelLabels[post.channelId] : null}
-            canInteract={!!selectedAgentId}
+            canInteract={!!resolvedSelectedAgentId}
             onAction={handlePostAction}
             onProfileOpen={setProfileAgentId}
             onThreadOpen={(postId, mode = 'reply') => setThreadState({ postId, mode })}
@@ -274,7 +267,7 @@ export function FeedPage() {
       )
     }
 
-    if (requiresActor && !selectedAgentId) {
+    if (requiresActor && !resolvedSelectedAgentId) {
       return (
         <EmptyState
           title="Choose an acting agent"
@@ -365,7 +358,7 @@ export function FeedPage() {
           <div className="grid gap-6 lg:grid-cols-[minmax(0,1.7fr)_360px]">
             <aside className="order-1 space-y-5 lg:order-2">
               <ComposePost
-                selectedAgentId={selectedAgentId}
+                selectedAgentId={resolvedSelectedAgentId}
                 onSelectAgent={setSelectedAgentId}
               />
 
@@ -425,7 +418,7 @@ export function FeedPage() {
                       <SuggestedAgentRow
                         key={agent.id}
                         agent={agent}
-                        canFollow={!!selectedAgentId}
+                        canFollow={!!resolvedSelectedAgentId}
                         busy={actionMutation.isPending}
                         onFollow={handleFollow}
                         onOpenProfile={setProfileAgentId}
@@ -487,7 +480,7 @@ export function FeedPage() {
       <PostThreadSheet
         open={!!threadState}
         postId={threadState?.postId || null}
-        actingAgentId={selectedAgentId || undefined}
+        actingAgentId={resolvedSelectedAgentId || undefined}
         channelLabels={channelLabels}
         initialMode={threadState?.mode || 'reply'}
         onClose={() => setThreadState(null)}
@@ -497,7 +490,7 @@ export function FeedPage() {
       <SwarmFeedProfileSheet
         open={!!profileAgentId}
         agentId={profileAgentId}
-        viewerAgentId={selectedAgentId || undefined}
+        viewerAgentId={resolvedSelectedAgentId || undefined}
         channelLabels={channelLabels}
         onClose={() => setProfileAgentId(null)}
         onOpenThread={(postId, mode = 'reply') => setThreadState({ postId, mode })}

package/src/features/swarmfeed/post-thread-sheet.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import { toast } from 'sonner'
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/ui/sheet'
 import { PostCard } from './post-card'
@@ -26,40 +26,6 @@ export function PostThreadSheet({
   onProfileOpen,
 }: Props) {
   const threadQuery = useSwarmFeedThreadQuery(postId || '', open && !!postId)
-  const postMutation = useSwarmFeedPostMutation()
-  const actionMutation = useSwarmFeedActionMutation()
-  const [mode, setMode] = useState<'reply' | 'quote'>(initialMode)
-  const [content, setContent] = useState('')
-
-  useEffect(() => {
-    if (!open) return
-    setMode(initialMode)
-    setContent('')
-  }, [initialMode, open, postId])
-
-  async function submit() {
-    if (!actingAgentId || !postId || !content.trim()) return
-    try {
-      if (mode === 'reply') {
-        await postMutation.mutateAsync({
-          agentId: actingAgentId,
-          input: { content: content.trim(), parentId: postId },
-        })
-      } else {
-        await actionMutation.mutateAsync({
-          action: 'quote_repost',
-          agentId: actingAgentId,
-          postId,
-          content: content.trim(),
-        })
-      }
-      toast.success(mode === 'reply' ? 'Reply posted' : 'Quote repost published')
-      setContent('')
-    } catch (err: unknown) {
-      toast.error(err instanceof Error ? err.message : 'Failed to publish response')
-    }
-  }
-
   const post = threadQuery.data?.post
   const replies = threadQuery.data?.replies || []
 
@@ -113,43 +79,92 @@ export function PostThreadSheet({
           </div>
 
           <div className="border-t border-white/[0.06] pt-4">
-            <div className="mb-3 flex gap-2">
-              {(['reply', 'quote'] as const).map((option) => (
-                <button
-                  key={option}
-                  type="button"
-                  onClick={() => setMode(option)}
-                  className={`cursor-pointer rounded-[999px] border px-3 py-1.5 text-[12px] font-700 uppercase tracking-[0.08em] transition-all ${
-                    mode === option
-                      ? 'border-accent-bright/50 bg-accent-bright/10 text-accent-bright'
-                      : 'border-white/[0.08] bg-transparent text-text-3 hover:text-text'
-                  }`}
-                >
-                  {option === 'reply' ? 'Reply' : 'Quote'}
-                </button>
-              ))}
-            </div>
-            <textarea
-              value={content}
-              onChange={(event) => setContent(event.target.value)}
-              placeholder={mode === 'reply' ? 'Write a concise reply…' : 'Add your commentary before reposting…'}
-              className="min-h-[110px] w-full resize-y rounded-[14px] border border-white/[0.08] bg-surface/70 px-4 py-3 text-[14px] text-text outline-none focus-glow"
-              maxLength={2000}
+            <ThreadComposer
+              key={`${postId || 'none'}:${initialMode}:${open ? 'open' : 'closed'}`}
+              actingAgentId={actingAgentId}
+              postId={postId}
+              initialMode={initialMode}
             />
-            <div className="mt-3 flex items-center justify-between">
-              <span className="text-[11px] text-text-3/55">{content.length}/2000</span>
-              <button
-                type="button"
-                onClick={() => { void submit() }}
-                disabled={!actingAgentId || !content.trim() || postMutation.isPending || actionMutation.isPending}
-                className="cursor-pointer rounded-[12px] bg-accent-bright px-4 py-2.5 text-[13px] font-700 text-white transition-all hover:bg-accent-bright/90 disabled:cursor-not-allowed disabled:opacity-40"
-              >
-                {mode === 'reply' ? 'Reply' : 'Quote repost'}
-              </button>
-            </div>
           </div>
         </div>
       </SheetContent>
     </Sheet>
   )
 }
+
+function ThreadComposer({
+  actingAgentId,
+  postId,
+  initialMode,
+}: {
+  actingAgentId?: string
+  postId: string | null
+  initialMode: 'reply' | 'quote'
+}) {
+  const postMutation = useSwarmFeedPostMutation()
+  const actionMutation = useSwarmFeedActionMutation()
+  const [mode, setMode] = useState<'reply' | 'quote'>(initialMode)
+  const [content, setContent] = useState('')
+
+  async function submit() {
+    if (!actingAgentId || !postId || !content.trim()) return
+    try {
+      if (mode === 'reply') {
+        await postMutation.mutateAsync({
+          agentId: actingAgentId,
+          input: { content: content.trim(), parentId: postId },
+        })
+      } else {
+        await actionMutation.mutateAsync({
+          action: 'quote_repost',
+          agentId: actingAgentId,
+          postId,
+          content: content.trim(),
+        })
+      }
+      toast.success(mode === 'reply' ? 'Reply posted' : 'Quote repost published')
+      setContent('')
+    } catch (err: unknown) {
+      toast.error(err instanceof Error ? err.message : 'Failed to publish response')
+    }
+  }
+
+  return (
+    <>
+      <div className="mb-3 flex gap-2">
+        {(['reply', 'quote'] as const).map((option) => (
+          <button
+            key={option}
+            type="button"
+            onClick={() => setMode(option)}
+            className={`cursor-pointer rounded-[999px] border px-3 py-1.5 text-[12px] font-700 uppercase tracking-[0.08em] transition-all ${
+              mode === option
+                ? 'border-accent-bright/50 bg-accent-bright/10 text-accent-bright'
+                : 'border-white/[0.08] bg-transparent text-text-3 hover:text-text'
+            }`}
+          >
+            {option === 'reply' ? 'Reply' : 'Quote'}
+          </button>
+        ))}
+      </div>
+      <textarea
+        value={content}
+        onChange={(event) => setContent(event.target.value)}
+        placeholder={mode === 'reply' ? 'Write a concise reply…' : 'Add your commentary before reposting…'}
+        className="min-h-[110px] w-full resize-y rounded-[14px] border border-white/[0.08] bg-surface/70 px-4 py-3 text-[14px] text-text outline-none focus-glow"
+        maxLength={2000}
+      />
+      <div className="mt-3 flex items-center justify-between">
+        <span className="text-[11px] text-text-3/55">{content.length}/2000</span>
+        <button
+          type="button"
+          onClick={() => { void submit() }}
+          disabled={!actingAgentId || !content.trim() || postMutation.isPending || actionMutation.isPending}
+          className="cursor-pointer rounded-[12px] bg-accent-bright px-4 py-2.5 text-[13px] font-700 text-white transition-all hover:bg-accent-bright/90 disabled:cursor-not-allowed disabled:opacity-40"
+        >
+          {mode === 'reply' ? 'Reply' : 'Quote repost'}
+        </button>
+      </div>
+    </>
+  )
+}