diff --git a/apps/server/src/runs/event-bridge.ts b/apps/server/src/runs/event-bridge.ts
index bfe0b4c..f62cdab 100644
--- a/apps/server/src/runs/event-bridge.ts
+++ b/apps/server/src/runs/event-bridge.ts
@@ -1,4 +1,6 @@
 import {
+  COORDINATOR_AGENT,
+  COORDINATOR_TASK_ID,
   deserializeTeamRunResult,
   type ForgePlanTask,
   type ForgeWorkflowEvent,
@@ -54,7 +56,16 @@ export function applyForgeWorkflowEvent(
       return false
     }
     case 'plan': {
-      session.setPlanRecords(planTasksToRecords(event.data.tasks))
+      const records = planTasksToRecords(event.data.tasks)
+      session.setPlanRecords(records)
+      publishTraceLine(session, {
+        runId: session.id,
+        at: Date.now(),
+        level: 'info',
+        agent: COORDINATOR_AGENT,
+        taskId: COORDINATOR_TASK_ID,
+        message: `Plan published: ${records.length} tasks`,
+      })
       publishSnapshot(session)
       return false
     }
diff --git a/apps/server/src/runs/session.ts b/apps/server/src/runs/session.ts
index c7fa857..bb886ae 100644
--- a/apps/server/src/runs/session.ts
+++ b/apps/server/src/runs/session.ts
@@ -66,7 +66,7 @@ export class RunSession {
   }
 
   setPlan(tasks: readonly Task[]): void {
-    this.tasks = tasks.map(taskToRecord)
+    this.setPlanRecords(tasks.map(taskToRecord))
   }
 
   setPlanRecords(tasks: TaskExecutionRecord[]): void {
diff --git a/apps/server/tests/coordinator-trace.test.ts b/apps/server/tests/coordinator-trace.test.ts
new file mode 100644
index 0000000..7e7d104
--- /dev/null
+++ b/apps/server/tests/coordinator-trace.test.ts
@@ -0,0 +1,56 @@
+import { describe, expect, it } from 'vitest'
+import { filterTraceLinesForCoordinator, filterTraceLinesForTask } from '@oma-forge/shared'
+
+describe('filterTraceLinesForCoordinator', () => {
+  it('keeps coordinator agent and plan messages', () => {
+    const lines = [
+      {
+        runId: 'r1',
+        at: 1,
+        level: 'stream' as const,
+        agent: 'researcher',
+        message: 'Finding sources…',
+      },
+      {
+        runId: 'r1',
+        at: 2,
+        level: 'info' as const,
+        agent: 'coordinator',
+        message: 'Plan ready: 2 tasks (approved)',
+      },
+    ]
+    expect(filterTraceLinesForCoordinator(lines).map((l) => l.message)).toEqual([
+      'Plan ready: 2 tasks (approved)',
+    ])
+  })
+})
+
+describe('filterTraceLinesForTask', () => {
+  it('excludes coordinator traces from worker nodes', () => {
+    const worker = {
+      id: 't1',
+      title: 'Research',
+      assignee: 'researcher',
+      status: 'in_progress' as const,
+      dependsOn: [],
+    }
+    const lines = [
+      {
+        runId: 'r1',
+        at: 1,
+        level: 'info' as const,
+        agent: 'coordinator',
+        message: 'Agent started: coordinator',
+      },
+      {
+        runId: 'r1',
+        at: 2,
+        level: 'stream' as const,
+        agent: 'researcher',
+        taskId: 't1',
+        message: 'Hello',
+      },
+    ]
+    expect(filterTraceLinesForTask(lines, worker).map((l) => l.message)).toEqual(['Hello'])
+  })
+})
\ No newline at end of file
diff --git a/apps/server/tests/runs-state.test.ts b/apps/server/tests/runs-state.test.ts
index f9e023d..b89cf20 100644
--- a/apps/server/tests/runs-state.test.ts
+++ b/apps/server/tests/runs-state.test.ts
@@ -47,10 +47,10 @@ describe('RunSession', () => {
     ])
 
     run.applyProgress({ type: 'task_start', task: 't1' })
-    expect(run.toSnapshot().tasks[0]?.status).toBe('in_progress')
+    expect(run.toSnapshot().tasks.find((t) => t.id === 't1')?.status).toBe('in_progress')
 
     run.applyProgress({ type: 'task_complete', task: 't1' })
-    expect(run.toSnapshot().tasks[0]?.status).toBe('completed')
+    expect(run.toSnapshot().tasks.find((t) => t.id === 't1')?.status).toBe('completed')
   })
 
   it('creates tasks on task_start when no plan was received', () => {
@@ -81,6 +81,27 @@ describe('RunSession', () => {
     ])
   })
 
+  it('does not add a coordinator task to the DAG snapshot', () => {
+    const run = new RunSession('run-1', 'Ship the feature')
+    run.applyProgress({ type: 'agent_start', agent: 'coordinator' })
+    expect(run.toSnapshot().tasks).toEqual([])
+
+    run.setPlan([
+      {
+        id: 't1',
+        title: 'Research',
+        status: 'pending',
+        description: 'Research',
+        dependsOn: [],
+        createdAt: new Date(),
+        updatedAt: new Date(),
+      },
+    ])
+    expect(run.toSnapshot().tasks).toEqual([
+      { id: 't1', title: 'Research', status: 'pending', dependsOn: [] },
+    ])
+  })
+
   it('tracks short-circuit runs before the final result arrives', () => {
     const run = new RunSession('run-1', 'Quick ask')
     run.applyProgress({
diff --git a/apps/web/package.json b/apps/web/package.json
index a929353..0ff2fe7 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -5,7 +5,7 @@
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "npm run build -w @oma-forge/shared && vite",
     "build": "npm run build -w @oma-forge/shared && tsc --noEmit && vite build",
     "preview": "vite preview",
     "lint": "npm run build -w @oma-forge/shared && tsc --noEmit"
diff --git a/apps/web/src/components/dashboard/CoordinatorPanel.tsx b/apps/web/src/components/dashboard/CoordinatorPanel.tsx
new file mode 100644
index 0000000..80f1354
--- /dev/null
+++ b/apps/web/src/components/dashboard/CoordinatorPanel.tsx
@@ -0,0 +1,79 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+import {
+  filterTraceLinesForCoordinator,
+  type ForgeTraceLine,
+  type RunStatus,
+} from '@oma-forge/shared'
+import { LiveOutput } from './LiveOutput.tsx'
+
+type CoordinatorPanelProps = {
+  readonly traceLines: readonly ForgeTraceLine[]
+  readonly runStatus?: RunStatus
+  readonly hasPlanTasks: boolean
+}
+
+export function CoordinatorPanel({
+  traceLines,
+  runStatus,
+  hasPlanTasks,
+}: CoordinatorPanelProps) {
+  const [expanded, setExpanded] = useState(false)
+  const autoExpanded = useRef(false)
+  const coordinatorLines = useMemo(
+    () => filterTraceLinesForCoordinator(traceLines),
+    [traceLines],
+  )
+  const hasActivity = coordinatorLines.length > 0
+  const isRunning = runStatus === 'running'
+  const planningDone = hasPlanTasks || !isRunning
+
+  useEffect(() => {
+    if (!hasActivity || autoExpanded.current) return
+    autoExpanded.current = true
+    setExpanded(true)
+  }, [hasActivity])
+
+  if (!isRunning && !hasActivity) {
+    return null
+  }
+
+  return (
+    <section
+      data-collateral
+      className={`flex flex-col shrink-0 border-b border-outline-variant/10 ${expanded ? 'min-h-0 max-h-[min(42vh,360px)]' : ''}`}
+    >
+      <button
+        type="button"
+        className="flex w-full items-center gap-2 px-4 py-3 text-left hover:bg-surface-container transition-colors"
+        onClick={() => setExpanded((open) => !open)}
+        aria-expanded={expanded}
+      >
+        <span className="material-symbols-outlined text-primary text-lg">hub</span>
+        <span className="font-headline font-black text-[10px] tracking-widest text-on-surface-variant flex-1">
+          COORDINATOR
+        </span>
+        {hasActivity ? (
+          <span className="text-[9px] font-mono text-secondary tabular-nums">
+            {coordinatorLines.length}
+          </span>
+        ) : null}
+        {isRunning && !planningDone ? (
+          <span className="h-1.5 w-1.5 rounded-full bg-primary animate-pulse" aria-hidden />
+        ) : null}
+        <span className="material-symbols-outlined text-on-surface-variant">
+          {expanded ? 'expand_less' : 'expand_more'}
+        </span>
+      </button>
+      {expanded ? (
+        <div className="flex min-h-0 flex-1 flex-col overflow-hidden px-4 pb-4">
+          <LiveOutput
+            traceLines={coordinatorLines}
+            tasks={[]}
+            variant="coordinator"
+            planningDone={planningDone}
+          />
+        </div>
+      ) : null}
+    </section>
+  )
+}
diff --git a/apps/web/src/components/dashboard/DetailsPanel.tsx b/apps/web/src/components/dashboard/DetailsPanel.tsx
index 2fb705e..bd286b8 100644
--- a/apps/web/src/components/dashboard/DetailsPanel.tsx
+++ b/apps/web/src/components/dashboard/DetailsPanel.tsx
@@ -31,7 +31,8 @@ export function DetailsPanel({
 
   return (
     <aside
-      className={`${open ? 'flex flex-1' : 'hidden'} w-full lg:w-[400px] lg:flex-none shrink-0 min-h-0 max-h-full overflow-y-auto overscroll-contain bg-surface-container-high p-6 flex-col gap-8 border-l border-outline-variant/10 relative`}
+      data-node-details
+      className={`${open ? 'flex flex-1' : 'hidden'} min-h-0 overflow-y-auto overscroll-contain p-6 flex-col gap-8 relative`}
     >
       <div>
         <h2 className="font-headline font-black text-lg tracking-widest mb-6 text-primary flex items-center gap-2">
@@ -122,7 +123,7 @@ export function DetailsPanel({
         <h2 className="font-headline font-black text-[10px] tracking-widest mb-4 text-on-surface-variant">
           LIVE_AGENT_OUTPUT
         </h2>
-        <LiveOutput tasks={tasks} traceLines={traceLines} />
+        <LiveOutput tasks={tasks} traceLines={traceLines} scopeTask={selected} />
       </div>
     </aside>
   )
diff --git a/apps/web/src/components/dashboard/LiveOutput.tsx b/apps/web/src/components/dashboard/LiveOutput.tsx
index 0556be2..d03063b 100644
--- a/apps/web/src/components/dashboard/LiveOutput.tsx
+++ b/apps/web/src/components/dashboard/LiveOutput.tsx
@@ -1,8 +1,13 @@
 import type { ForgeTraceLine, TaskExecutionRecord, TraceLineLevel } from '@oma-forge/shared'
+import { filterTraceLinesForTask } from '@oma-forge/shared'
 
 type LiveOutputProps = {
   readonly tasks: readonly TaskExecutionRecord[]
   readonly traceLines: readonly ForgeTraceLine[]
+  /** When set, only trace and status lines for this DAG node are shown. */
+  readonly scopeTask?: TaskExecutionRecord | null
+  readonly variant?: 'default' | 'coordinator'
+  readonly planningDone?: boolean
 }
 
 const terminalStatuses = new Set(['completed', 'failed', 'skipped', 'blocked'])
@@ -21,17 +26,46 @@ function formatTracePrefix(line: ForgeTraceLine): string {
   return parts.length > 0 ? `[${parts.join(':')}] ` : ''
 }
 
-export function LiveOutput({ tasks, traceLines }: LiveOutputProps) {
-  const finished = tasks.every((task) => terminalStatuses.has(task.status))
-  const visibleTrace = traceLines.slice(-80)
+function systemMessage(
+  variant: 'default' | 'coordinator',
+  finished: boolean,
+  planningDone?: boolean,
+): string {
+  if (variant === 'coordinator') {
+    if (finished || planningDone) {
+      return '[SYSTEM] Coordinator planning finished.'
+    }
+    return '[SYSTEM] Coordinator planning in progress.'
+  }
+  return finished
+    ? '[SYSTEM] Task graph execution finished.'
+    : '[SYSTEM] Task graph execution in progress.'
+}
+
+export function LiveOutput({
+  tasks,
+  traceLines,
+  scopeTask,
+  variant = 'default',
+  planningDone,
+}: LiveOutputProps) {
+  const scopedTasks = scopeTask ? [scopeTask] : tasks
+  const finished =
+    variant === 'coordinator'
+      ? Boolean(planningDone)
+      : scopedTasks.every((task) => terminalStatuses.has(task.status))
+  const filteredTrace = scopeTask
+    ? filterTraceLinesForTask(traceLines, scopeTask)
+    : traceLines
+  const visibleTrace = filteredTrace.slice(-80)
 
   return (
-    <div className="bg-surface-container-lowest p-3 font-mono text-[10px] leading-relaxed space-y-1 max-h-64 overflow-y-auto">
-      <p className="text-tertiary">
-        {finished
-          ? '[SYSTEM] Task graph execution finished.'
-          : '[SYSTEM] Task graph execution in progress.'}
-      </p>
+    <div
+      className={`bg-surface-container-lowest p-3 font-mono text-[10px] leading-relaxed space-y-1 overflow-y-auto ${
+        variant === 'coordinator' ? 'flex-1 min-h-0 max-h-full' : 'max-h-64'
+      }`}
+    >
+      <p className="text-tertiary">{systemMessage(variant, finished, planningDone)}</p>
       {visibleTrace.map((line, index) => (
         <p
           key={`${line.at}-${index}`}
@@ -41,14 +75,15 @@ export function LiveOutput({ tasks, traceLines }: LiveOutputProps) {
           {line.message}
         </p>
       ))}
-      {visibleTrace.length === 0
-        ? tasks.map((task) => (
+      {visibleTrace.length === 0 && variant === 'coordinator' ? (
+        <p className="text-on-surface-variant">Waiting for coordinator output…</p>
+      ) : null}
+      {visibleTrace.length === 0 && variant !== 'coordinator'
+        ? scopedTasks.map((task) => (
             <p
               key={task.id}
               className={
-                task.status === 'failed'
-                  ? 'text-error'
-                  : 'text-on-surface-variant'
+                task.status === 'failed' ? 'text-error' : 'text-on-surface-variant'
               }
             >
               [{task.assignee?.toUpperCase() ?? 'UNASSIGNED'}] {task.title} {'->'}{' '}
diff --git a/apps/web/src/components/dashboard/TeamRunDashboard.tsx b/apps/web/src/components/dashboard/TeamRunDashboard.tsx
index 460a800..2cb28b2 100644
--- a/apps/web/src/components/dashboard/TeamRunDashboard.tsx
+++ b/apps/web/src/components/dashboard/TeamRunDashboard.tsx
@@ -6,11 +6,11 @@ import type {
   RunStatus,
   TaskExecutionRecord,
 } from '@oma-forge/shared'
+import { CoordinatorPanel } from './CoordinatorPanel.tsx'
 import { DagEdges } from './DagEdges.tsx'
 import { DagNode } from './DagNode.tsx'
 import { DagViewport } from './DagViewport.tsx'
 import { DetailsPanel } from './DetailsPanel.tsx'
-import { LiveOutput } from './LiveOutput.tsx'
 
 type TeamRunDashboardProps = {
   readonly result: ForgeDashboardRun
@@ -24,7 +24,6 @@ export function TeamRunDashboard({ result, traceLines, runStatus }: TeamRunDashb
   const layout = useMemo(() => layoutTasks(tasks), [tasks])
   const [panelOpen, setPanelOpen] = useState(false)
   const [selected, setSelected] = useState<TaskExecutionRecord | null>(null)
-  const isRunning = runStatus === 'running'
 
   const handleSelect = useCallback((task: TaskExecutionRecord) => {
     setSelected(task)
@@ -38,7 +37,13 @@ export function TeamRunDashboard({ result, traceLines, runStatus }: TeamRunDashb
   const handleBackdropClick = useCallback(
     (e: React.MouseEvent) => {
       const target = e.target as HTMLElement
-      if (target.closest('.node') || target.closest('aside')) return
+      if (
+        target.closest('.node') ||
+        target.closest('[data-collateral]') ||
+        target.closest('[data-node-details]')
+      ) {
+        return
+      }
       setPanelOpen(false)
     },
     [],
@@ -47,14 +52,14 @@ export function TeamRunDashboard({ result, traceLines, runStatus }: TeamRunDashb
   return (
     <>
       <main
-        className="p-8 h-full min-h-0 grid-pattern relative overflow-hidden flex flex-col lg:flex-row gap-6"
+        className="p-8 h-full min-h-0 grid-pattern relative overflow-hidden flex flex-col lg:flex-row gap-0"
         onClick={handleBackdropClick}
       >
-        <div className="flex min-h-0 min-w-0 flex-1 flex-col gap-4">
+        <div className="flex min-h-0 min-w-0 flex-1 flex-col">
           <DagViewport width={layout.width} height={layout.height}>
             <DagEdges tasks={tasks} layout={layout} />
             <div className="relative w-full h-full">
-              {tasks.length === 0 && isRunning ? (
+              {tasks.length === 0 && runStatus === 'running' ? (
                 <div className="absolute inset-0 flex items-center justify-center text-on-surface-variant text-sm normal-case tracking-normal">
                   Waiting for task plan…
                 </div>
@@ -75,23 +80,23 @@ export function TeamRunDashboard({ result, traceLines, runStatus }: TeamRunDashb
               })}
             </div>
           </DagViewport>
-          {isRunning ? (
-            <section className="shrink-0 border border-outline-variant/20 bg-surface-container-lowest">
-              <h2 className="px-3 py-2 text-[10px] font-headline uppercase tracking-widest text-on-surface-variant border-b border-outline-variant/10">
-                Live output
-              </h2>
-              <LiveOutput tasks={tasks} traceLines={traceLines} />
-            </section>
-          ) : null}
         </div>
-        <DetailsPanel
-          open={panelOpen}
-          goal={goal}
-          tasks={tasks}
-          traceLines={traceLines}
-          selected={selected}
-          onClose={handleClosePanel}
-        />
+
+        <div className="flex w-full lg:w-[min(420px,38vw)] shrink-0 min-h-0 max-h-full flex-col border-l border-outline-variant/10 bg-surface-container-high">
+          <CoordinatorPanel
+            traceLines={traceLines}
+            runStatus={runStatus}
+            hasPlanTasks={tasks.length > 0}
+          />
+          <DetailsPanel
+            open={panelOpen}
+            goal={goal}
+            tasks={tasks}
+            traceLines={traceLines}
+            selected={selected}
+            onClose={handleClosePanel}
+          />
+        </div>
       </main>
       <div
         className="fixed left-0 top-0 w-1 h-screen bg-gradient-to-b from-primary via-secondary to-tertiary z-[60] opacity-30 pointer-events-none"
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index 133b527..e4ebd8c 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -1,11 +1,22 @@
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 
+const webRoot = path.dirname(fileURLToPath(import.meta.url))
+const sharedEntry = path.resolve(webRoot, '../../packages/shared/src/index.ts')
+
 export default defineConfig({
   plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      // Use workspace source in dev so new shared exports are not blocked by a stale pre-bundle.
+      '@oma-forge/shared': sharedEntry,
+    },
+  },
   optimizeDeps: {
-    include: ['@oma-forge/shared'],
+    exclude: ['@oma-forge/shared'],
   },
   server: {
     port: 5173,
diff --git a/packages/shared/src/coordinator.ts b/packages/shared/src/coordinator.ts
new file mode 100644
index 0000000..af53ab6
--- /dev/null
+++ b/packages/shared/src/coordinator.ts
@@ -0,0 +1,21 @@
+import type { ForgeTraceLine } from './trace.js'
+
+export const COORDINATOR_TASK_ID = 'coordinator'
+export const COORDINATOR_AGENT = 'coordinator'
+
+/** Whether a trace line belongs to the coordinator planning phase (not worker tasks). */
+export function traceLineMatchesCoordinator(line: ForgeTraceLine): boolean {
+  if (line.taskId !== undefined) {
+    return line.taskId === COORDINATOR_TASK_ID
+  }
+  if (line.agent !== undefined) {
+    return line.agent === COORDINATOR_AGENT
+  }
+  return /^Plan (ready|published):/i.test(line.message)
+}
+
+export function filterTraceLinesForCoordinator(
+  lines: readonly ForgeTraceLine[],
+): ForgeTraceLine[] {
+  return lines.filter(traceLineMatchesCoordinator)
+}
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index 9053bc9..9b7fb14 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -21,6 +21,16 @@ export type {
   TraceLineLevel,
   TraceLogSnapshot,
 } from './trace.js'
+export {
+  COORDINATOR_AGENT,
+  COORDINATOR_TASK_ID,
+  filterTraceLinesForCoordinator,
+  traceLineMatchesCoordinator,
+} from './coordinator.js'
+export {
+  filterTraceLinesForTask,
+  traceLineMatchesTask,
+} from './trace-filter.js'
 export type {
   OrchestratorEvent,
   Task,
diff --git a/packages/shared/src/trace-filter.ts b/packages/shared/src/trace-filter.ts
new file mode 100644
index 0000000..b593301
--- /dev/null
+++ b/packages/shared/src/trace-filter.ts
@@ -0,0 +1,27 @@
+import type { TaskExecutionRecord } from './oma.js'
+import type { ForgeTraceLine } from './trace.js'
+import { COORDINATOR_AGENT } from './coordinator.js'
+
+/** Whether a trace line belongs to the given DAG task / agent node. */
+export function traceLineMatchesTask(
+  line: ForgeTraceLine,
+  task: TaskExecutionRecord,
+): boolean {
+  if (line.agent === COORDINATOR_AGENT && line.taskId === undefined) {
+    return false
+  }
+  if (line.taskId !== undefined) {
+    return line.taskId === task.id
+  }
+  if (line.agent !== undefined && task.assignee !== undefined) {
+    return line.agent === task.assignee
+  }
+  return false
+}
+
+export function filterTraceLinesForTask(
+  lines: readonly ForgeTraceLine[],
+  task: TaskExecutionRecord,
+): ForgeTraceLine[] {
+  return lines.filter((line) => traceLineMatchesTask(line, task))
+}