@swarmclawai/swarmclaw 1.5.53 → 1.5.55

package/src/components/missions/mission-template-gallery.tsx

@@ -0,0 +1,113 @@
+'use client'
+
+import { useMemo, useState } from 'react'
+import type { MissionTemplate, MissionTemplateCategory } from '@/types'
+
+const CATEGORY_LABELS: Record<MissionTemplateCategory, string> = {
+  research: 'Research',
+  communication: 'Communication',
+  monitoring: 'Monitoring',
+  productivity: 'Productivity',
+  support: 'Support',
+}
+
+interface Props {
+  templates: MissionTemplate[]
+  onInstall: (template: MissionTemplate) => void
+}
+
+export function MissionTemplateGallery({ templates, onInstall }: Props) {
+  const [category, setCategory] = useState<'all' | MissionTemplateCategory>('all')
+
+  const categories = useMemo(() => {
+    const seen = new Set<MissionTemplateCategory>()
+    for (const template of templates) seen.add(template.category)
+    return Array.from(seen)
+  }, [templates])
+
+  const filtered = useMemo(() => {
+    if (category === 'all') return templates
+    return templates.filter((t) => t.category === category)
+  }, [templates, category])
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div>
+        <h2 className="text-[15px] font-700 text-text">Start from a template</h2>
+        <p className="text-[12px] text-text-3 mt-1">
+          Pre-wired goals, budgets, and report schedules. Tweak anything before you install.
+        </p>
+      </div>
+
+      <div className="flex flex-wrap gap-1.5">
+        <FilterChip active={category === 'all'} onClick={() => setCategory('all')} label="All" />
+        {categories.map((c) => (
+          <FilterChip
+            key={c}
+            active={category === c}
+            onClick={() => setCategory(c)}
+            label={CATEGORY_LABELS[c]}
+          />
+        ))}
+      </div>
+
+      <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
+        {filtered.map((template) => (
+          <TemplateCard key={template.id} template={template} onInstall={() => onInstall(template)} />
+        ))}
+      </div>
+    </div>
+  )
+}
+
+function FilterChip({ active, onClick, label }: { active: boolean; onClick: () => void; label: string }) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={`text-[11px] font-600 px-2.5 py-1 rounded-full border transition-colors ${
+        active
+          ? 'border-emerald-500/40 bg-emerald-500/15 text-emerald-200'
+          : 'border-white/[0.08] bg-white/[0.02] text-text-3 hover:border-white/[0.16] hover:text-text'
+      }`}
+    >
+      {label}
+    </button>
+  )
+}
+
+function TemplateCard({ template, onInstall }: { template: MissionTemplate; onInstall: () => void }) {
+  return (
+    <button
+      type="button"
+      onClick={onInstall}
+      className="text-left group flex flex-col gap-3 rounded-[14px] border border-white/[0.06] bg-white/[0.02] px-4 py-4 transition-all hover:border-white/[0.16] hover:bg-white/[0.04]"
+    >
+      <div className="flex items-start gap-3">
+        <span className="text-[22px] leading-none" aria-hidden>{template.icon}</span>
+        <div className="flex-1 min-w-0">
+          <div className="text-[13px] font-700 text-text">{template.name}</div>
+          <div className="text-[10px] uppercase tracking-wide text-text-3/70 mt-0.5">
+            {CATEGORY_LABELS[template.category]}
+          </div>
+        </div>
+      </div>
+      <div className="text-[12px] text-text-3 leading-[1.55] line-clamp-3">{template.description}</div>
+      <div className="flex items-center justify-between mt-auto">
+        <div className="flex flex-wrap gap-1">
+          {template.tags.slice(0, 3).map((tag) => (
+            <span
+              key={tag}
+              className="text-[10px] text-text-3/70 px-1.5 py-0.5 rounded border border-white/[0.06] bg-white/[0.02]"
+            >
+              {tag}
+            </span>
+          ))}
+        </div>
+        <span className="text-[11px] font-600 text-emerald-300 group-hover:text-emerald-200">
+          Install →
+        </span>
+      </div>
+    </button>
+  )
+}

package/src/components/missions/mission-template-install-dialog.tsx

@@ -0,0 +1,283 @@
+'use client'
+
+import { useEffect, useMemo, useState } from 'react'
+import { HintTip } from '@/components/shared/hint-tip'
+import { AdvancedSettingsSection } from '@/components/shared/advanced-settings-section'
+import { inputClass } from '@/components/shared/form-styles'
+import type { MissionTemplate, Session } from '@/types'
+import { toast } from 'sonner'
+
+export interface InstantiateInput {
+  rootSessionId: string
+  overrides: {
+    title: string
+    goal: string
+    successCriteria: string[]
+    budget: {
+      maxUsd: number | null
+      maxTokens: number | null
+      maxWallclockSec: number | null
+      maxTurns: number | null
+    }
+    reportSchedule: { intervalSec: number; format: 'markdown'; enabled: boolean } | null
+  }
+}
+
+interface Props {
+  template: MissionTemplate | null
+  sessions: Session[]
+  onClose: () => void
+  onInstall: (template: MissionTemplate, input: InstantiateInput) => Promise<void>
+}
+
+function formatDuration(sec: number | null | undefined): string {
+  if (sec == null) return '-'
+  if (sec < 60) return `${sec}s`
+  if (sec < 3600) return `${Math.round(sec / 60)}m`
+  if (sec < 86_400) return `${Math.round(sec / 3600)}h`
+  return `${Math.round(sec / 86_400)}d`
+}
+
+function numOrNull(s: string): number | null {
+  const n = Number.parseFloat(s)
+  return Number.isFinite(n) && n > 0 ? n : null
+}
+
+function intOrNull(s: string): number | null {
+  const n = numOrNull(s)
+  return n == null ? null : Math.round(n)
+}
+
+export function MissionTemplateInstallDialog({ template, sessions, onClose, onInstall }: Props) {
+  const [title, setTitle] = useState('')
+  const [goal, setGoal] = useState('')
+  const [criteriaText, setCriteriaText] = useState('')
+  const [rootSessionId, setRootSessionId] = useState('')
+  const [advancedOpen, setAdvancedOpen] = useState(false)
+  const [maxUsd, setMaxUsd] = useState('')
+  const [maxTokens, setMaxTokens] = useState('')
+  const [maxWallclockSec, setMaxWallclockSec] = useState('')
+  const [maxTurns, setMaxTurns] = useState('')
+  const [reportsEnabled, setReportsEnabled] = useState(true)
+  const [reportIntervalMin, setReportIntervalMin] = useState('')
+  const [busy, setBusy] = useState(false)
+
+  useEffect(() => {
+    if (!template) return
+    setTitle(template.defaults.title)
+    setGoal(template.defaults.goal)
+    setCriteriaText(template.defaults.successCriteria.join('\n'))
+    setMaxUsd(template.defaults.budget.maxUsd != null ? String(template.defaults.budget.maxUsd) : '')
+    setMaxTokens(template.defaults.budget.maxTokens != null ? String(template.defaults.budget.maxTokens) : '')
+    setMaxWallclockSec(template.defaults.budget.maxWallclockSec != null ? String(template.defaults.budget.maxWallclockSec) : '')
+    setMaxTurns(template.defaults.budget.maxTurns != null ? String(template.defaults.budget.maxTurns) : '')
+    setReportsEnabled(template.defaults.reportSchedule?.enabled ?? false)
+    setReportIntervalMin(
+      template.defaults.reportSchedule?.intervalSec != null
+        ? String(Math.round(template.defaults.reportSchedule.intervalSec / 60))
+        : '60',
+    )
+    setAdvancedOpen(false)
+  }, [template])
+
+  useEffect(() => {
+    if (!rootSessionId && sessions.length > 0) setRootSessionId(sessions[0].id)
+  }, [sessions, rootSessionId])
+
+  const badges = useMemo(() => {
+    if (!template) return []
+    const out: string[] = []
+    if (template.defaults.budget.maxUsd != null) out.push(`$${template.defaults.budget.maxUsd} cap`)
+    if (template.defaults.budget.maxTurns != null) out.push(`${template.defaults.budget.maxTurns} turns`)
+    if (template.defaults.budget.maxWallclockSec != null) out.push(formatDuration(template.defaults.budget.maxWallclockSec))
+    if (template.defaults.reportSchedule) out.push(`Reports every ${formatDuration(template.defaults.reportSchedule.intervalSec)}`)
+    return out
+  }, [template])
+
+  if (!template) return null
+
+  const submit = async () => {
+    if (!rootSessionId) {
+      toast.error('Pick a session to drive this mission')
+      return
+    }
+    if (!title.trim() || !goal.trim()) {
+      toast.error('Title and goal are required')
+      return
+    }
+    setBusy(true)
+    try {
+      const successCriteria = criteriaText.split('\n').map((s) => s.trim()).filter(Boolean)
+      const intervalMin = numOrNull(reportIntervalMin) ?? 60
+      await onInstall(template, {
+        rootSessionId,
+        overrides: {
+          title: title.trim(),
+          goal: goal.trim(),
+          successCriteria,
+          budget: {
+            maxUsd: numOrNull(maxUsd),
+            maxTokens: intOrNull(maxTokens),
+            maxWallclockSec: intOrNull(maxWallclockSec),
+            maxTurns: intOrNull(maxTurns),
+          },
+          reportSchedule: reportsEnabled
+            ? { intervalSec: Math.round(intervalMin * 60), format: 'markdown', enabled: true }
+            : null,
+        },
+      })
+      onClose()
+    } catch (error) {
+      toast.error(`Install failed: ${error instanceof Error ? error.message : String(error)}`)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4" onClick={onClose}>
+      <div
+        className="w-full max-w-xl rounded-[14px] border border-white/[0.08] bg-bg shadow-[0_24px_64px_rgba(0,0,0,0.6)] p-5 max-h-[92vh] overflow-y-auto"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="flex items-start gap-3 mb-4">
+          <span className="text-[28px] leading-none" aria-hidden>{template.icon}</span>
+          <div className="min-w-0 flex-1">
+            <div className="text-[15px] font-700 text-text">{template.name}</div>
+            <div className="text-[12px] text-text-3 leading-[1.5] mt-1">{template.description}</div>
+            {badges.length > 0 && (
+              <div className="mt-2.5 flex flex-wrap gap-1.5">
+                {badges.map((badge) => (
+                  <span
+                    key={badge}
+                    className="text-[10px] font-600 px-1.5 py-0.5 rounded border border-white/[0.08] bg-white/[0.02] text-text-3"
+                  >
+                    {badge}
+                  </span>
+                ))}
+              </div>
+            )}
+          </div>
+        </div>
+
+        {template.setupNote && (
+          <div className="mb-4 text-[11px] text-amber-200/90 bg-amber-500/10 border border-amber-500/20 rounded-[10px] px-3 py-2 leading-[1.5]">
+            <span className="font-700">Setup: </span>
+            {template.setupNote}
+          </div>
+        )}
+
+        <div className="flex flex-col gap-3">
+          <label className="flex flex-col gap-1">
+            <span className="text-[11px] text-text-3">Title</span>
+            <input value={title} onChange={(e) => setTitle(e.target.value)} className={inputClass} />
+          </label>
+
+          <label className="flex flex-col gap-1">
+            <span className="text-[11px] text-text-3 inline-flex items-center gap-1">
+              Goal <HintTip text="The natural-language objective your team will work on." />
+            </span>
+            <textarea
+              value={goal}
+              onChange={(e) => setGoal(e.target.value)}
+              rows={4}
+              className={`${inputClass} resize-none`}
+            />
+          </label>
+
+          <label className="flex flex-col gap-1">
+            <span className="text-[11px] text-text-3 inline-flex items-center gap-1">
+              Root session <HintTip text="The session whose heartbeat drives this mission." />
+            </span>
+            <select value={rootSessionId} onChange={(e) => setRootSessionId(e.target.value)} className={inputClass}>
+              {sessions.length === 0 && <option value="">No sessions available. Create a chat first.</option>}
+              {sessions.map((s) => (
+                <option key={s.id} value={s.id}>
+                  {s.name || s.id}
+                </option>
+              ))}
+            </select>
+          </label>
+        </div>
+
+        <div className="mt-4">
+          <AdvancedSettingsSection
+            open={advancedOpen}
+            onToggle={() => setAdvancedOpen((o) => !o)}
+            summary="Budgets, criteria, reports"
+          >
+            <div className="flex flex-col gap-4">
+              <label className="flex flex-col gap-1">
+                <span className="text-[11px] text-text-3 inline-flex items-center gap-1">
+                  Success criteria <HintTip text="One per line. Used in reports and final verification." />
+                </span>
+                <textarea
+                  value={criteriaText}
+                  onChange={(e) => setCriteriaText(e.target.value)}
+                  rows={4}
+                  className={`${inputClass} resize-none`}
+                />
+              </label>
+
+              <div className="grid grid-cols-2 gap-3">
+                <label className="flex flex-col gap-1">
+                  <span className="text-[11px] text-text-3 inline-flex items-center gap-1">
+                    Max USD <HintTip text="Hard spend cap. Leave blank for no limit." />
+                  </span>
+                  <input value={maxUsd} onChange={(e) => setMaxUsd(e.target.value)} className={inputClass} inputMode="decimal" />
+                </label>
+                <label className="flex flex-col gap-1">
+                  <span className="text-[11px] text-text-3">Max tokens</span>
+                  <input value={maxTokens} onChange={(e) => setMaxTokens(e.target.value)} className={inputClass} inputMode="numeric" />
+                </label>
+                <label className="flex flex-col gap-1">
+                  <span className="text-[11px] text-text-3 inline-flex items-center gap-1">
+                    Max wallclock (sec) <HintTip text="Scheduler aborts after this many seconds of elapsed wallclock." />
+                  </span>
+                  <input value={maxWallclockSec} onChange={(e) => setMaxWallclockSec(e.target.value)} className={inputClass} inputMode="numeric" />
+                </label>
+                <label className="flex flex-col gap-1">
+                  <span className="text-[11px] text-text-3">Max turns</span>
+                  <input value={maxTurns} onChange={(e) => setMaxTurns(e.target.value)} className={inputClass} inputMode="numeric" />
+                </label>
+              </div>
+
+              <div className="rounded-[10px] border border-white/[0.06] bg-white/[0.02] px-3 py-2.5">
+                <div className="text-[11px] font-600 text-text-3 uppercase tracking-wide mb-1.5">Periodic reports</div>
+                <label className="flex items-center gap-2 flex-wrap">
+                  <input type="checkbox" checked={reportsEnabled} onChange={(e) => setReportsEnabled(e.target.checked)} />
+                  <span className="text-[11px] text-text-3">Send a markdown progress report every</span>
+                  <input
+                    disabled={!reportsEnabled}
+                    value={reportIntervalMin}
+                    onChange={(e) => setReportIntervalMin(e.target.value)}
+                    className={`${inputClass} w-16`}
+                    inputMode="numeric"
+                  />
+                  <span className="text-[11px] text-text-3">minutes</span>
+                </label>
+              </div>
+            </div>
+          </AdvancedSettingsSection>
+        </div>
+
+        <div className="mt-5 flex items-center justify-end gap-2">
+          <button
+            onClick={onClose}
+            className="text-[12px] px-3 py-1.5 rounded border border-white/[0.08] hover:bg-white/[0.04]"
+            disabled={busy}
+          >
+            Cancel
+          </button>
+          <button
+            onClick={submit}
+            disabled={busy}
+            className="text-[12px] font-600 px-3 py-1.5 rounded bg-emerald-500/20 text-emerald-300 border border-emerald-500/30 hover:bg-emerald-500/25 disabled:opacity-40"
+          >
+            {busy ? 'Installing…' : 'Install mission'}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}

package/src/lib/server/agents/agent-service.ts

@@ -207,11 +207,19 @@ export function createAgent(input: {
 export function updateAgent(agentId: string, body: Record<string, unknown>): Agent | null {
   const updated = patchAgent(agentId, (current) => {
     if (!current) return null
+    if (body.projectId === undefined && Array.isArray(body.projectIds) && body.projectIds.length > 0) {
+      const first = body.projectIds[0]
+      if (typeof first === 'string' && first.trim()) {
+        body.projectId = first.trim()
+      }
+    }
     const agent = { ...current, ...body, updatedAt: Date.now() }
     if (body.tools !== undefined || body.extensions !== undefined) {
+      // Fall back to `current` (pre-spread) so a non-array body value does not
+      // clobber the existing list via `{...current, ...body}` above.
       const nextSelection = normalizeCapabilitySelection({
-        tools: Array.isArray(body.tools) ? body.tools : agent.tools,
-        extensions: Array.isArray(body.extensions) ? body.extensions : agent.extensions,
+        tools: Array.isArray(body.tools) ? body.tools : current.tools,
+        extensions: Array.isArray(body.extensions) ? body.extensions : current.extensions,
       })
       agent.tools = nextSelection.tools
       agent.extensions = nextSelection.extensions

package/src/lib/server/agents/main-agent-loop-advanced.test.ts

@@ -668,6 +668,42 @@ describe('main-agent-loop advanced', () => {
     assert.equal(result, '')
   })
 
+  it('stripMainLoopMetaForPersistence strips trailing factsUpsert / isIncomplete blobs glued to assistant text', () => {
+    const input = 'The 8th Fibonacci number is **13**.{"isIncomplete": false, "confidence": 1.0}{"factsUpsert":[{"statement":"The 8th Fibonacci number is 13.","source":"assistant","status":"active","evidenceIds":[]}]}'
+    const result = stripMainLoopMetaForPersistence(input)
+    assert.ok(!result.includes('factsUpsert'), 'factsUpsert payload removed')
+    assert.ok(!result.includes('isIncomplete'), 'isIncomplete payload removed')
+    assert.ok(result.includes('The 8th Fibonacci number is **13**.'), 'visible answer preserved')
+  })
+
+  it('stripMainLoopMetaForPersistence preserves benign user-facing JSON snippets', () => {
+    const benign = [
+      'Here is the example config you asked for:',
+      '{"port":3000,"host":"localhost","tls":{"enabled":true}}',
+      'And a smaller variant:',
+      '{"status":"ok","goal":"render"}',
+      '{"confidence":0.9,"score":0.7}',
+    ].join('\n')
+    const result = stripMainLoopMetaForPersistence(benign)
+    assert.ok(result.includes('"port":3000'), 'config block preserved')
+    assert.ok(result.includes('"status":"ok"'), 'status snippet preserved')
+    assert.ok(result.includes('"confidence":0.9,"score":0.7'), 'confidence-only blob preserved')
+  })
+
+  it('stripMainLoopMetaForPersistence strips multi-line working-state JSON', () => {
+    const input = [
+      'Here is the answer.',
+      '{',
+      '  "factsUpsert": [',
+      '    { "statement": "x", "source": "assistant", "status": "active", "evidenceIds": [] }',
+      '  ]',
+      '}',
+    ].join('\n')
+    const result = stripMainLoopMetaForPersistence(input)
+    assert.ok(!result.includes('factsUpsert'), 'multi-line blob removed')
+    assert.ok(result.includes('Here is the answer.'), 'visible answer preserved')
+  })
+
   // ─────────────────────────────────────────────────────────────────────
   // 9. Status transitions (direct import via subprocess for state access)
   // ─────────────────────────────────────────────────────────────────────

package/src/lib/server/agents/main-agent-loop.ts

@@ -1113,22 +1113,129 @@ export function buildMainLoopHeartbeatPrompt(session: unknown, fallbackPrompt: s
   ].filter(Boolean).join('\n')
 }
 
+import { z } from 'zod'
+import { WorkingStatePatchSchema } from '@/lib/server/working-state/normalization'
+import { MessageClassificationSchema } from '@/lib/server/chat-execution/message-classifier'
+import { ResponseCompletenessSchema } from '@/lib/server/chat-execution/response-completeness'
+
+// Side-channel classifier outputs that occasionally bleed into the visible
+// assistant text from cloud models. Each rule pairs a zod schema with at
+// least one distinctive field so unrelated JSON the user actually wants to
+// see (config blobs, API examples, snippets like {"status":"ok"}) stays in
+// the message instead of being silently scrubbed.
+const QualityScoreSchema = z.object({
+  quality_score: z.number(),
+  quality_reasoning: z.string(),
+}).passthrough()
+
+interface InternalPayloadRule {
+  schema: z.ZodType<unknown>
+  distinctiveKeys: string[]
+}
+
+const INTERNAL_PAYLOAD_RULES: InternalPayloadRule[] = [
+  {
+    schema: WorkingStatePatchSchema,
+    distinctiveKeys: [
+      'factsUpsert',
+      'artifactsUpsert',
+      'planSteps',
+      'decisionsAppend',
+      'blockersUpsert',
+      'questionsUpsert',
+      'hypothesesUpsert',
+      'supersedeIds',
+    ],
+  },
+  {
+    schema: MessageClassificationSchema,
+    distinctiveKeys: ['taskIntent', 'isLightweightDirectChat', 'isDeliverableTask'],
+  },
+  {
+    schema: ResponseCompletenessSchema,
+    distinctiveKeys: ['isIncomplete'],
+  },
+  {
+    schema: QualityScoreSchema,
+    distinctiveKeys: ['quality_score'],
+  },
+]
+
+function objectIsInternalMetadata(obj: Record<string, unknown>): boolean {
+  for (const { schema, distinctiveKeys } of INTERNAL_PAYLOAD_RULES) {
+    if (!distinctiveKeys.some((key) => key in obj)) continue
+    if (schema.safeParse(obj).success) return true
+  }
+  return false
+}
+
 function isInternalMetadataJson(line: string): boolean {
   const trimmed = line.trim()
   if (!trimmed.startsWith('{') || !trimmed.endsWith('}')) return false
   try {
     const obj = JSON.parse(trimmed)
     if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) return false
-    if ('isDeliverableTask' in obj && 'confidence' in obj) return true
-    if ('quality_score' in obj && 'quality_reasoning' in obj) return true
-    return false
+    return objectIsInternalMetadata(obj as Record<string, unknown>)
   } catch {
     return false
   }
 }
 
+function findBalancedJsonObjectEnd(text: string, start: number): number {
+  if (text.charAt(start) !== '{') return -1
+  let depth = 0
+  let inString = false
+  let escaped = false
+  for (let i = start; i < text.length; i += 1) {
+    const c = text.charAt(i)
+    if (inString) {
+      if (escaped) escaped = false
+      else if (c === '\\') escaped = true
+      else if (c === '"') inString = false
+      continue
+    }
+    if (c === '"') {
+      inString = true
+      continue
+    }
+    if (c === '{') depth += 1
+    else if (c === '}') {
+      depth -= 1
+      if (depth === 0) return i + 1
+    }
+  }
+  return -1
+}
+
+function stripInternalJsonBlobs(text: string): string {
+  let out = text || ''
+  for (let guard = 0; guard < 16; guard += 1) {
+    let removed = false
+    for (let i = 0; i < out.length; i += 1) {
+      if (out.charAt(i) !== '{') continue
+      const end = findBalancedJsonObjectEnd(out, i)
+      if (end <= i) continue
+      const candidate = out.slice(i, end)
+      let parsed: unknown
+      try {
+        parsed = JSON.parse(candidate)
+      } catch {
+        continue
+      }
+      if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) continue
+      if (!objectIsInternalMetadata(parsed as Record<string, unknown>)) continue
+      out = (out.slice(0, i).replace(/\s+$/, '') + ' ' + out.slice(end).replace(/^\s+/, '')).trim()
+      removed = true
+      break
+    }
+    if (!removed) break
+  }
+  return out
+}
+
 export function stripMainLoopMetaForPersistence(text: string): string {
-  return (text || '')
+  const withoutBlobs = stripInternalJsonBlobs(text || '')
+  return withoutBlobs
     .split('\n')
     .filter((line) => !LEGACY_META_LINE_RE.test(line) && !isInternalMetadataJson(line))
     .join('\n')