@swarmclawai/swarmclaw 0.7.7 → 0.7.8

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

@@ -136,10 +136,12 @@ export function ChatArea() {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
       setMessagesLoading(false)
     })
-    // If server reports session is still active, show streaming state
-    if (session?.active) {
+
+    const sessionAtLoad = useAppStore.getState().sessions[requestedSessionId]
+    if (sessionAtLoad?.active) {
       useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamText: '' })
     }
+
     // Refresh active state from server so returning to a session restores typing indicator.
     loadSessions().then(() => {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
@@ -148,6 +150,7 @@ export function ChatArea() {
         useChatStore.setState({ streaming: true, streamingSessionId: requestedSessionId, streamText: '' })
       }
     }).catch((err) => console.error('Failed to refresh messages:', err))
+
     devServer(requestedSessionId, 'status').then((r) => {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
       setDevServer(r.running ? r : null)
@@ -155,23 +158,31 @@ export function ChatArea() {
       if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
       setDevServer(null)
     })
-    // Check browser status
-    if (sessionHasBrowserPlugin) {
-      checkBrowser(requestedSessionId).then((r) => {
-        if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
-        setBrowserActive(r.active)
-      }).catch((err) => {
-        if (cancelled || useAppStore.getState().currentSessionId !== requestedSessionId) return
-        console.error('Browser check failed:', err)
-        setBrowserActive(false)
-      })
-    } else {
+
+    return () => {
+      cancelled = true
+    }
+  }, [loadSessions, sessionId, setDevServer, setMessages])
+
+  useEffect(() => {
+    if (!sessionId) return
+    let cancelled = false
+    if (!sessionHasBrowserPlugin) {
       setBrowserActive(false)
+      return
     }
+    checkBrowser(sessionId).then((r) => {
+      if (cancelled || useAppStore.getState().currentSessionId !== sessionId) return
+      setBrowserActive(r.active)
+    }).catch((err) => {
+      if (cancelled || useAppStore.getState().currentSessionId !== sessionId) return
+      console.error('Browser check failed:', err)
+      setBrowserActive(false)
+    })
     return () => {
       cancelled = true
     }
-  }, [loadSessions, session?.active, sessionHasBrowserPlugin, sessionId, setDevServer, setMessages])
+  }, [sessionHasBrowserPlugin, sessionId])
 
   // Auto-poll messages for sessions that are actively running on the server
   const isServerActive = session?.active === true
@@ -216,10 +227,16 @@ export function ChatArea() {
     shouldPollMessages ? 2000 : undefined,
   )
 
-  // When server-active flag drops, stop the streaming indicator
+  // Keep the local typing indicator aligned with the server's active state
   useEffect(() => {
     if (!sessionId) return
     const state = useChatStore.getState()
+    if (isServerActive) {
+      if (!state.streaming && !state.streamText) {
+        useChatStore.setState({ streaming: true, streamingSessionId: sessionId, streamText: '' })
+      }
+      return
+    }
     if (
       !isServerActive
       && state.streaming
@@ -230,7 +247,7 @@ export function ChatArea() {
       fetchMessages(sessionId).then(setMessages).catch(() => {})
       useChatStore.setState({ streaming: false, streamingSessionId: null, streamText: '' })
     }
-  }, [isServerActive, sessionId])
+  }, [isServerActive, sessionId, setMessages])
 
   // Poll browser status while session has browser tools
   const hasBrowserTool = session?.plugins?.includes('browser')
@@ -255,7 +272,7 @@ export function ChatArea() {
     if (!sessionId) return
     await devServer(sessionId, 'stop')
     setDevServer(null)
-  }, [sessionId])
+  }, [sessionId, setDevServer])
 
   const handleClear = useCallback(async () => {
     setConfirmClear(false)
@@ -263,7 +280,7 @@ export function ChatArea() {
     await clearMessages(sessionId)
     setMessages([])
     loadSessions()
-  }, [sessionId])
+  }, [loadSessions, sessionId, setMessages])
 
   const handleDelete = useCallback(async () => {
     setConfirmDelete(false)
@@ -271,7 +288,7 @@ export function ChatArea() {
     await deleteChat(sessionId)
     removeSessionFromStore(sessionId)
     setCurrentSession(null)
-  }, [sessionId])
+  }, [removeSessionFromStore, sessionId, setCurrentSession])
 
   const handlePrompt = useCallback((text: string) => {
     sendMessage(text)

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

@@ -280,12 +280,16 @@ export function ChatHeader({ session, streaming, onStop, onMenuToggle, onBack, m
     const fromDelegateOpenCode = session.delegateResumeIds?.opencode
       ? { label: 'OpenCode', id: session.delegateResumeIds.opencode, command: `opencode run \"<task>\" --session ${session.delegateResumeIds.opencode}` }
       : null
+    const fromDelegateGemini = session.delegateResumeIds?.gemini
+      ? { label: 'Gemini', id: session.delegateResumeIds.gemini, command: `gemini --resume ${session.delegateResumeIds.gemini} --prompt \"<task>\"` }
+      : null
     return fromSessionClaude
       || fromSessionCodex
       || fromSessionOpenCode
       || fromDelegateClaude
       || fromDelegateCodex
       || fromDelegateOpenCode
+      || fromDelegateGemini
       || null
   }, [session.claudeSessionId, session.codexThreadId, session.opencodeSessionId, session.delegateResumeIds])
 

package/src/components/chat/delegation-banner.test.ts

@@ -23,5 +23,18 @@ describe('parseTaskCompletion', () => {
     assert.equal(parsed?.reportPath, 'data/task-reports/abc12345.md')
     assert.equal(parsed?.workingDir, '/tmp/work')
   })
-})
 
+  it('captures Gemini resume lines from task completion payloads', () => {
+    const text = [
+      'Task completed: **[Ship follow-up](#task:task-gemini)**',
+      '',
+      'Gemini session: `gemini-session-7`',
+      '',
+      'All done.',
+    ].join('\n')
+    const parsed = parseTaskCompletion(text)
+
+    assert.ok(parsed)
+    assert.equal(parsed?.resumeInfo, 'Gemini session: `gemini-session-7`')
+  })
+})

package/src/components/chat/delegation-banner.tsx

@@ -169,7 +169,7 @@ export function parseTaskCompletion(text: string): TaskCompletionInfo | null {
       }
     } else if (section.startsWith('Task report: ')) {
       reportPath = section.replace('Task report: ', '').replace(/^`|`$/g, '')
-    } else if (/^(Claude session|Codex thread|OpenCode session|CLI session):/.test(section)) {
+    } else if (/^(Claude session|Codex thread|OpenCode session|Gemini session|CLI session):/.test(section)) {
       resumeInfo = section
     } else if (section.trim()) {
       resultParts.push(section)

package/src/components/layout/app-layout.tsx

@@ -141,6 +141,7 @@ export function AppLayout() {
   const execApprovals = useApprovalStore((s) => s.approvals)
   const loadExecApprovals = useApprovalStore((s) => s.loadApprovals)
   const pruneExecApprovals = useApprovalStore((s) => s.pruneExpired)
+  const appSettings = useAppStore((s) => s.appSettings)
   const isDesktop = useMediaQuery('(min-width: 768px)')
   const hasSelectedSession = !!(currentSessionId && sessions[currentSessionId])
   
@@ -168,11 +169,23 @@ export function AppLayout() {
     pruneExecApprovals()
   }, 10000)
 
-  const appSettings = useAppStore((s) => s.appSettings)
   const [agentViewMode, setAgentViewMode] = useState<'chat' | 'config'>('chat')
   const [profileSheetOpen, setProfileSheetOpen] = useState(false)
   const [canvasDismissedFor, setCanvasDismissedFor] = useState<string | null>(null)
 
+  const isViewEnabled = useCallback((view: AppView) => {
+    if (view === 'projects') return appSettings.projectManagementEnabled !== false
+    if (view === 'tasks') return appSettings.taskManagementEnabled !== false
+    if (view === 'chatrooms') return plugins['chatroom']?.enabled !== false
+    if (view === 'schedules') return plugins['schedule']?.enabled !== false
+    if (view === 'memory') return plugins['memory']?.enabled !== false
+    if (view === 'connectors') return plugins['connectors']?.enabled !== false
+    if (view === 'webhooks') return plugins['http']?.enabled !== false
+    if (view === 'wallets') return plugins['wallet']?.enabled !== false
+    if (view === 'logs') return plugins['monitor']?.enabled !== false
+    return true
+  }, [appSettings.projectManagementEnabled, appSettings.taskManagementEnabled, plugins])
+
   const handleShortcutKey = useCallback((e: KeyboardEvent) => {
     const mod = e.metaKey || e.ctrlKey
     // Cmd+N / Ctrl+N — jump to the default agent shortcut
@@ -188,8 +201,10 @@ export function AppLayout() {
     }
     // Cmd+Shift+T / Ctrl+Shift+T — jump to tasks
     if (mod && e.shiftKey && e.key.toLowerCase() === 't') {
+      const state = useAppStore.getState()
+      if (state.appSettings.taskManagementEnabled === false) return
       e.preventDefault()
-      useAppStore.getState().setActiveView('tasks')
+      state.setActiveView('tasks')
     }
   }, [])
 
@@ -222,6 +237,13 @@ export function AppLayout() {
     }
   }, [appSettings.themeHue])
 
+  useEffect(() => {
+    if (!isViewEnabled(activeView)) {
+      setActiveView('home')
+      setSidebarOpen(false)
+    }
+  }, [activeView, isViewEnabled, setActiveView, setSidebarOpen])
+
   const [pluginSidebarItems, setPluginSidebarItems] = useState<Array<{ id: string; label: string; href: string }>>([])
 
   const refreshPluginState = useCallback(() => {
@@ -235,17 +257,6 @@ export function AppLayout() {
 
   useWs('plugins', refreshPluginState)
 
-  const isViewEnabled = useCallback((view: AppView) => {
-    if (view === 'chatrooms') return plugins['chatroom']?.enabled !== false
-    if (view === 'schedules') return plugins['schedule']?.enabled !== false
-    if (view === 'memory') return plugins['memory']?.enabled !== false
-    if (view === 'connectors') return plugins['connectors']?.enabled !== false
-    if (view === 'webhooks') return plugins['http']?.enabled !== false
-    if (view === 'wallets') return plugins['wallet']?.enabled !== false
-    if (view === 'logs') return plugins['monitor']?.enabled !== false
-    return true
-  }, [plugins])
-
   const [railExpanded, setRailExpanded] = useState(() => {
     const stored = safeStorageGet(RAIL_EXPANDED_KEY)
     return stored === null ? true : stored === 'true'
@@ -262,6 +273,7 @@ export function AppLayout() {
   }
 
   const openNewSheet = () => {
+    if (!isViewEnabled(activeView)) return
     if (activeView === 'agents') setAgentSheetOpen(true)
     else if (activeView === 'schedules') setScheduleSheetOpen(true)
     else if (activeView === 'tasks') setTaskSheetOpen(true)
@@ -278,6 +290,7 @@ export function AppLayout() {
   }
 
   const handleNavClick = (view: AppView) => {
+    if (!isViewEnabled(view)) return
     if (FULL_WIDTH_VIEWS.has(view)) {
       setActiveView(view)
       setSidebarOpen(false)
@@ -491,11 +504,13 @@ export function AppLayout() {
                     </svg>
                   </NavItem>
                 )}
-                <NavItem view="projects" label="Projects" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('projects')}>
-                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-                    <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7-7H4a2 2 0 0 0-2 2v17Z" /><path d="M14 2v7h7" />
-                  </svg>
-                </NavItem>
+                {isViewEnabled('projects') && (
+                  <NavItem view="projects" label="Projects" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('projects')}>
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7-7H4a2 2 0 0 0-2 2v17Z" /><path d="M14 2v7h7" />
+                    </svg>
+                  </NavItem>
+                )}
               </div>
 
               <div className={`flex flex-col gap-0.5 ${railExpanded ? '' : 'items-center'}`}>
@@ -504,11 +519,13 @@ export function AppLayout() {
                 ) : (
                   <div className="my-1 h-px w-6 bg-white/[0.06]" />
                 )}
-                <NavItem view="tasks" label="Tasks" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('tasks')} badge={pendingApprovalCount}>
-                  <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-                    <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" /><rect x="9" y="3" width="6" height="4" rx="1" /><path d="M9 14l2 2 4-4" />
-                  </svg>
-                </NavItem>
+                {isViewEnabled('tasks') && (
+                  <NavItem view="tasks" label="Tasks" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('tasks')} badge={pendingApprovalCount}>
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+                      <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" /><rect x="9" y="3" width="6" height="4" rx="1" /><path d="M9 14l2 2 4-4" />
+                    </svg>
+                  </NavItem>
+                )}
                 <NavItem view="approvals" label="Approvals" expanded={railExpanded} active={activeView} sidebarOpen={sidebarOpen} onClick={() => handleNavClick('approvals')} badge={pendingApprovalCount}>
                   <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
                     <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/>

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

@@ -16,6 +16,13 @@ function relativeDate(ts: number): string {
   return new Date(ts).toLocaleDateString(undefined, { month: 'short', day: 'numeric' })
 }
 
+function formatHeartbeatInterval(intervalSec?: number | null): string {
+  if (!intervalSec || intervalSec <= 0) return 'Manual'
+  if (intervalSec % 3600 === 0) return `${intervalSec / 3600}h`
+  if (intervalSec % 60 === 0) return `${intervalSec / 60}m`
+  return `${intervalSec}s`
+}
+
 const STATUS_STYLES: Record<string, string> = {
   backlog: 'bg-white/[0.06] text-text-3',
   queued: 'bg-amber-500/15 text-amber-400',
@@ -92,6 +99,8 @@ export function ProjectDetail() {
   const tasks = useAppStore((s) => s.tasks) as Record<string, BoardTask>
   const schedules = useAppStore((s) => s.schedules) as Record<string, Schedule>
   const loadAgents = useAppStore((s) => s.loadAgents)
+  const secrets = useAppStore((s) => s.secrets)
+  const loadSecrets = useAppStore((s) => s.loadSecrets)
   const setEditingProjectId = useAppStore((s) => s.setEditingProjectId)
   const setProjectSheetOpen = useAppStore((s) => s.setProjectSheetOpen)
   const setActiveView = useAppStore((s) => s.setActiveView)
@@ -100,6 +109,8 @@ export function ProjectDetail() {
   const setTaskSheetOpen = useAppStore((s) => s.setTaskSheetOpen)
   const setEditingScheduleId = useAppStore((s) => s.setEditingScheduleId)
   const setScheduleSheetOpen = useAppStore((s) => s.setScheduleSheetOpen)
+  const setEditingSecretId = useAppStore((s) => s.setEditingSecretId)
+  const setSecretSheetOpen = useAppStore((s) => s.setSecretSheetOpen)
 
   const [assignPickerOpen, setAssignPickerOpen] = useState(false)
   const [now, setNow] = useState(() => Date.now())
@@ -109,6 +120,11 @@ export function ProjectDetail() {
     return () => window.clearInterval(intervalId)
   }, [])
 
+  useEffect(() => {
+    if (!activeProjectFilter) return
+    void loadSecrets()
+  }, [activeProjectFilter, loadSecrets])
+
   const project = activeProjectFilter ? projects[activeProjectFilter] : null
 
   const projectAgents = useMemo(
@@ -128,6 +144,11 @@ export function ProjectDetail() {
     [schedules, activeProjectFilter],
   )
 
+  const projectSecrets = useMemo(
+    () => Object.values(secrets).filter((secret) => secret.projectId === activeProjectFilter),
+    [secrets, activeProjectFilter],
+  )
+
   const completedTasks = projectTasks.filter((t) => t.status === 'completed').length
   const totalTasks = projectTasks.length
   const progressPct = totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0
@@ -188,6 +209,23 @@ export function ProjectDetail() {
     [now, projectSchedules],
   )
 
+  const capabilityHints = Array.isArray(project?.capabilityHints) ? project.capabilityHints : []
+  const priorities = Array.isArray(project?.priorities) ? project.priorities : []
+  const openObjectives = Array.isArray(project?.openObjectives) ? project.openObjectives : []
+  const credentialRequirements = Array.isArray(project?.credentialRequirements) ? project.credentialRequirements : []
+  const successMetrics = Array.isArray(project?.successMetrics) ? project.successMetrics : []
+  const hasOperatingContext = Boolean(
+    project?.objective
+    || project?.audience
+    || priorities.length
+    || openObjectives.length
+    || capabilityHints.length
+    || credentialRequirements.length
+    || successMetrics.length
+    || project?.heartbeatPrompt
+    || project?.heartbeatIntervalSec,
+  )
+
   const busiestAgent = useMemo(() => {
     return projectAgents
       .map((agent) => ({
@@ -305,6 +343,185 @@ export function ProjectDetail() {
           </div>
         </div>
 
+        <div className="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_280px] gap-4 mb-8">
+          <div className="rounded-[16px] border border-white/[0.06] bg-white/[0.02] px-5 py-5">
+            <div className="flex items-center justify-between gap-4 mb-4">
+              <div>
+                <h2 className="font-display text-[18px] font-700 tracking-[-0.02em] text-text">Project Operating System</h2>
+                <p className="text-[12px] text-text-3/60 mt-1">Define what this project is trying to achieve, how agents should operate, and what long-lived context matters.</p>
+              </div>
+              <button
+                onClick={() => { setEditingProjectId(project.id); setProjectSheetOpen(true) }}
+                className="shrink-0 px-3 py-2 rounded-[10px] bg-white/[0.04] text-[12px] font-600 text-text-2 hover:bg-white/[0.08] transition-all cursor-pointer border-none"
+                style={{ fontFamily: 'inherit' }}
+              >
+                Configure
+              </button>
+            </div>
+
+            {hasOperatingContext ? (
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="rounded-[12px] border border-white/[0.06] bg-surface/60 px-4 py-3.5">
+                  <div className="text-[11px] font-700 uppercase tracking-[0.08em] text-text-3/50 mb-2">Mission</div>
+                  <div className="space-y-3">
+                    <div>
+                      <div className="text-[11px] font-600 text-text-3/50 mb-1">Objective</div>
+                      <p className="text-[13px] text-text leading-relaxed">{project.objective || 'Add a durable objective for this project.'}</p>
+                    </div>
+                    <div>
+                      <div className="text-[11px] font-600 text-text-3/50 mb-1">Audience</div>
+                      <p className="text-[13px] text-text-2/80 leading-relaxed">{project.audience || 'Set who this project is for so agents can answer from that context.'}</p>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="rounded-[12px] border border-white/[0.06] bg-surface/60 px-4 py-3.5">
+                  <div className="text-[11px] font-700 uppercase tracking-[0.08em] text-text-3/50 mb-2">Execution Focus</div>
+                  <div className="space-y-3">
+                    <div>
+                      <div className="text-[11px] font-600 text-text-3/50 mb-1">Pilot priorities</div>
+                      {priorities.length > 0 ? (
+                        <div className="flex flex-wrap gap-1.5">
+                          {priorities.map((priority) => (
+                            <span key={priority} className="rounded-full bg-accent-soft px-2.5 py-1 text-[11px] font-600 text-accent-bright">
+                              {priority}
+                            </span>
+                          ))}
+                        </div>
+                      ) : (
+                        <p className="text-[12px] text-text-3/50">No priorities captured yet.</p>
+                      )}
+                    </div>
+                    <div>
+                      <div className="text-[11px] font-600 text-text-3/50 mb-1">Open objectives</div>
+                      {openObjectives.length > 0 ? (
+                        <div className="space-y-1.5">
+                          {openObjectives.map((objective) => (
+                            <div key={objective} className="flex items-start gap-2 text-[12px] text-text-2">
+                              <span className="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-emerald-400" />
+                              <span>{objective}</span>
+                            </div>
+                          ))}
+                        </div>
+                      ) : (
+                        <p className="text-[12px] text-text-3/50">No open objectives captured yet.</p>
+                      )}
+                    </div>
+                  </div>
+                </div>
+
+                <div className="rounded-[12px] border border-white/[0.06] bg-surface/60 px-4 py-3.5">
+                  <div className="text-[11px] font-700 uppercase tracking-[0.08em] text-text-3/50 mb-2">Operating Modes</div>
+                  {capabilityHints.length > 0 ? (
+                    <div className="flex flex-wrap gap-1.5">
+                      {capabilityHints.map((hint) => (
+                        <span key={hint} className="rounded-full bg-white/[0.06] px-2.5 py-1 text-[11px] font-600 text-text-2">
+                          {hint}
+                        </span>
+                      ))}
+                    </div>
+                  ) : (
+                    <p className="text-[12px] text-text-3/50">No capability hints yet. Add things like research, build, browsing, inbox ops, or credential bootstrapping.</p>
+                  )}
+                </div>
+
+                <div className="rounded-[12px] border border-white/[0.06] bg-surface/60 px-4 py-3.5">
+                  <div className="text-[11px] font-700 uppercase tracking-[0.08em] text-text-3/50 mb-2">Success Metrics</div>
+                  {successMetrics.length > 0 ? (
+                    <div className="space-y-1.5">
+                      {successMetrics.map((metric) => (
+                        <div key={metric} className="flex items-start gap-2 text-[12px] text-text-2">
+                          <span className="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-sky-400" />
+                          <span>{metric}</span>
+                        </div>
+                      ))}
+                    </div>
+                  ) : (
+                    <p className="text-[12px] text-text-3/50">Define success metrics if this project has open-ended goals like revenue, outreach, or inbox response quality.</p>
+                  )}
+                </div>
+              </div>
+            ) : (
+              <div className="rounded-[12px] border border-dashed border-white/[0.08] px-5 py-6 text-center">
+                <p className="text-[13px] font-600 text-text-2">This project still needs operating context.</p>
+                <p className="mt-1 text-[12px] text-text-3/55">Add objective, open objectives, capability hints, credential needs, and heartbeat settings so agents can treat the project as a durable operating system.</p>
+              </div>
+            )}
+          </div>
+
+          <div className="rounded-[16px] border border-white/[0.06] bg-white/[0.02] px-5 py-5">
+            <div className="flex items-center justify-between mb-3">
+              <h3 className="text-[12px] font-700 uppercase tracking-[0.08em] text-text-3/60">Ops Readiness</h3>
+              <span className="text-[11px] text-text-3/40">{projectSecrets.length} secret{projectSecrets.length === 1 ? '' : 's'}</span>
+            </div>
+
+            <div className="grid grid-cols-2 gap-2 mb-4">
+              {[
+                { label: 'Linked secrets', value: projectSecrets.length, tone: 'text-emerald-400' },
+                { label: 'Credential reqs', value: credentialRequirements.length, tone: 'text-amber-400' },
+                { label: 'Heartbeat', value: project.heartbeatIntervalSec ? formatHeartbeatInterval(project.heartbeatIntervalSec) : 'Off', tone: 'text-sky-400' },
+                { label: 'Schedules', value: projectSchedules.length, tone: 'text-text-2' },
+              ].map((item) => (
+                <div key={item.label} className="rounded-[12px] border border-white/[0.06] bg-surface/60 px-3 py-3">
+                  <div className={`text-[18px] font-display font-700 tracking-[-0.02em] ${item.tone}`}>{item.value}</div>
+                  <div className="mt-1 text-[10px] font-600 uppercase tracking-[0.08em] text-text-3/45">{item.label}</div>
+                </div>
+              ))}
+            </div>
+
+            <div className="space-y-3">
+              <div>
+                <div className="text-[11px] font-600 text-text-3/50 mb-1">Credential requirements</div>
+                {credentialRequirements.length > 0 ? (
+                  <div className="space-y-1.5">
+                    {credentialRequirements.map((item) => (
+                      <div key={item} className="flex items-start gap-2 text-[12px] text-text-2">
+                        <span className="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-400" />
+                        <span>{item}</span>
+                      </div>
+                    ))}
+                  </div>
+                ) : (
+                  <p className="text-[12px] text-text-3/50">No credentials requested yet.</p>
+                )}
+              </div>
+
+              <div>
+                <div className="text-[11px] font-600 text-text-3/50 mb-1">Heartbeat</div>
+                {project.heartbeatPrompt || project.heartbeatIntervalSec ? (
+                  <div className="rounded-[12px] border border-white/[0.06] bg-surface/60 px-3 py-3">
+                    <div className="text-[11px] font-700 uppercase tracking-[0.08em] text-sky-400">
+                      Every {formatHeartbeatInterval(project.heartbeatIntervalSec)}
+                    </div>
+                    <p className="mt-1 text-[12px] text-text-2 leading-relaxed">
+                      {project.heartbeatPrompt || 'No heartbeat prompt configured.'}
+                    </p>
+                  </div>
+                ) : (
+                  <p className="text-[12px] text-text-3/50">No project heartbeat configured.</p>
+                )}
+              </div>
+
+              <div className="flex flex-wrap gap-2 pt-1">
+                <button
+                  onClick={() => { setEditingSecretId(null); setSecretSheetOpen(true) }}
+                  className="px-3 py-2 rounded-[10px] bg-accent-soft text-[12px] font-600 text-accent-bright hover:bg-accent-bright/15 transition-all cursor-pointer border-none"
+                  style={{ fontFamily: 'inherit' }}
+                >
+                  Add project secret
+                </button>
+                <button
+                  onClick={() => { setEditingScheduleId(null); setScheduleSheetOpen(true) }}
+                  className="px-3 py-2 rounded-[10px] bg-white/[0.04] text-[12px] font-600 text-text-2 hover:bg-white/[0.08] transition-all cursor-pointer border-none"
+                  style={{ fontFamily: 'inherit' }}
+                >
+                  Add heartbeat schedule
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+
         <div className="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_280px] gap-4 mb-8">
           <div className="rounded-[16px] border border-white/[0.06] bg-white/[0.02] px-5 py-5">
             <div className="flex items-center justify-between gap-4 mb-4">