diff --git a/src/routes/tangent/TangentDashboardView.tsx b/src/routes/tangent/TangentDashboardView.tsx
index 61e3273da..475b6c8c3 100644
--- a/src/routes/tangent/TangentDashboardView.tsx
+++ b/src/routes/tangent/TangentDashboardView.tsx
@@ -16,7 +16,9 @@ import { AnalyzeRunBlock } from "@/routes/tangent/components/AnalyzeRunBlock";
 import { HeroBanner } from "@/routes/tangent/components/HeroBanner";
 import { PipelineRow } from "@/routes/tangent/components/PipelineRow";
 import { useReanalyzeAll } from "@/routes/tangent/hooks/useReanalyzeAll";
+import { useScenarioRunIds } from "@/routes/tangent/hooks/useScenarioRunIds";
 import { useTangentPipelines } from "@/routes/tangent/hooks/useTangentPipelines";
+import type { ScenarioEntry } from "@/routes/tangent/idb/tangentDb";
 import { PIPELINE_FILTERS } from "@/routes/tangent/labels";
 import type { PipelineFilter, TangentPipeline } from "@/routes/tangent/types";
 
@@ -24,6 +26,27 @@ interface TangentSearch {
   filter?: string;
 }
 
+/**
+ * Builds a dashboard pipeline row from a locally-saved scenario for runs that
+ * are not present in the mocked pipeline data (e.g. real runs the user planned
+ * a scenario against). Mocked pipelines are preferred when a run id matches.
+ */
+function pipelineFromScenario(scenario: ScenarioEntry): TangentPipeline {
+  return {
+    runId: scenario.run.runId,
+    name: scenario.plan.name,
+    runStatus: "succeeded",
+    lastRunAt: new Date(scenario.createdAt).toISOString(),
+    scenarioStatus: scenario.research ? "tangent_running" : "scenario_built",
+    opportunityScore: scenario.score,
+    analyzing: false,
+    builtByCurrentUser: true,
+    ideas: [],
+    rationale: scenario.rationale,
+    summary: scenario.summary,
+  };
+}
+
 function isPipelineFilter(value: unknown): value is PipelineFilter {
   return (
     typeof value === "string" && (PIPELINE_FILTERS as string[]).includes(value)
@@ -35,8 +58,6 @@ function matchesFilter(
   filter: PipelineFilter,
 ): boolean {
   if (filter === "my_pipelines") return pipeline.builtByCurrentUser;
-  if (filter === "no_scenario")
-    return pipeline.scenarioStatus === "no_scenario";
   if (filter === "has_results") {
     return pipeline.scenarioStatus === "results_available";
   }
@@ -57,21 +78,35 @@ export function TangentDashboardView() {
     ? search.filter
     : "all";
 
-  const { data: pipelines, isPending, isError } = useTangentPipelines();
+  const {
+    data: pipelines,
+    isPending: pipelinesPending,
+    isError,
+  } = useTangentPipelines();
+  const { representativeByRun, isLoading: scenariosLoading } =
+    useScenarioRunIds();
   const reanalyze = useReanalyzeAll();
 
-  const allPipelines = pipelines ?? [];
-  const sorted = [...allPipelines].sort(byOpportunity);
+  const isPending = pipelinesPending || scenariosLoading;
+
+  const mockByRun = new Map(
+    (pipelines ?? []).map((pipeline) => [pipeline.runId, pipeline]),
+  );
+  const withScenarios = Array.from(representativeByRun.entries()).map(
+    ([runId, scenario]) =>
+      mockByRun.get(runId) ?? pipelineFromScenario(scenario),
+  );
+  const sorted = [...withScenarios].sort(byOpportunity);
   const visible = sorted.filter((pipeline) =>
     matchesFilter(pipeline, activeFilter),
   );
-  const scoredCount = allPipelines.filter(
+  const scoredCount = withScenarios.filter(
     (pipeline) => pipeline.opportunityScore !== null,
   ).length;
 
   const subtitle = isPending
     ? "Loading pipelines…"
-    : `Ranked by Tangent improvement opportunity · Search team · ${allPipelines.length} pipelines · ${scoredCount} analyzed`;
+    : `Ranked by Tangent improvement opportunity · Search team · ${withScenarios.length} pipelines with scenarios · ${scoredCount} analyzed`;
 
   return (
     <BlockStack gap="6">
@@ -136,7 +171,7 @@ export function TangentDashboardView() {
         )}
 
         {!isPending && !isError && visible.length > 0 && (
-          <Table>
+          <Table data-testid="tangent-pipelines-table">
             <TableHeader>
               <TableRow className="text-xs">
                 <TableHead className="w-2/5">Name</TableHead>
diff --git a/src/routes/tangent/TangentLayout.tsx b/src/routes/tangent/TangentLayout.tsx
index a8f163bfa..464c40d86 100644
--- a/src/routes/tangent/TangentLayout.tsx
+++ b/src/routes/tangent/TangentLayout.tsx
@@ -29,7 +29,6 @@ interface FilterLink {
 
 const FILTER_LINKS: FilterLink[] = [
   { filter: "my_pipelines", icon: "GitBranch" },
-  { filter: "no_scenario", icon: "CircleDashed" },
   { filter: "has_results", icon: "ChartLine" },
 ];
 
diff --git a/src/routes/tangent/TangentProjectDetailView.tsx b/src/routes/tangent/TangentProjectDetailView.tsx
index 4ca857e2f..fdc0f3ad0 100644
--- a/src/routes/tangent/TangentProjectDetailView.tsx
+++ b/src/routes/tangent/TangentProjectDetailView.tsx
@@ -1,118 +1,23 @@
 import { Link, useParams } from "@tanstack/react-router";
 
-import { Icon } from "@/components/ui/icon";
-import { BlockStack, InlineStack } from "@/components/ui/layout";
-import { Spinner } from "@/components/ui/spinner";
-import { Heading, Paragraph, Text } from "@/components/ui/typography";
+import { BlockStack } from "@/components/ui/layout";
 import { APP_ROUTES } from "@/routes/router";
-import { CurrentPerformance } from "@/routes/tangent/components/detail/CurrentPerformance";
-import { ResultsSection } from "@/routes/tangent/components/detail/ResultsSection";
-import { ScenarioSection } from "@/routes/tangent/components/detail/ScenarioSection";
-import { TangentAnalysis } from "@/routes/tangent/components/detail/TangentAnalysis";
-import { OpportunityScoreRing } from "@/routes/tangent/components/OpportunityScoreRing";
-import { RunStatusIndicator } from "@/routes/tangent/components/RunStatusIndicator";
-import { ScenarioStatusBadge } from "@/routes/tangent/components/ScenarioStatusBadge";
-import { useTangentPipeline } from "@/routes/tangent/hooks/useTangentPipeline";
-import { getCreatorHandle } from "@/routes/tangent/labels";
+import { MlExperimentPlannerContent } from "@/routes/v2/shared/components/MlExperimentPlanner/MlExperimentPlannerContent";
 
 export function TangentProjectDetailView() {
   const { runId = "" } = useParams({ strict: false });
-  const { data: pipeline, isPending, isError } = useTangentPipeline(runId);
-
-  const backLink = (
-    <Link
-      to={APP_ROUTES.TANGENT}
-      className="text-sm text-muted-foreground hover:text-foreground inline-flex items-center gap-1"
-    >
-      ← All projects
-    </Link>
-  );
-
-  if (isPending) {
-    return (
-      <BlockStack gap="4">
-        {backLink}
-        <InlineStack gap="2" blockAlign="center">
-          <Spinner size={18} />
-          <Text size="sm" tone="subdued">
-            Loading…
-          </Text>
-        </InlineStack>
-      </BlockStack>
-    );
-  }
-
-  if (isError || !pipeline) {
-    return (
-      <BlockStack gap="4">
-        {backLink}
-        <Paragraph size="sm" tone="critical">
-          ⚠️ Could not load this pipeline
-        </Paragraph>
-      </BlockStack>
-    );
-  }
-
-  const creator = getCreatorHandle(pipeline.ownerEmail);
 
   return (
-    <BlockStack gap="6">
-      <InlineStack
-        align="space-between"
-        blockAlign="center"
-        wrap="wrap"
-        gap="3"
+    <BlockStack gap="4" fill>
+      <Link
+        to={APP_ROUTES.TANGENT}
+        className="text-sm text-muted-foreground hover:text-foreground inline-flex items-center gap-1 shrink-0"
       >
-        {backLink}
-        <InlineStack gap="3" blockAlign="center" wrap="wrap">
-          <RunStatusIndicator status={pipeline.runStatus} />
-          <Text size="sm" font="mono" tone="subdued">
-            Run {pipeline.runId}
-          </Text>
-          {pipeline.oasisUrl && (
-            <a
-              href={pipeline.oasisUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-sm text-muted-foreground hover:text-foreground inline-flex items-center gap-1"
-            >
-              View in Oasis
-              <Icon name="ExternalLink" size="xs" />
-            </a>
-          )}
-        </InlineStack>
-      </InlineStack>
-
-      <InlineStack align="space-between" blockAlign="start" wrap="wrap" gap="4">
-        <BlockStack gap="2" className="min-w-0 flex-1">
-          <InlineStack gap="3" blockAlign="center" wrap="wrap">
-            <Heading level={1}>{pipeline.name}</Heading>
-            <ScenarioStatusBadge status={pipeline.scenarioStatus} />
-          </InlineStack>
-          <Text size="sm" tone="subdued">
-            {pipeline.metricName ? `${pipeline.metricName} · ` : ""}
-            {pipeline.baselineValue !== undefined
-              ? `Baseline: ${pipeline.baselineValue.toFixed(4)}`
-              : "No baseline set"}
-            {creator ? ` · ${creator}` : ""}
-          </Text>
-        </BlockStack>
-        {pipeline.analyzing ? (
-          <Spinner size={28} />
-        ) : (
-          <OpportunityScoreRing score={pipeline.opportunityScore} showLabel />
-        )}
-      </InlineStack>
-
-      <CurrentPerformance pipeline={pipeline} />
-
-      <TangentAnalysis pipeline={pipeline} />
-
-      {pipeline.scenarioStatus === "results_available" && pipeline.results && (
-        <ResultsSection results={pipeline.results} />
-      )}
-
-      <ScenarioSection ideas={pipeline.ideas} />
+        ← All projects
+      </Link>
+      <div className="flex-1 min-h-0">
+        <MlExperimentPlannerContent runId={runId} />
+      </div>
     </BlockStack>
   );
 }
diff --git a/src/routes/tangent/components/IdeaTypeChip.tsx b/src/routes/tangent/components/IdeaTypeChip.tsx
deleted file mode 100644
index 6382f700d..000000000
--- a/src/routes/tangent/components/IdeaTypeChip.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import { IDEA_TYPE_LABELS } from "@/routes/tangent/labels";
-import type { IdeaType } from "@/routes/tangent/types";
-
-interface IdeaTypeChipProps {
-  type: IdeaType;
-}
-
-export function IdeaTypeChip({ type }: IdeaTypeChipProps) {
-  return (
-    <Badge variant="outline" shape="rounded" size="sm">
-      {IDEA_TYPE_LABELS[type]}
-    </Badge>
-  );
-}
diff --git a/src/routes/tangent/components/detail/CurrentPerformance.tsx b/src/routes/tangent/components/detail/CurrentPerformance.tsx
deleted file mode 100644
index 08916bd60..000000000
--- a/src/routes/tangent/components/detail/CurrentPerformance.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { BlockStack, InlineStack } from "@/components/ui/layout";
-import { Text } from "@/components/ui/typography";
-import { cn } from "@/lib/utils";
-import type { TangentPipeline } from "@/routes/tangent/types";
-
-interface CurrentPerformanceProps {
-  pipeline: TangentPipeline;
-}
-
-function PerformanceBox({
-  label,
-  children,
-}: {
-  label: string;
-  children: React.ReactNode;
-}) {
-  return (
-    <BlockStack
-      gap="1"
-      className="flex-1 rounded-lg border border-border bg-background p-4"
-    >
-      <Text size="xs" tone="subdued">
-        {label}
-      </Text>
-      {children}
-    </BlockStack>
-  );
-}
-
-export function CurrentPerformance({ pipeline }: CurrentPerformanceProps) {
-  const hasMetric =
-    pipeline.metricName !== undefined && pipeline.metricValue !== undefined;
-  if (!pipeline.metricName) return null;
-
-  const deltaPct = pipeline.metricDeltaPct;
-
-  return (
-    <InlineStack gap="4" wrap="wrap" className="w-full">
-      <PerformanceBox label={`${pipeline.metricName} (current)`}>
-        {hasMetric ? (
-          <InlineStack gap="2" blockAlign="baseline" wrap="wrap">
-            <Text size="lg" weight="bold">
-              {pipeline.metricValue?.toFixed(4)}
-            </Text>
-            {deltaPct !== undefined && (
-              <Text
-                size="sm"
-                weight="semibold"
-                className={cn(
-                  deltaPct >= 0
-                    ? "text-emerald-600 dark:text-emerald-400"
-                    : "text-destructive",
-                )}
-              >
-                {deltaPct >= 0 ? "+" : ""}
-                {deltaPct.toFixed(1)}% vs baseline
-              </Text>
-            )}
-          </InlineStack>
-        ) : (
-          <Text size="sm" tone="subdued">
-            last run had no result
-          </Text>
-        )}
-      </PerformanceBox>
-
-      <PerformanceBox label="Baseline">
-        <Text size="lg" weight="bold">
-          {pipeline.baselineValue !== undefined
-            ? pipeline.baselineValue.toFixed(4)
-            : "—"}
-        </Text>
-      </PerformanceBox>
-
-      <PerformanceBox label="Opportunity Score">
-        <Text size="lg" weight="bold">
-          {pipeline.opportunityScore !== null
-            ? `${pipeline.opportunityScore}/100`
-            : "Not scored"}
-        </Text>
-      </PerformanceBox>
-    </InlineStack>
-  );
-}
diff --git a/src/routes/tangent/components/detail/IdeaCard.tsx b/src/routes/tangent/components/detail/IdeaCard.tsx
deleted file mode 100644
index 240d881b8..000000000
--- a/src/routes/tangent/components/detail/IdeaCard.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { BlockStack, InlineStack } from "@/components/ui/layout";
-import { Spinner } from "@/components/ui/spinner";
-import { Text } from "@/components/ui/typography";
-import useToastNotification from "@/hooks/useToastNotification";
-import { IdeaTypeChip } from "@/routes/tangent/components/IdeaTypeChip";
-import type { ExperimentIdea } from "@/routes/tangent/types";
-import { formatRelativeTime } from "@/utils/date";
-
-interface IdeaCardProps {
-  idea: ExperimentIdea;
-}
-
-const STUB_MESSAGE =
-  "This action is not wired up in the Phase 1 prototype yet.";
-
-function BuildStatePill({ idea }: { idea: ExperimentIdea }) {
-  if (idea.buildState === "building") {
-    return (
-      <InlineStack gap="1" blockAlign="center" wrap="nowrap">
-        <Spinner size={12} />
-        <Badge variant="default" shape="rounded" size="sm">
-          Building
-        </Badge>
-      </InlineStack>
-    );
-  }
-  if (idea.buildState === "built") {
-    return (
-      <Badge variant="default" shape="rounded" size="sm">
-        ✓ Built
-      </Badge>
-    );
-  }
-  if (idea.buildState === "failed") {
-    return (
-      <Badge variant="destructive" shape="rounded" size="sm">
-        ⚠ Failed
-      </Badge>
-    );
-  }
-  return null;
-}
-
-function IdeaActions({ idea }: { idea: ExperimentIdea }) {
-  const notify = useToastNotification();
-  const stub = () => notify(STUB_MESSAGE, "info");
-
-  if (idea.buildState === "built") {
-    return (
-      <InlineStack gap="2" wrap="wrap">
-        <Button size="xs" variant="outline" onClick={stub}>
-          View YAML
-        </Button>
-        <Button size="xs" variant="outline" onClick={stub}>
-          ↗ Send to River
-        </Button>
-        <Button size="xs" variant="ghost" onClick={stub}>
-          ↻ Rebuild
-        </Button>
-      </InlineStack>
-    );
-  }
-  if (idea.buildState === "unbuilt") {
-    return idea.source === "tangent" ? (
-      <Button size="xs" variant="outline" onClick={stub}>
-        ⚡ Auto build
-      </Button>
-    ) : (
-      <Button size="xs" variant="outline" onClick={stub}>
-        ▶ Run
-      </Button>
-    );
-  }
-  if (idea.buildState === "failed") {
-    return (
-      <Button size="xs" variant="outline" onClick={stub}>
-        ↻ Retry
-      </Button>
-    );
-  }
-  return null;
-}
-
-function IdeaVotes({ idea }: { idea: ExperimentIdea }) {
-  const notify = useToastNotification();
-  if (idea.source !== "tangent") return null;
-  const stub = () => notify(STUB_MESSAGE, "info");
-  return (
-    <InlineStack gap="2" wrap="nowrap">
-      <Button size="xs" variant="ghost" onClick={stub}>
-        👍 {idea.upvotes ? idea.upvotes : ""}
-      </Button>
-      <Button size="xs" variant="ghost" onClick={stub}>
-        👎 {idea.downvotes ? idea.downvotes : ""}
-      </Button>
-    </InlineStack>
-  );
-}
-
-export function IdeaCard({ idea }: IdeaCardProps) {
-  return (
-    <BlockStack
-      gap="3"
-      className="rounded-lg border border-border bg-background p-4"
-    >
-      <InlineStack gap="3" blockAlign="start" align="space-between" wrap="wrap">
-        <BlockStack gap="2" className="min-w-0 flex-1">
-          <InlineStack gap="2" blockAlign="center" wrap="wrap">
-            <Badge
-              variant={idea.source === "tangent" ? "secondary" : "outline"}
-              shape="rounded"
-              size="sm"
-            >
-              {idea.source === "tangent" ? "Tangent" : "Human"}
-            </Badge>
-            <IdeaTypeChip type={idea.type} />
-            {idea.impact && (
-              <Text size="xs" tone="subdued">
-                Impact: {idea.impact}
-              </Text>
-            )}
-            <BuildStatePill idea={idea} />
-          </InlineStack>
-          <Text size="sm" weight="semibold">
-            {idea.title}
-          </Text>
-          <Text size="sm" tone="subdued">
-            {idea.evidence}
-          </Text>
-          {idea.author && (
-            <Text size="xs" tone="subdued">
-              by {idea.author}
-            </Text>
-          )}
-          {idea.buildState === "built" && idea.builtBy && (
-            <InlineStack gap="2" blockAlign="center" wrap="wrap">
-              <Text
-                size="xs"
-                className="text-emerald-600 dark:text-emerald-400"
-              >
-                ✓ Built by {idea.builtBy}
-                {idea.builtAt
-                  ? ` · ${formatRelativeTime(new Date(idea.builtAt))}`
-                  : ""}
-              </Text>
-              {idea.unverifiedCount ? (
-                <Text size="xs" tone="critical">
-                  {idea.unverifiedCount} UNVERIFIED
-                </Text>
-              ) : null}
-            </InlineStack>
-          )}
-        </BlockStack>
-        <IdeaVotes idea={idea} />
-      </InlineStack>
-      <IdeaActions idea={idea} />
-    </BlockStack>
-  );
-}
diff --git a/src/routes/tangent/components/detail/ResultsSection.tsx b/src/routes/tangent/components/detail/ResultsSection.tsx
deleted file mode 100644
index 9ff27ebe7..000000000
--- a/src/routes/tangent/components/detail/ResultsSection.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { BlockStack, InlineStack } from "@/components/ui/layout";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-import { Heading, Paragraph, Text } from "@/components/ui/typography";
-import type { ResultsCase, TangentResults } from "@/routes/tangent/types";
-
-interface ResultsSectionProps {
-  results: TangentResults;
-}
-
-function CaseTable({ title, cases }: { title: string; cases: ResultsCase[] }) {
-  return (
-    <BlockStack gap="2" className="flex-1">
-      <Text size="sm" weight="semibold">
-        {title}
-      </Text>
-      <Table>
-        <TableHeader>
-          <TableRow>
-            <TableHead>Example</TableHead>
-            <TableHead>Baseline</TableHead>
-            <TableHead>Best</TableHead>
-            <TableHead>Δ</TableHead>
-          </TableRow>
-        </TableHeader>
-        <TableBody>
-          {cases.map((row) => (
-            <TableRow key={row.example}>
-              <TableCell>{row.example}</TableCell>
-              <TableCell>{row.baseline}</TableCell>
-              <TableCell>{row.best}</TableCell>
-              <TableCell>{row.delta}</TableCell>
-            </TableRow>
-          ))}
-        </TableBody>
-      </Table>
-    </BlockStack>
-  );
-}
-
-export function ResultsSection({ results }: ResultsSectionProps) {
-  return (
-    <BlockStack gap="3">
-      <Heading level={2}>Previous Tangent Results</Heading>
-      <Paragraph
-        size="sm"
-        className="rounded-lg border border-emerald-500/30 bg-emerald-500/10 p-3"
-      >
-        ✓ Optimization complete — {results.metricDelta}
-      </Paragraph>
-
-      <InlineStack gap="6" wrap="wrap">
-        <BlockStack gap="1">
-          <Text size="xs" tone="subdued">
-            Best delta
-          </Text>
-          <Text size="sm" weight="semibold">
-            {results.bestDelta}
-          </Text>
-        </BlockStack>
-        <BlockStack gap="1">
-          <Text size="xs" tone="subdued">
-            Best run
-          </Text>
-          <Text size="sm" font="mono">
-            {results.bestRunId}
-          </Text>
-        </BlockStack>
-      </InlineStack>
-
-      <BlockStack gap="1">
-        <Text size="xs" tone="subdued">
-          Config changes
-        </Text>
-        <pre className="overflow-x-auto rounded-md border border-border bg-muted/40 p-3 text-xs font-mono whitespace-pre">
-          {results.configChanges}
-        </pre>
-      </BlockStack>
-
-      <InlineStack gap="6" wrap="wrap" blockAlign="start">
-        <CaseTable title="Top winning cases" cases={results.topWinningCases} />
-        <CaseTable title="Top losing cases" cases={results.topLosingCases} />
-      </InlineStack>
-    </BlockStack>
-  );
-}
diff --git a/src/routes/tangent/components/detail/ScenarioSection.tsx b/src/routes/tangent/components/detail/ScenarioSection.tsx
deleted file mode 100644
index 43bbf87eb..000000000
--- a/src/routes/tangent/components/detail/ScenarioSection.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { BlockStack, InlineStack } from "@/components/ui/layout";
-import { Heading, Paragraph, Text } from "@/components/ui/typography";
-import useToastNotification from "@/hooks/useToastNotification";
-import { IdeaCard } from "@/routes/tangent/components/detail/IdeaCard";
-import type { ExperimentIdea } from "@/routes/tangent/types";
-
-interface ScenarioSectionProps {
-  ideas: ExperimentIdea[];
-}
-
-function builtCount(ideas: ExperimentIdea[]): number {
-  return ideas.filter((idea) => idea.buildState === "built").length;
-}
-
-function IdeaSubsection({
-  title,
-  ideas,
-  emptyMessage,
-}: {
-  title: string;
-  ideas: ExperimentIdea[];
-  emptyMessage: string;
-}) {
-  return (
-    <BlockStack gap="2">
-      <Text size="sm" weight="semibold">
-        {title} ({builtCount(ideas)}/{ideas.length} built)
-      </Text>
-      {ideas.length === 0 ? (
-        <Paragraph size="sm" tone="subdued">
-          {emptyMessage}
-        </Paragraph>
-      ) : (
-        <BlockStack gap="2">
-          {ideas
-            .slice()
-            .sort((a, b) => a.rank - b.rank)
-            .map((idea) => (
-              <IdeaCard key={idea.id} idea={idea} />
-            ))}
-        </BlockStack>
-      )}
-    </BlockStack>
-  );
-}
-
-export function ScenarioSection({ ideas }: ScenarioSectionProps) {
-  const notify = useToastNotification();
-  const tangentIdeas = ideas.filter((idea) => idea.source === "tangent");
-  const humanIdeas = ideas.filter((idea) => idea.source === "human");
-
-  return (
-    <BlockStack gap="4">
-      <InlineStack
-        align="space-between"
-        blockAlign="center"
-        wrap="wrap"
-        gap="3"
-      >
-        <Heading level={2}>Scenarios</Heading>
-        <Button
-          size="sm"
-          variant="outline"
-          onClick={() =>
-            notify(
-              "Creating scenarios is not wired up in the Phase 1 prototype yet.",
-              "info",
-            )
-          }
-        >
-          + New Scenario
-        </Button>
-      </InlineStack>
-      <Paragraph size="sm" tone="subdued">
-        Each scenario starts as an idea. Click ⚡ Auto build on a Tangent idea
-        to generate scenario.yaml + MEMORY.md in the background.
-      </Paragraph>
-
-      <IdeaSubsection
-        title="Tangent recommended"
-        ideas={tangentIdeas}
-        emptyMessage="No Tangent-generated ideas yet — click Re-analyze in the top nav."
-      />
-      <IdeaSubsection
-        title="Human recommended"
-        ideas={humanIdeas}
-        emptyMessage="Be the first — click + New Scenario above."
-      />
-    </BlockStack>
-  );
-}
diff --git a/src/routes/tangent/components/detail/TangentAnalysis.tsx b/src/routes/tangent/components/detail/TangentAnalysis.tsx
deleted file mode 100644
index 637764dfc..000000000
--- a/src/routes/tangent/components/detail/TangentAnalysis.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { BlockStack } from "@/components/ui/layout";
-import { Heading, Paragraph } from "@/components/ui/typography";
-import type { TangentPipeline } from "@/routes/tangent/types";
-
-interface TangentAnalysisProps {
-  pipeline: TangentPipeline;
-}
-
-export function TangentAnalysis({ pipeline }: TangentAnalysisProps) {
-  return (
-    <BlockStack gap="3">
-      <Heading level={2}>Tangent Analysis</Heading>
-      {pipeline.analyzing ? (
-        <Paragraph size="sm" tone="subdued">
-          ◎ Analyzing pipeline with Claude — this takes a few seconds…
-        </Paragraph>
-      ) : pipeline.summary ? (
-        <BlockStack gap="2">
-          {pipeline.summary.split("\n\n").map((paragraph, index) => (
-            <Paragraph key={index} size="sm">
-              {paragraph}
-            </Paragraph>
-          ))}
-        </BlockStack>
-      ) : (
-        <Paragraph size="sm" tone="subdued">
-          No analysis yet. Click Re-analyze in the top nav to have the Tangent
-          Researcher evaluate this pipeline.
-        </Paragraph>
-      )}
-    </BlockStack>
-  );
-}
diff --git a/src/routes/tangent/hooks/useScenarioRunIds.ts b/src/routes/tangent/hooks/useScenarioRunIds.ts
new file mode 100644
index 000000000..22caf1b31
--- /dev/null
+++ b/src/routes/tangent/hooks/useScenarioRunIds.ts
@@ -0,0 +1,33 @@
+import { useLiveQuery } from "dexie-react-hooks";
+
+import { type ScenarioEntry, tangentDb } from "@/routes/tangent/idb/tangentDb";
+
+/**
+ * Reactively reads saved experiment scenarios grouped by run id, keeping the
+ * highest-scoring scenario as the representative for each run. Used to drive
+ * the dashboard, which lists every run that has at least one scenario.
+ */
+export function useScenarioRunIds(): {
+  runIds: Set<string>;
+  representativeByRun: Map<string, ScenarioEntry>;
+  isLoading: boolean;
+} {
+  const representativeByRun = useLiveQuery(async () => {
+    const rows = await tangentDb.scenarios.toArray();
+    const byRun = new Map<string, ScenarioEntry>();
+    for (const row of rows) {
+      const current = byRun.get(row.run.runId);
+      if (!current || row.score > current.score) {
+        byRun.set(row.run.runId, row);
+      }
+    }
+    return byRun;
+  }, []);
+
+  return {
+    runIds: new Set(representativeByRun?.keys() ?? []),
+    representativeByRun:
+      representativeByRun ?? new Map<string, ScenarioEntry>(),
+    isLoading: representativeByRun === undefined,
+  };
+}
diff --git a/src/routes/tangent/hooks/useTangentPipeline.ts b/src/routes/tangent/hooks/useTangentPipeline.ts
deleted file mode 100644
index 2523f66ab..000000000
--- a/src/routes/tangent/hooks/useTangentPipeline.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { fetchTangentPipeline } from "@/routes/tangent/services/tangentApi";
-import { TangentQueryKeys } from "@/routes/tangent/types";
-import { MINUTES } from "@/utils/constants";
-
-export function useTangentPipeline(runId: string) {
-  return useQuery({
-    queryKey: TangentQueryKeys.Pipeline(runId),
-    queryFn: () => fetchTangentPipeline(runId),
-    enabled: runId.length > 0,
-    staleTime: 5 * MINUTES,
-    refetchOnWindowFocus: false,
-  });
-}
diff --git a/src/routes/tangent/labels.ts b/src/routes/tangent/labels.ts
index 269fe8ca6..ecc8c7313 100644
--- a/src/routes/tangent/labels.ts
+++ b/src/routes/tangent/labels.ts
@@ -1,17 +1,9 @@
 import type {
-  IdeaType,
   PipelineFilter,
   RunStatus,
   ScenarioStatus,
 } from "@/routes/tangent/types";
 
-export const IDEA_TYPE_LABELS: Record<IdeaType, string> = {
-  feature_engineering: "Feature Engineering",
-  hyper_parameter_optimization: "Hyper Parameter Optimization",
-  input_data: "Input Data",
-  model_architecture: "Model Architecture",
-};
-
 export const RUN_STATUS_LABELS: Record<RunStatus, string> = {
   succeeded: "Succeeded",
   failed: "Failed",
@@ -29,14 +21,12 @@ export const SCENARIO_STATUS_LABELS: Record<ScenarioStatus, string> = {
 export const PIPELINE_FILTER_LABELS: Record<PipelineFilter, string> = {
   all: "All",
   my_pipelines: "My pipelines",
-  no_scenario: "No scenario",
   has_results: "Has results",
 };
 
 export const PIPELINE_FILTERS: PipelineFilter[] = [
   "all",
   "my_pipelines",
-  "no_scenario",
   "has_results",
 ];
 
diff --git a/src/routes/tangent/services/autoresearchOpencode.ts b/src/routes/tangent/services/autoresearchOpencode.ts
index a36f7ed69..aa7a9f839 100644
--- a/src/routes/tangent/services/autoresearchOpencode.ts
+++ b/src/routes/tangent/services/autoresearchOpencode.ts
@@ -275,7 +275,9 @@ function extractErrorMessage(error: unknown): string | undefined {
 }
 
 /** Pull the narration / running tool / completion state from message parts. */
-function parseAssistantMessage(message: unknown): ParsedAssistantMessage | null {
+function parseAssistantMessage(
+  message: unknown,
+): ParsedAssistantMessage | null {
   if (!isRecord(message)) return null;
   const { info, parts } = message;
   if (!isRecord(info) || info.role !== "assistant") return null;
diff --git a/src/routes/tangent/services/tangentApi.ts b/src/routes/tangent/services/tangentApi.ts
index 980fd88b7..368120dad 100644
--- a/src/routes/tangent/services/tangentApi.ts
+++ b/src/routes/tangent/services/tangentApi.ts
@@ -30,11 +30,6 @@ export const fetchTangentStats = (): Promise<TeamStats> =>
 export const fetchTangentPipelines = (): Promise<TangentPipeline[]> =>
   delay(clone(MOCK_PIPELINES));
 
-export const fetchTangentPipeline = (
-  runId: string,
-): Promise<TangentPipeline | undefined> =>
-  delay(clone(MOCK_PIPELINES.find((pipeline) => pipeline.runId === runId)));
-
 /**
  * Stubbed re-analyze trigger. In Phase 1 this is a no-op that resolves after a
  * simulated delay so the UI can show a queued/refresh affordance.
diff --git a/src/routes/tangent/types.ts b/src/routes/tangent/types.ts
index 65e840390..c825f1d00 100644
--- a/src/routes/tangent/types.ts
+++ b/src/routes/tangent/types.ts
@@ -16,7 +16,7 @@ export type ScenarioStatus =
   | "tangent_running"
   | "results_available";
 
-export type IdeaType =
+type IdeaType =
   | "feature_engineering"
   | "hyper_parameter_optimization"
   | "input_data"
@@ -48,14 +48,14 @@ export interface ExperimentIdea {
   downvotes?: number;
 }
 
-export interface ResultsCase {
+interface ResultsCase {
   example: string;
   baseline: string;
   best: string;
   delta: string;
 }
 
-export interface TangentResults {
+interface TangentResults {
   metricDelta: string;
   bestDelta: string;
   bestRunId: string;
@@ -102,11 +102,7 @@ export interface TeamStats {
   withResults: number | null;
 }
 
-export type PipelineFilter =
-  | "all"
-  | "my_pipelines"
-  | "no_scenario"
-  | "has_results";
+export type PipelineFilter = "all" | "my_pipelines" | "has_results";
 
 export const TangentQueryKeys = {
   All: () => ["tangent"] as const,
diff --git a/src/routes/v2/shared/components/MlExperimentPlanner/MlExperimentPlannerContent.tsx b/src/routes/v2/shared/components/MlExperimentPlanner/MlExperimentPlannerContent.tsx
index e065fbb60..b05b847c1 100644
--- a/src/routes/v2/shared/components/MlExperimentPlanner/MlExperimentPlannerContent.tsx
+++ b/src/routes/v2/shared/components/MlExperimentPlanner/MlExperimentPlannerContent.tsx
@@ -103,8 +103,11 @@ function ScenarioRow({
   onRunResearch,
   isResearchPending,
 }: ScenarioRowProps) {
-  const { data: progress, isLoading: isProgressLoading, isError } =
-    useResearchProgress(scenario.research);
+  const {
+    data: progress,
+    isLoading: isProgressLoading,
+    isError,
+  } = useResearchProgress(scenario.research);
 
   return (
     <TableRow className="cursor-pointer" onClick={onSelect}>
@@ -176,8 +179,11 @@ function ScenarioDetail({
   onRunResearch,
   isResearchPending,
 }: ScenarioDetailProps) {
-  const { data: progress, isLoading: isProgressLoading, isError } =
-    useResearchProgress(scenario.research);
+  const {
+    data: progress,
+    isLoading: isProgressLoading,
+    isError,
+  } = useResearchProgress(scenario.research);
 
   return (
     <BlockStack gap="3" fill className="p-3" inlineAlign="start">
diff --git a/src/routes/v2/shared/components/MlExperimentPlanner/components/ResearchProgressView.tsx b/src/routes/v2/shared/components/MlExperimentPlanner/components/ResearchProgressView.tsx
index c718300bb..7b4315d7d 100644
--- a/src/routes/v2/shared/components/MlExperimentPlanner/components/ResearchProgressView.tsx
+++ b/src/routes/v2/shared/components/MlExperimentPlanner/components/ResearchProgressView.tsx
@@ -123,7 +123,11 @@ export function ResearchProgressView({
       {progress.todos.length > 0 && (
         <BlockStack gap="1">
           {progress.todos.map((todo) => (
-            <TodoItem key={todo.id} content={todo.content} status={todo.status} />
+            <TodoItem
+              key={todo.id}
+              content={todo.content}
+              status={todo.status}
+            />
           ))}
         </BlockStack>
       )}