@swarmclawai/swarmclaw 1.2.0 → 1.2.2

package/src/components/chat/swarm-status-card.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { memo, useCallback, useState } from 'react'
+import { memo, useEffect, useState } from 'react'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 import { useAppStore } from '@/stores/use-app-store'
 
@@ -115,7 +115,7 @@ const SwarmMemberCard = memo(function SwarmMemberCard({
   agents,
 }: {
   member: SwarmMemberData
-  agents: Record<string, any>
+  agents: Record<string, { avatarSeed?: string; avatarUrl?: string | null; name?: string }>
 }) {
   const [expanded, setExpanded] = useState(false)
   const cfg = MEMBER_STATUS_CONFIG[member.status]
@@ -206,6 +206,13 @@ const SwarmMemberCard = memo(function SwarmMemberCard({
 function SwarmSummaryBar({ data }: { data: SwarmStatusData }) {
   const cfg = SWARM_STATUS_CONFIG[data.status]
   const isTerminal = data.status === 'completed' || data.status === 'partial' || data.status === 'failed'
+  const [now, setNow] = useState(data.completedAt ?? data.createdAt)
+
+  useEffect(() => {
+    if (isTerminal) return
+    const id = setInterval(() => setNow(Date.now()), 1000)
+    return () => clearInterval(id)
+  }, [isTerminal])
 
   const formatDuration = (ms: number) => {
     if (ms < 1000) return `${ms}ms`
@@ -215,7 +222,7 @@ function SwarmSummaryBar({ data }: { data: SwarmStatusData }) {
 
   const durationMs = data.completedAt
     ? data.completedAt - data.createdAt
-    : Date.now() - data.createdAt
+    : now - data.createdAt
 
   return (
     <div

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

@@ -50,6 +50,10 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
   const streamPhase = useChatStore((s) => s.streamPhase)
   const streamToolName = useChatStore((s) => s.streamToolName)
   const visibleQueuedMessages = listQueuedMessagesForSession(queuedMessages, sessionId)
+  const sendingQueuedMessages = visibleQueuedMessages.filter((item) => item.sending)
+  const pendingQueuedMessages = visibleQueuedMessages.filter((item) => !item.sending)
+  const displayedQueuedMessages = [...sendingQueuedMessages, ...pendingQueuedMessages]
+  const nextPendingRunId = pendingQueuedMessages[0]?.runId ?? null
   const shouldQueue = !!sessionId && (busy || visibleQueuedMessages.length > 0)
 
   useEffect(() => {
@@ -178,6 +182,8 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
   const hasContent = value.trim().length > 0 || pendingFiles.length > 0
   const queueStatusLabel = !busy
     ? 'Queue ready'
+    : sendingQueuedMessages.length > 0 && pendingQueuedMessages.length === 0
+      ? 'Sending now'
     : streamPhase === 'queued'
       ? 'Queued'
       : streamPhase === 'tool' && streamToolName
@@ -191,6 +197,8 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
               : 'Working'
   const queueStatusDetail = !busy
     ? 'Queued messages are ready and will dispatch automatically.'
+    : sendingQueuedMessages.length > 0 && pendingQueuedMessages.length === 0
+      ? 'The queued message has been accepted and should appear in the transcript shortly.'
     : 'Queued messages will send automatically when the current turn finishes.'
 
   return (
@@ -229,9 +237,16 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
                     <span className={`relative inline-flex h-2.5 w-2.5 rounded-full ${busy ? 'bg-amber-300' : 'bg-white/[0.45]'}`} />
                   </span>
                   <span className="label-mono text-amber-300/80">Message queue</span>
-                  <span className="rounded-pill border border-amber-400/15 bg-amber-400/10 px-2 py-0.5 text-[10px] font-600 text-amber-200">
-                    {visibleQueuedMessages.length}
-                  </span>
+                  {pendingQueuedMessages.length > 0 && (
+                    <span className="rounded-pill border border-amber-400/15 bg-amber-400/10 px-2 py-0.5 text-[10px] font-600 text-amber-200">
+                      {pendingQueuedMessages.length}
+                    </span>
+                  )}
+                  {sendingQueuedMessages.length > 0 && (
+                    <span className="rounded-pill border border-sky-300/15 bg-sky-300/10 px-2 py-0.5 text-[10px] font-600 text-sky-200">
+                      {sendingQueuedMessages.length} sending
+                    </span>
+                  )}
                   <span className={`rounded-pill border px-2 py-0.5 text-[10px] font-700 uppercase tracking-[0.12em] ${
                     busy
                       ? 'border-amber-300/20 bg-amber-300/10 text-amber-100'
@@ -256,7 +271,7 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
                     Stop
                   </button>
                 )}
-                {sessionId && visibleQueuedMessages.length > 1 && (
+                {sessionId && pendingQueuedMessages.length > 0 && (
                   <button
                     type="button"
                     onClick={() => { void clearQueuedMessagesForSession(sessionId) }}
@@ -268,21 +283,26 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
               </div>
             </div>
             <div className="max-h-[184px] space-y-1.5 overflow-y-auto px-2.5 py-2.5">
-              {visibleQueuedMessages.map((item, index) => (
+              {displayedQueuedMessages.map((item, index) => (
                 <div
                   key={item.runId}
                   className={`group flex items-start gap-3 rounded-[12px] border px-3 py-2.5 transition-all ${
-                    index === 0
-                      ? 'border-amber-300/20 bg-amber-300/[0.07]'
-                      : 'border-white/[0.05] bg-white/[0.02]'
+                    item.sending
+                      ? 'border-sky-300/15 bg-sky-300/[0.06]'
+                      : item.runId === nextPendingRunId
+                        ? 'border-amber-300/20 bg-amber-300/[0.07]'
+                        : 'border-white/[0.05] bg-white/[0.02]'
                   }`}
                 >
                   <div className={`mt-0.5 flex h-6 min-w-6 items-center justify-center rounded-[8px] px-2 text-[10px] font-700 ${
-                    index === 0
-                      ? 'bg-amber-300/15 text-amber-100'
-                      : 'bg-white/[0.06] text-text-3'
-                  }`}>
-                    {index + 1}
+                    item.sending
+                      ? 'bg-sky-300/15 text-sky-100'
+                      : item.runId === nextPendingRunId
+                        ? 'bg-amber-300/15 text-amber-100'
+                      : 'border-white/[0.05] bg-white/[0.02]'
+                  }`}
+                >
+                    {item.sending ? '>' : pendingQueuedMessages.findIndex((candidate) => candidate.runId === item.runId) + 1}
                   </div>
                   <div className="min-w-0 flex-1">
                     <div className="flex flex-wrap items-center gap-2">
@@ -290,7 +310,7 @@ export function ChatInput({ streaming, busy, onSend, onStop, extensionChatAction
                         <span className="rounded-pill border border-sky-300/15 bg-sky-300/10 px-2 py-0.5 text-[10px] font-700 uppercase tracking-[0.12em] text-sky-200 animate-pulse">
                           Sending
                         </span>
-                      ) : index === 0 && (
+                      ) : item.runId === nextPendingRunId && (
                         <span className="rounded-pill border border-amber-300/15 bg-amber-300/10 px-2 py-0.5 text-[10px] font-700 uppercase tracking-[0.12em] text-amber-100">
                           Next
                         </span>

package/src/components/layout/daemon-indicator.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { api } from '@/lib/app/api-client'
 import { useWs } from '@/hooks/use-ws'
 import { StatusDot } from '@/components/ui/status-dot'
@@ -16,14 +16,13 @@ interface DaemonStatus {
 export function DaemonIndicator() {
   const [status, setStatus] = useState<DaemonStatus | null>(null)
 
-  const fetchStatus = async () => {
-    try {
-      const data = await api<DaemonStatus>('GET', '/daemon')
-      setStatus(data)
-    } catch { /* ignore */ }
-  }
+  const fetchStatus = useCallback(() => {
+    api<DaemonStatus>('GET', '/daemon')
+      .then(setStatus)
+      .catch(() => {})
+  }, [])
 
-  useEffect(() => { fetchStatus() }, [])
+  useEffect(() => { fetchStatus() }, [fetchStatus])
   useWs('daemon', fetchStatus, 60_000)
 
   const toggle = async () => {

package/src/components/layout/update-banner.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState, useCallback } from 'react'
+import { useEffect, useState } from 'react'
 
 const CHECK_INTERVAL = 5 * 60_000 // 5 minutes
 
@@ -19,22 +19,17 @@ export function UpdateBanner() {
   const [dismissed, setDismissed] = useState<string | null>(null)
   const [errorMsg, setErrorMsg] = useState('')
 
-  const checkVersion = useCallback(async () => {
-    try {
-      const res = await fetch('/api/version')
-      if (!res.ok) return
-      const data: VersionInfo = await res.json()
-      setVersion(data)
-    } catch {
-      // silently fail — no network or server issue
-    }
-  }, [])
-
   useEffect(() => {
+    const checkVersion = () => {
+      fetch('/api/version')
+        .then((res) => res.ok ? res.json() as Promise<VersionInfo> : null)
+        .then((data) => { if (data) setVersion(data) })
+        .catch(() => {})
+    }
     checkVersion()
     const id = setInterval(checkVersion, CHECK_INTERVAL)
     return () => clearInterval(id)
-  }, [checkVersion])
+  }, [])
 
   const handleUpdate = async () => {
     setUpdateState('updating')

package/src/components/logs/log-list.tsx

@@ -67,7 +67,7 @@ export function LogList() {
   useEffect(() => {
     fetchLogs()
     loadAgents()
-  }, [fetchLogs])
+  }, [fetchLogs, loadAgents])
 
   useWs('logs', fetchLogs, autoRefresh ? 3000 : undefined)
 

package/src/components/memory/memory-card.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { useState } from 'react'
 import type { MemoryEntry } from '@/types'
 import { AgentAvatar } from '@/components/agents/agent-avatar'
 import { deriveMemoryScope, getMemoryScopeLabel, getMemoryTier } from '@/lib/memory-presentation'
@@ -15,6 +16,7 @@ interface Props {
 }
 
 export function MemoryCard({ entry, active, agentName, agentAvatarSeed, agentAvatarUrl, onClick }: Props) {
+  const [now] = useState(() => Date.now())
   const scope = deriveMemoryScope(entry)
   const tier = getMemoryTier(entry)
 
@@ -41,7 +43,7 @@ export function MemoryCard({ entry, active, agentName, agentAvatarSeed, agentAva
         )}
         <span className="font-display text-[13px] font-600 truncate flex-1 tracking-[-0.01em]">{entry.title}</span>
         <span className="text-[10px] text-text-3/60 shrink-0 tabular-nums font-mono">
-          {timeAgoShort(entry.updatedAt || entry.createdAt, Date.now())}
+          {timeAgoShort(entry.updatedAt || entry.createdAt, now)}
         </span>
       </div>
       <div className="text-[12px] text-text-2/40 mt-1 line-clamp-3 leading-relaxed">

package/src/components/org-chart/org-chart-view.tsx

@@ -21,6 +21,7 @@ import type { ContextAction } from './org-chart-context-menu'
 import { useOrgChartPanZoom } from './use-org-chart-pan-zoom'
 import { useOrgChartDrag } from './use-org-chart-drag'
 import { useNavigate } from '@/lib/app/navigation'
+import { useWs } from '@/hooks/use-ws'
 import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 
 const NODE_W = 200
@@ -57,6 +58,9 @@ export function OrgChartView() {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => { loadAgents(); loadSessions() }, [])
 
+  useWs('agents', loadAgents, 60_000)
+  useWs('sessions', loadSessions, 30_000)
+
   // Running agents — derived from sessions
   const runningAgentIds = useMemo(() => {
     const ids = new Set<string>()

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

@@ -58,8 +58,10 @@ export function ProjectList() {
     }
     for (const t of Object.values(tasks)) {
       if (t.projectId && map[t.projectId]) {
-        map[t.projectId].tasks++
-        if (t.status === 'completed') map[t.projectId].completedTasks++
+        if (t.status !== 'cancelled' && t.status !== 'archived') {
+          map[t.projectId].tasks++
+          if (t.status === 'completed') map[t.projectId].completedTasks++
+        }
         if (t.updatedAt && t.updatedAt > map[t.projectId].lastActivity) {
           map[t.projectId].lastActivity = t.updatedAt
         }

package/src/components/projects/tabs/overview-tab.tsx

@@ -46,8 +46,9 @@ export function OverviewTab({ project, missions }: OverviewTabProps) {
     [now, projectTasks],
   )
 
-  const completedTasks = projectTasks.filter((t) => t.status === 'completed').length
-  const totalTasks = projectTasks.length
+  const actionableTasks = projectTasks.filter((t) => t.status !== 'cancelled' && t.status !== 'archived')
+  const completedTasks = actionableTasks.filter((t) => t.status === 'completed').length
+  const totalTasks = actionableTasks.length
   const progressPct = totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0
 
   const tasksByStatus = useMemo(() => {

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

@@ -34,7 +34,7 @@ export function SecretSheet() {
 
   useEffect(() => {
     if (open) loadAgents()
-  }, [open])
+  }, [open, loadAgents])
 
   useEffect(() => {
     if (editing) {

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

@@ -18,7 +18,7 @@ export function SecretsList({ inSidebar }: Props) {
 
   useEffect(() => {
     loadSecrets()
-  }, [])
+  }, [loadSecrets])
 
   const handleDelete = async (e: React.MouseEvent, id: string) => {
     e.stopPropagation()

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

@@ -31,13 +31,19 @@ export function AgentSwitchDialog() {
     return () => window.removeEventListener('keydown', handler)
   }, [])
 
-  // Reset on open
+  // Reset on open (render-time state adjustment)
+  const [prevOpen, setPrevOpen] = useState(false)
+  if (open && !prevOpen) {
+    setQuery('')
+    setSelectedIdx(0)
+  }
+  if (open !== prevOpen) {
+    setPrevOpen(open)
+  }
+
+  // Focus input after opening
   useEffect(() => {
-    if (open) {
-      setQuery('')
-      setSelectedIdx(0)
-      setTimeout(() => inputRef.current?.focus(), 50)
-    }
+    if (open) setTimeout(() => inputRef.current?.focus(), 50)
   }, [open])
 
   const filtered = useMemo(() => {

package/src/components/shared/dir-browser.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState, useCallback, useMemo } from 'react'
+import { useEffect, useState, useMemo } from 'react'
 import { api } from '@/lib/app/api-client'
 import { SearchInput } from '@/components/ui/search-input'
 
@@ -37,26 +37,30 @@ export function DirBrowser({ value, file, onChange, onClear }: DirBrowserProps)
   const [pathInput, setPathInput] = useState('')
   const [search, setSearch] = useState('')
 
-  const fetchDirs = useCallback(async (dirPath: string) => {
-    setLoading(true)
-    try {
-      const data = await api<DirApiResponse>('GET', `/dirs?path=${encodeURIComponent(dirPath)}`)
-      setDirs(data.dirs || [])
-      setCurrentPath(data.currentPath || dirPath)
-      setParentPath(data.parentPath || null)
-      setPathInput(data.currentPath || dirPath)
-    } catch {
-      setDirs([])
-    }
-    setLoading(false)
-  }, [])
-
-  useEffect(() => {
+  // Reset search and mark loading when navigating in browse mode
+  const [prevBrowsePath, setPrevBrowsePath] = useState(browsePath)
+  const [prevMode, setPrevMode] = useState(mode)
+  if (browsePath !== prevBrowsePath || mode !== prevMode) {
+    setPrevBrowsePath(browsePath)
+    setPrevMode(mode)
     if (mode === 'browse') {
-      fetchDirs(browsePath)
       setSearch('')
+      setLoading(true)
     }
-  }, [browsePath, mode, fetchDirs])
+  }
+
+  useEffect(() => {
+    if (mode !== 'browse') return
+    api<DirApiResponse>('GET', `/dirs?path=${encodeURIComponent(browsePath)}`)
+      .then((data) => {
+        setDirs(data.dirs || [])
+        setCurrentPath(data.currentPath || browsePath)
+        setParentPath(data.parentPath || null)
+        setPathInput(data.currentPath || browsePath)
+      })
+      .catch(() => { setDirs([]) })
+      .finally(() => setLoading(false))
+  }, [browsePath, mode])
 
   const filteredDirs = useMemo(() => {
     if (!search) return dirs

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

@@ -64,8 +64,7 @@ export function SkillSheet() {
 
   useEffect(() => {
     if (open) loadAgents()
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open])
+  }, [open, loadAgents])
 
   useEffect(() => {
     if (open) {
@@ -91,7 +90,7 @@ export function SkillSheet() {
         setMetadataPreview(null)
       }
     }
-  }, [open, editingId])
+  }, [open, editingId, editing])
 
   const onClose = () => {
     setConfirmDelete(false)

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

@@ -29,7 +29,7 @@ export function TaskList({ inSidebar }: { inSidebar?: boolean }) {
   const [search, setSearch] = useState('')
   const [clearing, setClearing] = useState(false)
 
-  useEffect(() => { loadTasks() }, [])
+  useEffect(() => { loadTasks() }, [loadTasks])
   useWs('tasks', loadTasks, 5000)
 
   const sorted = useMemo(() =>

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

@@ -151,7 +151,7 @@ export function TaskSheet() {
     if (open && !editing && !agentId && agentList.length) {
       setAgentId(agentList[0].id)
     }
-  }, [open, editing, agentId, agentList.length, agents])
+  }, [open, editing, agentId, agentList])
 
   useEffect(() => {
     if (!editing?.id || !open) {

package/src/hooks/use-openclaw-gateway.ts

@@ -8,35 +8,57 @@ import { useWs } from './use-ws'
 /** Call an OpenClaw gateway RPC method via the proxy route. */
 export function useOpenClawRpc<T = unknown>(method: string | null, params?: unknown) {
   const [data, setData] = useState<T | null>(null)
-  const [loading, setLoading] = useState(false)
+  const [loading, setLoading] = useState(!!method)
   const [error, setError] = useState<string | null>(null)
   const paramsRef = useRef(params)
-  paramsRef.current = params
+  useEffect(() => { paramsRef.current = params })
 
-  const fetch = useCallback(async () => {
+  // doFetch only uses async callbacks for setState (no synchronous setState)
+  const doFetch = useCallback(() => {
     if (!method) return
-    setLoading(true)
-    setError(null)
-    try {
-      const res = await api<{ ok: boolean; result: T; error?: string }>('POST', '/openclaw/gateway', {
-        method,
-        params: paramsRef.current,
+    api<{ ok: boolean; result: T; error?: string }>('POST', '/openclaw/gateway', {
+      method,
+      params: paramsRef.current,
+    })
+      .then((res) => {
+        if (res.error) {
+          setError(res.error)
+        } else {
+          setData(res.result)
+        }
+      })
+      .catch((err: unknown) => {
+        setError(errorMessage(err))
       })
-      if (res.error) {
-        setError(res.error)
-      } else {
-        setData(res.result)
-      }
-    } catch (err: unknown) {
-      setError(errorMessage(err))
-    } finally {
+      .finally(() => {
+        setLoading(false)
+      })
+  }, [method])
+
+  // Reset loading/error when method changes (render-time state adjustment)
+  const [prevMethod, setPrevMethod] = useState(method)
+  if (method !== prevMethod) {
+    setPrevMethod(method)
+    if (method) {
+      setLoading(true)
+      setError(null)
+    } else {
       setLoading(false)
+      setError(null)
+      setData(null)
     }
-  }, [method])
+  }
 
-  useEffect(() => { fetch() }, [fetch])
+  useEffect(() => { doFetch() }, [doFetch])
 
-  return { data, loading, error, refetch: fetch }
+  // refetch wraps doFetch with loading/error reset (called from event handlers)
+  const refetch = useCallback(() => {
+    setLoading(true)
+    setError(null)
+    doFetch()
+  }, [doFetch])
+
+  return { data, loading, error, refetch }
 }
 
 /** Subscribe to an OpenClaw event topic via the WS hub. */
@@ -48,13 +70,10 @@ export function useOpenClawEvent(topic: string, handler: () => void) {
 export function useOpenClawConnected() {
   const [connected, setConnected] = useState(false)
 
-  const check = useCallback(async () => {
-    try {
-      const res = await api<{ connected: boolean }>('GET', '/openclaw/gateway')
-      setConnected(res.connected)
-    } catch {
-      setConnected(false)
-    }
+  const check = useCallback(() => {
+    api<{ connected: boolean }>('GET', '/openclaw/gateway')
+      .then((res) => setConnected(res.connected))
+      .catch(() => setConnected(false))
   }, [])
 
   useEffect(() => { check() }, [check])

package/src/instrumentation.ts

@@ -1,7 +1,10 @@
 import { hmrSingleton } from '@/lib/shared-utils'
 
+const TAG = 'instrumentation'
+
 export async function register() {
   if (process.env.NEXT_RUNTIME === 'nodejs') {
+    const { log } = await import('@/lib/server/logger')
     const isWorkerOnly = process.env.SWARMCLAW_WORKER_ONLY === '1'
     const { initWsServer, closeWsServer } = await import('./lib/server/ws-hub')
     const { ensureDaemonStarted } = await import('@/lib/server/runtime/daemon-state')
@@ -12,12 +15,12 @@ export async function register() {
       backfillAllKnownPeerIds()
       pruneThreadConnectorMirrors()
     } catch (err) {
-      console.error('[instrumentation] connector session consolidation failed:', err)
+      log.error(TAG, 'connector session consolidation failed:', err)
     }
 
     // In worker-only mode, we FORCE the daemon to start, but skip the WebSocket listener
     if (isWorkerOnly) {
-      console.log('[instrumentation] Booting in WORKER ONLY mode')
+      log.info(TAG, 'Booting in WORKER ONLY mode')
       ensureDaemonStarted('worker-boot')
     } else {
       // In normal mode, we start the WS server, and conditionally start the daemon if autostart allows
@@ -34,12 +37,12 @@ export async function register() {
     const shutdown = async (signal: string) => {
       if (shutdownState.shuttingDown) return
       shutdownState.shuttingDown = true
-      console.log(`[server] ${signal} received, shutting down gracefully...`)
+      log.info(TAG, `${signal} received, shutting down gracefully...`)
       try {
         const { stopDaemon } = await import('@/lib/server/runtime/daemon-state')
         await stopDaemon({ source: signal })
       } catch (err) {
-        console.error('[instrumentation] Failed to stop daemon during shutdown:', err)
+        log.error(TAG, 'Failed to stop daemon during shutdown:', err)
       }
       if (!isWorkerOnly) {
         await closeWsServer()
@@ -54,10 +57,10 @@ export async function register() {
       // that occur during dev server restarts when stdio pipes break
       process.on('uncaughtException', (err: NodeJS.ErrnoException) => {
         if (err.code === 'EPIPE') {
-          console.warn('[instrumentation] Ignoring EPIPE (expected during dev server restart)')
+          log.warn(TAG, 'Ignoring EPIPE (expected during dev server restart)')
           return
         }
-        console.error('[instrumentation] Uncaught exception:', err)
+        log.error(TAG, 'Uncaught exception:', err)
         process.exit(1)
       })
 
@@ -73,7 +76,7 @@ export async function register() {
         ) {
           return
         }
-        console.error('[instrumentation] Unhandled rejection:', err)
+        log.error(TAG, 'Unhandled rejection:', err)
       })
 
       shutdownState.registered = true

package/src/lib/chat/assistant-render-id.ts

@@ -0,0 +1,3 @@
+export function createAssistantRenderId(): string {
+  return `assistant-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`
+}