@swarmclawai/swarmclaw 0.6.6 → 0.6.7

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

@@ -4,6 +4,7 @@ import { useState, useCallback } from 'react'
 import { useAppStore } from '@/stores/use-app-store'
 import { api } from '@/lib/api-client'
 import { updateTask, archiveTask } from '@/lib/tasks'
+import { ConfirmDialog } from '@/components/shared/confirm-dialog'
 import type { BoardTask } from '@/types'
 
 function timeAgo(ts: number) {
@@ -30,7 +31,9 @@ export function TaskCard({ task, selectionMode, selected, onToggleSelect }: Task
   const setCurrentSession = useAppStore((s) => s.setCurrentSession)
   const setActiveView = useAppStore((s) => s.setActiveView)
   const [dragging, setDragging] = useState(false)
+  const [confirmArchive, setConfirmArchive] = useState(false)
 
+  const tasks = useAppStore((s) => s.tasks)
   const agent = agents[task.agentId]
   const project = task.projectId ? projects[task.projectId] : null
 
@@ -117,7 +120,7 @@ export function TaskCard({ task, selectionMode, selected, onToggleSelect }: Task
         )}
         {isBlocked && (
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" className="text-rose-400 shrink-0 mt-0.5">
-            <title>{`Blocked by ${task.blockedBy?.length} task(s)`}</title>
+            <title>{`Blocked by: ${(task.blockedBy || []).map((bid) => tasks[bid]?.title || bid).join(', ')}`}</title>
             <rect x="3" y="11" width="18" height="11" rx="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" />
           </svg>
         )}
@@ -211,6 +214,14 @@ export function TaskCard({ task, selectionMode, selected, onToggleSelect }: Task
             {task.comments.length}
           </span>
         )}
+        {Array.isArray(task.blocks) && task.blocks.length > 0 && (
+          <span
+            className="px-1.5 py-0.5 rounded-[5px] bg-amber-500/10 text-amber-400 text-[10px] font-600"
+            title={`Blocks: ${task.blocks.map((bid) => tasks[bid]?.title || bid).join(', ')}`}
+          >
+            blocks {task.blocks.length}
+          </span>
+        )}
 
         {task.status === 'backlog' && (
           <button
@@ -236,7 +247,8 @@ export function TaskCard({ task, selectionMode, selected, onToggleSelect }: Task
 
         {(task.status === 'completed' || task.status === 'failed') && !task.sessionId && (
           <button
-            onClick={handleArchive}
+            onClick={(e) => { e.stopPropagation(); setConfirmArchive(true) }}
+            aria-label="Archive task"
             className="ml-auto px-2.5 py-1 rounded-[8px] text-[11px] font-600 bg-white/[0.04] text-text-3 border-none cursor-pointer
               opacity-0 group-hover:opacity-100 transition-opacity hover:bg-white/[0.08]"
             style={{ fontFamily: 'inherit' }}
@@ -304,6 +316,14 @@ export function TaskCard({ task, selectionMode, selected, onToggleSelect }: Task
           ))}
         </div>
       )}
+      <ConfirmDialog
+        open={confirmArchive}
+        title="Archive Task"
+        message={`Archive "${task.title}"? You can view archived tasks later.`}
+        confirmLabel="Archive"
+        onConfirm={() => { setConfirmArchive(false); handleArchive({ stopPropagation: () => {} } as React.MouseEvent) }}
+        onCancel={() => setConfirmArchive(false)}
+      />
     </div>
   )
 }

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

@@ -54,6 +54,8 @@ export function TaskSheet() {
   const [tags, setTags] = useState<string[]>([])
   const [tagInput, setTagInput] = useState('')
   const [blockedBy, setBlockedBy] = useState<string[]>([])
+  const [depSearch, setDepSearch] = useState('')
+  const [depError, setDepError] = useState<string | null>(null)
   const [dueAt, setDueAt] = useState<string>('')
   const [customFields, setCustomFields] = useState<Record<string, string | number | boolean>>({})
   const [priority, setPriority] = useState<'low' | 'medium' | 'high' | 'critical' | ''>('')
@@ -76,6 +78,8 @@ export function TaskSheet() {
         setFile(editing.file || null)
         setTags(editing.tags || [])
         setBlockedBy(editing.blockedBy || [])
+        setDepSearch('')
+        setDepError(null)
         setDueAt(editing.dueAt ? new Date(editing.dueAt).toISOString().slice(0, 10) : '')
         setCustomFields(editing.customFields || {})
         setPriority(editing.priority || '')
@@ -89,6 +93,8 @@ export function TaskSheet() {
         setFile(null)
         setTags([])
         setBlockedBy([])
+        setDepSearch('')
+        setDepError(null)
         setDueAt('')
         setCustomFields({})
         setPriority('')
@@ -119,11 +125,25 @@ export function TaskSheet() {
       customFields: Object.keys(customFields).length > 0 ? customFields : undefined,
       priority: priority || undefined,
     } as Partial<BoardTask> & { title: string; description: string; agentId: string }
-    if (editing) {
-      await updateTask(editing.id, payload)
-    } else {
-      await createTask(payload)
+    try {
+      if (editing) {
+        const res = await updateTask(editing.id, payload)
+        if (res && typeof res === 'object' && 'error' in res) {
+          setDepError(String((res as unknown as Record<string, unknown>).error))
+          return
+        }
+      } else {
+        const res = await createTask(payload)
+        if (res && typeof res === 'object' && 'error' in res) {
+          setDepError(String((res as unknown as Record<string, unknown>).error))
+          return
+        }
+      }
+    } catch (err: unknown) {
+      setDepError(err instanceof Error ? err.message : String(err))
+      return
     }
+    setDepError(null)
     await loadTasks()
     onClose()
   }
@@ -683,18 +703,73 @@ export function TaskSheet() {
       {/* Dependencies */}
       <div className="mb-8">
         <SectionLabel>Blocked By <span className="normal-case tracking-normal font-normal text-text-3">(tasks that must complete first)</span></SectionLabel>
-        <select
-          multiple
-          aria-label="Assign agents"
-          value={blockedBy}
-          onChange={(e) => setBlockedBy(Array.from(e.target.selectedOptions, (o) => o.value))}
-          className="w-full px-4 py-3 rounded-[14px] border border-white/[0.08] bg-surface text-text text-[13px] outline-none min-h-[80px] focus-glow"
-          style={{ fontFamily: 'inherit' }}
-        >
-          {Object.values(tasks)
-            .filter((t) => t.id !== editingId && t.status !== 'archived')
-            .map((t) => <option key={t.id} value={t.id}>{t.title} ({t.status})</option>)}
-        </select>
+        {/* Selected blockers as removable chips */}
+        {blockedBy.length > 0 && (
+          <div className="flex flex-wrap gap-1.5 mb-3">
+            {blockedBy.map((bid) => {
+              const bt = tasks[bid]
+              return (
+                <span key={bid} className="inline-flex items-center gap-1 px-2.5 py-1 rounded-[8px] bg-rose-500/10 text-rose-400 text-[12px] font-600">
+                  {bt ? bt.title : bid}
+                  <button
+                    onClick={() => setBlockedBy((prev) => prev.filter((b) => b !== bid))}
+                    className="text-rose-400/60 hover:text-rose-400 cursor-pointer border-none bg-transparent p-0 text-[14px] leading-none"
+                  >
+                    &times;
+                  </button>
+                </span>
+              )
+            })}
+          </div>
+        )}
+        {/* Searchable dropdown for adding dependencies */}
+        <div className="relative">
+          <input
+            type="text"
+            value={depSearch}
+            onChange={(e) => setDepSearch(e.target.value)}
+            placeholder="Search tasks to add as dependency..."
+            className={inputClass}
+            style={{ fontFamily: 'inherit' }}
+          />
+          {depSearch.trim() && (
+            <div className="absolute z-20 top-full left-0 right-0 mt-1 max-h-[200px] overflow-y-auto rounded-[12px] border border-white/[0.08] bg-surface shadow-xl">
+              {Object.values(tasks)
+                .filter((t) =>
+                  t.id !== editingId &&
+                  t.status !== 'archived' &&
+                  !blockedBy.includes(t.id) &&
+                  t.title.toLowerCase().includes(depSearch.toLowerCase())
+                )
+                .slice(0, 10)
+                .map((t) => (
+                  <button
+                    key={t.id}
+                    onClick={() => {
+                      setBlockedBy((prev) => [...prev, t.id])
+                      setDepSearch('')
+                    }}
+                    className="w-full text-left px-4 py-2.5 text-[13px] text-text-2 hover:bg-surface-2 cursor-pointer border-none bg-transparent transition-colors flex items-center gap-2"
+                    style={{ fontFamily: 'inherit' }}
+                  >
+                    <span className="flex-1 truncate">{t.title}</span>
+                    <span className="text-[10px] text-text-3 shrink-0">({t.status})</span>
+                  </button>
+                ))}
+              {Object.values(tasks).filter((t) =>
+                t.id !== editingId &&
+                t.status !== 'archived' &&
+                !blockedBy.includes(t.id) &&
+                t.title.toLowerCase().includes(depSearch.toLowerCase())
+              ).length === 0 && (
+                <div className="px-4 py-3 text-[13px] text-text-3">No matching tasks</div>
+              )}
+            </div>
+          )}
+        </div>
+        {depError && (
+          <p className="mt-2 text-[12px] text-red-400 font-600">{depError}</p>
+        )}
         {editing && Array.isArray(editing.blocks) && editing.blocks.length > 0 && (
           <div className="mt-3">
             <span className="text-[11px] font-600 text-text-3 uppercase tracking-[0.06em]">Blocks:</span>

package/src/components/usage/metrics-dashboard.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState, useCallback } from 'react'
 import {
-  LineChart, Line, BarChart, Bar, PieChart, Pie, Cell,
+  LineChart, Line, BarChart, Bar, Cell,
   XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend,
 } from 'recharts'
 import { useAppStore } from '@/stores/use-app-store'
@@ -32,7 +32,7 @@ interface UsageResponse {
   records: unknown[]
   totalTokens: number
   totalCost: number
-  byAgent: Record<string, { tokens: number; cost: number }>
+  byAgent: Record<string, { name: string; cost: number; tokens: number; count: number }>
   byProvider: Record<string, { tokens: number; cost: number }>
   timeSeries: TimePoint[]
   providerHealth?: Record<string, ProviderHealthEntry>
@@ -171,8 +171,8 @@ export function MetricsDashboard() {
   const agentData = Object.entries(data?.byAgent ?? {})
     .sort((a, b) => b[1].cost - a[1].cost)
     .slice(0, 10)
-    .map(([name, v]) => ({
-      name: name.length > 12 ? name.slice(0, 12) + '…' : name,
+    .map(([_id, v]) => ({
+      name: v.name.length > 16 ? v.name.slice(0, 16) + '…' : v.name,
       cost: Math.round(v.cost * 10000) / 10000,
     }))
 
@@ -270,32 +270,20 @@ export function MetricsDashboard() {
               )}
             </ChartCard>
 
-            <ChartCard title="Cost by Session">
+            <ChartCard title="Agent Breakdown">
               {agentData.length > 0 ? (
                 <ResponsiveContainer width="100%" height={280}>
-                  <PieChart>
-                    <Pie
-                      data={agentData}
-                      cx="50%"
-                      cy="50%"
-                      innerRadius={60}
-                      outerRadius={100}
-                      paddingAngle={2}
-                      dataKey="cost"
-                      nameKey="name"
-                    >
+                  <BarChart data={agentData} layout="vertical" margin={{ top: 5, right: 20, bottom: 5, left: 0 }}>
+                    <CartesianGrid strokeDasharray="3 3" stroke="rgba(255,255,255,0.06)" horizontal={false} />
+                    <XAxis type="number" tick={{ fill: '#888', fontSize: 11 }} axisLine={false} tickLine={false} tickFormatter={(v: number) => `$${v}`} />
+                    <YAxis type="category" dataKey="name" tick={{ fill: '#888', fontSize: 11 }} axisLine={false} tickLine={false} width={100} />
+                    <Tooltip {...tooltipStyle} formatter={(value: number | undefined) => [formatCost(value ?? 0), 'Cost']} />
+                    <Bar dataKey="cost" radius={[0, 4, 4, 0]}>
                       {agentData.map((_entry, i) => (
                         <Cell key={i} fill={CHART_COLORS[i % CHART_COLORS.length]} />
                       ))}
-                    </Pie>
-                    <Tooltip {...tooltipStyle} formatter={(value: number | undefined) => [formatCost(value ?? 0), 'Cost']} />
-                    <Legend
-                      verticalAlign="bottom"
-                      iconType="circle"
-                      iconSize={8}
-                      formatter={(value: string) => <span style={{ color: '#a0a0b0', fontSize: 11 }}>{value}</span>}
-                    />
-                  </PieChart>
+                    </Bar>
+                  </BarChart>
                 </ResponsiveContainer>
               ) : (
                 <EmptyChart />

package/src/hooks/use-swipe.ts

@@ -0,0 +1,49 @@
+import { useRef, useCallback } from 'react'
+
+interface UseSwipeOptions {
+  onSwipe: (direction: 'left' | 'right') => void
+  /** Only trigger right-swipe from this many pixels from the left edge */
+  edgeWidth?: number
+  /** Minimum horizontal distance to count as a swipe */
+  threshold?: number
+  /** Whether left-swipe is currently allowed (e.g. sidebar is open) */
+  leftSwipeEnabled?: boolean
+}
+
+export function useSwipe({
+  onSwipe,
+  edgeWidth = 40,
+  threshold = 50,
+  leftSwipeEnabled = false,
+}: UseSwipeOptions) {
+  const startX = useRef(0)
+  const startY = useRef(0)
+  const isEdge = useRef(false)
+
+  const onTouchStart = useCallback((e: React.TouchEvent) => {
+    const touch = e.touches[0]
+    startX.current = touch.clientX
+    startY.current = touch.clientY
+    isEdge.current = touch.clientX <= edgeWidth
+  }, [edgeWidth])
+
+  // No-op — we only evaluate on touchend, but callers may wire this for consistency
+  const onTouchMove = useCallback(() => {}, [])
+
+  const onTouchEnd = useCallback((e: React.TouchEvent) => {
+    const touch = e.changedTouches[0]
+    const dx = touch.clientX - startX.current
+    const dy = touch.clientY - startY.current
+    // Ignore if vertical movement dominates
+    if (Math.abs(dy) > Math.abs(dx)) return
+    if (Math.abs(dx) < threshold) return
+
+    if (dx > 0 && isEdge.current) {
+      onSwipe('right')
+    } else if (dx < 0 && leftSwipeEnabled) {
+      onSwipe('left')
+    }
+  }, [threshold, leftSwipeEnabled, onSwipe])
+
+  return { onTouchStart, onTouchMove, onTouchEnd }
+}

package/src/lib/providers/anthropic.ts

@@ -1,6 +1,7 @@
 import fs from 'fs'
 import https from 'https'
 import type { StreamChatOptions } from './index'
+import { PROVIDER_DEFAULTS } from './provider-defaults'
 
 const IMAGE_EXTS = /\.(png|jpg|jpeg|gif|webp|bmp)$/i
 const TEXT_EXTS = /\.(txt|md|csv|json|xml|html|js|ts|tsx|jsx|py|go|rs|java|c|cpp|h|yml|yaml|toml|env|log|sh|sql|css|scss)$/i
@@ -23,7 +24,7 @@ function fileToContentBlocks(filePath: string): any[] {
   return [{ type: 'text', text: `[Attached file: ${filePath.split('/').pop()}]` }]
 }
 
-export function streamAnthropicChat({ session, message, imagePath, imageUrl, apiKey, systemPrompt, write, active, loadHistory, onUsage }: StreamChatOptions): Promise<string> {
+export function streamAnthropicChat({ session, message, imagePath, imageUrl, apiKey, systemPrompt, write, active, loadHistory, onUsage, signal }: StreamChatOptions): Promise<string> {
   return new Promise((resolve) => {
     const messages = buildMessages(session, message, imagePath, loadHistory, imageUrl)
     const model = session.model || 'claude-sonnet-4-6'
@@ -43,9 +44,21 @@ export function streamAnthropicChat({ session, message, imagePath, imageUrl, api
     const payload = JSON.stringify(body)
     const abortController = { aborted: false }
     let fullResponse = ''
+    let apiReqRef: ReturnType<typeof https.request> | null = null
+
+    if (signal) {
+      if (signal.aborted) {
+        abortController.aborted = true
+      } else {
+        signal.addEventListener('abort', () => {
+          abortController.aborted = true
+          apiReqRef?.destroy()
+        }, { once: true })
+      }
+    }
 
     const apiReq = https.request({
-      hostname: 'api.anthropic.com',
+      hostname: PROVIDER_DEFAULTS.anthropic,
       path: '/v1/messages',
       method: 'POST',
       headers: {
@@ -109,6 +122,7 @@ export function streamAnthropicChat({ session, message, imagePath, imageUrl, api
       })
     })
 
+    apiReqRef = apiReq
     active.set(session.id, { kill: () => { abortController.aborted = true; apiReq.destroy() } })
 
     apiReq.on('error', (e) => {

package/src/lib/providers/claude-cli.ts

@@ -24,7 +24,7 @@ function findClaude(): string {
 
 const CLAUDE = findClaude()
 
-export function streamClaudeCliChat({ session, message, imagePath, systemPrompt, write, active }: StreamChatOptions): Promise<string> {
+export function streamClaudeCliChat({ session, message, imagePath, systemPrompt, write, active, signal }: StreamChatOptions): Promise<string> {
   const processTimeoutMs = loadRuntimeSettings().cliProcessTimeoutMs
   let prompt = message
   if (imagePath) {
@@ -108,6 +108,12 @@ export function streamClaudeCliChat({ session, message, imagePath, systemPrompt,
   proc.stdin!.end()
 
   active.set(session.id, proc)
+
+  if (signal) {
+    if (signal.aborted) { proc.kill(); }
+    else signal.addEventListener('abort', () => { proc.kill() }, { once: true })
+  }
+
   let fullResponse = ''
   let buf = ''
   let eventCount = 0

package/src/lib/providers/index.ts

@@ -29,6 +29,8 @@ export interface StreamChatOptions {
   active: Map<string, any>
   loadHistory: (sessionId: string) => any[]
   onUsage?: (usage: StreamChatUsage) => void
+  /** Abort signal from the caller — providers should use this to cancel in-flight requests. */
+  signal?: AbortSignal
 }
 
 interface BuiltinProviderConfig extends ProviderInfo {
@@ -351,6 +353,11 @@ export async function streamChatWithFailover(
           t: 'md',
           text: JSON.stringify({ failover: { from: credId, reason: err.message?.slice(0, 100) } }),
         })}\n\n`)
+        // Exponential backoff for rate-limit / server errors (skip for auth rotation)
+        if (statusCode !== 401) {
+          const delay = Math.min(500 * Math.pow(2, i), 8000)
+          await new Promise((r) => setTimeout(r, delay))
+        }
         continue
       }
       throw err

package/src/lib/providers/ollama.ts

@@ -2,16 +2,17 @@ import fs from 'fs'
 import http from 'http'
 import https from 'https'
 import type { StreamChatOptions } from './index'
+import { PROVIDER_DEFAULTS } from './provider-defaults'
 
 const IMAGE_EXTS = /\.(png|jpg|jpeg|gif|webp|bmp)$/i
 const TEXT_EXTS = /\.(txt|md|csv|json|xml|html|js|ts|tsx|jsx|py|go|rs|java|c|cpp|h|yml|yaml|toml|env|log|sh|sql|css|scss)$/i
 
-export function streamOllamaChat({ session, message, imagePath, apiKey, write, active, loadHistory, onUsage }: StreamChatOptions): Promise<string> {
+export function streamOllamaChat({ session, message, imagePath, apiKey, write, active, loadHistory, onUsage, signal }: StreamChatOptions): Promise<string> {
   return new Promise((resolve) => {
     const messages = buildMessages(session, message, imagePath, loadHistory)
     const model = session.model || 'llama3'
     // Cloud: no endpoint but API key present → use Ollama cloud
-    const endpoint = session.apiEndpoint || (apiKey ? 'https://ollama.com' : 'http://localhost:11434')
+    const endpoint = session.apiEndpoint || (apiKey ? PROVIDER_DEFAULTS.ollamaCloud : PROVIDER_DEFAULTS.ollama)
 
     const parsed = new URL(endpoint)
     const isHttps = parsed.protocol === 'https:'
@@ -26,6 +27,18 @@ export function streamOllamaChat({ session, message, imagePath, apiKey, write, a
 
     const abortController = { aborted: false }
     let fullResponse = ''
+    let apiReqRef: ReturnType<typeof http.request> | null = null
+
+    if (signal) {
+      if (signal.aborted) {
+        abortController.aborted = true
+      } else {
+        signal.addEventListener('abort', () => {
+          abortController.aborted = true
+          apiReqRef?.destroy()
+        }, { once: true })
+      }
+    }
 
     const headers: Record<string, string> = {
       'Content-Type': 'application/json',
@@ -87,6 +100,7 @@ export function streamOllamaChat({ session, message, imagePath, apiKey, write, a
       })
     })
 
+    apiReqRef = apiReq
     active.set(session.id, { kill: () => { abortController.aborted = true; apiReq.destroy() } })
 
     apiReq.on('error', (e: NodeJS.ErrnoException) => {

package/src/lib/providers/openai.ts

@@ -1,5 +1,6 @@
 import fs from 'fs'
 import type { StreamChatOptions } from './index'
+import { PROVIDER_DEFAULTS } from './provider-defaults'
 
 const IMAGE_EXTS = /\.(png|jpg|jpeg|gif|webp|bmp)$/i
 const TEXT_EXTS = /\.(txt|md|csv|json|xml|html|js|ts|tsx|jsx|py|go|rs|java|c|cpp|h|yml|yaml|toml|env|log|sh|sql|css|scss)$/i
@@ -43,7 +44,7 @@ async function fileToContentParts(filePath: string): Promise<any[]> {
   return [{ type: 'text', text: `[Attached file: ${name}]` }]
 }
 
-export function streamOpenAiChat({ session, message, imagePath, imageUrl, apiKey, systemPrompt, write, active, loadHistory, onUsage }: StreamChatOptions): Promise<string> {
+export function streamOpenAiChat({ session, message, imagePath, imageUrl, apiKey, systemPrompt, write, active, loadHistory, onUsage, signal }: StreamChatOptions): Promise<string> {
   return new Promise(async (resolve) => {
     const messages = await buildMessages(session, message, imagePath, systemPrompt, loadHistory, imageUrl)
     const model = session.model || 'gpt-4o'
@@ -58,7 +59,7 @@ export function streamOpenAiChat({ session, message, imagePath, imageUrl, apiKey
     let fullResponse = ''
 
     // Support custom base URLs for custom providers
-    const baseUrl = session.apiEndpoint || 'https://api.openai.com/v1'
+    const baseUrl = session.apiEndpoint || PROVIDER_DEFAULTS.openai
     const url = `${baseUrl.replace(/\/+$/, '')}/chat/completions`
 
     // OpenClaw endpoints behind Hostinger's proxy use express.json() middleware
@@ -67,6 +68,10 @@ export function streamOpenAiChat({ session, message, imagePath, imageUrl, apiKey
     const contentType = session.contentType || 'application/json'
 
     const abortController = new AbortController()
+    if (signal) {
+      if (signal.aborted) abortController.abort()
+      else signal.addEventListener('abort', () => abortController.abort(), { once: true })
+    }
     active.set(session.id, { kill: () => abortController.abort() })
 
     try {

package/src/lib/providers/openclaw.ts

@@ -279,7 +279,7 @@ async function connectToGateway(
 
 // --- Provider ---
 
-export function streamOpenClawChat({ session, message, imagePath, apiKey, write, active }: StreamChatOptions): Promise<string> {
+export function streamOpenClawChat({ session, message, imagePath, apiKey, write, active, signal }: StreamChatOptions): Promise<string> {
   let prompt = message
   if (imagePath) {
     prompt = `[The user has shared an image at: ${imagePath}]\n\n${message}`
@@ -316,6 +316,11 @@ export function streamOpenClawChat({ session, message, imagePath, apiKey, write,
 
       active.set(session.id, { kill: () => { ws.close(); clearTimeout(timeout); finish('Aborted.') } })
 
+      if (signal) {
+        if (signal.aborted) { ws.close(); clearTimeout(timeout); finish('Aborted.'); return }
+        signal.addEventListener('abort', () => { ws.close(); clearTimeout(timeout); finish('Aborted.') }, { once: true })
+      }
+
       const agentReqId = randomUUID()
       ws.send(JSON.stringify({
         type: 'req',

package/src/lib/providers/provider-defaults.ts

@@ -0,0 +1,7 @@
+/** Default base URLs for built-in LLM providers */
+export const PROVIDER_DEFAULTS = {
+  openai: 'https://api.openai.com/v1',
+  anthropic: 'api.anthropic.com',
+  ollama: 'http://localhost:11434',
+  ollamaCloud: 'https://ollama.com',
+} as const

package/src/lib/schedule-templates.ts

@@ -0,0 +1,115 @@
+export interface ScheduleTemplate {
+  id: string
+  name: string
+  description: string
+  icon: string
+  category: 'monitoring' | 'reporting' | 'maintenance' | 'content'
+  defaults: {
+    taskPrompt: string
+    scheduleType: 'cron' | 'interval'
+    cron?: string
+    intervalMs?: number
+  }
+}
+
+export const SCHEDULE_TEMPLATES: ScheduleTemplate[] = [
+  {
+    id: 'daily-digest',
+    name: 'Daily Digest',
+    description: 'Summarize activity from the past 24 hours each morning',
+    icon: 'Newspaper',
+    category: 'reporting',
+    defaults: {
+      taskPrompt: 'Summarize all notable activity, events, and updates from the past 24 hours. Highlight key metrics, completed tasks, and anything that needs attention.',
+      scheduleType: 'cron',
+      cron: '0 9 * * *',
+    },
+  },
+  {
+    id: 'weekly-report',
+    name: 'Weekly Report',
+    description: 'Generate a weekly metrics and progress report every Monday',
+    icon: 'BarChart3',
+    category: 'reporting',
+    defaults: {
+      taskPrompt: 'Generate a comprehensive weekly report covering key metrics, completed tasks, ongoing work, blockers, and recommendations for the coming week.',
+      scheduleType: 'cron',
+      cron: '0 10 * * 1',
+    },
+  },
+  {
+    id: 'health-monitor',
+    name: 'Health Monitor',
+    description: 'Check system health and service status every 5 minutes',
+    icon: 'HeartPulse',
+    category: 'monitoring',
+    defaults: {
+      taskPrompt: 'Perform a system health check. Verify all services are running, check resource usage (CPU, memory, disk), and report any anomalies or degraded performance.',
+      scheduleType: 'interval',
+      intervalMs: 300000,
+    },
+  },
+  {
+    id: 'content-generation',
+    name: 'Content Generation',
+    description: 'Generate daily content such as posts, summaries, or briefs',
+    icon: 'PenLine',
+    category: 'content',
+    defaults: {
+      taskPrompt: 'Generate fresh content based on current trends and recent activity. Create a well-structured draft ready for review and publishing.',
+      scheduleType: 'cron',
+      cron: '0 8 * * *',
+    },
+  },
+  {
+    id: 'data-cleanup',
+    name: 'Data Cleanup',
+    description: 'Run weekly cleanup of stale data and temporary files',
+    icon: 'Trash2',
+    category: 'maintenance',
+    defaults: {
+      taskPrompt: 'Identify and clean up stale data, expired records, orphaned files, and temporary resources. Log what was removed and any issues encountered.',
+      scheduleType: 'cron',
+      cron: '0 2 * * 0',
+    },
+  },
+  {
+    id: 'metric-snapshot',
+    name: 'Metric Snapshot',
+    description: 'Capture an hourly snapshot of key metrics and KPIs',
+    icon: 'Activity',
+    category: 'monitoring',
+    defaults: {
+      taskPrompt: 'Capture a snapshot of all key metrics and KPIs. Record current values, compare against previous snapshots, and flag any significant changes or threshold breaches.',
+      scheduleType: 'interval',
+      intervalMs: 3600000,
+    },
+  },
+  {
+    id: 'security-audit',
+    name: 'Security Audit',
+    description: 'Run a daily security scan and vulnerability check',
+    icon: 'ShieldCheck',
+    category: 'monitoring',
+    defaults: {
+      taskPrompt: 'Perform a security audit. Check for unusual access patterns, review authentication logs, scan for known vulnerabilities, and report any security concerns.',
+      scheduleType: 'cron',
+      cron: '0 0 * * *',
+    },
+  },
+  {
+    id: 'backup-check',
+    name: 'Backup Check',
+    description: 'Verify backup integrity and completeness daily',
+    icon: 'DatabaseBackup',
+    category: 'maintenance',
+    defaults: {
+      taskPrompt: 'Verify that all scheduled backups completed successfully. Check backup integrity, storage usage, and retention policy compliance. Alert on any failures.',
+      scheduleType: 'cron',
+      cron: '0 3 * * *',
+    },
+  },
+]
+
+/** Subset of templates to feature in the empty state */
+export const FEATURED_TEMPLATE_IDS = ['daily-digest', 'health-monitor', 'content-generation'] as const