diff --git a/apps/web/src/app/app/page.tsx b/apps/web/src/app/app/page.tsx
deleted file mode 100644
index a8b0b9a5d..000000000
--- a/apps/web/src/app/app/page.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from 'next';
-import { redirect } from 'next/navigation';
-import { CANONICAL_STUDIO_PATH } from '@/lib/auth-paths';
-
-export const metadata: Metadata = {
-  title: 'App',
-  description: 'Redirect to the UVAI workbench.',
-  alternates: { canonical: '/studio' },
-  robots: { index: false, follow: true },
-};
-
-export default function AppRedirect() {
-  redirect(CANONICAL_STUDIO_PATH);
-}
diff --git a/apps/web/src/app/dashboard/agents/page.tsx b/apps/web/src/app/dashboard/agents/page.tsx
deleted file mode 100644
index cad6fa780..000000000
--- a/apps/web/src/app/dashboard/agents/page.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from 'next';
-import { redirect } from 'next/navigation';
-import { CANONICAL_STUDIO_PATH } from '@/lib/auth-paths';
-
-export const metadata: Metadata = {
-  title: 'Studio',
-  description: 'Redirect to the UVAI workbench.',
-  alternates: { canonical: '/studio' },
-  robots: { index: false, follow: true },
-};
-
-export default function LegacyAgentsRedirect() {
-  redirect(CANONICAL_STUDIO_PATH);
-}
diff --git a/apps/web/src/app/dashboard/page.tsx b/apps/web/src/app/dashboard/page.tsx
deleted file mode 100644
index aee324e24..000000000
--- a/apps/web/src/app/dashboard/page.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { Metadata } from 'next';
-import { redirect } from 'next/navigation';
-import { canonicalStudioPath } from '@/lib/auth-paths';
-
-export const metadata: Metadata = {
-  title: 'Studio',
-  description: 'Redirect to the UVAI workbench.',
-  alternates: { canonical: '/studio' },
-  robots: { index: false, follow: true },
-};
-
-export default async function LegacyDashboardRedirect({
-  searchParams,
-}: {
-  searchParams: Promise<Record<string, string | string[] | undefined>>;
-}) {
-  const params = await searchParams;
-  const qs = new URLSearchParams();
-  for (const [key, value] of Object.entries(params)) {
-    if (typeof value === 'string' && value.length > 0) {
-      qs.set(key, value);
-    } else if (Array.isArray(value) && value[0]) {
-      qs.set(key, value[0]);
-    }
-  }
-  const suffix = qs.toString();
-  redirect(canonicalStudioPath(suffix ? `?${suffix}` : ''));
-}
diff --git a/apps/web/src/app/features/page.tsx b/apps/web/src/app/features/page.tsx
deleted file mode 100644
index fe92e8ea0..000000000
--- a/apps/web/src/app/features/page.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Metadata } from 'next';
-import { redirect } from 'next/navigation';
-
-export const metadata: Metadata = {
-  title: 'UVAI',
-  description: 'Redirect to UVAI home.',
-  alternates: { canonical: '/' },
-  robots: { index: false, follow: true },
-};
-
-export default function FeaturesRedirect() {
-  redirect('/');
-}
diff --git a/apps/web/src/app/playground/page.tsx b/apps/web/src/app/playground/page.tsx
deleted file mode 100644
index 8e0c3da39..000000000
--- a/apps/web/src/app/playground/page.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Metadata } from 'next';
-import { redirect } from 'next/navigation';
-
-export const metadata: Metadata = {
-  title: 'UVAI',
-  description: 'Redirect to UVAI home.',
-  alternates: { canonical: '/' },
-  robots: { index: false, follow: true },
-};
-
-export default function PlaygroundRedirect() {
-  redirect('/');
-}
diff --git a/apps/web/src/app/prototype/layout.tsx b/apps/web/src/app/prototype/layout.tsx
deleted file mode 100644
index 03ddb3bdb..000000000
--- a/apps/web/src/app/prototype/layout.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: 'Prototype spec',
-  description:
-    'Internal prototype spec for the UVAI build flow. Not indexed.',
-  robots: { index: false, follow: false, nocache: true },
-};
-
-export default function PrototypeLayout({ children }: { children: React.ReactNode }) {
-  return children;
-}
diff --git a/apps/web/src/app/prototype/page.tsx b/apps/web/src/app/prototype/page.tsx
deleted file mode 100644
index 417334fbc..000000000
--- a/apps/web/src/app/prototype/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { redirect } from 'next/navigation';
-import { CANONICAL_STUDIO_PATH } from '@/lib/auth-paths';
-
-/**
- * The former route was an interactive simulation that could be mistaken for a
- * verified workflow. Keep old bookmarks working while routing users to the
- * canonical OneLoopStudio workbench.
- */
-export default function PrototypeRedirect() {
-  redirect(CANONICAL_STUDIO_PATH);
-}
diff --git a/apps/web/src/components/AgentDashboard.tsx b/apps/web/src/components/AgentDashboard.tsx
deleted file mode 100644
index 1cd8962ae..000000000
--- a/apps/web/src/components/AgentDashboard.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import { Loader2, RefreshCw, Check, X } from 'lucide-react';
-import type { AgentExecution } from '@/lib/types';
-
-interface AgentDashboardProps {
-  executions: AgentExecution[];
-  loading?: boolean;
-  className?: string;
-}
-
-const STATUS_STYLES: Record<string, { bg: string; text: string; dot: string }> = {
-  queued:   { bg: 'bg-white/[0.03]', text: 'text-white/50', dot: 'bg-white/30' },
-  running:  { bg: 'bg-primary-500/5', text: 'text-primary-400', dot: 'bg-primary-400' },
-  complete: { bg: 'bg-green-500/5', text: 'text-green-400', dot: 'bg-green-400' },
-  failed:   { bg: 'bg-red-500/5', text: 'text-red-400', dot: 'bg-red-400' },
-};
-
-/**
- * Renders the agent execution dashboard.
- *
- * @param executions - Agent execution records to display.
- * @param className - Additional classes applied to the top-level container.
- * @returns The dashboard content, or `null` when there are no executions and loading is disabled.
- */
-export default function AgentDashboard({ executions, loading, className }: AgentDashboardProps) {
-  if (loading) {
-    return (
-      <div className={clsx('space-y-3', className)}>
-        <h3 className="text-sm font-semibold text-white/50 uppercase tracking-wider">
-          Agent Executions
-        </h3>
-        <div
-          role="status"
-          aria-live="polite"
-          className="flex items-center gap-2 text-sm text-white/40 py-6 justify-center"
-        >
-          <Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" aria-hidden="true" /> Dispatching agents…
-        </div>
-      </div>
-    );
-  }
-
-  if (executions.length === 0) return null;
-
-  const complete = executions.filter((e) => e.status === 'complete').length;
-  const running = executions.filter((e) => e.status === 'running').length;
-  const failed = executions.filter((e) => e.status === 'failed').length;
-
-  return (
-    <div className={clsx('space-y-3', className)}>
-      <div className="flex items-center justify-between">
-        <h3 className="text-sm font-semibold text-white/50 uppercase tracking-wider">
-          Agent Executions
-        </h3>
-        <div className="flex gap-3 text-xs" role="status" aria-live="polite">
-          {running > 0 && (
-            <span className="inline-flex items-center gap-1 text-primary-400">
-              <RefreshCw className="h-3 w-3 animate-spin motion-reduce:animate-none" aria-hidden="true" /> {running} running
-            </span>
-          )}
-          {complete > 0 && (
-            <span className="inline-flex items-center gap-1 text-green-400">
-              <Check className="h-3 w-3" aria-hidden="true" /> {complete} done
-            </span>
-          )}
-          {failed > 0 && (
-            <span className="inline-flex items-center gap-1 text-red-400">
-              <X className="h-3 w-3" aria-hidden="true" /> {failed} failed
-            </span>
-          )}
-        </div>
-      </div>
-
-      <div className="space-y-2 max-h-72 overflow-y-auto pr-1">
-        {executions.map((exec) => {
-          const style = STATUS_STYLES[exec.status] || STATUS_STYLES.queued;
-          return (
-            <div
-              key={exec.agent_id}
-              className={clsx(
-                'p-3.5 rounded-xl border border-white/[0.06] transition-colors',
-                style.bg,
-              )}
-            >
-              <div className="flex items-center justify-between mb-2">
-                <div className="flex items-center gap-2">
-                  <span className={clsx('w-2 h-2 rounded-full', style.dot)} />
-                  <span className="text-sm font-medium text-white/80">{exec.agent_type}</span>
-                </div>
-                <span className={clsx('text-xs font-medium capitalize', style.text)}>
-                  {exec.status}
-                </span>
-              </div>
-
-              {/* Progress bar */}
-              <div className="w-full h-1.5 rounded-full bg-white/[0.05] overflow-hidden">
-                <div
-                  className={clsx(
-                    'h-full rounded-full transition-[width] duration-500 motion-reduce:transition-none',
-                    exec.status === 'complete'
-                      ? 'bg-green-500'
-                      : exec.status === 'failed'
-                        ? 'bg-red-500'
-                        : 'bg-primary-500',
-                  )}
-                  style={{ width: `${exec.progress}%` }}
-                />
-              </div>
-
-              {/* Result preview */}
-              {exec.result && (
-                <p className="text-xs text-white/40 mt-2 line-clamp-2">
-                  {String(exec.result.summary || exec.result.output || JSON.stringify(exec.result).slice(0, 120))}
-                </p>
-              )}
-              {exec.error && (
-                <p className="text-xs text-red-400/70 mt-2">{exec.error}</p>
-              )}
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web/src/components/EventList.tsx b/apps/web/src/components/EventList.tsx
deleted file mode 100644
index 5bd9af9d8..000000000
--- a/apps/web/src/components/EventList.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import { Zap, Pin, Code2, AlertTriangle, Loader2, type LucideIcon } from 'lucide-react';
-import type { ExtractedEvent } from '@/lib/types';
-
-interface EventListProps {
-  events: ExtractedEvent[];
-  loading?: boolean;
-  onExtract?: () => void;
-  className?: string;
-}
-
-// Event Classification Taxonomy: ACTION (blue), TOPIC (purple), CODE (green), ALERT (red)
-// Legacy types (mention, insight) map to the new taxonomy for backward compat
-const TYPE_STYLES: Record<string, { bg: string; text: string; icon: LucideIcon }> = {
-  action:  { bg: 'bg-blue-500/10 border-blue-500/20', text: 'text-blue-400', icon: Zap },
-  topic:   { bg: 'bg-purple-500/10 border-purple-500/20', text: 'text-purple-400', icon: Pin },
-  code:    { bg: 'bg-green-500/10 border-green-500/20', text: 'text-green-400', icon: Code2 },
-  alert:   { bg: 'bg-red-500/10 border-red-500/20', text: 'text-red-400', icon: AlertTriangle },
-  // Legacy type mappings
-  mention: { bg: 'bg-purple-500/10 border-purple-500/20', text: 'text-purple-400', icon: Pin },
-  insight: { bg: 'bg-red-500/10 border-red-500/20', text: 'text-red-400', icon: AlertTriangle },
-};
-
-/**
- * Displays a list of extracted events with loading and empty states.
- *
- * @param events - The events to display.
- * @param loading - Whether the event extraction state is being shown.
- * @param onExtract - Called when the extract events button is clicked.
- * @param className - Additional classes for the container.
- * @returns The rendered event list.
- */
-export default function EventList({ events, loading, onExtract, className }: EventListProps) {
-  if (loading) {
-    return (
-      <div className={clsx('space-y-3', className)}>
-        <h3 className="text-sm font-semibold text-white/50 uppercase tracking-wider">
-          Extracted Events
-        </h3>
-        <div
-          role="status"
-          aria-live="polite"
-          className="flex items-center gap-2 text-sm text-white/40 py-8 justify-center"
-        >
-          <Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" aria-hidden="true" /> Extracting events…
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className={clsx('space-y-3', className)}>
-      <div className="flex items-center justify-between">
-        <h3 className="text-sm font-semibold text-white/50 uppercase tracking-wider">
-          Extracted Events
-        </h3>
-        {events.length === 0 && onExtract && (
-          <button
-            onClick={onExtract}
-            className="text-xs px-3 py-1.5 rounded-lg bg-primary-500/10 text-primary-400 border border-primary-500/20 hover:bg-primary-500/20 transition-colors"
-          >
-            Extract Events
-          </button>
-        )}
-        {events.length > 0 && (
-          <span className="text-xs text-white/30">{events.length} events</span>
-        )}
-      </div>
-
-      {events.length === 0 && !onExtract && (
-        <p className="text-sm text-white/30 py-4 text-center">No events extracted yet.</p>
-      )}
-
-      <div className="space-y-2 max-h-80 overflow-y-auto pr-1">
-        {events.map((event) => {
-          const style = TYPE_STYLES[event.type] || TYPE_STYLES.topic;
-          const Icon = style.icon;
-          return (
-            <div
-              key={event.id}
-              className={clsx(
-                'p-3 rounded-xl border transition-colors hover:bg-white/[0.02]',
-                style.bg,
-              )}
-            >
-              <div className="flex items-start gap-2">
-                <Icon className={clsx('h-4 w-4 mt-0.5 flex-none', style.text)} aria-hidden="true" />
-                <div className="flex-1 min-w-0">
-                  <div className="flex items-center gap-2">
-                    <span className={clsx('text-xs font-semibold uppercase', style.text)}>
-                      {event.type}
-                    </span>
-                    {event.timestamp && (
-                      <span className="text-xs text-white/25">{event.timestamp}</span>
-                    )}
-                  </div>
-                  <p className="text-sm text-white/80 mt-1 leading-snug">{event.title}</p>
-                  {event.description && (
-                    <p className="text-xs text-white/40 mt-1 line-clamp-2">
-                      {event.description}
-                    </p>
-                  )}
-                </div>
-                {typeof event.confidence === 'number' && (
-                  <span
-                    className="text-xs text-white/45 tabular-nums"
-                    title={`Provider confidence: ${Math.round(event.confidence * 100)}%`}
-                  >
-                    {Math.round(event.confidence * 100)}%
-                  </span>
-                )}
-              </div>
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web/src/components/FeedbackWidget.tsx b/apps/web/src/components/FeedbackWidget.tsx
deleted file mode 100644
index 66024f0e3..000000000
--- a/apps/web/src/components/FeedbackWidget.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-'use client';
-
-import { useState, useCallback, useId } from 'react';
-import { Check } from 'lucide-react';
-import { submitFeedback } from '@/lib/feedback';
-
-interface FeedbackWidgetProps {
-  videoId: string;
-  tab: string;
-  compact?: boolean;
-}
-
-/**
- * Displays a star-based feedback form for a video tab and shows a success state after submission.
- *
- * @param videoId - The video identifier included with the feedback submission.
- * @param tab - The current tab name included with the feedback submission.
- */
-export default function FeedbackWidget({ videoId, tab, compact = false }: FeedbackWidgetProps) {
-  const [rating, setRating] = useState<number>(0);
-  const [hoveredStar, setHoveredStar] = useState<number>(0);
-  const [comment, setComment] = useState('');
-  const [submitted, setSubmitted] = useState(false);
-  const [submitting, setSubmitting] = useState(false);
-  const [submitError, setSubmitError] = useState<string | null>(null);
-  const [expanded, setExpanded] = useState(false);
-  const commentId = useId();
-
-  const handleSubmit = useCallback(async () => {
-    if (rating === 0) return;
-    setSubmitting(true);
-    setSubmitError(null);
-    try {
-      await submitFeedback({
-        videoId,
-        tab,
-        rating,
-        comment: comment.trim() || undefined,
-      });
-      setSubmitted(true);
-    } catch (err) {
-      console.error('Feedback submission failed:', err);
-      setSubmitError('Feedback could not be saved. Please try again.');
-    } finally {
-      setSubmitting(false);
-    }
-  }, [videoId, tab, rating, comment]);
-
-  if (submitted) {
-    return (
-      <div
-        role="status"
-        aria-live="polite"
-        className="flex items-center gap-2 px-4 py-3 mt-6 text-xs"
-        style={{
-          background: 'rgba(34, 197, 94, 0.08)',
-          border: '1px solid rgba(34, 197, 94, 0.2)',
-          color: '#22c55e',
-        }}
-      >
-        <Check className="h-3.5 w-3.5" aria-hidden="true" />
-        <span className="font-heading tracking-wider uppercase">Feedback recorded</span>
-      </div>
-    );
-  }
-
-  return (
-    <div
-      className="mt-6 px-4 py-3"
-      style={{
-        background: 'rgba(37, 37, 44, 0.4)',
-        border: '1px solid rgba(255, 255, 255, 0.05)',
-      }}
-    >
-      <div className="flex items-center justify-between">
-        <span
-          className="text-[10px] font-heading font-bold uppercase tracking-[0.2em]"
-          style={{ color: 'rgba(248, 245, 253, 0.35)' }}
-        >
-          Rate this {tab}
-        </span>
-
-        {/* Star rating */}
-        <div className="flex gap-1" role="radiogroup" aria-label={`Rate this ${tab}`}>
-          {[1, 2, 3, 4, 5].map((star) => (
-            <button
-              key={star}
-              type="button"
-              role="radio"
-              onClick={() => {
-                setRating(star);
-                if (!expanded) setExpanded(true);
-              }}
-              onMouseEnter={() => setHoveredStar(star)}
-              onMouseLeave={() => setHoveredStar(0)}
-              aria-checked={star === rating}
-              className="text-lg transition-transform duration-150 motion-reduce:transition-none hover:scale-110 active:scale-95 motion-reduce:hover:scale-100 motion-reduce:active:scale-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40 rounded"
-              style={{
-                color:
-                  star <= (hoveredStar || rating)
-                    ? '#6af2de'
-                    : 'rgba(255, 255, 255, 0.15)',
-                filter:
-                  star <= (hoveredStar || rating)
-                    ? 'drop-shadow(0 0 4px rgba(106, 242, 222, 0.4))'
-                    : 'none',
-              }}
-              aria-label={`Rate ${star} out of 5`}
-            >
-              ★
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {/* Expandable comment area */}
-      {expanded && (
-        <div className="mt-3 space-y-3 animate-fade-in-up motion-reduce:animate-none">
-          <label htmlFor={commentId} className="sr-only">
-            What could be improved? (optional)
-          </label>
-          <textarea
-            id={commentId}
-            value={comment}
-            onChange={(e) => setComment(e.target.value)}
-            placeholder="What could be improved? (optional)"
-            rows={2}
-            className="w-full px-3 py-2 text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40 resize-none"
-            style={{
-              background: 'rgba(25, 25, 31, 0.8)',
-              border: '1px solid rgba(106, 242, 222, 0.15)',
-              color: '#f8f5fd',
-            }}
-          />
-          <div className="flex justify-end">
-            <button
-              type="button"
-              onClick={handleSubmit}
-              disabled={submitting || rating === 0}
-              aria-busy={submitting || undefined}
-              className="px-4 py-1.5 font-heading font-bold text-[10px] tracking-wider uppercase transition-[transform,opacity] motion-reduce:transition-none focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40 disabled:opacity-30 active:scale-95 motion-reduce:active:scale-100"
-              style={{
-                background: 'rgba(16, 183, 165, 0.9)',
-                color: '#002b26',
-              }}
-            >
-              {submitting ? 'Sending…' : 'Submit'}
-            </button>
-          </div>
-          {submitError && (
-            <p role="alert" className="text-sm text-red-300">
-              {submitError}
-            </p>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/InteractiveTranscript.tsx b/apps/web/src/components/InteractiveTranscript.tsx
deleted file mode 100644
index 328a52a29..000000000
--- a/apps/web/src/components/InteractiveTranscript.tsx
+++ /dev/null
@@ -1,390 +0,0 @@
-'use client';
-
-import { useState, useRef, useEffect, useCallback, useMemo, memo } from 'react';
-import { clsx } from 'clsx';
-import { Search } from 'lucide-react';
-import { filterSegments, type TranscriptSegment } from '@/lib/transcript-search';
-
-/* ═══════════════════════════════════════════
-   Interactive Transcript Player
-   VibeVoice-style synchronized playback with
-   speaker labels, clickable timestamps, and
-   highlight-as-you-play
-   ═══════════════════════════════════════════ */
-
-// Segment shape and the search predicate live in `@/lib/transcript-search` so
-// they are unit-testable in vitest's `node` environment. Re-exported here to
-// keep `import { type TranscriptSegment } from '@/components/InteractiveTranscript'`
-// working for existing consumers.
-export type { TranscriptSegment } from '@/lib/transcript-search';
-
-interface InteractiveTranscriptProps {
-  segments: TranscriptSegment[];
-  currentTime: number; // seconds from video player
-  onSeek: (time: number) => void;
-  isPlaying: boolean;
-  className?: string;
-}
-
-const SPEAKER_COLORS: Record<string, string> = {
-  Caption: '#6af2de',
-  'Speaker 1': '#6af2de',
-  'Speaker 2': '#a78bfa',
-  'Speaker 3': '#f59e0b',
-  'Speaker 4': '#f472b6',
-  'Speaker 5': '#60a5fa',
-};
-
-function getSpeakerColor(speaker: string): string {
-  return SPEAKER_COLORS[speaker] || '#6af2de';
-}
-
-function formatTimestamp(seconds: number): string {
-  const m = Math.floor(seconds / 60);
-  const s = Math.floor(seconds % 60);
-  return `${m}:${s.toString().padStart(2, '0')}`;
-}
-
-/**
- * Renders a transcript segment row that can be focused and used to jump to its start time.
- *
- * @param segment - The transcript segment to display.
- * @param isActive - Whether this segment matches the current playback position.
- * @param isPast - Whether this segment ends before the current playback position.
- * @param onSeek - Called with the segment start time when the row is activated.
- */
-const SegmentRow = memo(function SegmentRow({
-  segment,
-  isActive,
-  isPast,
-  autoScroll,
-  onSeek,
-}: {
-  segment: TranscriptSegment;
-  isActive: boolean;
-  isPast: boolean;
-  autoScroll: boolean;
-  onSeek: (time: number) => void;
-}) {
-  const ref = useRef<HTMLDivElement>(null);
-  const color = segment.speakerColor || getSpeakerColor(segment.speaker);
-
-  useEffect(() => {
-    if (autoScroll && isActive && ref.current) {
-      ref.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-      });
-    }
-  }, [autoScroll, isActive]);
-
-  return (
-    <div
-      ref={ref}
-      role="button"
-      tabIndex={0}
-      aria-label={`Jump to ${formatTimestamp(segment.startTime)}, ${segment.speaker}`}
-      aria-current={isActive || undefined}
-      className={clsx(
-        'group flex gap-3 py-3 px-4 rounded-lg cursor-pointer transition-[transform,background-color,border-color,opacity] duration-300 motion-reduce:transition-none',
-        'focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40',
-        isActive && 'scale-[1.01] motion-reduce:scale-100',
-      )}
-      style={{
-        background: isActive
-          ? `rgba(${color === '#6af2de' ? '106, 242, 222' : color === '#a78bfa' ? '167, 139, 250' : '245, 158, 11'}, 0.06)`
-          : 'transparent',
-        borderLeft: isActive ? `2px solid ${color}` : '2px solid transparent',
-        opacity: isPast && !isActive ? 0.5 : 1,
-      }}
-      onClick={() => onSeek(segment.startTime)}
-      onKeyDown={(e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          e.preventDefault();
-          onSeek(segment.startTime);
-        }
-      }}
-    >
-      {/* Timestamp */}
-      <span
-        className="flex-shrink-0 text-[10px] font-mono tabular-nums pt-0.5 transition-colors"
-        style={{
-          color: isActive ? color : 'rgba(248, 245, 253, 0.25)',
-        }}
-      >
-        {formatTimestamp(segment.startTime)}
-      </span>
-
-      {/* Speaker label */}
-      <div className="flex-shrink-0 pt-0.5">
-        <span
-          className="text-[9px] px-2 py-0.5 rounded-full font-bold uppercase tracking-wider"
-          style={{
-            background: `${color}15`,
-            color: color,
-            border: `1px solid ${color}30`,
-          }}
-        >
-          {segment.speaker}
-        </span>
-      </div>
-
-      {/* Text */}
-      <p
-        className="flex-1 text-sm leading-relaxed transition-colors duration-300"
-        style={{
-          color: isActive ? '#f8f5fd' : 'rgba(248, 245, 253, 0.6)',
-        }}
-      >
-        {segment.text}
-      </p>
-    </div>
-  );
-});
-
-/**
- * Renders an interactive transcript with speaker filtering, search, and playback progress.
- *
- * @param segments - Transcript segments to display
- * @param currentTime - Current playback time in seconds
- * @param onSeek - Called with the start time of a segment when a row is activated
- * @param isPlaying - Controls the playing-state indicator in the header
- * @param className - Additional classes applied to the outer container
- */
-export default function InteractiveTranscript({
-  segments,
-  currentTime,
-  onSeek,
-  isPlaying,
-  className = '',
-}: InteractiveTranscriptProps) {
-  const [searchQuery, setSearchQuery] = useState('');
-  const [filterSpeaker, setFilterSpeaker] = useState<string | null>(null);
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  const speakers = useMemo(
-    () => [...new Set(segments.map((s) => s.speaker))],
-    [segments],
-  );
-
-  const filteredSegments = useMemo(
-    // Normalization is hoisted out of the per-segment loop inside
-    // `filterSegments`; see `@/lib/transcript-search` and issue #908.
-    () => filterSegments(segments, { search: searchQuery, speaker: filterSpeaker }),
-    [segments, filterSpeaker, searchQuery],
-  );
-
-  const activeSegmentId = useMemo(() => {
-    // Optimization: Use binary search (O(log N)) instead of Array.find() (O(N))
-    // This runs on every time update from the video player and prevents main thread blocking.
-    if (!segments || segments.length === 0) return null;
-
-    let low = 0;
-    let high = segments.length - 1;
-
-    while (low <= high) {
-      const mid = Math.floor((low + high) / 2);
-      const segment = segments[mid];
-
-      if (currentTime >= segment.startTime && currentTime < segment.endTime) {
-        return segment.id;
-      }
-
-      if (currentTime < segment.startTime) {
-        high = mid - 1;
-      } else {
-        low = mid + 1;
-      }
-    }
-
-    return null;
-  }, [segments, currentTime]);
-
-  return (
-    <div
-      className={`flex flex-col rounded-2xl overflow-hidden ${className}`}
-      style={{
-        background: 'rgba(19, 19, 24, 0.7)',
-        border: '1px solid rgba(106, 242, 222, 0.08)',
-        backdropFilter: 'blur(20px)',
-      }}
-    >
-      {/* Header */}
-      <div
-        className="flex items-center justify-between px-5 py-3"
-        style={{
-          background: 'rgba(25, 25, 31, 0.9)',
-          borderBottom: '1px solid rgba(72, 71, 77, 0.1)',
-        }}
-      >
-        <div className="flex items-center gap-3">
-          {isPlaying && (
-            <div className="flex gap-0.5 items-end h-3" aria-hidden="true">
-              {[0.6, 1, 0.4, 0.8, 0.5].map((h, i) => (
-                <div
-                  key={i}
-                  className="w-0.5 rounded-full animate-pulse motion-reduce:animate-none"
-                  style={{
-                    height: `${h * 12}px`,
-                    background: '#6af2de',
-                    animationDelay: `${i * 100}ms`,
-                  }}
-                />
-              ))}
-            </div>
-          )}
-          <span
-            className="font-heading text-xs tracking-widest uppercase font-bold"
-            style={{ color: '#f8f5fd' }}
-          >
-            Transcript
-          </span>
-          <span
-            className="text-[10px]"
-            style={{ color: 'rgba(248, 245, 253, 0.3)' }}
-          >
-            {segments.length} segments
-          </span>
-        </div>
-
-        {/* Speaker filter pills */}
-        <div className="flex gap-1.5">
-          <button
-            type="button"
-            onClick={() => setFilterSpeaker(null)}
-            aria-pressed={!filterSpeaker}
-            className="text-[9px] px-2 py-0.5 rounded-full font-bold uppercase tracking-wider transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40"
-            style={{
-              background: !filterSpeaker
-                ? 'rgba(106, 242, 222, 0.12)'
-                : 'rgba(25, 25, 31, 0.6)',
-              color: !filterSpeaker ? '#6af2de' : 'rgba(248, 245, 253, 0.3)',
-              border: !filterSpeaker
-                ? '1px solid rgba(106, 242, 222, 0.2)'
-                : '1px solid rgba(72, 71, 77, 0.15)',
-            }}
-          >
-            All
-          </button>
-          {speakers.map((speaker) => {
-            const color = getSpeakerColor(speaker);
-            const isActive = filterSpeaker === speaker;
-            return (
-              <button
-                key={speaker}
-                type="button"
-                onClick={() =>
-                  setFilterSpeaker(isActive ? null : speaker)
-                }
-                aria-pressed={isActive}
-                className="text-[9px] px-2 py-0.5 rounded-full font-bold uppercase tracking-wider transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40"
-                style={{
-                  background: isActive ? `${color}18` : 'rgba(25, 25, 31, 0.6)',
-                  color: isActive ? color : 'rgba(248, 245, 253, 0.3)',
-                  border: isActive
-                    ? `1px solid ${color}40`
-                    : '1px solid rgba(72, 71, 77, 0.15)',
-                }}
-              >
-                {speaker}
-              </button>
-            );
-          })}
-        </div>
-      </div>
-
-      {/* Search bar */}
-      <div
-        className="px-4 py-2"
-        style={{ borderBottom: '1px solid rgba(72, 71, 77, 0.08)' }}
-      >
-        <div className="flex items-center gap-2">
-          <Search className="h-3 w-3 text-white/25" aria-hidden="true" />
-          <input
-            type="search"
-            value={searchQuery}
-            onChange={(e) => setSearchQuery(e.target.value)}
-            placeholder="Search transcript…"
-            aria-label="Search transcript"
-            className="flex-1 bg-transparent text-xs text-white placeholder:text-white/20 focus:outline-none"
-          />
-          {searchQuery && (
-            <button
-              type="button"
-              onClick={() => setSearchQuery('')}
-              aria-label="Clear search"
-              className="text-[10px] focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/40 rounded"
-              style={{ color: 'rgba(248, 245, 253, 0.3)' }}
-            >
-              Clear
-            </button>
-          )}
-        </div>
-      </div>
-
-      {/* Transcript body */}
-      <div
-        ref={containerRef}
-        className="flex-1 overflow-y-auto p-2 space-y-0.5"
-        style={{ maxHeight: '500px' }}
-      >
-        {filteredSegments.map((segment) => (
-          <SegmentRow
-            key={segment.id}
-            segment={segment}
-            isActive={segment.id === activeSegmentId}
-            isPast={segment.endTime < currentTime}
-            autoScroll={isPlaying}
-            onSeek={onSeek}
-          />
-        ))}
-        {filteredSegments.length === 0 && (
-          <div className="py-12 text-center">
-            <p style={{ color: 'rgba(248, 245, 253, 0.3)' }}>
-              No segments match your filter.
-            </p>
-          </div>
-        )}
-      </div>
-
-      {/* Waveform-style progress at bottom */}
-      {segments.length > 0 && (
-        <div
-          className="px-4 py-3 flex items-center gap-3"
-          style={{
-            background: 'rgba(25, 25, 31, 0.9)',
-            borderTop: '1px solid rgba(72, 71, 77, 0.1)',
-          }}
-        >
-          <span
-            className="text-[10px] font-mono tabular-nums"
-            style={{ color: 'rgba(248, 245, 253, 0.3)' }}
-          >
-            {formatTimestamp(currentTime)}
-          </span>
-          <div className="flex-1 h-1 rounded-full overflow-hidden" style={{ background: 'rgba(25, 25, 31, 0.8)' }}>
-            <div
-              className="h-full rounded-full transition-[width] duration-300 motion-reduce:transition-none"
-              style={{
-                width: `${
-                  segments.length > 0
-                    ? (currentTime / segments[segments.length - 1].endTime) * 100
-                    : 0
-                }%`,
-                background: 'linear-gradient(90deg, #6af2de, #38fbf7)',
-              }}
-            />
-          </div>
-          <span
-            className="text-[10px] font-mono tabular-nums"
-            style={{ color: 'rgba(248, 245, 253, 0.3)' }}
-          >
-            {segments.length > 0
-              ? formatTimestamp(segments[segments.length - 1].endTime)
-              : '0:00'}
-          </span>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/TranscriptViewer.tsx b/apps/web/src/components/TranscriptViewer.tsx
deleted file mode 100644
index 8229f8934..000000000
--- a/apps/web/src/components/TranscriptViewer.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-'use client';
-
-import { useState, useId, useMemo } from 'react';
-import { ChevronUp, ChevronDown } from 'lucide-react';
-import { clsx } from 'clsx';
-import { buildSearchConfig } from '@/lib/transcript-search';
-
-interface TranscriptViewerProps {
-  transcript: string;
-  className?: string;
-}
-
-/**
- * Displays a searchable transcript with optional line expansion.
- *
- * @param transcript - Full transcript text split into separate lines for display.
- * @param className - Additional CSS classes for the outer container.
- */
-export default function TranscriptViewer({ transcript, className }: TranscriptViewerProps) {
-  const [expanded, setExpanded] = useState(false);
-  const [searchQuery, setSearchQuery] = useState('');
-  const searchId = useId();
-
-  // Memoize splitting and filtering since transcript can be large and static
-  const paragraphs = useMemo(() => {
-    return transcript.split('\n').filter((p) => p.trim().length > 0);
-  }, [transcript]);
-
-  const displayParagraphs = expanded ? paragraphs : paragraphs.slice(0, 8);
-
-  // Precompute the highlight regex and lowercased query once per query change
-  // rather than per paragraph. See `@/lib/transcript-search` (issue #908).
-  const searchConfig = useMemo(() => buildSearchConfig(searchQuery), [searchQuery]);
-
-  const highlight = (text: string) => {
-    if (!searchConfig) return text;
-    const parts = text.split(searchConfig.regex);
-    // ⚡ Bolt: Implementing safety check during map iteration when comparing split regex parts.
-    return parts.map((part, i) => {
-      const lowerPart = part ? part.toLowerCase() : '';
-      return lowerPart === searchConfig.lower ? (
-        <mark key={i} className="bg-primary-500/30 text-primary-300 rounded px-0.5">
-          {part}
-        </mark>
-      ) : (
-        part
-      );
-    });
-  };
-
-  return (
-    <div className={clsx('space-y-3', className)}>
-      <div className="flex items-center justify-between">
-        <h3 className="text-sm font-semibold text-white/50 uppercase tracking-wider">
-          Transcript
-        </h3>
-        <span className="text-xs text-white/30">{paragraphs.length} lines</span>
-      </div>
-
-      {/* Search */}
-      <label htmlFor={searchId} className="sr-only">
-        Search transcript
-      </label>
-      <input
-        id={searchId}
-        type="search"
-        value={searchQuery}
-        onChange={(e) => setSearchQuery(e.target.value)}
-        placeholder="Search transcript…"
-        className="w-full px-3 py-2 text-sm rounded-lg bg-white/[0.03] border border-white/[0.08] text-white placeholder:text-white/25 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 focus:border-primary-500/30"
-      />
-
-      {/* Content */}
-      <div className="space-y-2 max-h-96 overflow-y-auto pr-2">
-        {displayParagraphs.map((para, i) => (
-          <p
-            key={i}
-            className="text-sm text-white/70 leading-relaxed p-2 rounded-lg hover:bg-white/[0.03] transition-colors"
-          >
-            <span className="text-white/25 text-xs mr-2 select-none">{i + 1}</span>
-            {highlight(para)}
-          </p>
-        ))}
-      </div>
-
-      {paragraphs.length > 8 && (
-        <button
-          type="button"
-          onClick={() => setExpanded(!expanded)}
-          aria-expanded={expanded}
-          className="inline-flex items-center gap-1 text-sm text-primary-400 hover:text-primary-300 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 rounded"
-        >
-          {expanded ? (
-            <>
-              <ChevronUp className="h-4 w-4" aria-hidden="true" /> Show less
-            </>
-          ) : (
-            <>
-              <ChevronDown className="h-4 w-4" aria-hidden="true" /> Show all {paragraphs.length} lines
-            </>
-          )}
-        </button>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/dashboard/DashboardCanvasView.tsx b/apps/web/src/components/dashboard/DashboardCanvasView.tsx
deleted file mode 100644
index a5a8e882c..000000000
--- a/apps/web/src/components/dashboard/DashboardCanvasView.tsx
+++ /dev/null
@@ -1,392 +0,0 @@
-'use client';
-
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { ArrowLeft, TriangleAlert, XCircle } from 'lucide-react';
-import { useYouTubePlayer } from '@/lib/use-youtube-player';
-import { extractYouTubeId, parseTimestampToSeconds, parseTranscriptSegments } from '@/lib/timestamp';
-import { useDashboardDetail } from '@/hooks/use-dashboard-detail';
-import { isThinDashboardAnalysis } from '@/lib/dashboard-analysis';
-import type { PipelineMode, Video } from '@/store/dashboard-types';
-import VideoCanvasStage, { type TimelineMarker } from './VideoCanvasStage';
-import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
-import {
-  ActionsPanel,
-  AgentsPanel,
-  InsightsPanel,
-  SearchPanel,
-  TranscriptPanel,
-} from './panels';
-
-function pipelineModeLabel(mode?: PipelineMode): string | null {
-  switch (mode) {
-    case 'workflow': return 'Durable workflow';
-    case 'live': return 'Live backend';
-    case 'serverless': return 'Gemini analysis';
-    case 'fallback': return 'Direct analysis';
-    case 'handoff': return 'Offline handoff';
-    default: return null;
-  }
-}
-
-/**
- * Reserve the two-pane evidence workspace for screens that can keep the video
- * comfortably readable. Laptop and tablet widths use the stacked workspace.
- */
-function useIsDesktop(): boolean {
-  const [isDesktop, setIsDesktop] = useState(false);
-  useEffect(() => {
-    const mq = window.matchMedia('(min-width: 1280px)');
-    const update = () => setIsDesktop(mq.matches);
-    update();
-    mq.addEventListener('change', update);
-    return () => mq.removeEventListener('change', update);
-  }, []);
-  return isDesktop;
-}
-
-type DockKey = 'transcript' | 'summary' | 'actions' | 'agents' | 'search';
-
-export interface DashboardCanvasViewProps {
-  video: Video;
-  onClose: () => void;
-  onExtractEvents?: (videoId: string) => void;
-}
-
-export default function DashboardCanvasView({ video, onClose, onExtractEvents }: DashboardCanvasViewProps) {
-  const isDesktop = useIsDesktop();
-  const [dockTab, setDockTab] = useState<DockKey>('summary');
-  const dockTabRefs = useRef<Partial<Record<DockKey, HTMLButtonElement | null>>>({});
-
-  useEffect(() => {
-    if (isDesktop) return;
-    dockTabRefs.current[dockTab]?.scrollIntoView({
-      behavior: 'smooth',
-      block: 'nearest',
-      inline: 'center',
-    });
-  }, [dockTab, isDesktop]);
-
-  const {
-    searchQuery, setSearchQuery, performSearch, searchResults, searchLoading,
-    dispatchToAgents, refreshAgentStatus,
-  } = useDashboardDetail();
-
-  const [agentBackend, setAgentBackend] = useState(false);
-  useEffect(() => {
-    let active = true;
-    fetch('/api/agents/dispatch')
-      .then((r) => r.json())
-      .then((d) => { if (active) setAgentBackend(!!d.available); })
-      .catch(() => {});
-    return () => { active = false; };
-  }, []);
-
-  const videoId = useMemo(() => extractYouTubeId(video.url), [video.url]);
-  const player = useYouTubePlayer(videoId);
-
-  const { segments, hasTimings } = useMemo(
-    () => parseTranscriptSegments(video.transcript),
-    [video.transcript],
-  );
-
-  const markers: TimelineMarker[] = useMemo(() => {
-    return (video.events || [])
-      .map((e) => {
-        const seconds = parseTimestampToSeconds(e.timestamp);
-        if (seconds == null) return null;
-        return { id: e.id, seconds, label: e.title, type: e.type };
-      })
-      .filter((m): m is TimelineMarker => m !== null);
-  }, [video.events]);
-
-  const agentCount = video.agents?.length ?? 0;
-  const thinAnalysis = isThinDashboardAnalysis(video);
-
-  // Shared panel renderers (single instance per active layout).
-  const transcriptPanel = (
-    <div className="space-y-4">
-      <ProvenanceSummary video={video} />
-      <div className="border-t border-white/[0.08] pt-4">
-        <TranscriptPanel
-          video={video}
-          segments={segments}
-          hasTimings={hasTimings}
-          currentTime={player.currentTime}
-          isPlaying={player.isPlaying}
-          onSeek={player.seekTo}
-        />
-      </div>
-    </div>
-  );
-  const renderDock = (key: DockKey) => {
-    switch (key) {
-      case 'transcript': return transcriptPanel;
-      case 'summary': return <InsightsPanel video={video} />;
-      case 'actions': return <ActionsPanel video={video} onExtractEvents={onExtractEvents} />;
-      case 'agents': return <AgentsPanel video={video} agentBackend={agentBackend} onDispatch={dispatchToAgents} onRefresh={refreshAgentStatus} />;
-      case 'search': return (
-        <SearchPanel
-          video={video}
-          searchQuery={searchQuery}
-          setSearchQuery={setSearchQuery}
-          performSearch={performSearch}
-          searchResults={searchResults}
-          searchLoading={searchLoading}
-          onSeek={player.ready ? player.seekTo : undefined}
-        />
-      );
-    }
-  };
-
-  const stage = (
-    <VideoCanvasStage
-      containerRef={player.containerRef}
-      videoId={videoId}
-      title={video.title}
-      currentTime={player.currentTime}
-      duration={player.duration}
-      isPlaying={player.isPlaying}
-      ready={player.ready}
-      failed={player.failed}
-      markers={markers}
-      onSeek={player.seekTo}
-    />
-  );
-
-  const dockTabs: { key: DockKey; label: string; count?: number; accent: string }[] = [
-    { key: 'transcript', label: 'Transcript', accent: '#6af2de' },
-    { key: 'summary', label: 'Findings', accent: '#6af2de' },
-    { key: 'actions', label: 'Actions', accent: '#69ccff' },
-    { key: 'agents', label: 'Agents', count: agentCount, accent: '#818cf8' },
-    { key: 'search', label: 'Search', accent: '#6af2de' },
-  ];
-
-  return (
-    <div className="evidence-workspace flex flex-1 flex-col overflow-hidden">
-      {/* Top bar */}
-      <header
-        className="evidence-command-bar flex flex-none flex-wrap items-center justify-between gap-3 px-4 py-3 sm:px-6"
-      >
-        <button
-          onClick={onClose}
-          className="flex min-h-11 items-center gap-2 rounded-lg px-2 text-sm font-medium text-white/65 transition-colors hover:bg-white/[0.05] hover:text-white"
-        >
-          <ArrowLeft className="h-4 w-4" aria-hidden="true" /> Back to Library
-        </button>
-
-        <div className="flex items-center gap-2 flex-wrap">
-          <StatusPill video={video} thinAnalysis={thinAnalysis} />
-          {pipelineModeLabel(video.pipelineMode) && (
-            <span className="hidden text-xs text-white/45 sm:inline">{pipelineModeLabel(video.pipelineMode)}</span>
-          )}
-          <div className="flex flex-col items-end gap-1">
-            <button
-              onClick={() => {
-                if (!video.transcript || !video.quality?.passed) return;
-                const blob = new Blob([video.transcript!], { type: 'text/plain' });
-                const a = document.createElement('a');
-                a.href = URL.createObjectURL(blob);
-                a.download = `transcript-${video.id}.txt`;
-                a.click();
-                URL.revokeObjectURL(a.href);
-              }}
-              disabled={!video.transcript || !video.quality?.passed}
-              title={!video.quality?.passed ? 'Export requires verified captions.' : undefined}
-              className="evidence-primary-button min-h-11 rounded-lg px-4 py-2 text-sm font-semibold disabled:cursor-not-allowed disabled:opacity-40"
-            >
-              Export
-            </button>
-            {!video.quality?.passed && (
-              <span className="max-w-52 text-right text-xs text-white/55">
-                Export requires verified captions.
-              </span>
-            )}
-          </div>
-        </div>
-      </header>
-
-      {isDesktop ? (
-        /* ── Wide desktop: video plus one contextual evidence panel ── */
-        <div className="flex min-h-0 flex-1 overflow-hidden">
-          <main className="min-w-0 flex-1 overflow-y-auto">
-            <div className="mx-auto max-w-5xl p-8">{stage}</div>
-          </main>
-          <aside className="evidence-context-panel flex w-[480px] max-w-[42vw] flex-none flex-col overflow-hidden">
-            <div className="flex-none overflow-x-auto border-b border-white/[0.07]">
-              <div className="flex min-w-max">
-                {dockTabs.map((t) => (
-                  <DockTabButton key={t.key} active={dockTab === t.key} label={t.label} count={t.count} accent={t.accent || '#6af2de'} onClick={() => setDockTab(t.key)} />
-                ))}
-              </div>
-            </div>
-            <div className="flex-1 overflow-y-auto p-6">{renderDock(dockTab)}</div>
-          </aside>
-        </div>
-      ) : (
-        /* ── Laptop, tablet, and mobile: stacked with one scroll axis ── */
-        <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-          <div className="flex-none border-b border-white/[0.07] p-4 sm:p-6">
-            <div className="mx-auto w-full max-w-3xl">{stage}</div>
-          </div>
-
-          <div className="evidence-context-panel evidence-tab-rail flex flex-none overflow-x-auto border-b border-white/[0.07]">
-            {dockTabs.map((t) => (
-              <DockTabButton
-                key={t.key}
-                active={dockTab === t.key}
-                label={t.label}
-                count={t.count}
-                accent={t.accent || '#6af2de'}
-                onClick={() => setDockTab(t.key)}
-                buttonRef={(node) => { dockTabRefs.current[t.key] = node; }}
-              />
-            ))}
-          </div>
-
-          <div className="p-4 sm:p-6">
-            {renderDock(dockTab)}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-/* ─────────────────────────── small pieces ─────────────────────────── */
-
-function StatusPill({ video, thinAnalysis }: { video: Video; thinAnalysis: boolean }) {
-  const evidenceState = video.quality?.state;
-  const partial = evidenceState === 'degraded' || (thinAnalysis && video.status === 'complete');
-  const failed = video.status === 'failed' || evidenceState === 'failed' || evidenceState === 'unavailable';
-  const color = partial ? '#facc15' : failed ? '#ff716c' : evidenceState === 'verified' ? '#22c55e' : '#6af2de';
-  const bg = partial ? 'rgba(250,204,21,0.1)' : failed ? 'rgba(255,113,108,0.1)' : evidenceState === 'verified' ? 'rgba(34,197,94,0.1)' : 'rgba(106,242,222,0.1)';
-  const label = video.status === 'processing'
-    ? 'PROCESSING'
-    : evidenceState === 'verified'
-      ? 'CAPTIONS VERIFIED'
-      : partial
-        ? 'CAPTIONS DEGRADED'
-        : failed
-          ? 'CAPTIONS UNAVAILABLE'
-          : video.status.toUpperCase();
-  return (
-    <span className="flex items-center gap-2" aria-live="polite">
-      <span className="rounded-full px-3 py-1 text-xs font-semibold" style={{ background: bg, color, border: `1px solid ${color}40` }}>
-        {label}
-      </span>
-      {video.status === 'processing' && <span className="text-xs font-mono" style={{ color: '#6af2de' }}>{video.progress}%</span>}
-    </span>
-  );
-}
-
-function ProvenanceSummary({ video }: { video: Video }) {
-  const provenance = video.provenance;
-  const unavailable = 'Unavailable';
-  const acquiredAt = provenance?.acquiredAt
-    ? new Intl.DateTimeFormat(undefined, {
-        dateStyle: 'medium',
-        timeStyle: 'short',
-      }).format(new Date(provenance.acquiredAt))
-    : unavailable;
-  const rows = [
-    ['Source', provenance?.sourceHost || unavailable],
-    ['Fetched', acquiredAt],
-    ['Coverage', provenance?.durationCoverageSeconds != null
-      ? `${new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 }).format(provenance.durationCoverageSeconds)} s`
-      : unavailable],
-  ];
-  const technicalRows = [
-    ['Acquisition', provenance?.acquisitionMethod || unavailable],
-    ['Segments', provenance ? new Intl.NumberFormat().format(provenance.segmentCount) : unavailable],
-    ['Timed', provenance ? `${provenance.timedSegmentCount}/${provenance.segmentCount}` : unavailable],
-  ];
-
-  return (
-    <section aria-labelledby="source-provenance-heading" className="rounded-xl border border-white/[0.1] bg-white/[0.025] p-3">
-      <div className="mb-3 flex items-center justify-between gap-3">
-        <h3 id="source-provenance-heading" className="font-heading text-sm font-semibold text-white/85">
-          Caption source
-        </h3>
-        {provenance?.sourceUrl && (
-          <a
-            href={provenance.sourceUrl}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="inline-flex min-h-11 items-center text-xs font-medium text-[#6af2de] underline-offset-4 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]"
-          >
-            Open source
-          </a>
-        )}
-      </div>
-      <dl className="space-y-2 text-xs">
-        {rows.map(([label, value]) => (
-          <div key={label} className="grid grid-cols-[88px_minmax(0,1fr)] gap-2">
-            <dt className="uppercase tracking-wider text-white/50">{label}</dt>
-            <dd className="min-w-0 break-words font-mono text-white/80">{value}</dd>
-          </div>
-        ))}
-      </dl>
-      <details className="mt-3 border-t border-white/[0.07] pt-3 text-xs text-white/55">
-        <summary className="min-h-11 cursor-pointer py-3 font-medium text-white/65">Technical details</summary>
-        <dl className="space-y-2 pb-1">
-          {technicalRows.map(([label, value]) => (
-            <div key={label} className="grid grid-cols-[88px_minmax(0,1fr)] gap-2">
-              <dt className="text-white/45">{label}</dt>
-              <dd className="min-w-0 break-words font-mono text-white/70">{value}</dd>
-            </div>
-          ))}
-        </dl>
-      </details>
-      {video.failure && (
-        <Alert variant="destructive" className="mt-3">
-          <XCircle aria-hidden="true" />
-          <AlertTitle>{video.failure.stage} failed</AlertTitle>
-          <AlertDescription>{video.failure.message}</AlertDescription>
-        </Alert>
-      )}
-      {(video.quality?.issues.length ?? 0) > 0 && (
-        <Alert variant="warning" className="mt-3">
-          <TriangleAlert aria-hidden="true" />
-          <AlertTitle>Evidence checks</AlertTitle>
-          <AlertDescription>
-            <ul className="list-disc space-y-1 pl-4">
-              {video.quality!.issues.map((issue) => <li key={issue}>{issue}</li>)}
-            </ul>
-          </AlertDescription>
-        </Alert>
-      )}
-    </section>
-  );
-}
-
-function DockTabButton({
-  active, label, count, accent, onClick, buttonRef,
-}: {
-  active: boolean;
-  label: string;
-  count?: number;
-  accent: string;
-  onClick: () => void;
-  buttonRef?: (node: HTMLButtonElement | null) => void;
-}) {
-  return (
-    <button
-      ref={buttonRef}
-      onClick={onClick}
-      className="relative min-h-11 whitespace-nowrap px-4 py-3 text-xs font-medium transition-colors"
-      style={{
-        color: active ? accent : 'rgba(248,245,253,0.5)',
-        borderBottom: active ? `2px solid ${accent}` : '2px solid transparent',
-        background: active ? `${accent}0d` : 'transparent',
-        fontWeight: active ? 650 : 500,
-      }}
-    >
-      {label}
-      {count != null && count > 0 && (
-        <span className="ml-1.5 rounded px-1.5 py-0.5 text-[10px] font-bold align-top" style={{ background: `${accent}26`, color: accent }}>
-          {count}
-        </span>
-      )}
-    </button>
-  );
-}
diff --git a/apps/web/src/components/dashboard/DashboardSplitView.tsx b/apps/web/src/components/dashboard/DashboardSplitView.tsx
deleted file mode 100644
index 68b784af7..000000000
--- a/apps/web/src/components/dashboard/DashboardSplitView.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-'use client';
-
-import type { Video } from '@/store/dashboard-types';
-import DashboardCanvasView from './DashboardCanvasView';
-
-export interface DashboardSplitViewProps {
-  video: Video;
-  onClose: () => void;
-  onExtractEvents?: (videoId: string) => void;
-}
-
-/**
- * Per-video analysis workspace. Delegates to the video-canvas-centric layout
- * (large player center stage, time-synced transcript rail, and collapsible
- * insight/action/agent/search docks). Kept as a thin wrapper so existing
- * imports of `DashboardSplitView` continue to work unchanged.
- */
-export default function DashboardSplitView({ video, onClose, onExtractEvents }: DashboardSplitViewProps) {
-  return <DashboardCanvasView video={video} onClose={onClose} onExtractEvents={onExtractEvents} />;
-}
diff --git a/apps/web/src/components/dashboard/VideoCanvasStage.tsx b/apps/web/src/components/dashboard/VideoCanvasStage.tsx
deleted file mode 100644
index 912d82d97..000000000
--- a/apps/web/src/components/dashboard/VideoCanvasStage.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-'use client';
-
-import { useMemo, useRef, type KeyboardEvent } from 'react';
-import { LoaderCircle, VideoOff } from 'lucide-react';
-import { buildEmbedUrl, formatSeconds } from '@/lib/timestamp';
-
-/** A point-in-time marker rendered on the scrubber. */
-export interface TimelineMarker {
-  id: string;
-  seconds: number;
-  label: string;
-  type: 'action' | 'topic' | 'code' | 'alert' | 'mention' | 'insight';
-}
-
-const MARKER_COLORS: Record<TimelineMarker['type'], string> = {
-  action: '#69ccff',
-  topic: '#a78bfa',
-  code: '#22c55e',
-  alert: '#ff716c',
-  mention: '#a78bfa',
-  insight: '#ff716c',
-};
-
-interface VideoCanvasStageProps {
-  /** Callback ref attached to the element the IFrame API replaces with the player. */
-  containerRef: (node: HTMLDivElement | null) => void;
-  videoId: string | null;
-  title: string;
-  currentTime: number;
-  duration: number;
-  isPlaying: boolean;
-  ready: boolean;
-  /** When true, the IFrame API failed to load — render a plain embed instead. */
-  failed: boolean;
-  markers: TimelineMarker[];
-  onSeek: (seconds: number) => void;
-}
-
-/**
- * The visual center of the workspace: a large video player with a scrubbable
- * timeline underneath. The timeline shows progress and clickable event markers
- * that seek the player to that moment.
- */
-export default function VideoCanvasStage({
-  containerRef,
-  videoId,
-  title,
-  currentTime,
-  duration,
-  isPlaying,
-  ready,
-  failed,
-  markers,
-  onSeek,
-}: VideoCanvasStageProps) {
-  const hasVideoId = !!videoId;
-  const trackRef = useRef<HTMLDivElement>(null);
-  const progress = duration > 0 ? Math.min(100, (currentTime / duration) * 100) : 0;
-  // Seeking only works once the IFrame API is ready and a duration is known.
-  // Until then the slider is a non-functional control, so keep it out of the
-  // tab order and mark it disabled for assistive tech.
-  const seekable = duration > 0;
-
-  const positionedMarkers = useMemo(() => {
-    if (duration <= 0) return [];
-    return markers
-      .filter((m) => m.seconds >= 0 && m.seconds <= duration)
-      .map((m) => ({ ...m, left: (m.seconds / duration) * 100 }));
-  }, [markers, duration]);
-
-  const seekFromClientX = (clientX: number) => {
-    const el = trackRef.current;
-    if (!el || duration <= 0) return;
-    const rect = el.getBoundingClientRect();
-    const fraction = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width));
-    onSeek(fraction * duration);
-  };
-
-  const onTrackKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {
-    if (duration <= 0) return;
-    const step = Math.max(5, duration * 0.05);
-    if (e.key === 'ArrowRight') {
-      e.preventDefault();
-      onSeek(Math.min(duration, currentTime + step));
-    } else if (e.key === 'ArrowLeft') {
-      e.preventDefault();
-      onSeek(Math.max(0, currentTime - step));
-    } else if (e.key === 'Home') {
-      e.preventDefault();
-      onSeek(0);
-    } else if (e.key === 'End') {
-      e.preventDefault();
-      onSeek(duration);
-    }
-  };
-
-  return (
-    <section
-      className="flex flex-col gap-4"
-      aria-label="Video player and timeline"
-    >
-      {/* Player stage */}
-      <div
-        className="relative w-full aspect-video overflow-hidden rounded-2xl"
-        style={{
-          background: '#000',
-          border: '1px solid rgba(106, 242, 222, 0.12)',
-          boxShadow: '0 24px 60px -24px rgba(0,0,0,0.8), 0 0 0 1px rgba(106,242,222,0.04)',
-        }}
-      >
-        {hasVideoId && failed ? (
-          // Fallback: IFrame API unavailable — plain embed keeps the video watchable
-          // (time-sync features degrade gracefully).
-          <iframe
-            src={buildEmbedUrl(videoId!)}
-            title={title}
-            className="absolute inset-0 h-full w-full border-0"
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-            allowFullScreen
-          />
-        ) : hasVideoId ? (
-          <>
-            {/* The IFrame API replaces this element with the player. */}
-            <div ref={containerRef} className="absolute inset-0 h-full w-full" />
-            {!ready && (
-              <div className="absolute inset-0 flex items-center justify-center" style={{ background: '#000' }}>
-                <div className="flex flex-col items-center gap-3">
-                  <LoaderCircle className="h-8 w-8 animate-spin text-[#6af2de] motion-reduce:animate-none" aria-hidden="true" />
-                  <span className="text-xs uppercase tracking-[0.2em]" style={{ color: 'rgba(248,245,253,0.4)' }}>
-                    Loading player
-                  </span>
-                </div>
-              </div>
-            )}
-          </>
-        ) : (
-          <div className="absolute inset-0 flex flex-col items-center justify-center gap-3" style={{ color: 'rgba(248,245,253,0.3)' }}>
-            <VideoOff className="size-10" strokeWidth={1.5} aria-hidden="true" />
-            <span className="text-sm">Video player not available</span>
-          </div>
-        )}
-      </div>
-
-      {/* Timeline scrubber */}
-      <div className="flex items-center gap-3 px-1">
-        <span className="text-[11px] font-mono tabular-nums w-12 text-right" style={{ color: isPlaying ? '#6af2de' : 'rgba(248,245,253,0.45)' }}>
-          {formatSeconds(currentTime)}
-        </span>
-
-        <div
-          ref={trackRef}
-          role="slider"
-          tabIndex={seekable ? 0 : -1}
-          aria-label="Seek video"
-          aria-disabled={!seekable}
-          aria-valuemin={0}
-          aria-valuemax={Math.floor(duration) || 0}
-          aria-valuenow={Math.floor(currentTime) || 0}
-          aria-valuetext={`${formatSeconds(currentTime)} of ${formatSeconds(duration)}`}
-          aria-keyshortcuts="ArrowLeft ArrowRight Home End"
-          onClick={(e) => seekFromClientX(e.clientX)}
-          onKeyDown={onTrackKeyDown}
-          className={`group relative flex-1 h-9 flex items-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de] focus-visible:ring-offset-2 focus-visible:ring-offset-[#0e0e13] ${seekable ? 'cursor-pointer' : 'cursor-default'}`}
-        >
-          {/* Track */}
-          <div
-            className="relative w-full h-1.5 rounded-full overflow-visible transition-[height] group-hover:h-2"
-            style={{ background: 'rgba(255,255,255,0.08)' }}
-          >
-            {/* Progress fill */}
-            <div
-              className="absolute inset-y-0 left-0 rounded-full"
-              style={{ width: `${progress}%`, background: 'linear-gradient(90deg, #10b7a5, #6af2de)' }}
-            />
-            {/* Playhead */}
-            <div
-              className="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 h-3 w-3 rounded-full transition-transform group-hover:scale-125"
-              style={{ left: `${progress}%`, background: '#6af2de', boxShadow: '0 0 8px rgba(106,242,222,0.6)' }}
-              aria-hidden="true"
-            />
-            {/* Event markers */}
-            {positionedMarkers.map((m) => (
-              <button
-                key={m.id}
-                type="button"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onSeek(m.seconds);
-                }}
-                title={`${formatSeconds(m.seconds)} · ${m.label}`}
-                aria-label={`Jump to ${formatSeconds(m.seconds)}: ${m.label}`}
-                className="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 h-3 w-3 rounded-full transition-transform hover:scale-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
-                style={{
-                  left: `${m.left}%`,
-                  background: MARKER_COLORS[m.type],
-                  border: '2px solid rgba(14,14,19,0.9)',
-                }}
-              />
-            ))}
-          </div>
-        </div>
-
-        <span className="text-[11px] font-mono tabular-nums w-12" style={{ color: 'rgba(248,245,253,0.35)' }}>
-          {formatSeconds(duration)}
-        </span>
-      </div>
-
-      {/* Title + marker legend */}
-      <div className="flex items-start justify-between gap-4 px-1">
-        <h2 className="font-heading text-lg font-bold tracking-tight text-balance" style={{ color: '#f8f5fd' }}>
-          {title}
-        </h2>
-        {positionedMarkers.length > 0 && (
-          <span className="flex-none text-[10px] uppercase tracking-[0.15em]" style={{ color: 'rgba(248,245,253,0.35)' }}>
-            {positionedMarkers.length} markers
-          </span>
-        )}
-      </div>
-    </section>
-  );
-}
diff --git a/apps/web/src/components/dashboard/panels.tsx b/apps/web/src/components/dashboard/panels.tsx
deleted file mode 100644
index 8434dc3a9..000000000
--- a/apps/web/src/components/dashboard/panels.tsx
+++ /dev/null
@@ -1,729 +0,0 @@
-'use client';
-
-import { Suspense, useEffect, useState } from 'react';
-import dynamic from 'next/dynamic';
-import { AlignLeft, Bot, Clock3, Search, ShieldCheck } from 'lucide-react';
-import FeedbackWidget from '@/components/FeedbackWidget';
-import InteractiveTranscript, { type TranscriptSegment } from '@/components/InteractiveTranscript';
-import {
-  actionsFromStudioRun,
-  buildScaffoldPackage,
-  downloadScaffoldPackage,
-  summarizeProjectScaffold,
-  type ActionCardLike,
-} from '@/lib/action-surface';
-import type { AgentAction } from '@/lib/action-lifecycle';
-import { hasRichDashboardInsights, isThinDashboardAnalysis } from '@/lib/dashboard-analysis';
-import { studioCanExport } from '@/lib/studio-pipeline-status';
-import { useActionAgentStore } from '@/store/action-agent-store';
-import type { SearchResult, Video } from '@/store/dashboard-types';
-
-const TranscriptViewer = dynamic(() => import('@/components/TranscriptViewer'), {
-  loading: () => <PanelLoading label="Loading transcript…" />,
-});
-const AgentDashboard = dynamic(() => import('@/components/AgentDashboard'), {
-  loading: () => <PanelLoading label="Loading agent dashboard…" />,
-});
-const EventList = dynamic(() => import('@/components/EventList'), {
-  loading: () => <PanelLoading label="Loading events…" />,
-});
-
-function PanelLoading({ label }: { label: string }) {
-  return <div className="py-12 text-center text-sm" style={{ color: 'rgba(248,245,253,0.4)' }}>{label}</div>;
-}
-
-function EmptyState({ icon, children }: { icon: React.ReactNode; children: React.ReactNode }) {
-  return (
-    <div className="flex flex-col items-center justify-center text-center py-16 gap-4">
-      <div style={{ color: 'rgba(248,245,253,0.2)' }}>{icon}</div>
-      <p className="max-w-xs text-sm" style={{ color: 'rgba(248,245,253,0.4)' }}>{children}</p>
-    </div>
-  );
-}
-
-function SectionHeading({ children }: { children: React.ReactNode }) {
-  return (
-    <div className="flex items-center gap-3 mb-4">
-      <div className="w-1 h-5" style={{ background: '#6af2de' }} />
-      <h3 className="font-heading text-base font-bold tracking-tight" style={{ color: '#f8f5fd' }}>{children}</h3>
-    </div>
-  );
-}
-
-/* ─────────────────────────── Transcript ─────────────────────────── */
-
-export function TranscriptPanel({
-  video,
-  segments,
-  hasTimings,
-  currentTime,
-  isPlaying,
-  onSeek,
-}: {
-  video: Video;
-  segments: TranscriptSegment[];
-  hasTimings: boolean;
-  currentTime: number;
-  isPlaying: boolean;
-  onSeek: (seconds: number) => void;
-}) {
-  if (!video.transcript) {
-    return (
-      <EmptyState
-        icon={<AlignLeft className="h-10 w-10" strokeWidth={1.5} aria-hidden="true" />}
-      >
-        {video.status === 'processing' ? 'Transcript is being generated…' : 'No transcript available.'}
-      </EmptyState>
-    );
-  }
-
-  if (hasTimings && segments.length > 0) {
-    return (
-      <InteractiveTranscript
-        segments={segments}
-        currentTime={currentTime}
-        onSeek={onSeek}
-        isPlaying={isPlaying}
-      />
-    );
-  }
-
-  // Fallback: no per-line timings, render read-only transcript.
-  return (
-    <div className="space-y-4">
-      <p className="text-[11px] uppercase tracking-[0.15em]" style={{ color: 'rgba(248,245,253,0.3)' }}>
-        Timestamps unavailable — transcript is read-only
-      </p>
-      <Suspense fallback={<PanelLoading label="Loading transcript…" />}>
-        <TranscriptViewer transcript={video.transcript} />
-      </Suspense>
-    </div>
-  );
-}
-
-/* ─────────────────────────── Insights / Summary ─────────────────────────── */
-
-export function InsightsPanel({ video }: { video: Video }) {
-  const hasInsights = hasRichDashboardInsights(video);
-  const thinAnalysis = isThinDashboardAnalysis(video);
-
-  if (!hasInsights) {
-    return (
-      <EmptyState
-        icon={<Clock3 className="h-10 w-10" strokeWidth={1.5} aria-hidden="true" />}
-      >
-        {video.status === 'processing'
-          ? 'AI is analyzing the video. Insights will appear here shortly.'
-          : thinAnalysis
-            ? 'Agents finished but the backend returned minimal data. Check logs or retry from the library.'
-            : 'No analysis available for this video.'}
-      </EmptyState>
-    );
-  }
-
-  const insights = video.insights!;
-
-  return (
-    <div className="space-y-8 stitch-fade-in">
-      <section>
-        <SectionHeading>Key takeaways</SectionHeading>
-        <p className="text-[15px] leading-7" style={{ color: 'rgba(214, 219, 216, 0.82)' }}>{insights.summary}</p>
-      </section>
-
-      {insights.topics.length > 0 && (
-        <section>
-          <SectionHeading>Topics</SectionHeading>
-          <div className="flex flex-wrap gap-2">
-            {insights.topics.map((topic, i) => (
-              <span
-                key={topic}
-                className="rounded-md px-3 py-1.5 text-xs font-medium"
-                style={{ background: 'rgba(37, 37, 44, 1)', color: i < 2 ? '#6af2de' : i < 4 ? '#69ccff' : 'rgba(172, 170, 177, 1)' }}
-              >
-                {topic}
-              </span>
-            ))}
-          </div>
-        </section>
-      )}
-
-      {insights.actions.length > 0 && (
-        <section>
-          <SectionHeading>Proposed actions</SectionHeading>
-          <div className="grid grid-cols-1 gap-3">
-            {insights.actions.map((action, i) => {
-              const normalized = typeof action === 'string'
-                ? { title: action, description: '', category: 'Recommended', estimatedMinutes: null }
-                : action;
-              return (
-              <div
-                key={`${normalized.title}-${i}`}
-                className="p-4 transition-all stitch-fade-in"
-                style={{
-                  background: 'rgba(37, 37, 44, 0.4)',
-                  backdropFilter: 'blur(20px)',
-                  borderLeft: i === 0 ? '2px solid rgba(159, 5, 25, 0.8)' : '2px solid rgba(16, 183, 165, 0.8)',
-                  animationDelay: `${i * 80}ms`,
-                }}
-              >
-                <div className="flex justify-between items-start mb-2 gap-3">
-                  <span
-                    className="px-2 py-0.5 text-[10px] font-bold tracking-widest uppercase rounded-sm"
-                    style={{ background: i === 0 ? 'rgba(159,5,25,0.2)' : 'rgba(16,183,165,0.2)', color: i === 0 ? '#ff716c' : '#6af2de' }}
-                  >
-                    {normalized.category || (i === 0 ? 'Critical' : 'Strategic')}
-                  </span>
-                  {normalized.estimatedMinutes != null && (
-                    <span className="text-[10px] font-mono" style={{ color: 'rgba(248,245,253,0.35)' }}>~{normalized.estimatedMinutes}m</span>
-                  )}
-                </div>
-                <p className="mb-1 font-heading text-base font-medium leading-snug" style={{ color: '#f8f5fd' }}>{normalized.title}</p>
-                {normalized.description && (
-                  <p className="text-sm leading-6" style={{ color: 'rgba(200, 205, 202, 0.78)' }}>{normalized.description}</p>
-                )}
-              </div>
-              );
-            })}
-          </div>
-        </section>
-      )}
-
-      <FeedbackWidget videoId={video.id} tab="analysis" />
-    </div>
-  );
-}
-
-/* ─────────────────────────── Actions / Events ─────────────────────────── */
-
-export function ActionsPanel({
-  video,
-  onExtractEvents,
-}: {
-  video: Video;
-  onExtractEvents?: (videoId: string) => void;
-}) {
-  const transcript = (video.transcript || '').trim();
-  const hasTranscript = transcript.length > 40;
-  const {
-    lifecycle,
-    isRunning,
-    sourceVideoId,
-    runFromTranscript,
-    confirmPreparedActions,
-    reset,
-  } = useActionAgentStore();
-  const planMatchesVideo = sourceVideoId === video.id;
-  const fulfilled = planMatchesVideo ? lifecycle.actions || [] : [];
-  const isPrepared = planMatchesVideo && lifecycle.phase === 'dispatching';
-  const [selectedActionIndexes, setSelectedActionIndexes] = useState<number[]>([]);
-  const [exportMessage, setExportMessage] = useState<{ tone: 'success' | 'error'; text: string } | null>(null);
-  useEffect(() => {
-    setSelectedActionIndexes(isPrepared ? lifecycle.actions.map((_, index) => index) : []);
-  }, [isPrepared, lifecycle.actions, lifecycle.id]);
-  useEffect(() => {
-    if (!exportMessage) return;
-    const timer = window.setTimeout(() => setExportMessage(null), 5000);
-    return () => window.clearTimeout(timer);
-  }, [exportMessage]);
-  const selectedActions = fulfilled.filter((_, index) => selectedActionIndexes.includes(index));
-  const plannedActions = video.insights?.actions || [];
-  const projectScaffold = video.insights?.project_scaffold;
-  const scaffoldPreview = summarizeProjectScaffold(projectScaffold);
-
-  const exportScaffold = async () => {
-    // Prefer tool-fulfilled titles; fall back to planned analysis actions.
-    const fromTools: ActionCardLike[] = fulfilled
-      .filter((a) => typeof a.input?.title === 'string' || a.tool)
-      .map((a) => ({
-        title:
-          typeof a.input?.title === 'string'
-            ? a.input.title
-            : a.tool.replace(/_/g, ' '),
-        description:
-          a.result ||
-          (typeof a.input?.description === 'string' ? a.input.description : ''),
-        category: a.tool,
-      }));
-    const fromPlan: ActionCardLike[] = plannedActions.map((a) =>
-      typeof a === 'string'
-        ? { title: a, description: '', category: 'recommended' }
-        : {
-            title: a.title,
-            description: a.description,
-            category: a.category,
-            estimatedMinutes: a.estimatedMinutes,
-          },
-    );
-    const insightActions = fromTools.length > 0 ? fromTools : fromPlan;
-    const actions = actionsFromStudioRun({
-      insightActions,
-      events: video.events,
-      workflowActions: fulfilled,
-    });
-    const pkg = buildScaffoldPackage({
-      projectName: video.title || 'eventrelay-project',
-      actions,
-      projectScaffold,
-    });
-    try {
-      const result = await downloadScaffoldPackage(pkg);
-      if (!result.ok) {
-        if (result.status === 402 && result.checkoutUrl) {
-          setExportMessage({
-            tone: 'error',
-            text: 'Workspace ZIP exports require Pro. Redirecting to checkout…',
-          });
-          window.location.href = result.checkoutUrl;
-          return;
-        }
-        setExportMessage({ tone: 'error', text: result.error || 'Export failed.' });
-        return;
-      }
-      setExportMessage({ tone: 'success', text: `Exported ${result.filename}` });
-    } catch (err) {
-      setExportMessage({
-        tone: 'error',
-        text: err instanceof Error ? err.message : 'Export failed.',
-      });
-    }
-  };
-
-  const canExport = studioCanExport({
-    transcript,
-    eventCount: video.events?.length ?? 0,
-    hasProjectScaffold: projectScaffold != null,
-  });
-
-  const actionOutcomeTitle = (action: AgentAction): string => {
-    const title = typeof action.input?.title === 'string' ? action.input.title : '';
-    const name = typeof action.input?.name === 'string' ? action.input.name : '';
-    const topic = typeof action.input?.topic === 'string' ? action.input.topic : '';
-    const task = typeof action.input?.task === 'string' ? action.input.task : '';
-    if (action.tool === 'save_resource') return `Save ${name || 'resource'}`;
-    if (action.tool === 'schedule_followup') return `Schedule follow-up${topic ? `: ${topic}` : ''}`;
-    if (action.tool === 'create_workflow_task') return title || 'Create workflow task';
-    if (action.tool === 'dispatch_agent') return task || title || 'Dispatch agent';
-    return title || name || topic || action.tool.replace(/_/g, ' ');
-  };
-
-  return (
-    <div className="space-y-4">
-      {/* F12: Prepare, review, then explicitly confirm /api/agents/actions */}
-      <section
-        className="rounded-xl border p-4 space-y-3"
-        style={{ borderColor: 'rgba(129,140,248,0.25)', background: 'rgba(129,140,248,0.06)' }}
-      >
-        <div className="flex items-start justify-between gap-3 flex-wrap">
-          <div>
-            <h3 className="text-xs font-bold uppercase tracking-wider" style={{ color: '#a5b4fc' }}>
-              Review action plan
-            </h3>
-            <p className="mt-1 text-xs leading-relaxed" style={{ color: 'rgba(248,245,253,0.55)' }}>
-              Preparation proposes tool calls but executes nothing. Select, inspect, or reject each
-              item before confirming any external side effect.
-            </p>
-          </div>
-          <div className="flex items-center gap-2">
-            {fulfilled.length > 0 && (
-              <button
-                type="button"
-                onClick={() => reset()}
-                className="px-3 py-1.5 text-[10px] font-bold uppercase tracking-wider rounded"
-                style={{ color: 'rgba(248,245,253,0.5)', border: '1px solid rgba(255,255,255,0.1)' }}
-              >
-                Clear
-              </button>
-            )}
-            <button
-              type="button"
-              disabled={!hasTranscript || isRunning || (isPrepared && selectedActions.length === 0)}
-              onClick={() =>
-                isPrepared
-                  ? confirmPreparedActions(selectedActions, video.id)
-                  : runFromTranscript(transcript, video.title, video.id)
-              }
-              className="px-4 py-2 text-xs font-bold uppercase tracking-wider transition-all active:scale-95 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400/50 rounded disabled:opacity-40"
-              style={{
-                background: isPrepared ? 'rgba(248,113,113,0.16)' : 'rgba(129,140,248,0.2)',
-                color: isPrepared ? '#fecaca' : '#c7d2fe',
-                border: isPrepared
-                  ? '1px solid rgba(248,113,113,0.4)'
-                  : '1px solid rgba(129,140,248,0.4)',
-              }}
-            >
-              {isRunning
-                ? isPrepared
-                  ? 'Executing confirmed plan…'
-                  : 'Preparing plan…'
-                : isPrepared
-                  ? `Confirm ${selectedActions.length} selected action${selectedActions.length === 1 ? '' : 's'}`
-                  : 'Prepare action plan'}
-            </button>
-          </div>
-        </div>
-
-        {!hasTranscript && (
-          <p className="text-xs" style={{ color: 'rgba(248,245,253,0.4)' }}>
-            Need a transcript on this video before the action agent can run.
-          </p>
-        )}
-
-        {lifecycle.phase !== 'idle' && (
-          <p className="text-[11px] font-mono" style={{ color: 'rgba(165,180,252,0.8)' }}>
-            {isPrepared ? 'Status: prepared for review' : `Phase: ${lifecycle.phase}`}
-            {lifecycle.provider ? ` · ${lifecycle.provider}` : ''}
-            {lifecycle.error ? ` · ${lifecycle.error}` : ''}
-          </p>
-        )}
-
-        {sourceVideoId && !planMatchesVideo && (
-          <div className="rounded-lg border border-amber-300/20 bg-amber-300/[0.07] px-3 py-3 text-sm text-amber-100/80">
-            The prepared plan belongs to another video. Preparing here will replace it; it cannot be
-            confirmed from this workspace.
-          </div>
-        )}
-
-        {isPrepared && (
-          <div
-            className="flex items-start gap-2 rounded-lg border px-3 py-2"
-            style={{ borderColor: 'rgba(248,113,113,0.3)', background: 'rgba(248,113,113,0.08)' }}
-          >
-            <ShieldCheck className="mt-0.5 h-4 w-4 shrink-0" style={{ color: '#fca5a5' }} aria-hidden="true" />
-            <p className="text-xs leading-relaxed" style={{ color: '#fecaca' }}>
-              Review required. The confirmation button is the authorization boundary; nothing below
-              has run yet.
-            </p>
-          </div>
-        )}
-
-        {fulfilled.length > 0 && (
-          <ul className="space-y-2">
-            {fulfilled.map((action, i) => (
-              <li
-                key={`${action.tool}-${i}`}
-                className="rounded-lg border px-3 py-2"
-                style={{
-                  borderColor:
-                    action.status === 'failed' || action.isError
-                      ? 'rgba(248,113,113,0.35)'
-                      : 'rgba(52,211,153,0.25)',
-                  background: 'rgba(0,0,0,0.2)',
-                }}
-              >
-                <div className="flex items-start justify-between gap-3">
-                  <label className="flex min-h-11 min-w-0 cursor-pointer items-start gap-3 py-1">
-                    <input
-                      type="checkbox"
-                      checked={selectedActionIndexes.includes(i)}
-                      disabled={!isPrepared}
-                      onChange={() => {
-                        setSelectedActionIndexes((current) =>
-                          current.includes(i)
-                            ? current.filter((index) => index !== i)
-                            : [...current, i],
-                        );
-                      }}
-                      className="mt-0.5 h-5 w-5 accent-[#6de1c6]"
-                      aria-label={`Select ${actionOutcomeTitle(action)}`}
-                    />
-                    <span className="min-w-0 break-words text-sm font-semibold text-[#f8f5fd]">
-                      {actionOutcomeTitle(action)}
-                    </span>
-                  </label>
-                  <span
-                    className="mt-1 text-xs font-mono uppercase"
-                    style={{
-                      color:
-                        action.status === 'failed' || action.isError ? '#fca5a5' : '#6ee7b7',
-                    }}
-                  >
-                    {action.status}
-                  </span>
-                </div>
-                <p className="mt-1 text-xs" style={{ color: 'rgba(248,245,253,0.5)' }}>
-                  {['dispatch_agent', 'dispatch_subagents', 'add_to_knowledge_base'].includes(action.tool)
-                    ? 'External write or execution'
-                    : action.tool === 'get_agent_session_logs'
-                      ? 'External read'
-                      : 'Temporary structured result — not durably saved'}
-                </p>
-                <p className="mt-1 text-[11px] font-mono text-white/40">
-                  Tool: {action.tool.replace(/_/g, ' ')}
-                </p>
-                {action.result && (
-                  <p className="mt-1 text-xs leading-relaxed" style={{ color: 'rgba(172,170,177,0.9)' }}>
-                    {action.result}
-                  </p>
-                )}
-                <dl className="mt-3 space-y-2 border-t border-white/[0.07] pt-3">
-                  {Object.entries(action.input || {}).map(([key, value]) => (
-                    <div key={key} className="grid grid-cols-[110px_minmax(0,1fr)] gap-3 text-xs leading-5">
-                      <dt className="break-words font-mono text-white/45">{key}</dt>
-                      <dd className="min-w-0 break-words text-white/75">
-                        {typeof value === 'string' ? value : JSON.stringify(value)}
-                      </dd>
-                    </div>
-                  ))}
-                </dl>
-              </li>
-            ))}
-          </ul>
-        )}
-      </section>
-
-      {/* F3: Plan surface — TranscriptActionAgent project_scaffold + package export */}
-      <section
-        className="rounded-xl border p-4 space-y-3"
-        style={{ borderColor: 'rgba(52,211,153,0.2)', background: 'rgba(52,211,153,0.05)' }}
-      >
-        <div className="flex items-start justify-between gap-3 flex-wrap">
-          <div>
-            <h3 className="text-xs font-bold uppercase tracking-wider" style={{ color: '#6ee7b7' }}>
-              Project scaffold
-            </h3>
-            <p className="mt-1 text-xs leading-relaxed" style={{ color: 'rgba(248,245,253,0.55)' }}>
-              Plan from analysis (<code className="text-[10px]">project_scaffold</code>) plus deterministic
-              package files (README, tasks.json) for offline handoff.
-            </p>
-          </div>
-          <button
-            type="button"
-            disabled={!canExport}
-            onClick={exportScaffold}
-            className="px-4 py-2 text-xs font-bold uppercase tracking-wider transition-all active:scale-95 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-400/50 rounded disabled:opacity-40"
-            style={{
-              background: 'rgba(52,211,153,0.15)',
-              color: '#a7f3d0',
-              border: '1px solid rgba(52,211,153,0.35)',
-            }}
-          >
-            Export package
-          </button>
-        </div>
-
-        {exportMessage && (
-          <p
-            role={exportMessage.tone === 'error' ? 'alert' : 'status'}
-            className="text-xs leading-relaxed rounded-lg px-3 py-2"
-            style={{
-              color: exportMessage.tone === 'error' ? '#fca5a5' : '#6ee7b7',
-              background:
-                exportMessage.tone === 'error'
-                  ? 'rgba(248,113,113,0.08)'
-                  : 'rgba(52,211,153,0.08)',
-              border: `1px solid ${
-                exportMessage.tone === 'error'
-                  ? 'rgba(248,113,113,0.3)'
-                  : 'rgba(52,211,153,0.3)'
-              }`,
-            }}
-          >
-            {exportMessage.text}
-          </p>
-        )}
-
-        {scaffoldPreview.length > 0 ? (
-          <ul className="space-y-1.5">
-            {scaffoldPreview.map((line) => (
-              <li
-                key={line}
-                className="text-xs leading-relaxed rounded-lg px-3 py-2"
-                style={{ background: 'rgba(0,0,0,0.2)', color: 'rgba(248,245,253,0.75)' }}
-              >
-                {line}
-              </li>
-            ))}
-          </ul>
-        ) : (
-          <p className="text-xs" style={{ color: 'rgba(248,245,253,0.4)' }}>
-            {plannedActions.length > 0
-              ? `${plannedActions.length} planned action(s) from analysis — export builds tasks.json without a Gemini scaffold blob.`
-              : 'Re-analyze with the backend transcript-action path to populate project_scaffold, or Act on findings then export.'}
-          </p>
-        )}
-      </section>
-
-      <Suspense fallback={<PanelLoading label="Loading events…" />}>
-        <EventList
-          events={video.events || []}
-          onExtract={onExtractEvents ? () => onExtractEvents(video.id) : undefined}
-        />
-      </Suspense>
-      <FeedbackWidget videoId={video.id} tab="actions" />
-    </div>
-  );
-}
-
-/* ─────────────────────────── Agents ─────────────────────────── */
-
-export function AgentsPanel({
-  video,
-  agentBackend,
-  onDispatch,
-  onRefresh,
-}: {
-  video: Video;
-  agentBackend: boolean;
-  onDispatch: (videoId: string) => void;
-  onRefresh: (videoId: string) => void;
-}) {
-  const [dispatchReview, setDispatchReview] = useState(false);
-  const hasEvents = !!(video.events && video.events.length > 0);
-  const agents = video.agents || [];
-  const anyRunning = agents.some((a) => a.status === 'running' || a.status === 'queued');
-
-  return (
-    <div className="space-y-4">
-      {(hasEvents || agents.length > 0) && (
-        <div className="flex items-center justify-end gap-2 flex-wrap">
-          {hasEvents && agentBackend && !dispatchReview && (
-            <button
-              type="button"
-              onClick={() => setDispatchReview(true)}
-              className="px-4 py-2 text-xs font-bold uppercase tracking-wider transition-all active:scale-95 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400/50 rounded"
-              style={{ background: 'rgba(129,140,248,0.15)', color: '#818cf8', border: '1px solid rgba(129,140,248,0.3)' }}
-            >
-              Review dispatch
-            </button>
-          )}
-          {hasEvents && agentBackend && dispatchReview && (
-            <>
-              <span className="text-xs" style={{ color: '#fca5a5' }}>
-                Dispatch {video.events!.length} event{video.events!.length === 1 ? '' : 's'} to backend agents?
-              </span>
-              <button
-                type="button"
-                onClick={() => setDispatchReview(false)}
-                className="px-3 py-2 text-xs font-bold uppercase tracking-wider rounded"
-                style={{ color: 'rgba(248,245,253,0.6)', border: '1px solid rgba(255,255,255,0.12)' }}
-              >
-                Cancel
-              </button>
-              <button
-                type="button"
-                onClick={() => {
-                  setDispatchReview(false);
-                  onDispatch(video.id);
-                }}
-                className="px-4 py-2 text-xs font-bold uppercase tracking-wider transition-all active:scale-95 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-400/50 rounded"
-                style={{ background: 'rgba(248,113,113,0.15)', color: '#fecaca', border: '1px solid rgba(248,113,113,0.35)' }}
-              >
-                Confirm dispatch
-              </button>
-            </>
-          )}
-          {anyRunning && (
-            <button
-              onClick={() => onRefresh(video.id)}
-              className="px-4 py-2 text-xs font-bold uppercase tracking-wider transition-all active:scale-95 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/30 rounded"
-              style={{ background: 'rgba(255,255,255,0.05)', color: 'rgba(248,245,253,0.7)', border: '1px solid rgba(255,255,255,0.1)' }}
-            >
-              Refresh
-            </button>
-          )}
-        </div>
-      )}
-      {hasEvents && !agentBackend && (
-        <p className="text-xs text-right" style={{ color: 'rgba(248,245,253,0.35)' }}>
-          Backend agents offline — deploy FastAPI + set BACKEND_URL to dispatch real MCP agents.
-        </p>
-      )}
-      <Suspense fallback={<PanelLoading label="Loading agent dashboard…" />}>
-        <AgentDashboard
-          executions={agents}
-          loading={video.status === 'processing' && agents.length === 0}
-        />
-      </Suspense>
-      {video.status !== 'processing' && agents.length === 0 && (
-        <EmptyState
-          icon={<Bot className="h-10 w-10" strokeWidth={1.5} aria-hidden="true" />}
-        >
-          No agent executions yet.
-        </EmptyState>
-      )}
-    </div>
-  );
-}
-
-/* ─────────────────────────── Search ─────────────────────────── */
-
-export function SearchPanel({
-  video,
-  searchQuery,
-  setSearchQuery,
-  performSearch,
-  searchResults,
-  searchLoading,
-  onSeek,
-}: {
-  video: Video;
-  searchQuery: string;
-  setSearchQuery: (q: string) => void;
-  performSearch: (videoId: string, q: string) => void;
-  searchResults: SearchResult[];
-  searchLoading: boolean;
-  onSeek?: (seconds: number) => void;
-}) {
-  return (
-    <div className="space-y-5">
-      <form
-        onSubmit={(e) => {
-          e.preventDefault();
-          performSearch(video.id, searchQuery);
-        }}
-        className="flex gap-2"
-      >
-        <label htmlFor="search-video" className="sr-only">
-          Search the video
-        </label>
-        <input
-          id="search-video"
-          type="text"
-          placeholder="Search the video…"
-          className="flex-1 px-3 py-2.5 text-sm focus:outline-none transition-colors rounded-lg"
-          style={{ background: 'rgba(25, 25, 31, 0.8)', border: '1px solid rgba(106, 242, 222, 0.15)', color: '#f8f5fd' }}
-          value={searchQuery}
-          onChange={(e) => setSearchQuery(e.target.value)}
-        />
-        <button
-          type="submit"
-          className="px-4 py-2.5 font-heading font-bold text-xs tracking-wider uppercase transition-all disabled:opacity-30 active:scale-95 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-[#10b7a5]/60"
-          style={{ background: 'rgba(16, 183, 165, 0.9)', color: '#002b26' }}
-          disabled={searchLoading || !searchQuery.trim()}
-          aria-busy={searchLoading || undefined}
-        >
-          {searchLoading ? '…' : 'Go'}
-        </button>
-      </form>
-
-      {searchResults.length > 0 ? (
-        <div className="space-y-3">
-          <h4 className="text-[11px] font-bold uppercase tracking-wider" style={{ color: 'rgba(248,245,253,0.4)' }}>Top Results</h4>
-          {searchResults.map((res, i) => (
-            <button
-              key={i}
-              type="button"
-              onClick={() => onSeek?.(res.start)}
-              className="w-full text-left p-4 rounded-xl border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#6af2de]/50"
-              style={{ background: 'rgba(37,37,44,0.4)', borderColor: 'rgba(255,255,255,0.05)' }}
-            >
-              <div className="flex items-center justify-between mb-1.5">
-                <span className="text-[11px] font-mono px-2 py-0.5 rounded" style={{ background: 'rgba(106,242,222,0.1)', color: '#6af2de' }}>
-                  {new Date(res.start * 1000).toISOString().substr(11, 8)}
-                </span>
-                <span className="text-[11px] font-mono" style={{ color: 'rgba(248,245,253,0.3)' }}>{(res.score * 100).toFixed(0)}%</span>
-              </div>
-              <p className="text-sm leading-relaxed" style={{ color: 'rgba(248,245,253,0.7)' }}>{res.text}</p>
-            </button>
-          ))}
-        </div>
-      ) : (
-        <EmptyState
-          icon={<Search className="h-10 w-10" strokeWidth={1.5} aria-hidden="true" />}
-        >
-          Search for a topic to jump to that moment in the video.
-        </EmptyState>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web/src/hooks/__tests__/use-dashboard-detail.test.ts b/apps/web/src/hooks/__tests__/use-dashboard-detail.test.ts
deleted file mode 100644
index bb98f11db..000000000
--- a/apps/web/src/hooks/__tests__/use-dashboard-detail.test.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { vi, describe, it, expect } from 'vitest';
-import { useDashboardDetail } from '../use-dashboard-detail';
-import { useDashboardStore } from '@/store/dashboard-store';
-
-vi.mock('@/store/dashboard-store', () => ({
-  useDashboardStore: vi.fn(),
-}));
-
-describe('useDashboardDetail', () => {
-  it('should return all required state from the store', () => {
-    // We mock the implementation to simulate what zustand does
-    // when selector functions are passed to it
-    const mockStoreState = {
-      searchQuery: 'test query',
-      setSearchQuery: vi.fn(),
-      performSearch: vi.fn(),
-      searchResults: [{ id: '1', title: 'Result 1' }],
-      searchLoading: true,
-      dispatchToAgents: vi.fn(),
-      refreshAgentStatus: vi.fn(),
-    };
-
-    (useDashboardStore as unknown as ReturnType<typeof vi.fn>).mockImplementation((selector: (s: any) => any) => {
-      return selector(mockStoreState);
-    });
-
-    const result = useDashboardDetail();
-
-    expect(result.searchQuery).toBe('test query');
-    expect(result.setSearchQuery).toBe(mockStoreState.setSearchQuery);
-    expect(result.performSearch).toBe(mockStoreState.performSearch);
-    expect(result.searchResults).toEqual(mockStoreState.searchResults);
-    expect(result.searchLoading).toBe(true);
-    expect(result.dispatchToAgents).toBe(mockStoreState.dispatchToAgents);
-    expect(result.refreshAgentStatus).toBe(mockStoreState.refreshAgentStatus);
-  });
-});
diff --git a/apps/web/src/hooks/use-dashboard-detail.ts b/apps/web/src/hooks/use-dashboard-detail.ts
deleted file mode 100644
index 299ca8690..000000000
--- a/apps/web/src/hooks/use-dashboard-detail.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useDashboardStore } from '@/store/dashboard-store';
-
-/** Search + agent dispatch state — only used in the video detail (SplitView) chunk. */
-export function useDashboardDetail() {
-  const searchQuery = useDashboardStore((s) => s.searchQuery);
-  const setSearchQuery = useDashboardStore((s) => s.setSearchQuery);
-  const performSearch = useDashboardStore((s) => s.performSearch);
-  const searchResults = useDashboardStore((s) => s.searchResults);
-  const searchLoading = useDashboardStore((s) => s.searchLoading);
-  const dispatchToAgents = useDashboardStore((s) => s.dispatchToAgents);
-  const refreshAgentStatus = useDashboardStore((s) => s.refreshAgentStatus);
-
-  return {
-    searchQuery,
-    setSearchQuery,
-    performSearch,
-    searchResults,
-    searchLoading,
-    dispatchToAgents,
-    refreshAgentStatus,
-  };
-}
\ No newline at end of file
diff --git a/apps/web/src/lib/__tests__/auth-config-source.test.ts b/apps/web/src/lib/__tests__/auth-config-source.test.ts
index 858a7dfae..dc99775af 100644
--- a/apps/web/src/lib/__tests__/auth-config-source.test.ts
+++ b/apps/web/src/lib/__tests__/auth-config-source.test.ts
@@ -49,11 +49,12 @@ describe('auth configuration source safety', () => {
     expect(source).toContain('HomePasteForm');
   });
 
-  it('folds the retired dashboard skin into the studio', () => {
-    const dashboard = readSource('app/dashboard/page.tsx');
-    expect(dashboard).toContain('canonicalStudioPath');
-    expect(dashboard).toContain('redirect(');
-    expect(dashboard).not.toContain('DashboardSplitView');
-    expect(dashboard).not.toContain('VideoCard');
+  it('folds the retired dashboard skin into the studio redirect', () => {
+    const config = readSource('../next.config.js');
+    expect(config).toContain("source: '/dashboard'");
+    expect(config).toContain("source: '/dashboard/:path*'");
+    expect(config).toContain("destination: '/studio'");
+    expect(config).toContain('permanent: true');
+    expect(config).not.toContain('DashboardSplitView');
   });
 });
diff --git a/apps/web/src/lib/__tests__/dashboard-search-accessibility.test.ts b/apps/web/src/lib/__tests__/dashboard-search-accessibility.test.ts
deleted file mode 100644
index b74d3c9ab..000000000
--- a/apps/web/src/lib/__tests__/dashboard-search-accessibility.test.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { readFileSync } from 'node:fs';
-import { fileURLToPath } from 'node:url';
-import { dirname, join } from 'node:path';
-import { describe, expect, it } from 'vitest';
-
-const webSrc = join(dirname(fileURLToPath(import.meta.url)), '../..');
-
-function readSource(relativePath: string) {
-  return readFileSync(join(webSrc, relativePath), 'utf8');
-}
-
-describe('dashboard search accessibility', () => {
-  it('keeps a programmatic label on the search input without overriding the Go button name', () => {
-    const source = readSource('components/dashboard/panels.tsx');
-    const searchForm = source.match(
-      /<form[\s\S]*?<label htmlFor="search-video" className="sr-only">[\s\S]*?{searchLoading \? '…' : 'Go'}[\s\S]*?<\/form>/,
-    )?.[0];
-
-    expect(searchForm).toBeDefined();
-    expect(searchForm).toContain('<label htmlFor="search-video" className="sr-only">');
-    expect(searchForm).toContain('id="search-video"');
-    expect(searchForm).not.toContain('aria-label="Submit search"');
-    expect(searchForm).not.toContain('aria-label="Search"');
-  });
-
-  it('labels a prepared action plan as review state rather than active dispatch', () => {
-    const source = readSource('components/dashboard/panels.tsx');
-
-    expect(source).toContain("isPrepared ? 'Status: prepared for review'");
-    expect(source).toContain('nothing below\n              has run yet');
-  });
-});
diff --git a/apps/web/src/lib/__tests__/feedback.test.ts b/apps/web/src/lib/__tests__/feedback.test.ts
deleted file mode 100644
index ecbbc7cbf..000000000
--- a/apps/web/src/lib/__tests__/feedback.test.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-
-import { flushPendingFeedback, submitFeedback } from '@/lib/feedback';
-
-describe('feedback persistence', () => {
-  afterEach(() => {
-    vi.unstubAllGlobals();
-  });
-
-  it('resolves only when the feedback API accepts the entry', async () => {
-    const fetchMock = vi.fn().mockResolvedValue(new Response(null, { status: 204 }));
-    vi.stubGlobal('fetch', fetchMock);
-
-    await expect(
-      submitFeedback({ videoId: 'video-1', tab: 'summary', rating: 5 }),
-    ).resolves.toBeUndefined();
-
-    expect(fetchMock).toHaveBeenCalledWith(
-      '/api/v1/feedback',
-      expect.objectContaining({ method: 'POST' }),
-    );
-  });
-
-  it('rejects HTTP failures instead of reporting an in-memory success', async () => {
-    vi.stubGlobal('fetch', vi.fn().mockResolvedValue(new Response(null, { status: 503 })));
-
-    await expect(
-      submitFeedback({ videoId: 'video-1', tab: 'summary', rating: 2 }),
-    ).rejects.toThrow('Feedback API returned 503');
-    await expect(flushPendingFeedback()).resolves.toBe(0);
-  });
-
-  it('rejects network failures', async () => {
-    vi.stubGlobal('fetch', vi.fn().mockRejectedValue(new Error('offline')));
-
-    await expect(
-      submitFeedback({ videoId: 'video-1', tab: 'summary', rating: 3 }),
-    ).rejects.toThrow('offline');
-  });
-});
diff --git a/apps/web/src/lib/__tests__/library-contrast.test.ts b/apps/web/src/lib/__tests__/library-contrast.test.ts
deleted file mode 100644
index f1b4f2461..000000000
--- a/apps/web/src/lib/__tests__/library-contrast.test.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { readFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { describe, expect, it } from 'vitest';
-
-const webSrc = join(dirname(fileURLToPath(import.meta.url)), '../..');
-
-function readSource(relativePath: string) {
-  return readFileSync(join(webSrc, relativePath), 'utf8');
-}
-
-function srgbToLinear(channel: number) {
-  return channel <= 0.03928
-    ? channel / 12.92
-    : ((channel + 0.055) / 1.055) ** 2.4;
-}
-
-function relativeLuminance([r, g, b]: [number, number, number]) {
-  const red = srgbToLinear(r);
-  const green = srgbToLinear(g);
-  const blue = srgbToLinear(b);
-  return 0.2126 * red + 0.7152 * green + 0.0722 * blue;
-}
-
-function contrastRatio(first: [number, number, number], second: [number, number, number]) {
-  const one = relativeLuminance(first);
-  const two = relativeLuminance(second);
-  const lighter = Math.max(one, two);
-  const darker = Math.min(one, two);
-  return (lighter + 0.05) / (darker + 0.05);
-}
-
-function hexToRgb(hex: string): [number, number, number] {
-  const clean = hex.replace('#', '');
-  return [
-    Number.parseInt(clean.slice(0, 2), 16) / 255,
-    Number.parseInt(clean.slice(2, 4), 16) / 255,
-    Number.parseInt(clean.slice(4, 6), 16) / 255,
-  ];
-}
-
-function rgbaToHexBlend(rgba: string, background: [number, number, number]): [number, number, number] {
-  const parsed = rgba.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*([0-9.]+)\)$/);
-  if (!parsed) throw new Error(`Unexpected rgba format: ${rgba}`);
-  const [, r, g, b, alpha] = parsed;
-  const fg: [number, number, number] = [
-    Number.parseInt(r, 10) / 255,
-    Number.parseInt(g, 10) / 255,
-    Number.parseInt(b, 10) / 255,
-  ];
-  const a = Number.parseFloat(alpha);
-  return [
-    fg[0] * a + background[0] * (1 - a),
-    fg[1] * a + background[1] * (1 - a),
-    fg[2] * a + background[2] * (1 - a),
-  ];
-}
-
-describe('library page text contrast', () => {
-  const source = readSource('components/dashboard/DashboardCanvasView.tsx');
-  const darkSurface = hexToRgb('#0f1419');
-
-  it('keeps dim tab labels at WCAG AA contrast on dark surfaces', () => {
-    const match = source.match(/color:\s*active\s*\?\s*accent\s*:\s*'([^']+)'/);
-    expect(match).toBeTruthy();
-    const dimColor = match?.[1] ?? '';
-    const dimBlend = rgbaToHexBlend(dimColor, darkSurface);
-    expect(contrastRatio(dimBlend, darkSurface)).toBeGreaterThanOrEqual(4.5);
-  });
-
-  it('keeps accent tab labels at WCAG AA contrast on dark surfaces', () => {
-    const accents = [...source.matchAll(/accent:\s*'(#[0-9a-fA-F]{6})'/g)].map((entry) => entry[1]);
-    expect(accents.length).toBeGreaterThan(0);
-    for (const accent of accents) {
-      expect(contrastRatio(hexToRgb(accent), darkSurface)).toBeGreaterThanOrEqual(4.5);
-    }
-  });
-});
diff --git a/apps/web/src/lib/__tests__/studio-pipeline-status.test.ts b/apps/web/src/lib/__tests__/studio-pipeline-status.test.ts
index 05167ecba..ff717923b 100644
--- a/apps/web/src/lib/__tests__/studio-pipeline-status.test.ts
+++ b/apps/web/src/lib/__tests__/studio-pipeline-status.test.ts
@@ -273,13 +273,6 @@ describe('studio-pipeline-status', () => {
         toolCount: 0,
       }),
     ).toBe(false);
-
-    const dashboardPanels = readFileSync(
-      join(process.cwd(), 'src/components/dashboard/panels.tsx'),
-      'utf8',
-    );
-    expect(dashboardPanels).toContain('actionsFromStudioRun');
-    expect(dashboardPanels).toContain('studioCanExport');
   });
 
   it('names an invalid ?video= handoff instead of staying silent', () => {
diff --git a/apps/web/src/lib/__tests__/uvai-surface-unification.test.ts b/apps/web/src/lib/__tests__/uvai-surface-unification.test.ts
index 29cccc1a8..f9c38574b 100644
--- a/apps/web/src/lib/__tests__/uvai-surface-unification.test.ts
+++ b/apps/web/src/lib/__tests__/uvai-surface-unification.test.ts
@@ -55,12 +55,12 @@ describe('UVAI is one product surface', () => {
   });
 
   it('points sell-page CTAs at Home or Studio, not a second skin', () => {
-    const features = readSource('app/features/page.tsx');
+    const config = readWebFile('next.config.js');
     const pricing = readSource('app/pricing/page.tsx');
     const nav = readSource('components/Nav.tsx');
-    expect(features).toContain('redirect(');
+    expect(config).toContain("source: '/features'");
+    expect(config).toMatch(/source: '\/features'[\s\S]{0,120}destination: '\/'/);
     expect(pricing).toContain("from '@/components/Nav'");
-    expect(features).not.toContain('href="/dashboard"');
     expect(pricing).not.toContain('href="/dashboard"');
     // Orphaned landing/ components deleted per product direction (2026-10-07).
     // Nav is the single navigation surface.
diff --git a/apps/web/src/lib/feedback.ts b/apps/web/src/lib/feedback.ts
deleted file mode 100644
index 991566e05..000000000
--- a/apps/web/src/lib/feedback.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/** Feedback client for the durable feedback API. */
-
-export interface FeedbackEntry {
-  videoId: string;
-  tab: string;
-  rating: number; // 1-5
-  comment?: string;
-  timestamp?: string;
-}
-
-const FEEDBACK_API = '/api/v1/feedback';
-
-/**
- * Submit feedback for a specific video tab.
- *
- * A resolved promise means the server accepted the entry. Network and HTTP
- * failures reject so callers never claim that an in-memory value was saved.
- */
-export async function submitFeedback(entry: FeedbackEntry): Promise<void> {
-  const payload = {
-    ...entry,
-    timestamp: new Date().toISOString(),
-  };
-
-  const res = await fetch(FEEDBACK_API, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(payload),
-  });
-
-  if (!res.ok) {
-    throw new Error(`Feedback API returned ${res.status}`);
-  }
-}
-
-/**
- * Retrieve feedback for a video (for the correction loop to consume).
- */
-export async function getFeedback(videoId: string, tab?: string): Promise<FeedbackEntry[]> {
-  try {
-    const params = new URLSearchParams({ videoId });
-    if (tab) params.append('tab', tab);
-
-    const res = await fetch(`${FEEDBACK_API}?${params}`);
-    if (!res.ok) return [];
-
-    const data = await res.json();
-    return data.feedback || [];
-  } catch {
-    return [];
-  }
-}
-
-/**
- * Retained for compatibility with older callers. Feedback is no longer kept
- * in volatile memory because a reload would silently discard it.
- */
-export async function flushPendingFeedback(): Promise<number> {
-  return 0;
-}
diff --git a/apps/web/src/lib/timestamp.ts b/apps/web/src/lib/timestamp.ts
index d427029cc..958b401ba 100644
--- a/apps/web/src/lib/timestamp.ts
+++ b/apps/web/src/lib/timestamp.ts
@@ -3,10 +3,10 @@
  *
  * These utilities convert between human timestamps ("1:23", "[01:02:03]"),
  * seconds, extract the YouTube video id from a URL, and parse a plain-text
- * transcript into time-synchronized segments for InteractiveTranscript.
+ * transcript into time-synchronized segments.
  */
 
-import type { TranscriptSegment } from '@/components/InteractiveTranscript';
+import type { TranscriptSegment } from '@/lib/transcript-search';
 
 /** Matches a leading timestamp token, optionally wrapped in [] or (). */
 const LEADING_TIMESTAMP =
diff --git a/apps/web/src/store/__tests__/action-agent-store.test.ts b/apps/web/src/store/__tests__/action-agent-store.test.ts
deleted file mode 100644
index ebf0a7902..000000000
--- a/apps/web/src/store/__tests__/action-agent-store.test.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { useActionAgentStore } from '@/store/action-agent-store';
-
-const preparedActions = [
-  {
-    tool: 'create_workflow_task',
-    input: { title: 'Review the source', priority: 'medium' },
-    status: 'pending' as const,
-    result: 'Prepared for review. No tool has been executed.',
-  },
-  {
-    tool: 'save_resource',
-    input: { title: 'Caption evidence', content: 'Verified excerpt' },
-    status: 'pending' as const,
-    result: 'Prepared for review. No tool has been executed.',
-  },
-];
-
-describe('action agent store video review boundary', () => {
-  beforeEach(() => {
-    useActionAgentStore.getState().reset();
-    vi.unstubAllGlobals();
-  });
-
-  it('keys a prepared plan to its source video and refuses cross-video confirmation', async () => {
-    const fetchMock = vi
-      .fn()
-      .mockResolvedValueOnce(
-        new Response(
-          JSON.stringify({ success: true, provider: 'test', actions: preparedActions }),
-          { status: 200, headers: { 'content-type': 'application/json' } },
-        ),
-      );
-    vi.stubGlobal('fetch', fetchMock);
-
-    await useActionAgentStore
-      .getState()
-      .runFromTranscript('A sufficiently long verified transcript for review.', 'Video A', 'video-a');
-
-    expect(useActionAgentStore.getState().sourceVideoId).toBe('video-a');
-    expect(useActionAgentStore.getState().lifecycle.phase).toBe('dispatching');
-
-    await useActionAgentStore.getState().confirmPreparedActions(undefined, 'video-b');
-
-    expect(fetchMock).toHaveBeenCalledTimes(1);
-    expect(useActionAgentStore.getState().lifecycle.phase).toBe('dispatching');
-  });
-
-  it('executes only the actions selected during review', async () => {
-    const fulfilled = [{ ...preparedActions[1], status: 'fulfilled' as const }];
-    const fetchMock = vi
-      .fn()
-      .mockResolvedValueOnce(
-        new Response(
-          JSON.stringify({ success: true, provider: 'test', actions: preparedActions }),
-          { status: 200, headers: { 'content-type': 'application/json' } },
-        ),
-      )
-      .mockResolvedValueOnce(
-        new Response(
-          JSON.stringify({ success: true, provider: 'confirmed-plan', actions: fulfilled }),
-          { status: 200, headers: { 'content-type': 'application/json' } },
-        ),
-      );
-    vi.stubGlobal('fetch', fetchMock);
-
-    await useActionAgentStore
-      .getState()
-      .runFromTranscript('A sufficiently long verified transcript for review.', 'Video A', 'video-a');
-    await useActionAgentStore
-      .getState()
-      .confirmPreparedActions([preparedActions[1]], 'video-a');
-
-    const executeRequest = fetchMock.mock.calls[1]?.[1] as RequestInit;
-    expect(JSON.parse(String(executeRequest.body))).toEqual(
-      expect.objectContaining({ mode: 'execute', actions: [preparedActions[1]] }),
-    );
-    expect(useActionAgentStore.getState().lifecycle.actions).toEqual(fulfilled);
-  });
-
-  it('deduplicates repeated planned actions before dispatch', async () => {
-    const duplicateAction = preparedActions[0];
-    const fetchMock = vi
-      .fn()
-      .mockResolvedValueOnce(
-        new Response(
-          JSON.stringify({
-            success: true,
-            provider: 'test',
-            actions: [duplicateAction, { ...duplicateAction, input: { title: 'Review the source' } }],
-          }),
-          { status: 200, headers: { 'content-type': 'application/json' } },
-        ),
-      );
-    vi.stubGlobal('fetch', fetchMock);
-
-    await useActionAgentStore
-      .getState()
-      .runFromTranscript('A sufficiently long verified transcript for review.', 'Video A', 'video-a');
-
-    expect(useActionAgentStore.getState().lifecycle.actions).toHaveLength(2);
-    expect(useActionAgentStore.getState().lifecycle.actions[0]).toEqual(duplicateAction);
-  });
-});
diff --git a/apps/web/src/store/__tests__/dashboard-store.persistence.test.ts b/apps/web/src/store/__tests__/dashboard-store.persistence.test.ts
index 8b68150ba..974351b49 100644
--- a/apps/web/src/store/__tests__/dashboard-store.persistence.test.ts
+++ b/apps/web/src/store/__tests__/dashboard-store.persistence.test.ts
@@ -7,7 +7,6 @@ const STORAGE_KEY = 'eventrelay-dashboard-v1';
 type StoredDashboardState = {
   state: {
     videos: Video[];
-    activities: Array<{ time: string; event: string; type: 'success' | 'info' | 'error' }>;
   };
   version: number;
 };
@@ -44,7 +43,6 @@ function makeStorage() {
 function resetStore() {
   useDashboardStore.setState({
     videos: [],
-    activities: [],
     selectedVideoId: null,
     loading: false,
     searchQuery: '',
@@ -82,13 +80,11 @@ describe('dashboard-store persistence', () => {
     delete (globalThis as { localStorage?: typeof storage }).localStorage;
   });
 
-  it('persists only videos and activities to localStorage', () => {
+  it('persists only videos to localStorage', () => {
     const video = makeVideo();
-    const activity = { time: '10:15', event: 'Stored event', type: 'info' as const };
 
     useDashboardStore.setState({
       videos: [video],
-      activities: [activity],
       selectedVideoId: video.id,
       loading: true,
       searchQuery: 'ignored',
@@ -99,33 +95,31 @@ describe('dashboard-store persistence', () => {
     const stored = readStoredState(storage);
     expect(stored.state).toEqual({
       videos: [video],
-      activities: [activity],
     });
     expect(stored.version).toBe(0);
+    expect('activities' in stored.state).toBe(false);
     expect('selectedVideoId' in stored.state).toBe(false);
     expect('searchQuery' in stored.state).toBe(false);
   });
 
-  it('rehydrates persisted videos and activities while leaving volatile fields at defaults', async () => {
+  it('rehydrates persisted videos and ignores a stored activity log', async () => {
     const video = makeVideo({ id: 'video-2', progress: 100, status: 'complete' });
-    const activity = { time: '11:30', event: 'Hydrated event', type: 'success' as const };
 
     storage.setItem(
       STORAGE_KEY,
       JSON.stringify({
         state: {
           videos: [video],
-          activities: [activity],
+          activities: [{ time: '11:30', event: 'Hydrated event', type: 'success' }],
         },
         version: 0,
-      } satisfies StoredDashboardState),
+      }),
     );
 
     await useDashboardStore.persist.rehydrate();
 
     const state = useDashboardStore.getState();
     expect(state.videos).toEqual([video]);
-    expect(state.activities).toEqual([activity]);
     expect(state.selectedVideoId).toBeNull();
     expect(state.loading).toBe(false);
     expect(state.searchQuery).toBe('');
@@ -143,7 +137,6 @@ describe('dashboard-store persistence', () => {
     storage.setItem(STORAGE_KEY, JSON.stringify({ state: { videos: [null, { id: 'bad' }], activities: 'bad', updateVideo: null }, version: 0 }));
     await useDashboardStore.persist.rehydrate();
     expect(useDashboardStore.getState().videos).toEqual([]);
-    expect(useDashboardStore.getState().activities).toEqual([]);
     expect(typeof useDashboardStore.getState().updateVideo).toBe('function');
   });
 
@@ -154,6 +147,5 @@ describe('dashboard-store persistence', () => {
 
     const state = useDashboardStore.getState();
     expect(state.videos).toEqual([]);
-    expect(state.activities).toEqual([]);
   });
 });
diff --git a/apps/web/src/store/__tests__/dashboard-store.test.ts b/apps/web/src/store/__tests__/dashboard-store.test.ts
index 6ffa627d7..0d4b692f3 100644
--- a/apps/web/src/store/__tests__/dashboard-store.test.ts
+++ b/apps/web/src/store/__tests__/dashboard-store.test.ts
@@ -8,7 +8,6 @@ import type { Video } from '@/store/dashboard-store';
 function resetStore() {
   useDashboardStore.setState({
     videos: [],
-    activities: [],
     selectedVideoId: null,
     loading: false,
     searchQuery: '',
@@ -133,15 +132,6 @@ describe('dashboard-store · synchronous reducers', () => {
     expect(store().selectedVideo()?.title).toBe('Alpha');
   });
 
-  it('addActivity prepends newest first and caps history at 30', () => {
-    for (let i = 0; i < 35; i++) store().addActivity(`event ${i}`, 'info');
-    const activities = store().activities;
-    expect(activities).toHaveLength(30);
-    expect(activities[0].event).toBe('event 34');
-    expect(typeof activities[0].time).toBe('string');
-    expect(activities[0].time.length).toBeGreaterThan(0);
-  });
-
   it('setLoading and setSearchQuery update their flags', () => {
     store().setLoading(true);
     expect(store().loading).toBe(true);
@@ -150,46 +140,6 @@ describe('dashboard-store · synchronous reducers', () => {
   });
 });
 
-describe('dashboard-store · extractEvents', () => {
-  it("derives action and topic events from a video's insights", () => {
-    store().addVideo(
-      makeVideo({
-        id: 'v1',
-        insights: {
-          summary: 's',
-          sentiment: 'Neutral',
-          actions: [{ title: 'Build it', description: 'do the thing', category: 'build' }],
-          topics: ['rust', 'wasm'],
-        },
-      }),
-    );
-    store().extractEvents('v1');
-    const events = store().videos[0].events!;
-    expect(events).toHaveLength(3); // 1 action + 2 topics
-
-    const action = events.find((e) => e.type === 'action')!;
-    expect(action.title).toBe('Build it');
-    expect(action.confidence).toBeUndefined();
-    expect(action.id).toBe('evt_v1_0');
-
-    const topics = events.filter((e) => e.type === 'topic');
-    expect(topics.map((t) => t.title)).toEqual(['rust', 'wasm']);
-    expect(topics[0].confidence).toBeUndefined();
-    expect(topics[0].id).toBe('evt_v1_t0');
-  });
-
-  it('is a no-op when the video does not exist', () => {
-    expect(() => store().extractEvents('nope')).not.toThrow();
-    expect(store().videos).toHaveLength(0);
-  });
-
-  it('produces an empty event list when there are no insights', () => {
-    store().addVideo(makeVideo({ id: 'v1' }));
-    store().extractEvents('v1');
-    expect(store().videos[0].events).toEqual([]);
-  });
-});
-
 const VIDEO_PACK_BODY = {
   status: 'success',
   data: {
@@ -419,171 +369,4 @@ describe('dashboard-store · processVideo (durable evidence workflow)', () => {
     expect(video.runId).toBeUndefined();
     expect(video.failure?.stage).toBe('start');
   });
-
-  it('recovers a verified durable result after a page refresh', async () => {
-    store().addVideo(makeVideo({
-      id: 'recover_me',
-      url: provenance.sourceUrl,
-      runId: 'wrun_recovered',
-      status: 'processing',
-      progress: 10,
-    }));
-    vi.stubGlobal('fetch', vi.fn().mockResolvedValueOnce(jsonResponse({
-      ok: true,
-      runId: 'wrun_recovered',
-      runStatus: 'completed',
-      result: {
-        url: provenance.sourceUrl,
-        transcriptChars: 70,
-        actionCount: 1,
-        provider: 'gateway:google/gemini-2.5-flash',
-        actions: [{ tool: 'review_action', status: 'proposed' }],
-        provenance,
-        quality,
-        analysis: {
-          title: 'Recovered Video',
-          summary: 'Recovered from the persisted durable run.',
-          transcript: [{
-            start: 0,
-            duration: 12,
-            text: 'This is verified source speech with enough content for the quality gate.',
-          }],
-          events: [],
-          actions: [],
-          topics: ['recovery'],
-          architectureCode: '',
-          ingestScript: '',
-          e22Snippets: [],
-          provenance,
-          quality,
-        },
-      },
-    })));
-
-    await store().resumeProcessingRuns();
-
-    const recovered = store().videos.find((video) => video.id === 'recover_me')!;
-    expect(recovered.status).toBe('complete');
-    expect(recovered.progress).toBe(100);
-    expect(recovered.title).toBe('Recovered Video');
-    expect(recovered.quality?.passed).toBe(true);
-    expect(store().activities.some((activity) => activity.event.includes('Recovered verified durable run'))).toBe(true);
-  });
-
-  it('does not restart processing records that never received a durable run id', async () => {
-    store().addVideo(makeVideo({ id: 'no_run_id', status: 'processing', progress: 0 }));
-    const fetchMock = vi.fn();
-    vi.stubGlobal('fetch', fetchMock);
-
-    await store().resumeProcessingRuns();
-
-    expect(fetchMock).not.toHaveBeenCalled();
-    expect(store().videos[0].status).toBe('processing');
-  });
-});
-
-describe('dashboard-store · dispatchToAgents / refreshAgentStatus', () => {
-  it('dispatches the video events and stores returned executions', async () => {
-    store().addVideo(
-      makeVideo({ id: 'v1', events: [{ id: 'e1', type: 'action', title: 'Do X', confidence: 0.9 }] }),
-    );
-    const fetchMock = vi.fn().mockResolvedValueOnce(
-      jsonResponse({
-        dispatch_id: 'dsp_1',
-        executions: [{ agent_id: 'a1', agent_type: 'analyzer', status: 'running', progress: 0 }],
-      }),
-    );
-    vi.stubGlobal('fetch', fetchMock);
-
-    await store().dispatchToAgents('v1');
-
-    expect(fetchMock).toHaveBeenCalledWith('/api/agents/dispatch', expect.objectContaining({ method: 'POST' }));
-    expect(store().videos[0].agents).toHaveLength(1);
-    expect(store().videos[0].agents![0].agent_id).toBe('a1');
-    expect(store().activities.some((a) => a.event.includes('Dispatched 1 agents'))).toBe(true);
-  });
-
-  it('reports honestly when the agent backend is offline (503)', async () => {
-    store().addVideo(
-      makeVideo({ id: 'v1', events: [{ id: 'e1', type: 'action', title: 'Do X', confidence: 0.9 }] }),
-    );
-    vi.stubGlobal('fetch', vi.fn().mockResolvedValueOnce(jsonResponse({ error: 'nope' }, false, 503)));
-
-    await store().dispatchToAgents('v1');
-
-    expect(store().videos[0].agents).toBeUndefined();
-    expect(store().activities.some((a) => a.event.includes('Agent backend offline'))).toBe(true);
-  });
-
-  it('skips dispatch when the video has no events', async () => {
-    store().addVideo(makeVideo({ id: 'v1' }));
-    const fetchMock = vi.fn();
-    vi.stubGlobal('fetch', fetchMock);
-    await store().dispatchToAgents('v1');
-    expect(fetchMock).not.toHaveBeenCalled();
-  });
-
-  it('refreshAgentStatus polls only running agents and merges updates', async () => {
-    store().addVideo(
-      makeVideo({
-        id: 'v1',
-        agents: [
-          { agent_id: 'a1', agent_type: 'analyzer', status: 'running', progress: 30 },
-          { agent_id: 'a2', agent_type: 'content_creator', status: 'complete', progress: 100 },
-        ],
-      }),
-    );
-    const fetchMock = vi.fn().mockResolvedValueOnce(
-      jsonResponse({ agent_id: 'a1', status: 'complete', progress: 100, result: { output: 'done' } }),
-    );
-    vi.stubGlobal('fetch', fetchMock);
-
-    await store().refreshAgentStatus('v1');
-
-    expect(fetchMock).toHaveBeenCalledTimes(1); // only the running agent is polled
-    const a1 = store().videos[0].agents!.find((a) => a.agent_id === 'a1')!;
-    expect(a1.status).toBe('complete');
-    expect(a1.progress).toBe(100);
-  });
-
-  it('refreshAgentStatus is a no-op when nothing is running', async () => {
-    store().addVideo(
-      makeVideo({ id: 'v1', agents: [{ agent_id: 'a1', agent_type: 'x', status: 'complete', progress: 100 }] }),
-    );
-    const fetchMock = vi.fn();
-    vi.stubGlobal('fetch', fetchMock);
-    await store().refreshAgentStatus('v1');
-    expect(fetchMock).not.toHaveBeenCalled();
-  });
-});
-
-describe('dashboard-store · performSearch (mocked fetch)', () => {
-  it('clears results and skips the request for an empty query', async () => {
-    const fetchMock = vi.fn();
-    vi.stubGlobal('fetch', fetchMock);
-    await store().performSearch('v1', '   ');
-    expect(fetchMock).not.toHaveBeenCalled();
-    expect(store().searchResults).toEqual([]);
-  });
-
-  it('stores results on a successful search', async () => {
-    vi.stubGlobal(
-      'fetch',
-      vi.fn().mockResolvedValueOnce(
-        jsonResponse({ results: [{ start: 0, duration: 2, text: 'hit', score: 0.9 }] }),
-      ),
-    );
-    await store().performSearch('v1', 'query');
-    expect(store().searchResults).toHaveLength(1);
-    expect(store().searchResults[0].text).toBe('hit');
-    expect(store().searchLoading).toBe(false);
-  });
-
-  it('records an error activity and clears results when the search fails', async () => {
-    vi.stubGlobal('fetch', vi.fn().mockResolvedValueOnce(jsonResponse('boom', false, 500)));
-    await store().performSearch('v1', 'query');
-    expect(store().searchResults).toEqual([]);
-    expect(store().activities.some((a) => a.type === 'error')).toBe(true);
-    expect(store().searchLoading).toBe(false);
-  });
 });
diff --git a/apps/web/src/store/action-agent-store.ts b/apps/web/src/store/action-agent-store.ts
deleted file mode 100644
index 6b8a7826a..000000000
--- a/apps/web/src/store/action-agent-store.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Zustand store for the Transcription-Driven Action Agent.
- *
- * Holds a single `PromptLifecycle` and drives it through the state machine
- * (`action-lifecycle.ts`) by calling the real API routes:
- *   - `/api/transcribe`      → audio/URL to transcript
- *   - `/api/agents/actions`  → review-only tool plan, then explicit fulfilment
- *
- * Preparation and execution are deliberately separate. The client advances to
- * `dispatching` after a plan is prepared, and only reaches `fulfilled` after a
- * second, explicit user confirmation executes that exact plan.
- */
-
-import { create } from 'zustand';
-import {
-  createLifecycle,
-  dedupeAgentActions,
-  reduceLifecycle,
-  type AgentAction,
-  type LifecycleEvent,
-  type PromptLifecycle,
-} from '@/lib/action-lifecycle';
-
-function newId(): string {
-  if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) return crypto.randomUUID();
-  return `prompt_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
-}
-
-/**
- * Upper bound on each API round-trip. Transcription of long sources is the
- * slowest leg, so this matches the serverless function ceiling rather than a
- * typical request; without it a hung fetch leaves `isRunning` stuck forever.
- */
-const REQUEST_TIMEOUT_MS = 300_000;
-
-const ACTION_STATUSES = ['pending', 'fulfilled', 'failed'] as const;
-
-/** Runtime guard for action payloads coming back from /api/agents/actions. */
-function isAgentAction(value: unknown): value is AgentAction {
-  if (!value || typeof value !== 'object') return false;
-  const a = value as Record<string, unknown>;
-  return (
-    typeof a.tool === 'string' &&
-    typeof a.input === 'object' &&
-    a.input !== null &&
-    typeof a.status === 'string' &&
-    (ACTION_STATUSES as readonly string[]).includes(a.status)
-  );
-}
-
-interface SourceInput {
-  url?: string;
-  audioUrl?: string;
-  videoTitle?: string;
-}
-
-interface ActionAgentState {
-  lifecycle: PromptLifecycle;
-  isRunning: boolean;
-  /** Video whose transcript produced the current plan. Prevents cross-video confirmation. */
-  sourceVideoId: string | null;
-  /** Full flow: capture → transcribe (via /api/transcribe) → extract+fulfil actions. */
-  runFromSource: (input: SourceInput) => Promise<void>;
-  /** Skip capture/transcription and run the agent on an existing transcript. */
-  runFromTranscript: (transcript: string, videoTitle?: string, sourceVideoId?: string) => Promise<void>;
-  /** Execute the exact prepared action list after explicit review. */
-  confirmPreparedActions: (selectedActions?: AgentAction[], expectedVideoId?: string) => Promise<void>;
-  reset: () => void;
-}
-
-export const useActionAgentStore = create<ActionAgentState>((set, get) => {
-  /** Apply a lifecycle event to the current state. */
-  function apply(event: LifecycleEvent) {
-    set((s) => ({ lifecycle: reduceLifecycle(s.lifecycle, event) }));
-  }
-
-  /** Ask the model for a review-only action plan. No tool executes here. */
-  async function prepareActions(transcript: string, videoTitle?: string): Promise<void> {
-    const jobId = get().lifecycle.id;
-    const res = await fetch('/api/agents/actions', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ mode: 'preview', transcript, videoTitle, jobId }),
-      signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS),
-    });
-    const body = await res.json();
-
-    if (!res.ok || !body.success) {
-      apply({ type: 'ERROR', error: body.error || `Action agent failed (${res.status})` });
-      return;
-    }
-
-    const actions: AgentAction[] = dedupeAgentActions(
-      Array.isArray(body.actions) ? body.actions.filter(isAgentAction) : [],
-    );
-    apply({ type: 'ACTIONS_EXTRACTED', actions, provider: body.provider });
-    if (actions.length === 0) apply({ type: 'ACTIONS_FULFILLED', actions });
-  }
-
-  return {
-    lifecycle: createLifecycle(newId()),
-    isRunning: false,
-    sourceVideoId: null,
-
-    async runFromTranscript(transcript, videoTitle, sourceVideoId) {
-      if (get().isRunning) return;
-      set({ isRunning: true, lifecycle: createLifecycle(newId()), sourceVideoId: sourceVideoId ?? null });
-      try {
-        // Jump straight to a known transcript: capture → transcribe are implicit.
-        apply({ type: 'START_CAPTURE' });
-        apply({ type: 'AUDIO_CAPTURED' });
-        apply({ type: 'TRANSCRIBED', transcript });
-        await prepareActions(transcript, videoTitle);
-      } catch (err) {
-        apply({ type: 'ERROR', error: err instanceof Error ? err.message : String(err) });
-      } finally {
-        set({ isRunning: false });
-      }
-    },
-
-    async runFromSource({ url, audioUrl, videoTitle }) {
-      if (get().isRunning) return;
-      set({ isRunning: true, lifecycle: createLifecycle(newId()), sourceVideoId: null });
-      try {
-        apply({ type: 'START_CAPTURE' });
-        apply({ type: 'AUDIO_CAPTURED' });
-
-        const res = await fetch('/api/transcribe', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ url, audioUrl }),
-          signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS),
-        });
-        const body = await res.json();
-
-        if (!res.ok || !body.success || !body.transcript) {
-          apply({ type: 'ERROR', error: body.error || `Transcription failed (${res.status})` });
-          return;
-        }
-
-        apply({ type: 'TRANSCRIBED', transcript: body.transcript });
-        await prepareActions(body.transcript, videoTitle || body.metadata?.title);
-      } catch (err) {
-        apply({ type: 'ERROR', error: err instanceof Error ? err.message : String(err) });
-      } finally {
-        set({ isRunning: false });
-      }
-    },
-
-    async confirmPreparedActions(selectedActions, expectedVideoId) {
-      if (get().isRunning || get().lifecycle.phase !== 'dispatching') return;
-      if (expectedVideoId && get().sourceVideoId !== expectedVideoId) {
-        return;
-      }
-      const { id: jobId, actions: preparedActions } = get().lifecycle;
-      const actions = dedupeAgentActions(selectedActions ?? preparedActions);
-      if (actions.length === 0) return;
-      set({ isRunning: true });
-      try {
-        const res = await fetch('/api/agents/actions', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ mode: 'execute', actions, jobId }),
-          signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS),
-        });
-        const body = await res.json();
-        if (!res.ok || !body.success) {
-          apply({ type: 'ERROR', error: body.error || `Action execution failed (${res.status})` });
-          return;
-        }
-        const fulfilled: AgentAction[] = Array.isArray(body.actions)
-          ? body.actions.filter(isAgentAction)
-          : [];
-        apply({ type: 'ACTIONS_FULFILLED', actions: fulfilled });
-      } catch (err) {
-        apply({ type: 'ERROR', error: err instanceof Error ? err.message : String(err) });
-      } finally {
-        set({ isRunning: false });
-      }
-    },
-
-    reset() {
-      set({ lifecycle: createLifecycle(newId()), isRunning: false, sourceVideoId: null });
-    },
-  };
-});
diff --git a/apps/web/src/store/dashboard-store.ts b/apps/web/src/store/dashboard-store.ts
index 86bf1c9ad..2ddc62b91 100644
--- a/apps/web/src/store/dashboard-store.ts
+++ b/apps/web/src/store/dashboard-store.ts
@@ -1,8 +1,5 @@
 /**
- * Centralized Zustand store for the EventRelay dashboard.
- *
- * Combines video processing, event extraction, and agent dispatch
- * into a single store so every component shares the same state.
+ * Zustand store for studio video records.
  *
  * `processVideo` starts one durable Workflow run and only marks a record
  * complete when the persisted result includes verified source evidence and a
@@ -15,11 +12,9 @@ import { createJSONStorage, persist } from 'zustand/middleware';
 import type {
   ExtractedEvent,
   AgentExecution,
-  AgentStatus,
 } from '@/lib/types';
 import type {
   Action,
-  Activity,
   PipelineResult,
   SearchResult,
   Video,
@@ -36,7 +31,6 @@ import { compileLinkedSop } from '@/lib/linked-sop';
 
 export type {
   Action,
-  Activity,
   PipelineResult,
   SearchResult,
   Video,
@@ -45,7 +39,6 @@ export type {
 interface DashboardState {
   // Data
   videos: Video[];
-  activities: Activity[];
   selectedVideoId: string | null;
   loading: boolean;
 
@@ -57,22 +50,16 @@ interface DashboardState {
   updateVideo: (id: string, patch: Partial<Video>) => void;
   removeVideo: (id: string) => void;
   selectVideo: (id: string | null) => void;
-  addActivity: (event: string, type: Activity['type']) => void;
   setLoading: (loading: boolean) => void;
 
   // Workflow actions
   processVideo: (url: string, opts?: { signal?: AbortSignal }) => Promise<string>;
-  resumeProcessingRuns: () => Promise<void>;
-  extractEvents: (videoId: string) => void;
-  dispatchToAgents: (videoId: string) => Promise<void>;
-  refreshAgentStatus: (videoId: string) => Promise<void>;
 
   // Search actions
   searchQuery: string;
   searchResults: SearchResult[];
   searchLoading: boolean;
   setSearchQuery: (query: string) => void;
-  performSearch: (videoId: string, query: string) => Promise<void>;
 }
 
 /** Trim a URL for display in titles/activity. */
@@ -266,8 +253,6 @@ function workflowFailurePatch(url: string, startedAt: string, message: string):
   };
 }
 
-const activeRunResumptions = new Set<string>();
-
 let persistenceSucceeded = false;
 export function dashboardPersistenceSucceeded(): boolean {
   return persistenceSucceeded;
@@ -304,17 +289,10 @@ function isStoredVideo(value: unknown): value is Video {
     && typeof row.progress === 'number' && Number.isFinite(row.progress)
     && ['processing', 'complete', 'failed'].includes(String(row.status));
 }
-function isStoredActivity(value: unknown): value is Activity {
-  if (!value || typeof value !== 'object') return false;
-  const row = value as Record<string, unknown>;
-  return typeof row.time === 'string' && typeof row.event === 'string' && ['success', 'info', 'error'].includes(String(row.type));
-}
-
 export const useDashboardStore = create<DashboardState>()(
   persist(
     (set, get) => ({
   videos: [],
-  activities: [],
   selectedVideoId: null,
   loading: false,
 
@@ -348,46 +326,12 @@ export const useDashboardStore = create<DashboardState>()(
     searchLoading: false,
   }),
 
-  addActivity: (event, type) => {
-    const time = new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-    set((s) => ({
-      activities: [{ time, event, type }, ...s.activities].slice(0, 30),
-    }));
-  },
-
   setLoading: (loading) => set({ loading }),
   setSearchQuery: (query) => set({ searchQuery: query }),
 
-  // ── Perform semantic RAG search against video chunks ──
-  performSearch: async (videoId, query) => {
-    if (!query.trim()) {
-      set({ searchResults: [] });
-      return;
-    }
-
-    set({ searchLoading: true });
-    get().addActivity(`Searching for: "${query}"`, 'info');
-
-    try {
-      const res = await fetch(`/api/video/search?videoId=${encodeURIComponent(videoId)}&q=${encodeURIComponent(query)}`);
-      if (!res.ok) {
-        throw new Error(await res.text());
-      }
-      const data = await res.json();
-      set({ searchResults: data.results || [] });
-      get().addActivity(`Found ${data.results?.length || 0} matching segments`, 'success');
-    } catch (err) {
-      console.error('Search error:', err);
-      get().addActivity('Search failed. Video may not have finished embedding.', 'error');
-      set({ searchResults: [] });
-    } finally {
-      set({ searchLoading: false });
-    }
-  },
-
   // ── Process a video URL through one durable, evidence-gated workflow ──
   processVideo: async (url, opts) => {
-    const { addVideo, updateVideo, addActivity } = get();
+    const { addVideo, updateVideo } = get();
     const signal = opts?.signal;
     const id = crypto.randomUUID();
     const startedAt = new Date().toISOString();
@@ -400,12 +344,10 @@ export const useDashboardStore = create<DashboardState>()(
       progress: 0,
       pipelineMode: 'workflow',
     });
-    addActivity(`Processing started: ${truncate(url, 40)}`, 'info');
 
     try {
       const videoPack = await emitVideoPack(url);
       updateVideo(id, { videoPack, progress: 5 });
-      addActivity(`Video pack ${videoPack.version} ${videoPack.sourceHash.slice(0, 12)}`, 'success');
 
       const started = await startVideoToActions({ url });
       if (!started.ok || !started.runId) {
@@ -419,7 +361,6 @@ export const useDashboardStore = create<DashboardState>()(
         statusUrl: started.statusUrl || `/api/workflows/video-to-actions/${encodeURIComponent(started.runId)}`,
         progress: 10,
       });
-      addActivity(`Durable run created: ${started.runId}`, 'success');
 
       const terminal = await pollVideoToActions(started.runId, {
         statusUrl: started.statusUrl,
@@ -438,183 +379,30 @@ export const useDashboardStore = create<DashboardState>()(
             failedAt: new Date().toISOString(),
           },
         });
-        addActivity(`Processing cancelled: ${truncate(url, 40)}`, 'info');
         return id;
       }
 
       if (terminal.runStatus !== 'completed') {
         if (terminal.runStatus === 'running' || terminal.runStatus === 'pending') {
           updateVideo(id, { status: 'processing', progress: 10 });
-          addActivity(`Run still ${terminal.runStatus}; result remains addressable by run ID`, 'info');
           return id;
         }
         throw new Error(terminal.error || terminal.message || `Workflow ${terminal.runStatus || 'failed'}.`);
       }
 
       updateVideo(id, verifiedResultPatch(id, started.runId, terminal.result, videoPack));
-      addActivity('Verified analysis persisted by the durable workflow', 'success');
     } catch (error) {
       const message = error instanceof Error ? error.message : 'Analysis failed.';
       updateVideo(id, workflowFailurePatch(url, startedAt, message));
-      addActivity(`Analysis blocked: ${message}`, 'error');
     }
 
     return id;
   },
-
-  // ── Resume durable runs that outlived a tab refresh or prior poll window ──
-  resumeProcessingRuns: async () => {
-    const candidates = get().videos.filter(
-      (video) => video.status === 'processing' && Boolean(video.runId),
-    );
-
-    await Promise.all(candidates.map(async (video) => {
-      const runId = video.runId;
-      if (!runId || activeRunResumptions.has(runId)) return;
-      activeRunResumptions.add(runId);
-      try {
-        const terminal = await pollVideoToActions(runId, {
-          statusUrl: video.statusUrl,
-          attempts: 180,
-          delayMs: 2000,
-        });
-        if (terminal.runStatus === 'completed') {
-          get().updateVideo(video.id, verifiedResultPatch(video.id, runId, terminal.result, video.videoPack));
-          get().addActivity(`Recovered verified durable run: ${runId}`, 'success');
-          return;
-        }
-        if (terminal.runStatus === 'failed' || terminal.runStatus === 'cancelled') {
-          const message = terminal.error || terminal.message || `Workflow ${terminal.runStatus}.`;
-          get().updateVideo(
-            video.id,
-            workflowFailurePatch(video.url, video.processedAt || new Date().toISOString(), message),
-          );
-          get().addActivity(`Analysis blocked: ${message}`, 'error');
-        }
-      } catch (error) {
-        get().addActivity(
-          `Run recovery check failed: ${error instanceof Error ? error.message : 'Unknown error'}`,
-          'error',
-        );
-      } finally {
-        activeRunResumptions.delete(runId);
-      }
-    }));
-  },
-  // ── Re-derive events from a completed video's insights ──
-  extractEvents: (videoId) => {
-    const { videos, updateVideo, addActivity } = get();
-    const video = videos.find((v) => v.id === videoId);
-    if (!video) return;
-
-    addActivity('Extracting events…', 'info');
-
-    const events: ExtractedEvent[] = [];
-
-    // Derive events from insights
-    normalizeDashboardActions(video.insights?.actions || []).forEach((action, i) => {
-      events.push({
-        id: `evt_${videoId}_${i}`,
-        type: 'action',
-        title: action.title,
-        description: action.description,
-      });
-    });
-    (video.insights?.topics || []).forEach((topic, i) => {
-      events.push({
-        id: `evt_${videoId}_t${i}`,
-        type: 'topic',
-        title: topic,
-      });
-    });
-
-    updateVideo(videoId, { events });
-    addActivity(`Extracted ${events.length} events`, 'success');
-  },
-
-  // ── Dispatch the video's events to the real backend agent + MCP layer ──
-  dispatchToAgents: async (videoId) => {
-    const { videos, updateVideo, addActivity } = get();
-    const video = videos.find((v) => v.id === videoId);
-    if (!video?.events?.length) {
-      addActivity('No events to dispatch — extract events first', 'info');
-      return;
-    }
-
-    addActivity(`Dispatching agents to act on ${video.events.length} events…`, 'info');
-    try {
-      const res = await fetch('/api/agents/dispatch', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          events: video.events.map((e) => ({
-            id: e.id,
-            type: e.type,
-            title: e.title,
-            description: e.description,
-          })),
-          transcript: video.transcript,
-        }),
-      });
-
-      if (res.status === 503) {
-        addActivity('Agent backend offline — deploy FastAPI and set BACKEND_URL', 'info');
-        return;
-      }
-      if (!res.ok) throw new Error(`Dispatch failed: ${res.status}`);
-
-      const data = await res.json();
-      const executions: AgentExecution[] = Array.isArray(data.executions) ? data.executions : [];
-      updateVideo(videoId, { agents: executions });
-      addActivity(`Dispatched ${executions.length} agents`, 'success');
-    } catch (error) {
-      addActivity(
-        `Agent dispatch failed: ${error instanceof Error ? error.message : 'Unknown error'}`,
-        'error',
-      );
-    }
-  },
-
-  // ── Poll status for any running/queued dispatched agents ──
-  refreshAgentStatus: async (videoId) => {
-    const { videos, updateVideo } = get();
-    const video = videos.find((v) => v.id === videoId);
-    const pending = (video?.agents || []).filter(
-      (a) => a.status === 'running' || a.status === 'queued',
-    );
-    if (pending.length === 0) return;
-
-    const refreshed = await Promise.all(
-      pending.map(async (agent) => {
-        try {
-          const res = await fetch(`/api/agents/status?agentId=${encodeURIComponent(agent.agent_id)}`);
-          if (!res.ok) return agent;
-          const data = await res.json();
-          return {
-            ...agent,
-            status: (data.status as AgentStatus) || agent.status,
-            progress: typeof data.progress === 'number' ? data.progress : agent.progress,
-            result: data.result ?? agent.result,
-            error: data.error ?? agent.error,
-          } satisfies AgentExecution;
-        } catch {
-          return agent;
-        }
-      }),
-    );
-
-    const byId = new Map(refreshed.map((a) => [a.agent_id, a]));
-    const merged = (get().videos.find((v) => v.id === videoId)?.agents || []).map(
-      (a) => byId.get(a.agent_id) ?? a,
-    );
-    updateVideo(videoId, { agents: merged });
-  },
 }),
     {
       name: 'eventrelay-dashboard-v1',
       partialize: (state) => ({
         videos: state.videos,
-        activities: state.activities,
       }),
       storage: createJSONStorage(() => dashboardStorage),
       merge: (persisted, current) => {
@@ -623,7 +411,6 @@ export const useDashboardStore = create<DashboardState>()(
         return {
           ...current,
           videos: Array.isArray(saved.videos) ? saved.videos.filter(isStoredVideo) : current.videos,
-          activities: Array.isArray(saved.activities) ? saved.activities.filter(isStoredActivity) : current.activities,
         };
       },
       skipHydration: true,