@swarmclawai/swarmclaw 0.7.1 → 0.7.3

package/src/components/connectors/connector-sheet.tsx

@@ -30,6 +30,29 @@ function linkify(text: string) {
   })
 }
 
+interface ConnectorDoctorPolicyPreview {
+  scope?: string
+  replyMode?: string
+  threadBinding?: string
+  groupPolicy?: string
+  resetMode?: string
+  idleTimeoutSec?: number | null
+  maxAgeSec?: number | null
+  dailyResetAt?: string | null
+  resetTimezone?: string | null
+  thinkingLevel?: string | null
+  providerOverride?: string | null
+  modelOverride?: string | null
+  inboundDebounceMs?: number
+  statusReactions?: boolean
+  typingIndicators?: boolean
+}
+
+interface ConnectorDoctorResponse {
+  warnings?: string[]
+  policy?: ConnectorDoctorPolicyPreview | null
+}
+
 const PLATFORMS: {
   id: ConnectorPlatform
   label: string
@@ -121,7 +144,7 @@ const PLATFORMS: {
     tokenHelp: 'Required when your OpenClaw gateway is auth-protected',
     configFields: [
       { key: 'wsUrl', label: 'WebSocket URL', placeholder: 'ws://localhost:18789', help: 'OpenClaw gateway WebSocket endpoint (root URL, not /ws)' },
-      { key: 'sessionKey', label: 'Chat Key Filter', placeholder: 'main', help: 'Optional. If set, only inbound events for this OpenClaw session are processed.' },
+      { key: 'sessionKey', label: 'Chat Key Filter', placeholder: 'main', help: 'Optional. If set, only inbound events for this OpenClaw chat are processed.' },
       { key: 'nodeId', label: 'Client Label', placeholder: 'swarmclaw', help: 'Optional display label shown in OpenClaw presence metadata.' },
       { key: 'role', label: 'Gateway Role', placeholder: 'operator', help: 'Optional role claim for connect handshake. Default is operator.' },
       { key: 'scopes', label: 'Scopes (CSV)', placeholder: 'operator.read,operator.write', help: 'Optional comma-separated scopes for OpenClaw connect.' },
@@ -225,6 +248,96 @@ const PLATFORMS: {
 ]
 
 const COMMON_CONFIG_FIELDS: { key: string; label: string; placeholder: string; help?: string }[] = [
+  {
+    key: 'thinkingLevel',
+    label: 'Thinking Level',
+    placeholder: 'minimal | low | medium | high',
+    help: 'Default reasoning depth for new/reset direct connector sessions.',
+  },
+  {
+    key: 'providerOverride',
+    label: 'Provider Override',
+    placeholder: 'openai | anthropic | openclaw | ...',
+    help: 'Optional direct-session provider override. Useful for connector-specific routing or cheaper autonomy lanes.',
+  },
+  {
+    key: 'modelOverride',
+    label: 'Model Override',
+    placeholder: 'gpt-4.1-mini',
+    help: 'Optional direct-session model override. Defaults to the assigned agent model when empty.',
+  },
+  {
+    key: 'sessionScope',
+    label: 'Session Scope',
+    placeholder: 'main | channel | peer | channel-peer | thread',
+    help: 'Conversation identity policy. Defaults to channel-peer for DMs and channel for groups.',
+  },
+  {
+    key: 'replyMode',
+    label: 'Reply Mode',
+    placeholder: 'off | first | all',
+    help: 'Whether outbound replies should attach to the triggering inbound message.',
+  },
+  {
+    key: 'threadBinding',
+    label: 'Thread Binding',
+    placeholder: 'off | prefer | strict',
+    help: 'Prefer or require thread/topic-specific sessions when the platform exposes thread IDs.',
+  },
+  {
+    key: 'groupPolicy',
+    label: 'Group Policy',
+    placeholder: 'open | mention | reply-or-mention | disabled',
+    help: 'Controls whether the agent speaks in group chats without being mentioned or replied to.',
+  },
+  {
+    key: 'idleTimeoutSec',
+    label: 'Idle Timeout (sec)',
+    placeholder: '43200',
+    help: 'If exceeded, the connector session is reset before the next inbound turn.',
+  },
+  {
+    key: 'maxAgeSec',
+    label: 'Max Age (sec)',
+    placeholder: '604800',
+    help: 'Absolute maximum age of a connector session before it is reset.',
+  },
+  {
+    key: 'sessionResetMode',
+    label: 'Reset Mode',
+    placeholder: 'idle | daily',
+    help: 'Freshness policy for connector sessions. Daily resets use the fields below.',
+  },
+  {
+    key: 'sessionDailyResetAt',
+    label: 'Daily Reset Time',
+    placeholder: '04:00',
+    help: 'Used only when Reset Mode is daily. Format: HH:MM.',
+  },
+  {
+    key: 'sessionResetTimezone',
+    label: 'Reset Timezone',
+    placeholder: 'UTC or Europe/Isle_of_Man',
+    help: 'Optional timezone for daily reset boundaries. Defaults to the server timezone.',
+  },
+  {
+    key: 'inboundDebounceMs',
+    label: 'Inbound Debounce (ms)',
+    placeholder: '700',
+    help: 'Coalesces rapid inbound bursts from the same sender before starting a run.',
+  },
+  {
+    key: 'statusReactions',
+    label: 'Status Reactions',
+    placeholder: 'true | false',
+    help: 'When supported, add lightweight platform-native reactions for processing/sent/silent states.',
+  },
+  {
+    key: 'typingIndicators',
+    label: 'Typing Indicators',
+    placeholder: 'true | false',
+    help: 'When supported, keep a native typing/working indicator alive while the agent is running.',
+  },
   {
     key: 'taskFollowups',
     label: 'Task Follow-ups',
@@ -295,6 +408,9 @@ export function ConnectorSheet() {
   const [newCredName, setNewCredName] = useState('')
   const [newCredValue, setNewCredValue] = useState('')
   const [savingCred, setSavingCred] = useState(false)
+  const [doctorWarnings, setDoctorWarnings] = useState<string[]>([])
+  const [doctorPolicy, setDoctorPolicy] = useState<ConnectorDoctorPolicyPreview | null>(null)
+  const [doctorLoading, setDoctorLoading] = useState(false)
 
   const editing = editingId ? connectors[editingId] as Connector | undefined : null
 
@@ -360,6 +476,41 @@ export function ConnectorSheet() {
 
   useWs('connectors', pollWaStatus, isWaRunning ? 2000 : undefined)
 
+  const loadDoctorPreview = useCallback(async () => {
+    setDoctorLoading(true)
+    try {
+      const data = await api<ConnectorDoctorResponse>('POST', '/connectors/doctor', {
+        id: editing?.id || null,
+        name,
+        platform,
+        agentId: routeMode === 'agent' ? (agentId || null) : null,
+        chatroomId: routeMode === 'chatroom' ? (chatroomId || null) : null,
+        credentialId: credentialId || null,
+        config,
+      })
+      setDoctorWarnings(Array.isArray(data.warnings) ? data.warnings : [])
+      setDoctorPolicy(data.policy || null)
+    } catch {
+      setDoctorWarnings([])
+      setDoctorPolicy(null)
+    } finally {
+      setDoctorLoading(false)
+    }
+  }, [editing?.id, name, platform, routeMode, agentId, chatroomId, credentialId, config])
+
+  useEffect(() => {
+    if (!open) {
+      setDoctorWarnings([])
+      setDoctorPolicy(null)
+      setDoctorLoading(false)
+      return
+    }
+    const timer = window.setTimeout(() => {
+      void loadDoctorPreview()
+    }, 250)
+    return () => window.clearTimeout(timer)
+  }, [open, loadDoctorPreview])
+
   const handleSave = async () => {
     const hasTarget = routeMode === 'agent' ? !!agentId : !!chatroomId
     if (!hasTarget) return
@@ -796,6 +947,72 @@ export function ConnectorSheet() {
         )
       })()}
 
+      <div className="mb-6 p-4 rounded-[14px] border border-white/[0.06] bg-white/[0.01]">
+        <div className="flex items-center justify-between gap-3 mb-2">
+          <div>
+            <div className="text-[13px] font-600 text-text-2">Connector Doctor</div>
+            <div className="text-[12px] text-text-3/70">
+              Live autonomy and safety preview for the current connector settings.
+            </div>
+          </div>
+          <button
+            type="button"
+            onClick={() => void loadDoctorPreview()}
+            disabled={doctorLoading}
+            className="px-3 py-1.5 rounded-[9px] border border-white/[0.08] bg-transparent text-[12px] font-600 text-text-3 hover:text-text-2 hover:bg-white/[0.04] transition-all cursor-pointer disabled:opacity-50"
+            style={{ fontFamily: 'inherit' }}
+          >
+            {doctorLoading ? 'Checking...' : 'Refresh'}
+          </button>
+        </div>
+        {doctorPolicy && (
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-2 mb-3">
+            <div className="rounded-[10px] border border-white/[0.06] bg-white/[0.02] px-3 py-2 text-[12px] text-text-3/80">
+              Scope: <span className="text-text-2">{doctorPolicy.scope || 'channel-peer'}</span>{' '}
+              · Reply: <span className="text-text-2">{doctorPolicy.replyMode || 'first'}</span>{' '}
+              · Thread: <span className="text-text-2">{doctorPolicy.threadBinding || 'prefer'}</span>
+            </div>
+            <div className="rounded-[10px] border border-white/[0.06] bg-white/[0.02] px-3 py-2 text-[12px] text-text-3/80">
+              Group: <span className="text-text-2">{doctorPolicy.groupPolicy || 'reply-or-mention'}</span>{' '}
+              · Debounce: <span className="text-text-2">{doctorPolicy.inboundDebounceMs ?? 700}ms</span>
+            </div>
+            <div className="rounded-[10px] border border-white/[0.06] bg-white/[0.02] px-3 py-2 text-[12px] text-text-3/80">
+              Reset: <span className="text-text-2">{doctorPolicy.resetMode || 'idle'}</span>{' '}
+              {doctorPolicy.resetMode === 'daily'
+                ? `at ${doctorPolicy.dailyResetAt || 'unset'} (${doctorPolicy.resetTimezone || 'server timezone'})`
+                : `idle ${doctorPolicy.idleTimeoutSec ?? 0}s / max ${doctorPolicy.maxAgeSec ?? 0}s`}
+            </div>
+            <div className="rounded-[10px] border border-white/[0.06] bg-white/[0.02] px-3 py-2 text-[12px] text-text-3/80">
+              Runtime: <span className="text-text-2">{doctorPolicy.thinkingLevel || 'inherit'}</span>{' '}
+              · Provider: <span className="text-text-2">{doctorPolicy.providerOverride || 'agent default'}</span>{' '}
+              · Model: <span className="text-text-2">{doctorPolicy.modelOverride || 'agent default'}</span>
+            </div>
+          </div>
+        )}
+        {doctorWarnings.length > 0 ? (
+          <div className="space-y-2">
+            {doctorWarnings.map((warning, index) => (
+              <div key={`${index}:${warning}`} className="rounded-[10px] border border-amber-400/15 bg-amber-500/8 px-3 py-2 text-[12px] text-amber-200/85 leading-[1.5]">
+                {warning}
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div className="text-[12px] text-emerald-300/85">
+            {doctorLoading ? 'Running checks…' : 'No autonomy or safety warnings detected for the current form values.'}
+          </div>
+        )}
+        <p className="text-[11px] text-text-3/55 mt-2">
+          This preview updates from the form directly, so you can catch risky connector policy changes before saving.
+        </p>
+      </div>
+
+      {editing && (
+        <div className="mb-6 p-4 rounded-[14px] border border-white/[0.06] bg-white/[0.01]">
+          <ConnectorHealth connectorId={editing.id} />
+        </div>
+      )}
+
       {/* WhatsApp QR code */}
       {editing && editing.platform === 'whatsapp' && (editing.status === 'running' || waConnecting) && qrDataUrl && (
         <div className="mb-6 p-5 rounded-[14px] border border-white/[0.06] bg-white/[0.01] text-center"

package/src/components/home/home-view.tsx

@@ -197,12 +197,120 @@ export function HomeView() {
             SwarmClaw
           </h1>
           <p className="text-[14px] text-text-3 mt-1">
-            Your AI agent orchestration dashboard
+            Workspace overview for your agent chats, tasks, and automations
           </p>
         </div>
 
+        {/* Quick actions / triage */}
+        <section className="mb-8" style={{ animation: 'fade-up 0.6s var(--ease-spring) 0.15s both' }}>
+          <SectionHeader
+            label="Needs Attention"
+            actionLabel="Open Tasks"
+            onViewAll={activeTaskCount > 0 ? () => setActiveView('tasks') : undefined}
+          />
+          <div className="rounded-[18px] border border-white/[0.06] bg-white/[0.025] p-4">
+            <div className="flex flex-wrap items-center gap-2 mb-4">
+              <StatusPill label={`${allTasks.filter((task) => task.status === 'failed').length} failed task${allTasks.filter((task) => task.status === 'failed').length === 1 ? '' : 's'}`} tone={allTasks.some((task) => task.status === 'failed') ? 'danger' : 'neutral'} />
+              <StatusPill label={`${allTasks.filter((task) => task.pendingApproval).length} awaiting approval`} tone={allTasks.some((task) => task.pendingApproval) ? 'warning' : 'neutral'} />
+              <StatusPill label={`${allConnectors.filter((connector) => connector.status === 'error').length} connector issue${allConnectors.filter((connector) => connector.status === 'error').length === 1 ? '' : 's'}`} tone={allConnectors.some((connector) => connector.status === 'error') ? 'danger' : 'neutral'} />
+              <StatusPill label={`${runningAgentIds.size} active agent${runningAgentIds.size === 1 ? '' : 's'}`} tone={runningAgentIds.size > 0 ? 'success' : 'neutral'} />
+            </div>
+
+            {(() => {
+              const now = Date.now()
+              const items = [
+                ...allTasks
+                  .filter((task) => task.pendingApproval)
+                  .slice(0, 2)
+                  .map((task) => ({
+                    id: `approval:${task.id}`,
+                    tone: 'warning' as const,
+                    label: task.title,
+                    meta: `${task.agentId && agents[task.agentId] ? agents[task.agentId]!.name : 'Task'} is waiting for approval`,
+                    onClick: () => handleTaskClick(task),
+                  })),
+                ...allTasks
+                  .filter((task) => task.status === 'failed')
+                  .slice(0, 2)
+                  .map((task) => ({
+                    id: `failed:${task.id}`,
+                    tone: 'danger' as const,
+                    label: task.title,
+                    meta: `Failed ${timeAgo(task.updatedAt || task.createdAt)}`,
+                    onClick: () => handleTaskClick(task),
+                  })),
+                ...allConnectors
+                  .filter((connector) => connector.status === 'error')
+                  .slice(0, 2)
+                  .map((connector) => ({
+                    id: `connector:${connector.id}`,
+                    tone: 'danger' as const,
+                    label: connector.name,
+                    meta: `${PLATFORM_LABELS[connector.platform] || connector.platform} connector needs attention`,
+                    onClick: () => setActiveView('connectors'),
+                  })),
+                ...Object.values(schedules)
+                  .filter((schedule) => schedule.status === 'active' && schedule.nextRunAt && schedule.nextRunAt < now)
+                  .slice(0, 2)
+                  .map((schedule) => ({
+                    id: `schedule:${schedule.id}`,
+                    tone: 'warning' as const,
+                    label: schedule.name,
+                    meta: 'Schedule missed its expected run window',
+                    onClick: () => setActiveView('schedules'),
+                  })),
+                ...unreadNotifications
+                  .slice(0, 2)
+                  .map((notification) => ({
+                    id: `notification:${notification.id}`,
+                    tone: 'info' as const,
+                    label: notification.title,
+                    meta: notification.message || 'Unread notification',
+                    onClick: () => handleNotificationClick(notification),
+                  })),
+              ].slice(0, 6)
+
+              if (items.length === 0) {
+                return (
+                  <div className="rounded-[14px] border border-dashed border-white/[0.06] bg-white/[0.02] px-4 py-5">
+                    <p className="text-[13px] font-600 text-text">Everything looks stable.</p>
+                    <p className="text-[12px] text-text-3/60 mt-1">
+                      No failed tasks, no waiting approvals, and no connector issues right now.
+                    </p>
+                  </div>
+                )
+              }
+
+              return (
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
+                  {items.map((item) => (
+                    <button
+                      key={item.id}
+                      onClick={item.onClick}
+                      className="flex items-start gap-3 rounded-[14px] border border-white/[0.06] bg-transparent px-4 py-3 text-left hover:bg-white/[0.04] transition-colors cursor-pointer"
+                      style={{ fontFamily: 'inherit' }}
+                    >
+                      <div className={`mt-0.5 h-2.5 w-2.5 rounded-full shrink-0 ${
+                        item.tone === 'danger'
+                          ? 'bg-red-400'
+                          : item.tone === 'warning'
+                            ? 'bg-amber-400'
+                            : 'bg-sky-400'
+                      }`} />
+                      <div className="min-w-0">
+                        <div className="text-[13px] font-600 text-text truncate">{item.label}</div>
+                        <div className="text-[11px] text-text-3/65 mt-1">{item.meta}</div>
+                      </div>
+                    </button>
+                  ))}
+                </div>
+              )
+            })()}
+          </div>
+        </section>
+
         {/* Quick Stats */}
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-8">
           <StatCard label="Agents" value={String(agentCount)} hint="Total active agents configured in your dashboard" index={0} />
           <StatCard label="Active Tasks" value={String(activeTaskCount)} accent={activeTaskCount > 0} hint="Tasks currently running or queued for execution" index={1} />
           <StatCard label="Today's Cost" value={`$${todayCost.toFixed(2)}`} hint="Estimated API cost for today across all providers" index={2} />
@@ -379,7 +487,7 @@ export function HomeView() {
             <div className="flex gap-3 overflow-x-auto pb-2">
               {pinnedAgents.map((agent) => {
                 const threadSession = agent.threadSessionId ? sessions[agent.threadSessionId] as Session | undefined : undefined
-                const heartbeatOn = agent.heartbeatEnabled === true && (agent.tools?.length ?? 0) > 0
+                const heartbeatOn = agent.heartbeatEnabled === true && (agent.plugins?.length ?? 0) > 0
                 const recentlyActive = (threadSession?.lastActiveAt ?? 0) > Date.now() - 30 * 60 * 1000
                 const isOnline = runningAgentIds.has(agent.id) || (threadSession?.active ?? false) || heartbeatOn || recentlyActive
                 const isTyping = streamingSessionId === agent.threadSessionId
@@ -507,7 +615,7 @@ export function HomeView() {
   )
 }
 
-function SectionHeader({ label, onViewAll }: { label: string; onViewAll?: () => void }) {
+function SectionHeader({ label, onViewAll, actionLabel = 'View all →' }: { label: string; onViewAll?: () => void; actionLabel?: string }) {
   return (
     <div className="flex items-center justify-between mb-3">
       <h2 className="font-display text-[13px] font-600 text-text-2 uppercase tracking-[0.08em]">
@@ -519,13 +627,29 @@ function SectionHeader({ label, onViewAll }: { label: string; onViewAll?: () =>
           className="text-[11px] text-text-3/50 hover:text-text-3 transition-colors bg-transparent border-none cursor-pointer"
           style={{ fontFamily: 'inherit' }}
         >
-          View all →
+          {actionLabel}
         </button>
       )}
     </div>
   )
 }
 
+function StatusPill({ label, tone }: { label: string; tone: 'neutral' | 'warning' | 'danger' | 'success' }) {
+  const toneClasses = tone === 'danger'
+    ? 'border-red-400/20 bg-red-400/[0.05] text-red-300/85'
+    : tone === 'warning'
+      ? 'border-amber-400/20 bg-amber-400/[0.05] text-amber-300/85'
+      : tone === 'success'
+        ? 'border-emerald-400/20 bg-emerald-400/[0.05] text-emerald-300/85'
+        : 'border-white/[0.06] bg-white/[0.03] text-text-3/75'
+
+  return (
+    <div className={`rounded-[999px] border px-3 py-1.5 text-[11px] font-600 ${toneClasses}`}>
+      {label}
+    </div>
+  )
+}
+
 function StatCard({ label, value, accent, hint, index = 0 }: { label: string; value: string; accent?: boolean; hint?: string; index?: number }) {
   return (
     <div