@elizaos/plugin-training 2.0.3-beta.5 → 2.0.3-beta.7

package/dist/ui/FineTuningView.js

@@ -0,0 +1,4653 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { client } from "@elizaos/ui/api";
+import {
+  Button,
+  registerDetailExtension
+} from "@elizaos/ui/components";
+import { useIntervalWhenDocumentVisible } from "@elizaos/ui/hooks";
+import { ContentLayout } from "@elizaos/ui/layouts";
+import { useAppSelector } from "@elizaos/ui/state";
+import {
+  confirmDesktopAction,
+  openExternalUrl,
+  parsePositiveFloat,
+  parsePositiveInteger
+} from "@elizaos/ui/utils";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import {
+  ELIZA_ONE_BENCHMARK_TIER_LIST,
+  ELIZA_ONE_BENCHMARK_TIERS
+} from "../core/eliza1-benchmark-recipe.js";
+import { asArray, parseCollectionTierList } from "./FineTuningView.helpers";
+import { interact } from "./FineTuningView.interact";
+import {
+  asTrainingEvent,
+  FINE_TUNING_ACTION_CLASS,
+  FINE_TUNING_PANEL_CLASS,
+  FINE_TUNING_SECTION_CLASS,
+  FINE_TUNING_SECTION_HEADER_CLASS,
+  FINE_TUNING_STATUS_CARD_CLASS
+} from "./fine-tuning-panels.helpers";
+import {
+  DatasetSection,
+  LiveEventsPanel,
+  TrainedModelsSection,
+  TrainingJobsSection,
+  TrajectoriesSection
+} from "./fine-tuning-panels.js";
+const FINE_TUNING_DETAIL_PANEL_ID = "plugin-dash-fine-tuning";
+const DEFAULT_ELIZA1_HF_DATASET_FILES = ELIZA_ONE_BENCHMARK_TIERS.flatMap(
+  (tier) => [
+    "train.jsonl",
+    "val.jsonl",
+    "test.jsonl",
+    "manifest.json",
+    "validation.json"
+  ].map((file) => `sft/${tier}/${file}`)
+);
+function localViewerUrl(path) {
+  if (/^[a-z][a-z0-9+.-]*:\/\//i.test(path)) return path;
+  return encodeURI(`file://${path}`);
+}
+function recordValue(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+}
+function stringSummaryValue(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : void 0;
+}
+function numberSummaryValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function formatModelInventorySummary(modelInventory) {
+  if (!modelInventory?.length) return "";
+  const tiers = [
+    ...new Set(
+      modelInventory.map((model) => model.tier).filter((tier) => Boolean(tier))
+    )
+  ];
+  const base = modelInventory.filter(
+    (model) => model.variant === "base"
+  ).length;
+  const trained = modelInventory.filter(
+    (model) => model.variant === "trained"
+  ).length;
+  const parts = [];
+  if (base || trained) parts.push(`base:${base} trained:${trained}`);
+  if (tiers.length) parts.push(`tiers:${tiers.join(",")}`);
+  return parts.length ? ` ${parts.join(" ")}` : "";
+}
+function nullableStringValue(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function nullableNumberValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function formatNullableMetric(value, suffix = "") {
+  const numberValue = nullableNumberValue(value);
+  return numberValue === null ? "n/a" : `${numberValue}${suffix}`;
+}
+function compactDisplayValue(value) {
+  const raw = typeof value === "string" ? value : value === null || value === void 0 ? "" : JSON.stringify(value);
+  return raw.length > 160 ? `${raw.slice(0, 157)}...` : raw;
+}
+function formatEvalComparisonSummary(result) {
+  const artifact = recordValue(result.artifact);
+  if (!Object.keys(artifact).length) return null;
+  const models = recordValue(artifact.models);
+  const metrics = recordValue(artifact.metrics);
+  const base = nullableStringValue(models.base) ?? "base";
+  const trained = nullableStringValue(models.trained) ?? "trained";
+  const backend = nullableStringValue(models.backend) ?? "n/a";
+  return `${base} -> ${trained} backend:${backend} base:${formatNullableMetric(
+    metrics.baseScore
+  )} trained:${formatNullableMetric(
+    metrics.trainedScore
+  )} improvement:${formatNullableMetric(
+    metrics.improvementPercent,
+    "%"
+  )} delta:${formatNullableMetric(
+    metrics.improvementAbsolute
+  )} prompts:${formatNullableMetric(metrics.promptCount)} latency:${formatNullableMetric(
+    metrics.baseLatencyMs,
+    "ms"
+  )}->${formatNullableMetric(metrics.trainedLatencyMs, "ms")}`;
+}
+function summarizeAnalysisCoverage(analysisIndex) {
+  if (!analysisIndex) return null;
+  const artifacts = asArray(analysisIndex.manifest.artifacts);
+  const manifestCoverage = recordValue(
+    analysisIndex.manifest.coverage
+  );
+  if (Object.keys(manifestCoverage).length > 0) {
+    const dataSources2 = recordValue(manifestCoverage.dataSources);
+    const readableSamples2 = recordValue(manifestCoverage.readableSamples);
+    const evals = recordValue(manifestCoverage.evals);
+    const benchmarks = recordValue(manifestCoverage.benchmarks);
+    const models = recordValue(manifestCoverage.models);
+    const inventory = Array.isArray(models.inventory) ? models.inventory.map(recordValue) : [];
+    const benchmarkTierCoverage = Array.isArray(benchmarks.tierCoverage) ? benchmarks.tierCoverage.map(recordValue).map((tier) => ({
+      tier: nullableStringValue(tier.tier) ?? "unknown",
+      hasBase: tier.hasBase === true,
+      hasTrained: tier.hasTrained === true,
+      hasReference: tier.hasReference === true,
+      hasImprovement: tier.hasImprovement === true
+    })) : [];
+    const benchmarkComparisons2 = artifacts.filter((artifact) => artifact.kind === "benchmark_matrix").flatMap((artifact) => {
+      const payload = recordValue(artifact.payload);
+      return Array.isArray(payload.comparisons) ? payload.comparisons.map(recordValue) : [];
+    }).map((comparison) => ({
+      tier: nullableStringValue(comparison.tier),
+      benchmark: nullableStringValue(comparison.benchmark),
+      baseScore: nullableNumberValue(comparison.baseScore),
+      trainedScore: nullableNumberValue(comparison.trainedScore),
+      referenceScore: nullableNumberValue(comparison.referenceScore),
+      improvementPercent: nullableNumberValue(comparison.improvementPercent),
+      trainedVsReferencePercent: nullableNumberValue(
+        comparison.trainedVsReferencePercent
+      )
+    }));
+    return {
+      dataSources: {
+        huggingFace: numberSummaryValue(dataSources2.huggingFace) ?? 0,
+        feed: numberSummaryValue(dataSources2.feed) ?? 0,
+        natural: numberSummaryValue(dataSources2.natural) ?? 0,
+        scenarios: numberSummaryValue(dataSources2.scenarios) ?? 0,
+        tests: numberSummaryValue(dataSources2.tests) ?? 0,
+        trainingJsonl: numberSummaryValue(dataSources2.trainingJsonl) ?? 0
+      },
+      readableSamples: {
+        huggingFace: numberSummaryValue(readableSamples2.huggingFace) ?? 0,
+        feed: numberSummaryValue(readableSamples2.feed) ?? 0,
+        natural: numberSummaryValue(readableSamples2.natural) ?? 0,
+        scenarios: numberSummaryValue(readableSamples2.scenarios) ?? 0,
+        tests: numberSummaryValue(readableSamples2.tests) ?? 0,
+        trainingJsonl: numberSummaryValue(readableSamples2.trainingJsonl) ?? 0,
+        total: numberSummaryValue(readableSamples2.total) ?? 0
+      },
+      evals: numberSummaryValue(evals.artifacts) ?? 0,
+      benchmarkMatrices: numberSummaryValue(benchmarks.matrices) ?? 0,
+      models: numberSummaryValue(models.artifacts) ?? 0,
+      benchmarkModelStats: {
+        modelCount: inventory.length,
+        bestModelId: null,
+        bestAverageScore: null
+      },
+      allEliza1TiersCovered: benchmarks.allEliza1TiersCovered === true,
+      benchmarkTierCoverage,
+      benchmarkComparisons: benchmarkComparisons2
+    };
+  }
+  const summaryFor = (artifact) => recordValue(artifact.summary);
+  const schemaOf = (artifact) => stringSummaryValue(summaryFor(artifact).schema);
+  const sourceKindOf = (artifact) => stringSummaryValue(recordValue(summaryFor(artifact).source).kind);
+  const sourceLabelOf = (artifact) => {
+    const source = summaryFor(artifact).source;
+    return stringSummaryValue(source) ?? stringSummaryValue(recordValue(source).kind);
+  };
+  const isNaturalTrajectoryBundle = (artifact) => artifact.kind === "trajectory_bundle" && sourceLabelOf(artifact) === "training_collection_natural_trajectories";
+  const isTestTrajectoryDataset = (artifact) => artifact.kind === "trajectory_dataset" && sourceKindOf(artifact) === "app_core_test_trajectory";
+  const sampleCount = (artifact, keys) => keys.reduce((count, key) => {
+    const samples = summaryFor(artifact)[key];
+    return count + (Array.isArray(samples) ? samples.length : 0);
+  }, 0);
+  const sampleCountFor = (predicate, keys) => artifacts.filter(predicate).reduce((count, artifact) => count + sampleCount(artifact, keys), 0);
+  const modelStats = artifacts.flatMap((artifact) => {
+    const summary = summaryFor(artifact);
+    return Array.isArray(summary.modelStats) ? summary.modelStats.map(recordValue) : [];
+  });
+  const scoredModels = modelStats.map((stat) => ({
+    modelId: stringSummaryValue(stat.modelId),
+    averageScore: numberSummaryValue(stat.averageScore)
+  })).filter(
+    (stat) => stat.modelId !== void 0 && stat.averageScore !== void 0
+  );
+  const bestModel = scoredModels.sort(
+    (left, right) => right.averageScore - left.averageScore
+  )[0];
+  const benchmarkComparisons = artifacts.filter((artifact) => artifact.kind === "benchmark_matrix").flatMap((artifact) => {
+    const payload = recordValue(artifact.payload);
+    return Array.isArray(payload.comparisons) ? payload.comparisons.map(recordValue) : [];
+  }).map((comparison) => ({
+    tier: nullableStringValue(comparison.tier),
+    benchmark: nullableStringValue(comparison.benchmark),
+    baseScore: nullableNumberValue(comparison.baseScore),
+    trainedScore: nullableNumberValue(comparison.trainedScore),
+    referenceScore: nullableNumberValue(comparison.referenceScore),
+    improvementPercent: nullableNumberValue(comparison.improvementPercent),
+    trainedVsReferencePercent: nullableNumberValue(
+      comparison.trainedVsReferencePercent
+    )
+  }));
+  const dataSources = {
+    huggingFace: artifacts.filter(
+      (artifact) => artifact.kind === "trajectory_dataset" && (schemaOf(artifact) === "eliza_huggingface_dataset_ingest" || sourceKindOf(artifact) === "huggingface_dataset")
+    ).length,
+    feed: artifacts.filter(
+      (artifact) => artifact.kind === "trajectory_dataset" && (schemaOf(artifact) === "feed_training_trajectory_export" || schemaOf(artifact) === "feed_parallel_generation")
+    ).length,
+    natural: artifacts.filter(isNaturalTrajectoryBundle).length,
+    scenarios: artifacts.filter(
+      (artifact) => artifact.kind === "scenario_run" || schemaOf(artifact) === "eliza_scenario_native_export"
+    ).length,
+    tests: artifacts.filter(isTestTrajectoryDataset).length,
+    trainingJsonl: artifacts.filter(
+      (artifact) => schemaOf(artifact) === "eliza_training_jsonl_dataset"
+    ).length
+  };
+  const readableSamples = {
+    huggingFace: sampleCountFor(
+      (artifact) => artifact.kind === "trajectory_dataset" && schemaOf(artifact) === "eliza_huggingface_dataset_ingest",
+      ["hfSamplePreviews"]
+    ),
+    feed: sampleCountFor(
+      (artifact) => artifact.kind === "trajectory_dataset" && (schemaOf(artifact) === "feed_training_trajectory_export" || schemaOf(artifact) === "feed_parallel_generation"),
+      ["feedSamplePreviews"]
+    ),
+    natural: sampleCountFor(isNaturalTrajectoryBundle, ["samplePreviews"]),
+    scenarios: sampleCountFor(
+      (artifact) => artifact.kind === "scenario_run" || schemaOf(artifact) === "eliza_scenario_native_export",
+      ["turnPreviews", "scenarioNativeSamplePreviews"]
+    ),
+    tests: sampleCountFor(isTestTrajectoryDataset, ["testSamplePreviews"]),
+    trainingJsonl: sampleCountFor(
+      (artifact) => schemaOf(artifact) === "eliza_training_jsonl_dataset",
+      ["samplePreviews"]
+    ),
+    total: 0
+  };
+  readableSamples.total = readableSamples.huggingFace + readableSamples.feed + readableSamples.natural + readableSamples.scenarios + readableSamples.tests + readableSamples.trainingJsonl;
+  return {
+    dataSources,
+    readableSamples,
+    evals: artifacts.filter((artifact) => artifact.kind === "eval").length,
+    benchmarkMatrices: artifacts.filter(
+      (artifact) => artifact.kind === "benchmark_matrix"
+    ).length,
+    models: artifacts.filter((artifact) => artifact.kind === "model").length,
+    benchmarkModelStats: {
+      modelCount: modelStats.length,
+      bestModelId: bestModel?.modelId ?? null,
+      bestAverageScore: bestModel?.averageScore ?? null
+    },
+    allEliza1TiersCovered: false,
+    benchmarkTierCoverage: [],
+    benchmarkComparisons
+  };
+}
+const AGENT_FIELD_INPUT_CLASS = "h-10 w-full rounded-xl border border-border/60 bg-bg/50 px-3 text-sm text-txt outline-none focus:border-accent";
+function AgentInlineButton({
+  agentId,
+  label,
+  group,
+  description,
+  className,
+  variant = "outline",
+  size = "sm",
+  disabled,
+  onClick,
+  title,
+  children
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "button",
+    label,
+    group,
+    description,
+    onActivate: onClick
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className,
+      disabled,
+      onClick,
+      "aria-label": label,
+      title,
+      ...agentProps,
+      children
+    }
+  );
+}
+function AgentTextField({
+  agentId,
+  label,
+  group,
+  description,
+  className,
+  value,
+  onChange,
+  placeholder,
+  type = "text"
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: type === "number" ? "number-input" : "text-input",
+    label,
+    group,
+    description,
+    getValue: () => value,
+    onFill: onChange
+  });
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type,
+      className,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      "aria-label": label,
+      ...agentProps
+    }
+  );
+}
+function AgentTextAreaField({
+  agentId,
+  label,
+  group,
+  description,
+  className,
+  value,
+  onChange,
+  placeholder
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "textarea",
+    label,
+    group,
+    description,
+    getValue: () => value,
+    onFill: onChange
+  });
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      className,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      "aria-label": label,
+      ...agentProps
+    }
+  );
+}
+function AgentNativeSelect({
+  agentId,
+  label,
+  group,
+  description,
+  className,
+  value,
+  onChange,
+  options,
+  children
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "select",
+    label,
+    group,
+    description,
+    options,
+    getValue: () => value,
+    onFill: onChange
+  });
+  return /* @__PURE__ */ jsx(
+    "select",
+    {
+      ref,
+      className,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      "aria-label": label,
+      ...agentProps,
+      children
+    }
+  );
+}
+function AgentCheckboxField({
+  agentId,
+  label,
+  group,
+  description,
+  checked,
+  onChange
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "toggle",
+    label,
+    group,
+    description,
+    status: checked ? "active" : "inactive",
+    getValue: () => checked,
+    onActivate: () => onChange(!checked),
+    onFill: (value) => onChange(value === "true" || value === "1")
+  });
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      checked,
+      onChange: (event) => onChange(event.target.checked),
+      "aria-label": label,
+      "aria-current": checked ? "true" : void 0,
+      ...agentProps
+    }
+  );
+}
+function ReadinessCheckRow({
+  check,
+  readinessActionRunning,
+  onRunRecommendation,
+  t
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `readiness-run-${check.id}`,
+    role: "button",
+    label: `Run recommendation for ${check.label}`,
+    group: "readiness",
+    description: `Run the recommended action for the ${check.label} check`,
+    onActivate: () => {
+      if (check.recommendedAction) {
+        onRunRecommendation(check.id, check.recommendedAction);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2 pt-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "font-mono text-xs text-txt", children: [
+        check.label,
+        " \xB7 ",
+        check.status
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted", children: check.note })
+    ] }),
+    check.recommendedAction ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "break-all font-mono text-xs text-muted", children: [
+        check.recommendedAction.capability,
+        Object.keys(check.recommendedAction.params).length > 0 ? ` ${JSON.stringify(check.recommendedAction.params)}` : ""
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          variant: "outline",
+          size: "sm",
+          className: FINE_TUNING_ACTION_CLASS,
+          disabled: readinessActionRunning !== null,
+          onClick: () => {
+            if (check.recommendedAction) {
+              onRunRecommendation(check.id, check.recommendedAction);
+            }
+          },
+          ...agentProps,
+          children: readinessActionRunning === check.id ? t("finetuningview.RunningRecommendation", {
+            defaultValue: "Running"
+          }) : t("finetuningview.RunRecommendation", {
+            defaultValue: "Run recommendation"
+          })
+        }
+      )
+    ] }) : null
+  ] });
+}
+function TrainingActionButton({
+  agentId,
+  label,
+  group,
+  description,
+  disabled,
+  onClick,
+  children
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "button",
+    label,
+    group,
+    description
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "outline",
+      size: "sm",
+      className: FINE_TUNING_ACTION_CLASS,
+      disabled,
+      onClick,
+      "aria-label": label,
+      ...agentProps,
+      children
+    }
+  );
+}
+function FineTuningView({
+  contentHeader
+} = {}) {
+  const handleRestart = useAppSelector((s) => s.handleRestart);
+  const setActionNotice = useAppSelector(
+    (s) => s.setActionNotice
+  );
+  const t = useAppSelector((s) => s.t);
+  const [pageLoading, setPageLoading] = useState(true);
+  const [errorMessage, setErrorMessage] = useState(null);
+  const [status, setStatus] = useState(null);
+  const [trajectoryList, setTrajectoryList] = useState({
+    available: false,
+    total: 0,
+    trajectories: []
+  });
+  const [selectedTrajectory, setSelectedTrajectory] = useState(null);
+  const [trajectoryLoading, setTrajectoryLoading] = useState(false);
+  const [publishingTrajectories, setPublishingTrajectories] = useState(false);
+  const [publishConfigured, setPublishConfigured] = useState(true);
+  const [datasets, setDatasets] = useState([]);
+  const [jobs, setJobs] = useState([]);
+  const [models, setModels] = useState([]);
+  const [analysisIndex, setAnalysisIndex] = useState(null);
+  const analysisCoverage = useMemo(
+    () => summarizeAnalysisCoverage(analysisIndex),
+    [analysisIndex]
+  );
+  const [analysisBuilding, setAnalysisBuilding] = useState(false);
+  const [readinessBuilding, setReadinessBuilding] = useState(false);
+  const [readinessReport, setReadinessReport] = useState(null);
+  const [readinessActionRunning, setReadinessActionRunning] = useState(null);
+  const [collectionRunning, setCollectionRunning] = useState(false);
+  const [collectionPreflightRunning, setCollectionPreflightRunning] = useState(false);
+  const [collectionResult, setCollectionResult] = useState(null);
+  const [collectionPreflightResult, setCollectionPreflightResult] = useState(null);
+  const [collectionPreflightProbe, setCollectionPreflightProbe] = useState(true);
+  const [collectionHistory, setCollectionHistory] = useState(null);
+  const [collectionHistoryLoading, setCollectionHistoryLoading] = useState(false);
+  const [hfIngestRunning, setHfIngestRunning] = useState(false);
+  const [hfIngestResult, setHfIngestResult] = useState(null);
+  const [hfRepoId, setHfRepoId] = useState("elizaos/eliza-1-training");
+  const [hfRevision, setHfRevision] = useState("main");
+  const [hfFiles, setHfFiles] = useState(
+    DEFAULT_ELIZA1_HF_DATASET_FILES.join("\n")
+  );
+  const [hfOutputDir, setHfOutputDir] = useState("");
+  const [hfDryRun, setHfDryRun] = useState(true);
+  const [feedGenerationRunning, setFeedGenerationRunning] = useState(false);
+  const [feedGenerationResult, setFeedGenerationResult] = useState(null);
+  const [feedArchetypes, setFeedArchetypes] = useState("trader");
+  const [feedNumAgents, setFeedNumAgents] = useState("1");
+  const [feedTicks, setFeedTicks] = useState("1");
+  const [feedParallel, setFeedParallel] = useState("1");
+  const [feedOutputDir, setFeedOutputDir] = useState("");
+  const [feedCleanup, setFeedCleanup] = useState(true);
+  const [feedDryRun, setFeedDryRun] = useState(true);
+  const [naturalSanitizedJsonlPath, setNaturalSanitizedJsonlPath] = useState("");
+  const [naturalRawJsonlPath, setNaturalRawJsonlPath] = useState("");
+  const [naturalRunId, setNaturalRunId] = useState("");
+  const [naturalTasks, setNaturalTasks] = useState("response,action_planner");
+  const [naturalIncludeRaw, setNaturalIncludeRaw] = useState(false);
+  const [scenarioFilter, setScenarioFilter] = useState(
+    "deterministic-pr-smoke"
+  );
+  const [scenarioOutputDir, setScenarioOutputDir] = useState("");
+  const [scenarioDryRun, setScenarioDryRun] = useState(true);
+  const [scenarioExportNative, setScenarioExportNative] = useState(true);
+  const [scenarioDeterministicProxy, setScenarioDeterministicProxy] = useState(true);
+  const [scenarioRunning, setScenarioRunning] = useState(false);
+  const [scenarioResult, setScenarioResult] = useState(null);
+  const [evalComparisonRunning, setEvalComparisonRunning] = useState(false);
+  const [evalComparisonResult, setEvalComparisonResult] = useState(null);
+  const [evalComparisonEnabled, setEvalComparisonEnabled] = useState(true);
+  const [evalComparisonManifestPath, setEvalComparisonManifestPath] = useState("");
+  const [evalComparisonBaseModel, setEvalComparisonBaseModel] = useState("eliza-1-2b-base");
+  const [evalComparisonTrainedModelPath, setEvalComparisonTrainedModelPath] = useState("eliza-1-2b-trained");
+  const [evalComparisonBackend, setEvalComparisonBackend] = useState("cpu");
+  const [evalComparisonOutputDir, setEvalComparisonOutputDir] = useState("");
+  const [evalComparisonDryRun, setEvalComparisonDryRun] = useState(true);
+  const [benchmarkRunning, setBenchmarkRunning] = useState(false);
+  const [benchmarkResult, setBenchmarkResult] = useState(null);
+  const [benchmarkTiers, setBenchmarkTiers] = useState("2b");
+  const [benchmarkKind, setBenchmarkKind] = useState("eliza_harness_action_selection");
+  const [benchmarkVariants, setBenchmarkVariants] = useState("both");
+  const [benchmarkMaxSamples, setBenchmarkMaxSamples] = useState("50");
+  const [benchmarkResultsDb, setBenchmarkResultsDb] = useState("");
+  const [benchmarkTrainedModelPath, setBenchmarkTrainedModelPath] = useState("");
+  const [benchmarkMatrixOutputDir, setBenchmarkMatrixOutputDir] = useState("");
+  const [benchmarkDryRun, setBenchmarkDryRun] = useState(true);
+  const [bundleStageRunning, setBundleStageRunning] = useState(false);
+  const [bundleStageResult, setBundleStageResult] = useState(null);
+  const [bundleStageRepoId, setBundleStageRepoId] = useState("elizaos/eliza-1");
+  const [bundleStageTier, setBundleStageTier] = useState("2b");
+  const [bundleStageLocalDir, setBundleStageLocalDir] = useState(
+    "/tmp/eliza-1-bundles"
+  );
+  const [bundleStageOutputDir, setBundleStageOutputDir] = useState("");
+  const [bundleStageMaxBytes, setBundleStageMaxBytes] = useState("8589934592");
+  const [bundleStageApply, setBundleStageApply] = useState(false);
+  const [actionBenchmarkRunning, setActionBenchmarkRunning] = useState(false);
+  const [actionBenchmarkResult, setActionBenchmarkResult] = useState(null);
+  const [actionBenchmarkFilter, setActionBenchmarkFilter] = useState("");
+  const [actionBenchmarkRunsPerCase, setActionBenchmarkRunsPerCase] = useState("1");
+  const [actionBenchmarkOutputDir, setActionBenchmarkOutputDir] = useState("");
+  const [actionBenchmarkModelId, setActionBenchmarkModelId] = useState("eliza-1-2b-trained");
+  const [actionBenchmarkRuntimeModel, setActionBenchmarkRuntimeModel] = useState("eliza-1-2b-trained");
+  const [actionBenchmarkPairEnabled, setActionBenchmarkPairEnabled] = useState(true);
+  const [actionBenchmarkPairTiers, setActionBenchmarkPairTiers] = useState("2b");
+  const [actionBenchmarkBaseModelId, setActionBenchmarkBaseModelId] = useState("eliza-1-2b-base");
+  const [actionBenchmarkBaseRuntimeModel, setActionBenchmarkBaseRuntimeModel] = useState("eliza-1-2b-base");
+  const [actionBenchmarkProvider, setActionBenchmarkProvider] = useState("local-llama-cpp");
+  const [actionBenchmarkBaseUrl, setActionBenchmarkBaseUrl] = useState(
+    "http://localhost:11434/v1"
+  );
+  const [actionBenchmarkVariant, setActionBenchmarkVariant] = useState("trained");
+  const [actionBenchmarkTier, setActionBenchmarkTier] = useState("2b");
+  const [actionBenchmarkMatrixBenchmark, setActionBenchmarkMatrixBenchmark] = useState("eliza_harness_action_selection");
+  const [actionBenchmarkDatasetVersion, setActionBenchmarkDatasetVersion] = useState("eliza-native-v1");
+  const [actionBenchmarkUseMocks, setActionBenchmarkUseMocks] = useState(false);
+  const [actionBenchmarkCapture, setActionBenchmarkCapture] = useState(true);
+  const [actionBenchmarkDryRun, setActionBenchmarkDryRun] = useState(true);
+  const [selectedDatasetId, setSelectedDatasetId] = useState("");
+  const [selectedJobId, setSelectedJobId] = useState("");
+  const [selectedModelId, setSelectedModelId] = useState("");
+  const [buildLimit, setBuildLimit] = useState("250");
+  const [buildMinCalls, setBuildMinCalls] = useState("1");
+  const [datasetBuilding, setDatasetBuilding] = useState(false);
+  const [startBackend, setStartBackend] = useState(
+    "cpu"
+  );
+  const [startModel, setStartModel] = useState("");
+  const [startIterations, setStartIterations] = useState("");
+  const [startBatchSize, setStartBatchSize] = useState("");
+  const [startLearningRate, setStartLearningRate] = useState("");
+  const [startingJob, setStartingJob] = useState(false);
+  const [cancellingJobId, setCancellingJobId] = useState("");
+  const [importModelName, setImportModelName] = useState("");
+  const [importBaseModel, setImportBaseModel] = useState("");
+  const [importOllamaUrl, setImportOllamaUrl] = useState(
+    "http://localhost:11434"
+  );
+  const [activateProviderModel, setActivateProviderModel] = useState("");
+  const [modelAction, setModelAction] = useState("");
+  const [smokeResult, setSmokeResult] = useState(null);
+  const [trainingEvents, setTrainingEvents] = useState(
+    []
+  );
+  const selectedJob = useMemo(
+    () => jobs.find((job) => job.id === selectedJobId) ?? null,
+    [jobs, selectedJobId]
+  );
+  const selectedModel = useMemo(
+    () => models.find((model) => model.id === selectedModelId) ?? null,
+    [models, selectedModelId]
+  );
+  const activeRunningJob = useMemo(
+    () => jobs.find((job) => job.status === "running" || job.status === "queued") ?? null,
+    [jobs]
+  );
+  const loadStatus = useCallback(async () => {
+    const nextStatus = await client.getTrainingStatus();
+    setStatus(nextStatus);
+  }, []);
+  const loadTrajectories = useCallback(async () => {
+    const listed = await client.listTrainingTrajectories({
+      limit: 100,
+      offset: 0
+    });
+    setTrajectoryList(listed);
+  }, []);
+  const loadDatasets = useCallback(async () => {
+    const listed = await client.listTrainingDatasets();
+    const nextDatasets = asArray(listed.datasets);
+    setDatasets(nextDatasets);
+    setSelectedDatasetId((prev) => {
+      if (prev && nextDatasets.some((dataset) => dataset.id === prev)) {
+        return prev;
+      }
+      return nextDatasets[0]?.id ?? "";
+    });
+  }, []);
+  const loadJobs = useCallback(async () => {
+    const listed = await client.listTrainingJobs();
+    const nextJobs = asArray(listed.jobs);
+    setJobs(nextJobs);
+    setSelectedJobId((prev) => {
+      if (prev && nextJobs.some((job) => job.id === prev)) return prev;
+      return nextJobs[0]?.id ?? "";
+    });
+  }, []);
+  const loadModels = useCallback(async () => {
+    const listed = await client.listTrainingModels();
+    const nextModels = asArray(listed.models);
+    setModels(nextModels);
+    setSelectedModelId((prev) => {
+      if (prev && nextModels.some((model) => model.id === prev)) return prev;
+      return nextModels[0]?.id ?? "";
+    });
+  }, []);
+  const loadCollectionHistory = useCallback(async () => {
+    setCollectionHistoryLoading(true);
+    try {
+      const listed = await client.listTrainingCollections({ limit: 10 });
+      setCollectionHistory(listed);
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToLoadCollectionHistory", {
+          defaultValue: "Failed to load collection history"
+        }),
+        "error",
+        4200
+      );
+    } finally {
+      setCollectionHistoryLoading(false);
+    }
+  }, [setActionNotice, t]);
+  const refreshAll = useCallback(async () => {
+    setPageLoading(true);
+    setErrorMessage(null);
+    try {
+      await Promise.all([
+        loadStatus(),
+        loadTrajectories(),
+        loadDatasets(),
+        loadJobs(),
+        loadModels(),
+        loadCollectionHistory()
+      ]);
+    } catch (err) {
+      setErrorMessage(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRefreshState")
+      );
+    } finally {
+      setPageLoading(false);
+    }
+  }, [
+    loadCollectionHistory,
+    loadDatasets,
+    loadJobs,
+    loadModels,
+    loadStatus,
+    loadTrajectories,
+    t
+  ]);
+  const loadTrajectoryDetail = useCallback(
+    async (trajectoryId) => {
+      setTrajectoryLoading(true);
+      try {
+        const result = await client.getTrainingTrajectory(trajectoryId);
+        setSelectedTrajectory(result.trajectory);
+      } catch (err) {
+        const message = err instanceof Error ? err.message : t("finetuningview.FailedToLoadTrajectoryDetail");
+        setActionNotice(message, "error", 4200);
+      } finally {
+        setTrajectoryLoading(false);
+      }
+    },
+    [setActionNotice, t]
+  );
+  const handlePublishTrajectories = useCallback(async () => {
+    setPublishingTrajectories(true);
+    try {
+      const response = await fetch("/api/training/trajectories/publish", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({})
+      });
+      if (response.status === 409) {
+        setPublishConfigured(false);
+        const detail = await response.json().catch(() => null);
+        setActionNotice(
+          detail?.error ?? t("finetuningview.HuggingFacePublishNotConfigured"),
+          "error",
+          5200
+        );
+        return;
+      }
+      const payload = await response.json().catch(() => null);
+      if (!response.ok) {
+        setActionNotice(
+          payload?.error ?? t("finetuningview.FailedToPublishTrajectories"),
+          "error",
+          5200
+        );
+        return;
+      }
+      setPublishConfigured(true);
+      setActionNotice(
+        t("finetuningview.PublishedTrajectoriesMessage", {
+          count: payload?.trajectoriesPublished ?? 0,
+          repo: payload?.cloudUpload?.huggingFaceRepo ?? ""
+        }),
+        "success",
+        4200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToPublishTrajectories"),
+        "error",
+        5200
+      );
+    } finally {
+      setPublishingTrajectories(false);
+    }
+  }, [setActionNotice, t]);
+  const handleBuildDataset = useCallback(async () => {
+    setDatasetBuilding(true);
+    try {
+      const limit = parsePositiveInteger(buildLimit);
+      const minLlmCallsPerTrajectory = parsePositiveInteger(buildMinCalls);
+      const request = {};
+      if (typeof limit === "number") request.limit = limit;
+      if (typeof minLlmCallsPerTrajectory === "number") {
+        request.minLlmCallsPerTrajectory = minLlmCallsPerTrajectory;
+      }
+      const result = await client.buildTrainingDataset(request);
+      setSelectedDatasetId(result.dataset.id);
+      await Promise.all([loadDatasets(), loadStatus()]);
+      setActionNotice(
+        t("finetuningview.BuiltDatasetMessage", {
+          id: result.dataset.id,
+          count: result.dataset.sampleCount
+        }),
+        "success",
+        3800
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToBuildDataset"),
+        "error",
+        4200
+      );
+    } finally {
+      setDatasetBuilding(false);
+    }
+  }, [buildLimit, buildMinCalls, loadDatasets, loadStatus, setActionNotice, t]);
+  const handleBuildAnalysisIndex = useCallback(async () => {
+    setAnalysisBuilding(true);
+    try {
+      const result = await client.buildTrainingAnalysisIndex();
+      setAnalysisIndex(result);
+      setActionNotice(
+        t("finetuningview.BuiltAnalysisIndexMessage", {
+          count: result.manifest.artifacts.length
+        }),
+        "success",
+        4200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToBuildAnalysisIndex"),
+        "error",
+        5200
+      );
+    } finally {
+      setAnalysisBuilding(false);
+    }
+  }, [setActionNotice, t]);
+  const handleBuildReadinessReport = useCallback(async () => {
+    setReadinessBuilding(true);
+    try {
+      const result = await client.buildTrainingReadinessReport();
+      setReadinessReport(result);
+      setActionNotice(
+        t("finetuningview.ReadinessReportCompleted", {
+          status: result.report.status,
+          missing: result.report.counts.missing ?? 0
+        }),
+        result.report.status === "missing" ? "error" : "success",
+        5200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToBuildReadinessReport"),
+        "error",
+        5200
+      );
+    } finally {
+      setReadinessBuilding(false);
+    }
+  }, [setActionNotice, t]);
+  const handleRunReadinessRecommendation = useCallback(
+    async (checkId, action) => {
+      setReadinessActionRunning(checkId);
+      try {
+        const result = await interact(action.capability, action.params);
+        if (action.capability === "terminal-training-build-analysis-index") {
+          setAnalysisIndex(result);
+        } else if (action.capability === "terminal-training-build-readiness-report") {
+          setReadinessReport(result);
+        } else if (action.capability === "terminal-training-ingest-hf-dataset") {
+          setHfIngestResult(result);
+        } else if (action.capability === "terminal-training-feed-generate") {
+          setFeedGenerationResult(result);
+        } else if (action.capability === "terminal-training-run-eval-comparison") {
+          setEvalComparisonResult(result);
+        } else if (action.capability === "terminal-training-run-scenarios") {
+          setScenarioResult(result);
+        } else if (action.capability === "terminal-training-run-benchmark-vs-cerebras") {
+          setBenchmarkResult(result);
+        } else if (action.capability === "terminal-training-stage-eliza1-bundle") {
+          setBundleStageResult(result);
+        } else if (action.capability === "terminal-training-run-action-benchmark") {
+          setActionBenchmarkResult(result);
+        } else if (action.capability === "terminal-training-run-collection") {
+          setCollectionResult(result);
+          await loadCollectionHistory();
+        }
+        if (action.capability !== "terminal-training-build-readiness-report") {
+          const refreshed = await client.buildTrainingReadinessReport();
+          setReadinessReport(refreshed);
+        }
+        setActionNotice(
+          t("finetuningview.ReadinessRecommendationCompleted", {
+            defaultValue: `Ran ${action.capability}`
+          }),
+          "success",
+          5200
+        );
+      } catch (err) {
+        setActionNotice(
+          err instanceof Error ? err.message : t("finetuningview.FailedToRunReadinessRecommendation", {
+            defaultValue: "Failed to run readiness recommendation"
+          }),
+          "error",
+          5200
+        );
+      } finally {
+        setReadinessActionRunning(null);
+      }
+    },
+    [loadCollectionHistory, setActionNotice, t]
+  );
+  const handleRunTrainingCollection = useCallback(
+    async (preflightOnly = false) => {
+      if (preflightOnly) {
+        setCollectionPreflightRunning(true);
+      } else {
+        setCollectionRunning(true);
+      }
+      try {
+        const hfFilesList = hfFiles.split(/\r?\n|,/).map((file) => file.trim()).filter(Boolean);
+        const actionBenchmarkTiers = parseCollectionTierList(
+          actionBenchmarkPairTiers
+        );
+        const actionBenchmarkTierForSinglePair = actionBenchmarkTier.trim() || void 0;
+        const useDerivedActionBenchmarkPairs = actionBenchmarkPairEnabled && actionBenchmarkTiers.length > 0 && (actionBenchmarkTiers.length > 1 || actionBenchmarkTiers[0] !== actionBenchmarkTierForSinglePair);
+        const naturalTaskList = naturalTasks.split(",").map((task) => task.trim()).filter(Boolean);
+        const naturalTrajectoryOptions = naturalSanitizedJsonlPath.trim() || naturalRawJsonlPath.trim() || naturalRunId.trim() || naturalTaskList.length > 0 || naturalIncludeRaw ? {
+          sanitizedJsonlPath: naturalSanitizedJsonlPath.trim() || void 0,
+          rawJsonlPath: naturalRawJsonlPath.trim() || void 0,
+          includeRawJsonl: naturalIncludeRaw || !!naturalRawJsonlPath.trim(),
+          tasks: naturalTaskList.length > 0 ? naturalTaskList : void 0,
+          source: {
+            kind: "training_collection_natural_trajectories",
+            runId: naturalRunId.trim() || void 0,
+            metadata: {
+              ui: true,
+              sanitizedJsonlPath: naturalSanitizedJsonlPath.trim() || void 0,
+              rawJsonlPath: naturalRawJsonlPath.trim() || void 0
+            }
+          }
+        } : void 0;
+        const result = await client.runTrainingCollection({
+          preflightOnly,
+          preflightProbe: collectionPreflightProbe,
+          includeHuggingFace: true,
+          includeFeed: true,
+          includeNaturalTrajectories: true,
+          includeTestTrajectories: true,
+          includeScenarios: true,
+          includeEvalComparison: evalComparisonEnabled,
+          includeActionBenchmark: true,
+          includeBenchmarkVsCerebras: true,
+          includeEliza1ModelRegistry: true,
+          includeEliza1BundleStage: true,
+          includeBenchmarkMatrix: true,
+          huggingFace: {
+            repoId: hfRepoId.trim() || void 0,
+            revision: hfRevision.trim() || void 0,
+            files: hfFilesList.length > 0 ? hfFilesList : void 0,
+            dryRun: hfDryRun,
+            outputDir: hfOutputDir.trim() || void 0
+          },
+          feed: {
+            archetypes: feedArchetypes.trim() || void 0,
+            numAgents: parsePositiveInteger(feedNumAgents),
+            ticks: parsePositiveInteger(feedTicks),
+            parallel: parsePositiveInteger(feedParallel),
+            cleanup: feedCleanup,
+            dryRun: feedDryRun,
+            outputDir: feedOutputDir.trim() || void 0
+          },
+          naturalTrajectories: naturalTrajectoryOptions,
+          scenarios: {
+            dryRun: scenarioDryRun,
+            scenario: scenarioFilter.trim() || void 0,
+            outputDir: scenarioOutputDir.trim() || void 0,
+            exportNative: scenarioExportNative,
+            useDeterministicProxy: scenarioDeterministicProxy
+          },
+          evalComparison: {
+            manifestPath: evalComparisonManifestPath.trim() || void 0,
+            model: evalComparisonManifestPath.trim() ? void 0 : evalComparisonBaseModel.trim() || void 0,
+            trainedModelPath: evalComparisonManifestPath.trim() ? void 0 : evalComparisonTrainedModelPath.trim() || void 0,
+            backend: evalComparisonManifestPath.trim() ? void 0 : evalComparisonBackend,
+            outputDir: evalComparisonOutputDir.trim() || void 0,
+            dryRun: evalComparisonDryRun
+          },
+          actionBenchmark: {
+            filter: actionBenchmarkFilter.trim() || void 0,
+            runsPerCase: parsePositiveInteger(actionBenchmarkRunsPerCase),
+            outputDir: actionBenchmarkOutputDir.trim() || void 0,
+            provider: actionBenchmarkProvider.trim() || void 0,
+            modelId: actionBenchmarkModelId.trim() || void 0,
+            runtimeModel: actionBenchmarkRuntimeModel.trim() || void 0,
+            baseUrl: actionBenchmarkBaseUrl.trim() || void 0,
+            variant: actionBenchmarkVariant,
+            tier: actionBenchmarkTier.trim() || void 0,
+            benchmark: actionBenchmarkMatrixBenchmark.trim() || void 0,
+            datasetVersion: actionBenchmarkDatasetVersion.trim() || void 0,
+            useMocks: actionBenchmarkUseMocks,
+            forceTrajectoryCapture: actionBenchmarkCapture,
+            dryRun: actionBenchmarkDryRun
+          },
+          actionBenchmarkPair: actionBenchmarkPairEnabled ? !useDerivedActionBenchmarkPairs ? {
+            tier: actionBenchmarkTierForSinglePair,
+            base: {
+              modelId: actionBenchmarkBaseModelId.trim() || void 0,
+              runtimeModel: actionBenchmarkBaseRuntimeModel.trim() || void 0,
+              variant: "base"
+            },
+            trained: {
+              modelId: actionBenchmarkModelId.trim() || void 0,
+              runtimeModel: actionBenchmarkRuntimeModel.trim() || void 0,
+              variant: "trained"
+            }
+          } : void 0 : void 0,
+          actionBenchmarkPairs: useDerivedActionBenchmarkPairs ? actionBenchmarkTiers.map((tier) => ({
+            tier,
+            base: { variant: "base" },
+            trained: { variant: "trained" }
+          })) : void 0,
+          benchmarkVsCerebras: {
+            tiers: benchmarkTiers.trim() || void 0,
+            benchmark: benchmarkKind,
+            variants: benchmarkVariants,
+            maxSamples: parsePositiveInteger(benchmarkMaxSamples),
+            dryRun: benchmarkDryRun,
+            resultsDb: benchmarkResultsDb.trim() || void 0,
+            trainedModelPath: benchmarkTrainedModelPath.trim() || void 0,
+            matrixOutputDir: benchmarkMatrixOutputDir.trim() || void 0
+          },
+          eliza1BundleStage: {
+            repoId: bundleStageRepoId.trim() || void 0,
+            tier: bundleStageTier.trim() || void 0,
+            localDir: bundleStageLocalDir.trim() || void 0,
+            outputDir: bundleStageOutputDir.trim() || void 0,
+            maxBytes: parsePositiveInteger(bundleStageMaxBytes),
+            apply: bundleStageApply
+          }
+        });
+        if ("preflight" in result) {
+          setCollectionPreflightResult(result.preflight);
+          setActionNotice(
+            t("finetuningview.CollectionPreflightCompleted", {
+              defaultValue: "Collection preflight completed"
+            }),
+            "success",
+            5200
+          );
+          return;
+        }
+        setCollectionResult(result);
+        setCollectionPreflightResult(
+          result.manifest.evidence.preflight ?? null
+        );
+        setAnalysisIndex(result.analysis);
+        await loadCollectionHistory();
+        setActionNotice(
+          t("finetuningview.TrainingCollectionCompleted", {
+            count: result.analysis.manifest.artifacts.length
+          }),
+          "success",
+          5200
+        );
+      } catch (err) {
+        setActionNotice(
+          err instanceof Error ? err.message : t("finetuningview.FailedToRunTrainingCollection"),
+          "error",
+          5200
+        );
+      } finally {
+        if (preflightOnly) {
+          setCollectionPreflightRunning(false);
+        } else {
+          setCollectionRunning(false);
+        }
+      }
+    },
+    [
+      actionBenchmarkCapture,
+      actionBenchmarkDryRun,
+      actionBenchmarkFilter,
+      actionBenchmarkBaseModelId,
+      actionBenchmarkBaseRuntimeModel,
+      actionBenchmarkDatasetVersion,
+      actionBenchmarkMatrixBenchmark,
+      actionBenchmarkModelId,
+      actionBenchmarkBaseUrl,
+      actionBenchmarkOutputDir,
+      actionBenchmarkPairEnabled,
+      actionBenchmarkPairTiers,
+      actionBenchmarkProvider,
+      actionBenchmarkRunsPerCase,
+      actionBenchmarkRuntimeModel,
+      actionBenchmarkTier,
+      actionBenchmarkUseMocks,
+      actionBenchmarkVariant,
+      benchmarkDryRun,
+      benchmarkKind,
+      benchmarkMatrixOutputDir,
+      benchmarkMaxSamples,
+      benchmarkResultsDb,
+      benchmarkTiers,
+      benchmarkTrainedModelPath,
+      benchmarkVariants,
+      bundleStageApply,
+      bundleStageLocalDir,
+      bundleStageMaxBytes,
+      bundleStageOutputDir,
+      bundleStageRepoId,
+      bundleStageTier,
+      collectionPreflightProbe,
+      evalComparisonBackend,
+      evalComparisonBaseModel,
+      evalComparisonDryRun,
+      evalComparisonEnabled,
+      evalComparisonManifestPath,
+      evalComparisonOutputDir,
+      evalComparisonTrainedModelPath,
+      feedArchetypes,
+      feedCleanup,
+      feedDryRun,
+      feedNumAgents,
+      feedOutputDir,
+      feedParallel,
+      feedTicks,
+      hfDryRun,
+      hfFiles,
+      hfOutputDir,
+      hfRepoId,
+      hfRevision,
+      loadCollectionHistory,
+      naturalIncludeRaw,
+      naturalRawJsonlPath,
+      naturalRunId,
+      naturalSanitizedJsonlPath,
+      naturalTasks,
+      scenarioDeterministicProxy,
+      scenarioDryRun,
+      scenarioExportNative,
+      scenarioFilter,
+      scenarioOutputDir,
+      setActionNotice,
+      t
+    ]
+  );
+  const handleRunEvalComparison = useCallback(async () => {
+    setEvalComparisonRunning(true);
+    try {
+      const result = await client.runTrainingLocalEvalComparison({
+        manifestPath: evalComparisonManifestPath.trim() || void 0,
+        model: evalComparisonManifestPath.trim() ? void 0 : evalComparisonBaseModel.trim() || void 0,
+        trainedModelPath: evalComparisonManifestPath.trim() ? void 0 : evalComparisonTrainedModelPath.trim() || void 0,
+        backend: evalComparisonManifestPath.trim() ? void 0 : evalComparisonBackend,
+        outputDir: evalComparisonOutputDir.trim() || void 0,
+        dryRun: evalComparisonDryRun
+      });
+      setEvalComparisonResult(result);
+      setActionNotice(
+        result.exitCode === 0 ? t("finetuningview.EvalComparisonCompleted") : t("finetuningview.EvalComparisonFailed", {
+          exitCode: result.exitCode
+        }),
+        result.exitCode === 0 ? "success" : "error",
+        5200
+      );
+      if (!evalComparisonDryRun) {
+        void handleBuildAnalysisIndex();
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRunEvalComparison"),
+        "error",
+        5200
+      );
+    } finally {
+      setEvalComparisonRunning(false);
+    }
+  }, [
+    evalComparisonBackend,
+    evalComparisonBaseModel,
+    evalComparisonDryRun,
+    evalComparisonManifestPath,
+    evalComparisonOutputDir,
+    evalComparisonTrainedModelPath,
+    handleBuildAnalysisIndex,
+    setActionNotice,
+    t
+  ]);
+  const handleRunBenchmarkVsCerebras = useCallback(async () => {
+    setBenchmarkRunning(true);
+    try {
+      const maxSamples = parsePositiveInteger(benchmarkMaxSamples);
+      const result = await client.runTrainingBenchmarkVsCerebras({
+        tiers: benchmarkTiers.trim() || void 0,
+        benchmark: benchmarkKind,
+        variants: benchmarkVariants,
+        maxSamples: typeof maxSamples === "number" ? maxSamples : void 0,
+        dryRun: benchmarkDryRun,
+        resultsDb: benchmarkResultsDb.trim() || void 0,
+        trainedModelPath: benchmarkTrainedModelPath.trim() || void 0,
+        matrixOutputDir: benchmarkMatrixOutputDir.trim() || void 0
+      });
+      setBenchmarkResult(result);
+      setActionNotice(
+        result.exitCode === 0 ? t("finetuningview.BenchmarkVsCerebrasCompleted") : t("finetuningview.BenchmarkVsCerebrasFailed", {
+          exitCode: result.exitCode
+        }),
+        result.exitCode === 0 ? "success" : "error",
+        5200
+      );
+      if (!benchmarkDryRun) {
+        void handleBuildAnalysisIndex();
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRunBenchmarkVsCerebras"),
+        "error",
+        5200
+      );
+    } finally {
+      setBenchmarkRunning(false);
+    }
+  }, [
+    benchmarkDryRun,
+    benchmarkKind,
+    benchmarkMatrixOutputDir,
+    benchmarkMaxSamples,
+    benchmarkResultsDb,
+    benchmarkTiers,
+    benchmarkTrainedModelPath,
+    benchmarkVariants,
+    handleBuildAnalysisIndex,
+    setActionNotice,
+    t
+  ]);
+  const handleStageEliza1Bundle = useCallback(async () => {
+    setBundleStageRunning(true);
+    try {
+      const result = await client.stageEliza1Bundle({
+        repoId: bundleStageRepoId.trim() || void 0,
+        tier: bundleStageTier.trim() || void 0,
+        localDir: bundleStageLocalDir.trim() || void 0,
+        outputDir: bundleStageOutputDir.trim() || void 0,
+        maxBytes: parsePositiveInteger(bundleStageMaxBytes),
+        apply: bundleStageApply
+      });
+      setBundleStageResult(result);
+      setActionNotice(
+        result.exitCode === 0 ? t("finetuningview.Eliza1BundleStageCompleted") : t("finetuningview.Eliza1BundleStageFailed", {
+          exitCode: result.exitCode
+        }),
+        result.exitCode === 0 ? "success" : "error",
+        5200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToStageEliza1Bundle"),
+        "error",
+        5200
+      );
+    } finally {
+      setBundleStageRunning(false);
+    }
+  }, [
+    bundleStageApply,
+    bundleStageLocalDir,
+    bundleStageMaxBytes,
+    bundleStageOutputDir,
+    bundleStageRepoId,
+    bundleStageTier,
+    setActionNotice,
+    t
+  ]);
+  const handleIngestHuggingFaceDataset = useCallback(async () => {
+    setHfIngestRunning(true);
+    try {
+      const files = hfFiles.split(/\r?\n|,/).map((file) => file.trim()).filter(Boolean);
+      const result = await client.ingestHuggingFaceTrainingDataset({
+        repoId: hfRepoId.trim() || void 0,
+        revision: hfRevision.trim() || void 0,
+        files: files.length > 0 ? files : void 0,
+        outputDir: hfOutputDir.trim() || void 0,
+        dryRun: hfDryRun
+      });
+      setHfIngestResult(result);
+      setActionNotice(
+        t("finetuningview.IngestedHuggingFaceDatasetMessage", {
+          files: result.manifest.counts.files ?? result.manifest.files.length,
+          rows: result.manifest.counts.jsonlRows ?? 0
+        }),
+        "success",
+        5200
+      );
+      if (!hfDryRun) {
+        void handleBuildAnalysisIndex();
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToIngestHuggingFaceDataset"),
+        "error",
+        5200
+      );
+    } finally {
+      setHfIngestRunning(false);
+    }
+  }, [
+    handleBuildAnalysisIndex,
+    hfDryRun,
+    hfFiles,
+    hfOutputDir,
+    hfRepoId,
+    hfRevision,
+    setActionNotice,
+    t
+  ]);
+  const handleRunActionBenchmark = useCallback(async () => {
+    setActionBenchmarkRunning(true);
+    try {
+      const result = await client.runTrainingActionBenchmark({
+        filter: actionBenchmarkFilter.trim() || void 0,
+        runsPerCase: parsePositiveInteger(actionBenchmarkRunsPerCase),
+        outputDir: actionBenchmarkOutputDir.trim() || void 0,
+        provider: actionBenchmarkProvider.trim() || void 0,
+        modelId: actionBenchmarkModelId.trim() || void 0,
+        runtimeModel: actionBenchmarkRuntimeModel.trim() || void 0,
+        baseUrl: actionBenchmarkBaseUrl.trim() || void 0,
+        variant: actionBenchmarkVariant,
+        tier: actionBenchmarkTier.trim() || void 0,
+        benchmark: actionBenchmarkMatrixBenchmark.trim() || void 0,
+        datasetVersion: actionBenchmarkDatasetVersion.trim() || void 0,
+        useMocks: actionBenchmarkUseMocks,
+        forceTrajectoryCapture: actionBenchmarkCapture,
+        dryRun: actionBenchmarkDryRun
+      });
+      setActionBenchmarkResult(result);
+      setActionNotice(
+        result.exitCode === 0 ? t("finetuningview.ActionBenchmarkCompleted") : t("finetuningview.ActionBenchmarkFailed", {
+          exitCode: result.exitCode
+        }),
+        result.exitCode === 0 ? "success" : "error",
+        5200
+      );
+      if (!actionBenchmarkDryRun) {
+        void handleBuildAnalysisIndex();
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRunActionBenchmark"),
+        "error",
+        5200
+      );
+    } finally {
+      setActionBenchmarkRunning(false);
+    }
+  }, [
+    actionBenchmarkCapture,
+    actionBenchmarkDryRun,
+    actionBenchmarkFilter,
+    actionBenchmarkDatasetVersion,
+    actionBenchmarkMatrixBenchmark,
+    actionBenchmarkModelId,
+    actionBenchmarkBaseUrl,
+    actionBenchmarkOutputDir,
+    actionBenchmarkProvider,
+    actionBenchmarkRunsPerCase,
+    actionBenchmarkRuntimeModel,
+    actionBenchmarkTier,
+    actionBenchmarkUseMocks,
+    actionBenchmarkVariant,
+    handleBuildAnalysisIndex,
+    setActionNotice,
+    t
+  ]);
+  const handleRunFeedGeneration = useCallback(async () => {
+    setFeedGenerationRunning(true);
+    try {
+      const result = await client.runFeedTrainingGeneration({
+        archetypes: feedArchetypes.trim() || void 0,
+        numAgents: parsePositiveInteger(feedNumAgents),
+        ticks: parsePositiveInteger(feedTicks),
+        parallel: parsePositiveInteger(feedParallel),
+        cleanup: feedCleanup,
+        dryRun: feedDryRun,
+        outputDir: feedOutputDir.trim() || void 0
+      });
+      setFeedGenerationResult(result);
+      setActionNotice(
+        t("finetuningview.FeedGenerationCompleted"),
+        "success",
+        5200
+      );
+      if (!feedDryRun) {
+        void handleBuildAnalysisIndex();
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRunFeedGeneration"),
+        "error",
+        5200
+      );
+    } finally {
+      setFeedGenerationRunning(false);
+    }
+  }, [
+    feedArchetypes,
+    feedCleanup,
+    feedDryRun,
+    feedNumAgents,
+    feedOutputDir,
+    feedParallel,
+    feedTicks,
+    handleBuildAnalysisIndex,
+    setActionNotice,
+    t
+  ]);
+  const handleRunScenarios = useCallback(async () => {
+    setScenarioRunning(true);
+    try {
+      const result = await client.runTrainingScenarios({
+        scenario: scenarioFilter.trim() || void 0,
+        outputDir: scenarioOutputDir.trim() || void 0,
+        exportNative: scenarioExportNative,
+        useDeterministicProxy: scenarioDeterministicProxy,
+        dryRun: scenarioDryRun
+      });
+      setScenarioResult(result);
+      setActionNotice(
+        result.exitCode === 0 ? t("finetuningview.ScenariosCompleted") : t("finetuningview.ScenariosFailed", {
+          exitCode: result.exitCode
+        }),
+        result.exitCode === 0 ? "success" : "error",
+        5200
+      );
+      if (!scenarioDryRun) {
+        void handleBuildAnalysisIndex();
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRunScenarios"),
+        "error",
+        5200
+      );
+    } finally {
+      setScenarioRunning(false);
+    }
+  }, [
+    handleBuildAnalysisIndex,
+    scenarioDeterministicProxy,
+    scenarioDryRun,
+    scenarioExportNative,
+    scenarioFilter,
+    scenarioOutputDir,
+    setActionNotice,
+    t
+  ]);
+  const handleStartJob = useCallback(async () => {
+    setStartingJob(true);
+    try {
+      const options = {
+        datasetId: selectedDatasetId || void 0,
+        backend: startBackend,
+        model: startModel.trim() || void 0,
+        iterations: parsePositiveInteger(startIterations),
+        batchSize: parsePositiveInteger(startBatchSize),
+        learningRate: parsePositiveFloat(startLearningRate)
+      };
+      const result = await client.startTrainingJob(options);
+      setSelectedJobId(result.job.id);
+      await Promise.all([loadJobs(), loadStatus()]);
+      setActionNotice(
+        t("finetuningview.StartedTrainingJobMessage", { id: result.job.id }),
+        "success",
+        3200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToStartTrainingJob"),
+        "error",
+        4200
+      );
+    } finally {
+      setStartingJob(false);
+    }
+  }, [
+    loadJobs,
+    loadStatus,
+    selectedDatasetId,
+    setActionNotice,
+    startBackend,
+    startBatchSize,
+    startIterations,
+    startLearningRate,
+    startModel,
+    t
+  ]);
+  const handleCancelJob = useCallback(
+    async (jobId) => {
+      setCancellingJobId(jobId);
+      try {
+        await client.cancelTrainingJob(jobId);
+        await Promise.all([loadJobs(), loadStatus()]);
+        setActionNotice(
+          t("finetuningview.CancelledJobMessage", { id: jobId }),
+          "success",
+          2600
+        );
+      } catch (err) {
+        setActionNotice(
+          err instanceof Error ? err.message : t("finetuningview.FailedToCancelJob", { id: jobId }),
+          "error",
+          4200
+        );
+      } finally {
+        setCancellingJobId("");
+      }
+    },
+    [loadJobs, loadStatus, setActionNotice, t]
+  );
+  const handleImportSelectedModel = useCallback(async () => {
+    if (!selectedModel) return;
+    const actionId = `import:${selectedModel.id}`;
+    setModelAction(actionId);
+    try {
+      const result = await client.importTrainingModelToOllama(
+        selectedModel.id,
+        {
+          modelName: importModelName.trim() || void 0,
+          baseModel: importBaseModel.trim() || void 0,
+          ollamaUrl: importOllamaUrl.trim() || void 0
+        }
+      );
+      await loadModels();
+      setActivateProviderModel(
+        result.model.ollamaModel ? `ollama/${result.model.ollamaModel}` : ""
+      );
+      setActionNotice(
+        t("finetuningview.ImportedModelToOllamaMessage", {
+          id: result.model.id,
+          ollamaModel: result.model.ollamaModel ? ` as ${result.model.ollamaModel}` : ""
+        }),
+        "success",
+        4200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToImportModelToOllama"),
+        "error",
+        4200
+      );
+    } finally {
+      setModelAction("");
+    }
+  }, [
+    importBaseModel,
+    importModelName,
+    importOllamaUrl,
+    loadModels,
+    selectedModel,
+    setActionNotice,
+    t
+  ]);
+  const handleActivateSelectedModel = useCallback(async () => {
+    if (!selectedModel) return;
+    const actionId = `activate:${selectedModel.id}`;
+    setModelAction(actionId);
+    try {
+      const result = await client.activateTrainingModel(
+        selectedModel.id,
+        activateProviderModel.trim() || void 0
+      );
+      await loadModels();
+      setActionNotice(
+        t("finetuningview.ActivatedModelMessage", {
+          id: result.modelId,
+          providerModel: result.providerModel
+        }),
+        "success",
+        4200
+      );
+      if (result.needsRestart) {
+        const shouldRestart = await confirmDesktopAction({
+          title: t("finetuningview.RestartAgentTitle"),
+          message: t("finetuningview.RestartAgentMessage"),
+          confirmLabel: t("finetuningview.Restart"),
+          cancelLabel: t("restartbanner.Later"),
+          type: "question"
+        });
+        if (shouldRestart) {
+          await handleRestart();
+        }
+      }
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToActivateModel"),
+        "error",
+        4200
+      );
+    } finally {
+      setModelAction("");
+    }
+  }, [
+    activateProviderModel,
+    handleRestart,
+    loadModels,
+    selectedModel,
+    setActionNotice,
+    t
+  ]);
+  const handleBenchmarkSelectedModel = useCallback(async () => {
+    if (!selectedModel) return;
+    const actionId = `benchmark:${selectedModel.id}`;
+    setModelAction(actionId);
+    try {
+      const result = await client.benchmarkTrainingModel(selectedModel.id);
+      await loadModels();
+      setActionNotice(
+        t("finetuningview.BenchmarkStatusMessage", {
+          status: result.status,
+          id: selectedModel.id
+        }),
+        result.status === "passed" ? "success" : "error",
+        4200
+      );
+    } catch (err) {
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToBenchmarkModel"),
+        "error",
+        4200
+      );
+    } finally {
+      setModelAction("");
+    }
+  }, [loadModels, selectedModel, setActionNotice, t]);
+  const handleSmokeTestSelectedModel = useCallback(async () => {
+    if (!selectedModel) return;
+    const actionId = `smoke:${selectedModel.id}`;
+    setModelAction(actionId);
+    try {
+      const result = await client.sendChatRest(
+        "Model smoke test. Reply with exactly: MODEL_OK"
+      );
+      setSmokeResult(result.text);
+      setActionNotice(t("finetuningview.SmokeTestCompleted"), "success", 3200);
+    } catch (err) {
+      setSmokeResult(null);
+      setActionNotice(
+        err instanceof Error ? err.message : t("finetuningview.FailedToRunSmokeTest"),
+        "error",
+        4200
+      );
+    } finally {
+      setModelAction("");
+    }
+  }, [selectedModel, setActionNotice, t]);
+  useEffect(() => {
+    void refreshAll();
+  }, [refreshAll]);
+  useIntervalWhenDocumentVisible(() => {
+    void loadStatus();
+    void loadJobs();
+    void loadModels();
+  }, 5e3);
+  useEffect(() => {
+    const unbind = client.onWsEvent(
+      "training_event",
+      (rawEnvelope) => {
+        const event = asTrainingEvent(
+          rawEnvelope
+        );
+        if (!event) return;
+        setTrainingEvents((prev) => {
+          const merged = [event, ...prev];
+          return merged.slice(0, 240);
+        });
+        if (event.kind !== "job_log") {
+          void loadStatus();
+          void loadJobs();
+          void loadModels();
+          if (event.kind === "dataset_built") {
+            void loadDatasets();
+          }
+        }
+      }
+    );
+    return () => {
+      unbind();
+    };
+  }, [loadDatasets, loadJobs, loadModels, loadStatus]);
+  const onBuildDataset = useCallback(() => {
+    void handleBuildDataset();
+  }, [handleBuildDataset]);
+  const onRefreshDatasets = useCallback(() => {
+    void loadDatasets();
+  }, [loadDatasets]);
+  const onStartJob = useCallback(() => {
+    void handleStartJob();
+  }, [handleStartJob]);
+  const onRefreshJobs = useCallback(() => {
+    void loadJobs();
+    void loadStatus();
+  }, [loadJobs, loadStatus]);
+  const onCancelJob = useCallback(
+    (jobId) => {
+      void handleCancelJob(jobId);
+    },
+    [handleCancelJob]
+  );
+  const onImportModel = useCallback(() => {
+    void handleImportSelectedModel();
+  }, [handleImportSelectedModel]);
+  const onActivateModel = useCallback(() => {
+    void handleActivateSelectedModel();
+  }, [handleActivateSelectedModel]);
+  const onBenchmarkModel = useCallback(() => {
+    void handleBenchmarkSelectedModel();
+  }, [handleBenchmarkSelectedModel]);
+  const onSmokeTestModel = useCallback(() => {
+    void handleSmokeTestSelectedModel();
+  }, [handleSmokeTestSelectedModel]);
+  if (pageLoading) {
+    return /* @__PURE__ */ jsx(ContentLayout, { contentHeader, children: /* @__PURE__ */ jsx("div", { "data-testid": "fine-tuning-view", className: "text-sm text-muted", children: t("finetuningview.LoadingFineTuning") }) });
+  }
+  return /* @__PURE__ */ jsx(ContentLayout, { contentHeader, children: /* @__PURE__ */ jsxs("div", { "data-testid": "fine-tuning-view", className: "space-y-4 pb-32", children: [
+    /* @__PURE__ */ jsxs("section", { className: "px-2 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-txt", children: t("finetuningview.FineTuning") }) }),
+        /* @__PURE__ */ jsx(
+          TrainingActionButton,
+          {
+            agentId: "action-refresh-all",
+            label: t("finetuningview.RefreshAll"),
+            group: "overview",
+            description: "Refresh all training status, datasets, jobs, and models",
+            onClick: () => {
+              void refreshAll();
+            },
+            children: t("finetuningview.RefreshAll")
+          }
+        )
+      ] }),
+      errorMessage && /* @__PURE__ */ jsx("div", { className: "mt-3 px-1 py-2 text-sm text-danger", children: errorMessage })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+      /* @__PURE__ */ jsx("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.Status") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 text-sm md:grid-cols-3 xl:grid-cols-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_STATUS_CARD_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Runtime") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold text-txt", children: status?.runtimeAvailable ? t("finetuningview.Ready") : t("finetuningview.Offline") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_STATUS_CARD_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.RunningJobs") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold text-txt", children: status?.runningJobs ?? 0 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_STATUS_CARD_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.QueuedJobs") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold text-txt", children: status?.queuedJobs ?? 0 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_STATUS_CARD_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Datasets") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold text-txt", children: status?.datasetCount ?? 0 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_STATUS_CARD_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Models") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold text-txt", children: status?.modelCount ?? 0 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_STATUS_CARD_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.FailedJobs") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold text-txt", children: status?.failedJobs ?? 0 })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      TrajectoriesSection,
+      {
+        trajectoryList,
+        selectedTrajectory,
+        trajectoryLoading,
+        publishingTrajectories,
+        publishConfigured,
+        onRefresh: () => {
+          void loadTrajectories();
+        },
+        onSelectTrajectory: (trajectoryId) => {
+          void loadTrajectoryDetail(trajectoryId);
+        },
+        onPublishTrajectories: () => {
+          void handlePublishTrajectories();
+        },
+        t
+      }
+    ),
+    /* @__PURE__ */ jsxs("section", { className: FINE_TUNING_SECTION_CLASS, children: [
+      /* @__PURE__ */ jsxs("div", { className: FINE_TUNING_SECTION_HEADER_CLASS, children: [
+        /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-txt", children: t("finetuningview.TrainingAnalysisIndex", {
+          defaultValue: "Training analysis"
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-collect-and-index",
+              label: t("finetuningview.CollectAndIndex", {
+                defaultValue: "Collect and index"
+              }),
+              group: "analysis",
+              description: "Run the full training data collection and build the analysis index",
+              disabled: collectionRunning,
+              onClick: () => {
+                void handleRunTrainingCollection();
+              },
+              children: collectionRunning ? t("finetuningview.Collecting", {
+                defaultValue: "Collecting"
+              }) : t("finetuningview.CollectAndIndex", {
+                defaultValue: "Collect and index"
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-collection-preflight",
+              label: "Run collection preflight",
+              group: "analysis",
+              description: "Run a preflight check of the training data collection without writing artifacts",
+              disabled: collectionPreflightRunning,
+              onClick: () => {
+                void handleRunTrainingCollection(true);
+              },
+              children: collectionPreflightRunning ? "Checking" : "Run collection preflight"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-build-analysis-index",
+              label: t("finetuningview.BuildAnalysisIndex", {
+                defaultValue: "Build index"
+              }),
+              group: "analysis",
+              description: "Build the training analysis index from collected artifacts",
+              disabled: analysisBuilding,
+              onClick: () => {
+                void handleBuildAnalysisIndex();
+              },
+              children: analysisBuilding ? t("finetuningview.Indexing", { defaultValue: "Indexing" }) : t("finetuningview.BuildAnalysisIndex", {
+                defaultValue: "Build index"
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-build-readiness-report",
+              label: t("finetuningview.BuildReadinessReport", {
+                defaultValue: "Readiness report"
+              }),
+              group: "analysis",
+              description: "Build the training readiness report and surface missing checks",
+              disabled: readinessBuilding,
+              onClick: () => {
+                void handleBuildReadinessReport();
+              },
+              children: readinessBuilding ? t("finetuningview.CheckingReadiness", {
+                defaultValue: "Checking"
+              }) : t("finetuningview.BuildReadinessReport", {
+                defaultValue: "Readiness report"
+              })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} p-3 text-sm`, children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-3 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+          /* @__PURE__ */ jsx(
+            AgentCheckboxField,
+            {
+              agentId: "analysis-probe-endpoints",
+              label: "Probe live endpoints",
+              group: "analysis",
+              description: "Probe live endpoints during the collection preflight",
+              checked: collectionPreflightProbe,
+              onChange: setCollectionPreflightProbe
+            }
+          ),
+          "Probe live endpoints"
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 pb-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Natural trajectory import" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted md:col-span-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: "Sanitized JSONL" }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "natural-sanitized-jsonl",
+                  label: "Sanitized JSONL path",
+                  group: "natural-import",
+                  description: "Path to the sanitized trajectory JSONL file",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: naturalSanitizedJsonlPath,
+                  onChange: setNaturalSanitizedJsonlPath,
+                  placeholder: "/path/to/trajectories.sanitized.jsonl"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted md:col-span-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: "Raw JSONL" }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "natural-raw-jsonl",
+                  label: "Raw JSONL path",
+                  group: "natural-import",
+                  description: "Path to the raw trajectory JSONL file",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: naturalRawJsonlPath,
+                  onChange: setNaturalRawJsonlPath,
+                  placeholder: "/path/to/trajectories.raw.jsonl"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: "Run ID" }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "natural-run-id",
+                  label: "Run ID",
+                  group: "natural-import",
+                  description: "Run identifier for the imported trajectories",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: naturalRunId,
+                  onChange: setNaturalRunId,
+                  placeholder: "app-run-1"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: "Task buckets" }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "natural-task-buckets",
+                  label: "Task buckets",
+                  group: "natural-import",
+                  description: "Comma-separated task buckets to import",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: naturalTasks,
+                  onChange: setNaturalTasks,
+                  placeholder: "response,action_planner"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "natural-include-raw",
+                  label: "Include raw trajectories",
+                  group: "natural-import",
+                  description: "Include raw trajectories in the import",
+                  checked: naturalIncludeRaw,
+                  onChange: setNaturalIncludeRaw
+                }
+              ),
+              "Include raw"
+            ] })
+          ] })
+        ] }),
+        readinessReport ? /* @__PURE__ */ jsxs("div", { className: "mb-3 pb-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Readiness") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: readinessReport.report.status })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ReadyChecks") }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+                readinessReport.report.counts.ready ?? 0,
+                "/",
+                readinessReport.report.counts.checks ?? 0
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Missing") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-xs text-txt", children: readinessReport.report.counts.missing ?? 0 })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Report") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: readinessReport.reportPath })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "readiness-open-report",
+                label: "Open readiness report",
+                group: "readiness",
+                description: "Open the readiness report file",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(readinessReport.reportPath)
+                  );
+                },
+                children: "Open readiness report"
+              }
+            ),
+            readinessReport.report.analysisIndexHtmlPath ? /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "readiness-open-viewer",
+                label: "Open readiness viewer",
+                group: "readiness",
+                description: "Open the readiness analysis viewer",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(
+                      readinessReport.report.analysisIndexHtmlPath
+                    )
+                  );
+                },
+                children: "Open readiness viewer"
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "readiness-open-output",
+                label: "Open readiness output",
+                group: "readiness",
+                description: "Open the readiness output directory",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(readinessReport.outputDir)
+                  );
+                },
+                children: "Open readiness output"
+              }
+            )
+          ] }),
+          readinessReport.report.checks.some(
+            (check) => check.status !== "ready"
+          ) ? /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-2", children: readinessReport.report.checks.filter((check) => check.status !== "ready").slice(0, 5).map((check) => /* @__PURE__ */ jsx(
+            ReadinessCheckRow,
+            {
+              check,
+              readinessActionRunning,
+              onRunRecommendation: handleRunReadinessRecommendation,
+              t
+            },
+            check.id
+          )) }) : null
+        ] }) : null,
+        collectionPreflightResult ? /* @__PURE__ */ jsxs("div", { className: "mb-3 pb-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Collection preflight" }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: [
+            "live:",
+            collectionPreflightResult.liveRequired ? "yes" : "no",
+            " ",
+            collectionPreflightResult.checks.map(
+              (check) => `${check.id}:${check.status}${check.path ? `->${check.path}` : ""}`
+            ).join(" | ")
+          ] })
+        ] }) : null,
+        collectionResult ? /* @__PURE__ */ jsxs("div", { className: "mb-3 grid gap-3 pb-2 md:grid-cols-2 xl:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Collection") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.outputDir })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Manifest") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifestPath })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Run summary") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.readmePath }),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "collection-open-summary",
+                label: "Open collection summary",
+                group: "collection-result",
+                description: "Open the collection run summary",
+                className: `${FINE_TUNING_ACTION_CLASS} mt-2`,
+                onClick: () => void openExternalUrl(
+                  localViewerUrl(collectionResult.readmePath)
+                ),
+                children: "Open summary"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Steps") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-xs text-txt", children: collectionResult.manifest.steps.map((step) => `${step.id}:${step.status}`).join(" ") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Viewer") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.analysis.indexHtmlPath }),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "collection-open-viewer",
+                label: "Open collection viewer",
+                group: "collection-result",
+                description: "Open the collection analysis viewer",
+                className: `${FINE_TUNING_ACTION_CLASS} mt-2`,
+                onClick: () => void openExternalUrl(
+                  localViewerUrl(
+                    collectionResult.manifest.analysis.indexHtmlPath
+                  )
+                ),
+                children: "Open viewer"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Collection index" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.collectionIndex.indexHtmlPath }),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "collection-open-index",
+                label: "Open collection index",
+                group: "collection-result",
+                description: "Open the collection index",
+                className: `${FINE_TUNING_ACTION_CLASS} mt-2`,
+                onClick: () => void openExternalUrl(
+                  localViewerUrl(
+                    collectionResult.collectionIndex.indexHtmlPath
+                  )
+                ),
+                children: "Open index"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Readiness") }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+              collectionResult.manifest.readiness.status,
+              " ",
+              collectionResult.manifest.readiness.ready,
+              "/",
+              collectionResult.manifest.readiness.ready + collectionResult.manifest.readiness.partial + collectionResult.manifest.readiness.missing
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Data sources" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+              "hf:",
+              collectionResult.manifest.evidence.dataSources.huggingFaceDatasets,
+              " ",
+              "feed:",
+              collectionResult.manifest.evidence.dataSources.feedDatasets,
+              " ",
+              "natural:",
+              collectionResult.manifest.evidence.dataSources.naturalTrajectoryBundles,
+              " ",
+              "scenarios:",
+              collectionResult.manifest.evidence.dataSources.scenarioRuns,
+              " ",
+              "native:",
+              collectionResult.manifest.evidence.dataSources.scenarioNativeDatasets,
+              " ",
+              "tests:",
+              collectionResult.manifest.evidence.dataSources.testTrajectories,
+              " ",
+              "jsonl:",
+              collectionResult.manifest.evidence.dataSources.trainingJsonlDatasets
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Eval evidence" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+              "evals:",
+              collectionResult.manifest.evidence.evals.evalArtifacts,
+              " ",
+              "matrices:",
+              collectionResult.manifest.evidence.evals.benchmarkMatrices,
+              " ",
+              "models:",
+              collectionResult.manifest.evidence.training.models,
+              formatModelInventorySummary(
+                collectionResult.manifest.evidence.training.modelInventory
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Benchmark evidence" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+              "pairs:",
+              collectionResult.manifest.evidence.benchmarks.actionBenchmarkPairs,
+              " ",
+              "sources:",
+              collectionResult.manifest.evidence.benchmarks.actionBenchmarkMatrixSources,
+              " ",
+              "rows:",
+              collectionResult.manifest.evidence.benchmarks.benchmarkRows,
+              " ",
+              "comparisons:",
+              collectionResult.manifest.evidence.benchmarks.benchmarkComparisons
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Benchmark tiers" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.benchmarks.tiers.length > 0 ? collectionResult.manifest.evidence.benchmarks.tiers.join(
+              ","
+            ) : "none" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Benchmark readiness" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+              "smallest:",
+              collectionResult.manifest.evidence.benchmarkReadiness.smallestTier,
+              " ",
+              "improvement:",
+              collectionResult.manifest.evidence.benchmarkReadiness.baseTrainedImprovement,
+              " ",
+              "all-tier:",
+              collectionResult.manifest.evidence.benchmarkReadiness.allEliza1TierImprovements,
+              " ",
+              "samples:",
+              collectionResult.manifest.evidence.readinessGaps.find(
+                (gap) => gap.id === "readable_source_samples"
+              )?.status ?? "ready"
+            ] })
+          ] }),
+          collectionResult.manifest.evidence.preflight ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Live preflight" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: [
+              "live:",
+              collectionResult.manifest.evidence.preflight.liveRequired ? "yes" : "no",
+              " ",
+              collectionResult.manifest.evidence.preflight.checks.map(
+                (check) => `${check.id}:${check.status}${check.path ? `->${check.path}` : ""}`
+              ).join(" | ")
+            ] })
+          ] }) : null,
+          collectionResult.manifest.evidence.artifactLinks.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Evidence artifacts" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.artifactLinks.slice(0, 8).map(
+              (artifact) => `${artifact.category}:${artifact.title} -> ${artifact.path}`
+            ).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.stepArtifacts?.length ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Step artifact outputs" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.stepArtifacts.flatMap(
+              (step) => step.paths.slice(0, 3).map(
+                (path) => `${step.stepId}:${path.label}->${path.path}${step.command?.length ? ` cmd:${step.command.join(" ")}` : ""}${step.stdout ? ` stdout:${step.stdout}` : ""}${step.stderr ? ` stderr:${step.stderr}` : ""}`
+              )
+            ).slice(0, 8).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.feed?.runs.length ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Feed generation evidence" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.feed.runs.slice(0, 4).map(
+              (run) => `${run.sourceKind ?? run.schema ?? "feed"} ${run.archetype ?? "all"} trajectories:${run.trajectories ?? "n/a"} ticks:${run.totalTicks ?? "n/a"} errors:${run.errors ?? "n/a"} -> ${run.path}`
+            ).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.feed?.trajectorySamples.length ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Feed trajectory samples" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.feed.trajectorySamples.slice(0, 5).map(
+              (sample) => `${sample.trajectoryId ?? "trajectory"} ${sample.archetype ?? "archetype"} scenario:${sample.scenarioId ?? "n/a"} score:${sample.score ?? "n/a"} steps:${sample.steps ?? "n/a"} first:${sample.firstStep ?? "n/a"} input:${sample.firstInput ?? "n/a"} output:${sample.firstOutput ?? "n/a"}`
+            ).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.sourceSamples && Object.values(
+            collectionResult.manifest.evidence.sourceSamples
+          ).flat().length > 0 ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Collection source samples" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: Object.entries(
+              collectionResult.manifest.evidence.sourceSamples
+            ).flatMap(
+              ([category, samples]) => samples.slice(0, 2).map((sample) => {
+                const input = typeof sample.input === "string" ? sample.input : JSON.stringify(sample.input);
+                const output = typeof sample.output === "string" ? sample.output : JSON.stringify(sample.output);
+                return `${category}:${sample.trajectoryId ?? sample.title} task:${sample.task ?? "n/a"} model:${sample.model ?? "n/a"} input:${input ?? "n/a"} output:${output ?? "n/a"}`;
+              })
+            ).slice(0, 8).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.evals.comparisonInventory?.length ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Eval comparison evidence" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.evals.comparisonInventory.slice(0, 5).map(
+              (comparison) => `${comparison.baseModel ?? "base"} -> ${comparison.trainedModel ?? "trained"} backend:${comparison.backend ?? "n/a"} base:${comparison.baseScore ?? "n/a"} trained:${comparison.trainedScore ?? "n/a"} improvement:${comparison.improvementPercent ?? "n/a"}% latency:${comparison.baseLatencyMs ?? "n/a"}ms->${comparison.trainedLatencyMs ?? "n/a"}ms report:${comparison.reportPath ?? comparison.path}`
+            ).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.benchmarks.improvementComparisons.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Benchmark improvement" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.benchmarks.improvementComparisons.slice(0, 5).map(
+              (comparison) => `${comparison.tier ?? "tier"} ${comparison.benchmark ?? "benchmark"} base:${comparison.baseScore ?? "n/a"} trained:${comparison.trainedScore ?? "n/a"} improvement:${comparison.improvementPercent ?? "n/a"}% evidence:${comparison.modelBacked ? "model-backed" : "partial"}`
+            ).join(" | ") })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Baseline progression" }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: [
+              "order:",
+              collectionResult.manifest.evidence.benchmarks.baselineProgress.tierOrder.join(
+                " -> "
+              ),
+              " ",
+              "established:",
+              collectionResult.manifest.evidence.benchmarks.baselineProgress.establishedTiers.join(
+                ","
+              ) || "none",
+              " ",
+              "next:",
+              collectionResult.manifest.evidence.benchmarks.baselineProgress.nextTier ?? "none",
+              " ",
+              "remaining:",
+              collectionResult.manifest.evidence.benchmarks.baselineProgress.remainingTiers.join(
+                ","
+              ) || "none"
+            ] })
+          ] }),
+          collectionResult.manifest.evidence.benchmarks.caseSamples?.length ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Benchmark case samples" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.benchmarks.caseSamples.slice(0, 5).map(
+              (sample) => `${sample.tier ?? "tier"} ${sample.variant ?? "variant"} ${sample.caseId ?? "case"} pass:${sample.pass} input:${sample.prompt ?? "n/a"} expected:${sample.expectedAction ?? "n/a"} actual:${sample.actualAction ?? "n/a"} output:${sample.response ?? "n/a"} trajectory:${sample.trajectoryPath ?? "n/a"}`
+            ).join(" | ") })
+          ] }) : null,
+          collectionResult.manifest.evidence.readinessGaps.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Readiness gaps" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: collectionResult.manifest.evidence.readinessGaps.slice(0, 5).map(
+              (gap) => `${gap.id}:${gap.status}${gap.recommendedCapability ? ` -> ${gap.recommendedCapability}` : ""}`
+            ).join(" | ") })
+          ] }) : null
+        ] }) : null,
+        collectionHistory ? /* @__PURE__ */ jsxs("div", { className: "mb-3 pb-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex flex-wrap items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Saved collection runs" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: collectionHistory.root }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: collectionHistory.indexHtmlPath })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              /* @__PURE__ */ jsx(
+                AgentInlineButton,
+                {
+                  agentId: "collection-history-refresh",
+                  label: "Refresh collection runs",
+                  group: "collection-history",
+                  description: "Reload the saved collection runs list",
+                  className: FINE_TUNING_ACTION_CLASS,
+                  disabled: collectionHistoryLoading,
+                  onClick: () => {
+                    void loadCollectionHistory();
+                  },
+                  children: collectionHistoryLoading ? "Refreshing" : "Refresh runs"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AgentInlineButton,
+                {
+                  agentId: "collection-history-open-index",
+                  label: "Open collection runs index",
+                  group: "collection-history",
+                  description: "Open the saved collection runs index",
+                  className: FINE_TUNING_ACTION_CLASS,
+                  onClick: () => void openExternalUrl(
+                    localViewerUrl(collectionHistory.indexHtmlPath)
+                  ),
+                  children: "Open collection index"
+                }
+              )
+            ] })
+          ] }),
+          collectionHistory.collections.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: collectionHistory.collections.slice(0, 5).map((run) => /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "break-all font-mono text-xs text-txt", children: [
+                run.generatedAt,
+                " ",
+                run.readinessStatus,
+                " ready:",
+                run.readiness.ready,
+                " partial:",
+                run.readiness.partial,
+                " missing:",
+                run.readiness.missing
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: run.outputDir }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: [
+                "artifacts:",
+                run.artifactCount,
+                " steps:",
+                run.stepCounts.succeeded ?? 0,
+                " ok/",
+                run.stepCounts.failed ?? 0,
+                " failed sources hf:",
+                run.dataSources.huggingFaceDatasets,
+                " feed:",
+                run.dataSources.feedDatasets,
+                " natural:",
+                run.dataSources.naturalTrajectoryBundles,
+                " cases:",
+                run.benchmarks.caseSamples,
+                " comparisons:",
+                run.benchmarks.benchmarkComparisons,
+                " tiers:",
+                run.benchmarks.tiers.join(",") || "n/a",
+                run.benchmarks.comparisonInventory?.length ? ` ${run.benchmarks.comparisonInventory.slice(0, 2).map(
+                  (comparison) => `${comparison.tier ?? "tier"} ${comparison.benchmark ?? "benchmark"} base:${comparison.baseScore ?? "n/a"} trained:${comparison.trainedScore ?? "n/a"} reference:${comparison.referenceScore ?? "n/a"} improvement:${comparison.improvementPercent ?? "n/a"}% vs-reference:${comparison.trainedVsReferencePercent ?? "n/a"}% ${comparison.dryRun ? "dry-run" : comparison.modelBacked ? "model-backed" : comparison.useMocks ? "mocked" : "unverified"}`
+                ).join(" ")}` : "",
+                " ",
+                "evals:",
+                run.evals?.evalArtifacts ?? 0,
+                " ",
+                "eval-comparisons:",
+                run.evals?.evalComparisons ?? 0,
+                run.evals?.comparisonInventory?.length ? ` ${run.evals.comparisonInventory.slice(0, 2).map(
+                  (comparison) => `${comparison.baseModel ?? "base"}->${comparison.trainedModel ?? "trained"} improvement:${comparison.improvementPercent ?? "n/a"}%`
+                ).join(" ")}` : ""
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: [
+                "baseline established:",
+                run.benchmarks.baselineProgress.establishedTiers.join(
+                  ","
+                ) || "none",
+                " ",
+                "next:",
+                run.benchmarks.baselineProgress.nextTier ?? "none",
+                " ",
+                "remaining:",
+                run.benchmarks.baselineProgress.remainingTiers.join(
+                  ","
+                ) || "none"
+              ] }),
+              run.training ? /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: [
+                "models:",
+                run.training.models,
+                " training-runs:",
+                run.training.trainingRuns,
+                " inventory:",
+                run.training.modelInventory.length,
+                run.training.modelInventory.length ? ` ${run.training.modelInventory.slice(0, 2).map(
+                  (model) => `${model.tier ?? "tier"} ${model.variant ?? "variant"} ${model.model ?? "model"} base:${model.baseModel ?? "n/a"} score:${model.baseEvalScore ?? "n/a"}->${model.trainedEvalScore ?? "n/a"} output:${model.outputPath ?? "n/a"} improvement:${model.evalImprovementPercent ?? "n/a"}%`
+                ).join(" ")}` : ""
+              ] }) : null,
+              run.readinessGaps?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: [
+                  "gaps:",
+                  " ",
+                  run.readinessGaps.slice(0, 4).map(
+                    (gap) => `${gap.id}:${gap.status}${gap.recommendedCapability ? `->${gap.recommendedCapability}` : ""}`
+                  ).join(" | ")
+                ] }),
+                run.readinessGaps.some(
+                  (gap) => gap.recommendedCapability
+                ) ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: run.readinessGaps.filter(
+                  (gap) => gap.recommendedCapability
+                ).slice(0, 4).map((gap) => /* @__PURE__ */ jsxs(
+                  AgentInlineButton,
+                  {
+                    agentId: `history-gap-${run.manifestPath}-${gap.id}`,
+                    label: `Run recommendation for ${gap.id}`,
+                    group: "collection-history",
+                    description: `Run the recommended action ${gap.recommendedCapability} for gap ${gap.id}`,
+                    title: `${gap.id}: ${gap.recommendedCapability}`,
+                    className: FINE_TUNING_ACTION_CLASS,
+                    disabled: readinessActionRunning === `history:${gap.id}`,
+                    onClick: () => {
+                      const capability = gap.recommendedCapability;
+                      if (!capability) return;
+                      void handleRunReadinessRecommendation(
+                        `history:${gap.id}`,
+                        {
+                          label: gap.label,
+                          capability,
+                          params: gap.recommendedParams ?? {}
+                        }
+                      );
+                    },
+                    children: [
+                      "Run ",
+                      gap.id
+                    ]
+                  },
+                  `${run.manifestPath}:${gap.id}:${gap.recommendedCapability}`
+                )) }) : null
+              ] }) : null,
+              run.coverage ? /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: [
+                "coverage samples:",
+                run.coverage.readableSamples.total,
+                " hf:",
+                run.coverage.dataSources.huggingFace,
+                " feed:",
+                run.coverage.dataSources.feed,
+                " natural:",
+                run.coverage.dataSources.natural,
+                " scenarios:",
+                run.coverage.dataSources.scenarios,
+                " tests:",
+                run.coverage.dataSources.tests,
+                " jsonl:",
+                run.coverage.dataSources.trainingJsonl,
+                " ",
+                "scored-evals:",
+                run.coverage.evals.scoredComparisons,
+                "/",
+                run.coverage.evals.comparisons,
+                " scored-bench:",
+                run.coverage.benchmarks.scoredComparisons,
+                "/",
+                run.coverage.benchmarks.comparisons,
+                " all-tiers:",
+                run.coverage.benchmarks.allEliza1TiersCovered ? "yes" : "no"
+              ] }) : null,
+              run.sourceSamples && Object.values(run.sourceSamples).flat().length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-muted", children: [
+                "source samples:",
+                " ",
+                Object.entries(run.sourceSamples).flatMap(
+                  ([category, samples]) => samples.slice(0, 2).map((sample) => {
+                    const input = compactDisplayValue(
+                      sample.input
+                    );
+                    const output = compactDisplayValue(
+                      sample.output
+                    );
+                    return `${category}:${sample.trajectoryId ?? sample.scenarioId ?? sample.title} task:${sample.task ?? sample.sourceKind ?? "n/a"} input:${input || "n/a"} output:${output || "n/a"}`;
+                  })
+                ).slice(0, 8).join(" | ")
+              ] }) : null,
+              run.sourceArtifacts?.length ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: run.sourceArtifacts.slice(0, 6).map((artifact) => /* @__PURE__ */ jsxs(
+                AgentInlineButton,
+                {
+                  agentId: `history-source-artifact-${run.manifestPath}-${artifact.category}-${artifact.path}`,
+                  label: `Open source artifact ${artifact.category}:${artifact.title}`,
+                  group: "collection-history",
+                  description: `Open the source artifact ${artifact.path}`,
+                  variant: "ghost",
+                  className: FINE_TUNING_ACTION_CLASS,
+                  onClick: () => void openExternalUrl(
+                    localViewerUrl(artifact.path)
+                  ),
+                  children: [
+                    artifact.category,
+                    ":",
+                    artifact.title
+                  ]
+                },
+                `${artifact.category}:${artifact.path}`
+              )) }) : null,
+              run.evidenceArtifacts?.length ? /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: run.evidenceArtifacts.slice(0, 6).map((artifact) => /* @__PURE__ */ jsxs(
+                AgentInlineButton,
+                {
+                  agentId: `history-evidence-artifact-${run.manifestPath}-${artifact.category}-${artifact.path}`,
+                  label: `Open evidence artifact ${artifact.category}:${artifact.title}`,
+                  group: "collection-history",
+                  description: `Open the evidence artifact ${artifact.path}`,
+                  variant: "ghost",
+                  className: FINE_TUNING_ACTION_CLASS,
+                  onClick: () => void openExternalUrl(
+                    localViewerUrl(artifact.path)
+                  ),
+                  children: [
+                    artifact.category,
+                    ":",
+                    artifact.title
+                  ]
+                },
+                `${artifact.category}:${artifact.path}`
+              )) }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              /* @__PURE__ */ jsx(
+                AgentInlineButton,
+                {
+                  agentId: `history-run-viewer-${run.manifestPath}`,
+                  label: `Open saved viewer for ${run.generatedAt}`,
+                  group: "collection-history",
+                  description: "Open the saved collection run viewer",
+                  className: FINE_TUNING_ACTION_CLASS,
+                  onClick: () => void openExternalUrl(
+                    localViewerUrl(run.analysisIndexHtmlPath)
+                  ),
+                  children: "Open saved viewer"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AgentInlineButton,
+                {
+                  agentId: `history-run-summary-${run.manifestPath}`,
+                  label: `Open saved summary for ${run.generatedAt}`,
+                  group: "collection-history",
+                  description: "Open the saved collection run summary",
+                  className: FINE_TUNING_ACTION_CLASS,
+                  onClick: () => void openExternalUrl(
+                    localViewerUrl(run.readmePath)
+                  ),
+                  children: "Open saved summary"
+                }
+              )
+            ] })
+          ] }) }, run.manifestPath)) }) : /* @__PURE__ */ jsx("div", { className: "font-mono text-xs text-muted", children: "None" })
+        ] }) : null,
+        analysisIndex ? /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Artifacts") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: analysisIndex.manifest.artifacts.length })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Viewer") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: analysisIndex.indexHtmlPath }),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "analysis-open-viewer",
+                label: "Open analysis viewer",
+                group: "analysis",
+                description: "Open the analysis index viewer",
+                className: `${FINE_TUNING_ACTION_CLASS} mt-2`,
+                onClick: () => void openExternalUrl(
+                  localViewerUrl(analysisIndex.indexHtmlPath)
+                ),
+                children: "Open viewer"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Manifest") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: analysisIndex.manifestPath })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Output") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: analysisIndex.outputDir })
+          ] }),
+          analysisCoverage ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Source coverage" }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+                "hf:",
+                analysisCoverage.dataSources.huggingFace,
+                " feed:",
+                analysisCoverage.dataSources.feed,
+                " natural:",
+                analysisCoverage.dataSources.natural,
+                " scenarios:",
+                analysisCoverage.dataSources.scenarios,
+                " tests:",
+                analysisCoverage.dataSources.tests,
+                " jsonl:",
+                analysisCoverage.dataSources.trainingJsonl
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Readable samples" }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+                "total:",
+                analysisCoverage.readableSamples.total,
+                " hf:",
+                analysisCoverage.readableSamples.huggingFace,
+                " feed:",
+                analysisCoverage.readableSamples.feed,
+                " natural:",
+                analysisCoverage.readableSamples.natural,
+                " scenarios:",
+                analysisCoverage.readableSamples.scenarios,
+                " tests:",
+                analysisCoverage.readableSamples.tests,
+                " jsonl:",
+                analysisCoverage.readableSamples.trainingJsonl
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Eval coverage" }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 font-mono text-xs text-txt", children: [
+                "evals:",
+                analysisCoverage.evals,
+                " matrices:",
+                analysisCoverage.benchmarkMatrices,
+                " models:",
+                analysisCoverage.models
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Benchmark model stats" }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: [
+                "models:",
+                analysisCoverage.benchmarkModelStats.modelCount,
+                " best:",
+                analysisCoverage.benchmarkModelStats.bestModelId ?? "none",
+                analysisCoverage.benchmarkModelStats.bestAverageScore !== null ? ` avg:${analysisCoverage.benchmarkModelStats.bestAverageScore}` : ""
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Eliza-1 tier coverage" }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: [
+                analysisCoverage.allEliza1TiersCovered ? "all tiers covered" : "partial",
+                " ",
+                analysisCoverage.benchmarkTierCoverage.map(
+                  (tier) => `${tier.tier}:${tier.hasBase ? "base" : "-"}/${tier.hasTrained ? "trained" : "-"}/${tier.hasReference ? "ref" : "-"}/${tier.hasImprovement ? "improvement" : "-"}`
+                ).join(" ")
+              ] })
+            ] }),
+            analysisCoverage.benchmarkComparisons.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Analysis benchmark improvement" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: analysisCoverage.benchmarkComparisons.slice(0, 5).map(
+                (comparison) => `${comparison.tier ?? "tier"} ${comparison.benchmark ?? "benchmark"} base:${comparison.baseScore ?? "n/a"} trained:${comparison.trainedScore ?? "n/a"} reference:${comparison.referenceScore ?? "n/a"} improvement:${comparison.improvementPercent ?? "n/a"}% vs-ref:${comparison.trainedVsReferencePercent ?? "n/a"}%`
+              ).join(" | ") })
+            ] }) : null
+          ] }) : null
+        ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: t("finetuningview.NoAnalysisIndexBuilt") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-4 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.HuggingFaceRepo") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "hf-repo-id",
+                  label: "HuggingFace repo",
+                  group: "hf-ingest",
+                  description: "HuggingFace dataset repo id to ingest",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: hfRepoId,
+                  onChange: setHfRepoId,
+                  placeholder: "elizaos/eliza-1-training"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Revision") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "hf-revision",
+                  label: "HuggingFace revision",
+                  group: "hf-ingest",
+                  description: "Dataset revision/branch to ingest",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: hfRevision,
+                  onChange: setHfRevision,
+                  placeholder: "main"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted md:col-span-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Output") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "hf-output-dir",
+                  label: "HuggingFace output directory",
+                  group: "hf-ingest",
+                  description: "Output directory for the ingested dataset",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: hfOutputDir,
+                  onChange: setHfOutputDir,
+                  placeholder: "default"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted md:col-span-2 xl:col-span-4", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Files") }),
+              /* @__PURE__ */ jsx(
+                AgentTextAreaField,
+                {
+                  agentId: "hf-files",
+                  label: "HuggingFace files",
+                  group: "hf-ingest",
+                  description: "Newline-separated dataset files to ingest",
+                  className: "min-h-24 w-full border-border/60 bg-transparent px-3 py-2 font-mono text-xs text-txt outline-none focus:border-accent",
+                  value: hfFiles,
+                  onChange: setHfFiles
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "hf-dry-run",
+                  label: "HuggingFace ingest dry run",
+                  group: "hf-ingest",
+                  description: "Run the HuggingFace ingest as a dry run",
+                  checked: hfDryRun,
+                  onChange: setHfDryRun
+                }
+              ),
+              t("finetuningview.DryRun")
+            ] }),
+            /* @__PURE__ */ jsx(
+              TrainingActionButton,
+              {
+                agentId: "action-ingest-hf-dataset",
+                label: t("finetuningview.IngestHuggingFaceDataset"),
+                group: "huggingface",
+                description: "Ingest the configured HuggingFace dataset files into a training dataset",
+                disabled: hfIngestRunning,
+                onClick: () => {
+                  void handleIngestHuggingFaceDataset();
+                },
+                children: hfIngestRunning ? t("finetuningview.Ingesting") : t("finetuningview.IngestHuggingFaceDataset")
+              }
+            )
+          ] })
+        ] }),
+        hfIngestResult && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Files") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: hfIngestResult.manifest.counts.files ?? hfIngestResult.manifest.files.length })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Rows") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: hfIngestResult.manifest.counts.jsonlRows ?? 0 })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Manifest") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: hfIngestResult.manifestPath })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Output") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: hfIngestResult.outputDir })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "hf-open-manifest",
+                label: "Open HF manifest",
+                group: "hf-ingest",
+                description: "Open the HuggingFace ingest manifest",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(hfIngestResult.manifestPath)
+                  );
+                },
+                children: "Open HF manifest"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "hf-open-output",
+                label: "Open HF output",
+                group: "hf-ingest",
+                description: "Open the HuggingFace ingest output directory",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(hfIngestResult.outputDir)
+                  );
+                },
+                children: "Open HF output"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-4 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Archetypes") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "feed-archetypes",
+                  label: "Feed archetypes",
+                  group: "feed-gen",
+                  description: "Comma-separated archetypes for feed generation",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: feedArchetypes,
+                  onChange: setFeedArchetypes,
+                  placeholder: "trader"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Agents") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "feed-num-agents",
+                  label: "Feed agents",
+                  group: "feed-gen",
+                  description: "Number of agents for feed generation",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: feedNumAgents,
+                  onChange: setFeedNumAgents,
+                  type: "number"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Ticks") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "feed-ticks",
+                  label: "Feed ticks",
+                  group: "feed-gen",
+                  description: "Number of simulation ticks for feed generation",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: feedTicks,
+                  onChange: setFeedTicks,
+                  type: "number"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Parallel") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "feed-parallel",
+                  label: "Feed parallelism",
+                  group: "feed-gen",
+                  description: "Parallelism for feed generation",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: feedParallel,
+                  onChange: setFeedParallel,
+                  type: "number"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Output") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "feed-output-dir",
+                  label: "Feed output directory",
+                  group: "feed-gen",
+                  description: "Output directory for generated feed trajectories",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: feedOutputDir,
+                  onChange: setFeedOutputDir,
+                  placeholder: "default"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "feed-cleanup",
+                  label: "Feed cleanup",
+                  group: "feed-gen",
+                  description: "Clean up intermediate feed artifacts",
+                  checked: feedCleanup,
+                  onChange: setFeedCleanup
+                }
+              ),
+              t("finetuningview.Cleanup")
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "feed-dry-run",
+                  label: "Feed generation dry run",
+                  group: "feed-gen",
+                  description: "Run feed generation as a dry run",
+                  checked: feedDryRun,
+                  onChange: setFeedDryRun
+                }
+              ),
+              t("finetuningview.DryRun")
+            ] }),
+            /* @__PURE__ */ jsx(
+              TrainingActionButton,
+              {
+                agentId: "action-generate-feed-trajectories",
+                label: t("finetuningview.GenerateFeedTrajectories"),
+                group: "feed",
+                description: "Generate feed simulation trajectories for the configured archetypes",
+                disabled: feedGenerationRunning,
+                onClick: () => {
+                  void handleRunFeedGeneration();
+                },
+                children: feedGenerationRunning ? t("finetuningview.Generating") : t("finetuningview.GenerateFeedTrajectories")
+              }
+            )
+          ] })
+        ] }),
+        feedGenerationResult && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ExitCode") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: feedGenerationResult.exitCode })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Output") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: feedGenerationResult.outputDir })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Command") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: feedGenerationResult.command.join(" ") })
+            ] }),
+            feedGenerationResult.artifacts.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Feed artifacts" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: feedGenerationResult.artifacts.map(
+                (artifact) => `${artifact.schema ?? "feed"}${artifact.sourceKind ? ` source:${artifact.sourceKind}` : ""} trajectories:${artifact.trajectories ?? "n/a"} manifest:${artifact.manifestPath}${artifact.exportPath ? ` export:${artifact.exportPath}` : ""}${artifact.outputDir ? ` output:${artifact.outputDir}` : ""}`
+              ).join(" | ") })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "feed-open-output",
+                label: "Open feed output",
+                group: "feed-gen",
+                description: "Open the feed generation output directory",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(feedGenerationResult.outputDir)
+                  );
+                },
+                children: "Open feed output"
+              }
+            ),
+            feedGenerationResult.artifacts[0]?.manifestPath ? /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "feed-open-manifest",
+                label: "Open feed manifest",
+                group: "feed-gen",
+                description: "Open the feed generation manifest",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(
+                      feedGenerationResult.artifacts[0].manifestPath
+                    )
+                  );
+                },
+                children: "Open feed manifest"
+              }
+            ) : null,
+            feedGenerationResult.artifacts[0]?.exportPath ? /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "feed-open-export",
+                label: "Open feed export",
+                group: "feed-gen",
+                description: "Open the feed generation export",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  const exportPath = feedGenerationResult.artifacts[0]?.exportPath;
+                  if (!exportPath) return;
+                  void openExternalUrl(localViewerUrl(exportPath));
+                },
+                children: "Open feed export"
+              }
+            ) : null
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-4 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Scenario") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "scenario-filter",
+                  label: "Scenario filter",
+                  group: "scenarios",
+                  description: "Filter expression to select scenarios to run",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: scenarioFilter,
+                  onChange: setScenarioFilter,
+                  placeholder: "deterministic-pr-smoke"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted sm:col-span-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Output") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "scenario-output-dir",
+                  label: "Scenario output directory",
+                  group: "scenarios",
+                  description: "Output directory for scenario results",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: scenarioOutputDir,
+                  onChange: setScenarioOutputDir,
+                  placeholder: "default"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "scenario-export-native",
+                  label: "Export native trajectories",
+                  group: "scenarios",
+                  description: "Export native trajectories from scenario runs",
+                  checked: scenarioExportNative,
+                  onChange: setScenarioExportNative
+                }
+              ),
+              t("finetuningview.ExportNative")
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "scenario-deterministic-proxy",
+                  label: "Deterministic proxy",
+                  group: "scenarios",
+                  description: "Use a deterministic proxy for scenario runs",
+                  checked: scenarioDeterministicProxy,
+                  onChange: setScenarioDeterministicProxy
+                }
+              ),
+              t("finetuningview.Proxy")
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "scenario-dry-run",
+                  label: "Scenario dry run",
+                  group: "scenarios",
+                  description: "Run the scenario suite as a dry run",
+                  checked: scenarioDryRun,
+                  onChange: setScenarioDryRun
+                }
+              ),
+              t("finetuningview.DryRun")
+            ] }),
+            /* @__PURE__ */ jsx(
+              TrainingActionButton,
+              {
+                agentId: "action-run-scenarios",
+                label: t("finetuningview.RunScenarios"),
+                group: "scenarios",
+                description: "Run the configured scenario suite and export native trajectories",
+                disabled: scenarioRunning,
+                onClick: () => {
+                  void handleRunScenarios();
+                },
+                children: scenarioRunning ? t("finetuningview.RunningScenarios") : t("finetuningview.RunScenarios")
+              }
+            )
+          ] })
+        ] }),
+        scenarioResult && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ExitCode") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: scenarioResult.exitCode })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Matrix") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: scenarioResult.matrixPath })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Viewer") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: scenarioResult.viewerHtmlPath })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.NativeJsonl") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: scenarioResult.nativeJsonlPath ?? "n/a" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Command") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: scenarioResult.command.join(" ") })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "scenario-open-viewer",
+                label: "Open scenario viewer",
+                group: "scenarios",
+                description: "Open the scenario results viewer",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(scenarioResult.viewerHtmlPath)
+                  );
+                },
+                children: "Open scenario viewer"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "scenario-open-matrix",
+                label: "Open scenario matrix",
+                group: "scenarios",
+                description: "Open the scenario results matrix",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(scenarioResult.matrixPath)
+                  );
+                },
+                children: "Open scenario matrix"
+              }
+            ),
+            scenarioResult.nativeJsonlPath ? /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "scenario-open-native-jsonl",
+                label: "Open native JSONL",
+                group: "scenarios",
+                description: "Open the scenario native JSONL export",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  if (scenarioResult.nativeJsonlPath) {
+                    void openExternalUrl(
+                      localViewerUrl(scenarioResult.nativeJsonlPath)
+                    );
+                  }
+                },
+                children: "Open native JSONL"
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "scenario-open-output",
+                label: "Open scenario output",
+                group: "scenarios",
+                description: "Open the scenario output directory",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(scenarioResult.outputDir)
+                  );
+                },
+                children: "Open scenario output"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-4 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted md:col-span-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Manifest") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "eval-manifest-path",
+                  label: "Eval manifest path",
+                  group: "eval-comparison",
+                  description: "Training manifest path for the eval comparison",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: evalComparisonManifestPath,
+                  onChange: setEvalComparisonManifestPath,
+                  placeholder: "training manifest path"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.BaseModel") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "eval-base-model",
+                  label: "Eval base model",
+                  group: "eval-comparison",
+                  description: "Base model id for the eval comparison",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: evalComparisonBaseModel,
+                  onChange: setEvalComparisonBaseModel,
+                  placeholder: "eliza-1-2b-base"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.TrainedModel") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "eval-trained-model",
+                  label: "Eval trained model",
+                  group: "eval-comparison",
+                  description: "Trained model path for the eval comparison",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: evalComparisonTrainedModelPath,
+                  onChange: setEvalComparisonTrainedModelPath,
+                  placeholder: "eliza-1-2b-trained"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Backend") }),
+              /* @__PURE__ */ jsxs(
+                AgentNativeSelect,
+                {
+                  agentId: "eval-backend",
+                  label: "Eval backend",
+                  group: "eval-comparison",
+                  description: "Compute backend for the eval comparison",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: evalComparisonBackend,
+                  onChange: (value) => setEvalComparisonBackend(value),
+                  options: ["cpu", "mlx", "cuda"],
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "cpu", children: "cpu" }),
+                    /* @__PURE__ */ jsx("option", { value: "mlx", children: "mlx" }),
+                    /* @__PURE__ */ jsx("option", { value: "cuda", children: "cuda" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted md:col-span-2 xl:col-span-5", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Output") }),
+              /* @__PURE__ */ jsx(
+                AgentTextField,
+                {
+                  agentId: "eval-output-dir",
+                  label: "Eval output directory",
+                  group: "eval-comparison",
+                  description: "Output directory for the eval comparison",
+                  className: AGENT_FIELD_INPUT_CLASS,
+                  value: evalComparisonOutputDir,
+                  onChange: setEvalComparisonOutputDir,
+                  placeholder: "default"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "eval-include-in-collection",
+                  label: "Include eval in collection",
+                  group: "eval-comparison",
+                  description: "Include the eval comparison in the collection run",
+                  checked: evalComparisonEnabled,
+                  onChange: setEvalComparisonEnabled
+                }
+              ),
+              t("finetuningview.IncludeInCollection")
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+              /* @__PURE__ */ jsx(
+                AgentCheckboxField,
+                {
+                  agentId: "eval-dry-run",
+                  label: "Eval comparison dry run",
+                  group: "eval-comparison",
+                  description: "Run the eval comparison as a dry run",
+                  checked: evalComparisonDryRun,
+                  onChange: setEvalComparisonDryRun
+                }
+              ),
+              t("finetuningview.DryRun")
+            ] }),
+            /* @__PURE__ */ jsx(
+              TrainingActionButton,
+              {
+                agentId: "action-run-eval-comparison",
+                label: t("finetuningview.RunEvalComparison"),
+                group: "eval-comparison",
+                description: "Run a local eval comparison between the base and trained models",
+                disabled: evalComparisonRunning,
+                onClick: () => {
+                  void handleRunEvalComparison();
+                },
+                children: evalComparisonRunning ? t("finetuningview.Evaluating") : t("finetuningview.RunEvalComparison")
+              }
+            )
+          ] })
+        ] }),
+        evalComparisonResult && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ExitCode") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: evalComparisonResult.exitCode })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Artifact") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: evalComparisonResult.artifactPath })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Report") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: evalComparisonResult.reportPath })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Command") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: evalComparisonResult.command.join(" ") })
+            ] }),
+            formatEvalComparisonSummary(evalComparisonResult) ? /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 xl:col-span-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Eval metrics" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: formatEvalComparisonSummary(evalComparisonResult) })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "eval-open-artifact",
+                label: "Open eval artifact",
+                group: "eval-comparison",
+                description: "Open the eval comparison artifact",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(evalComparisonResult.artifactPath)
+                  );
+                },
+                children: "Open eval artifact"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "eval-open-report",
+                label: "Open eval report",
+                group: "eval-comparison",
+                description: "Open the eval comparison report",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(evalComparisonResult.reportPath)
+                  );
+                },
+                children: "Open eval report"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AgentInlineButton,
+              {
+                agentId: "eval-open-output",
+                label: "Open eval output",
+                group: "eval-comparison",
+                description: "Open the eval comparison output directory",
+                className: FINE_TUNING_ACTION_CLASS,
+                onClick: () => {
+                  void openExternalUrl(
+                    localViewerUrl(evalComparisonResult.outputDir)
+                  );
+                },
+                children: "Open eval output"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Tiers") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "benchmark-tiers",
+                label: "Benchmark tiers",
+                group: "benchmark",
+                description: "Comma-separated benchmark tiers to run",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkTiers,
+                onChange: setBenchmarkTiers,
+                placeholder: ELIZA_ONE_BENCHMARK_TIER_LIST
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Benchmark") }),
+            /* @__PURE__ */ jsxs(
+              AgentNativeSelect,
+              {
+                agentId: "benchmark-kind",
+                label: "Benchmark kind",
+                group: "benchmark",
+                description: "Which benchmark suite to run",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkKind,
+                onChange: (value) => setBenchmarkKind(
+                  value
+                ),
+                options: [
+                  "eliza_harness_action_selection",
+                  "hermes",
+                  "clawbench",
+                  "all"
+                ],
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "eliza_harness_action_selection", children: "eliza_harness_action_selection" }),
+                  /* @__PURE__ */ jsx("option", { value: "hermes", children: "hermes" }),
+                  /* @__PURE__ */ jsx("option", { value: "clawbench", children: "clawbench" }),
+                  /* @__PURE__ */ jsx("option", { value: "all", children: "all" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Variants") }),
+            /* @__PURE__ */ jsxs(
+              AgentNativeSelect,
+              {
+                agentId: "benchmark-variants",
+                label: "Benchmark variants",
+                group: "benchmark",
+                description: "Which model variants to benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkVariants,
+                onChange: (value) => setBenchmarkVariants(value),
+                options: ["both", "base", "trained"],
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "both", children: "both" }),
+                  /* @__PURE__ */ jsx("option", { value: "base", children: "base" }),
+                  /* @__PURE__ */ jsx("option", { value: "trained", children: "trained" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.MaxSamples") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "benchmark-max-samples",
+                label: "Benchmark max samples",
+                group: "benchmark",
+                description: "Maximum samples per benchmark run",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkMaxSamples,
+                onChange: setBenchmarkMaxSamples,
+                type: "number",
+                placeholder: "50"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.ResultsDb") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "benchmark-results-db",
+                label: "Benchmark results DB",
+                group: "benchmark",
+                description: "Path to the benchmark results database",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkResultsDb,
+                onChange: setBenchmarkResultsDb,
+                placeholder: "default"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted sm:col-span-2 xl:col-span-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.TrainedModelPath") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "benchmark-trained-model-path",
+                label: "Benchmark trained model path",
+                group: "benchmark",
+                description: "Path to the trained model for benchmarking",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkTrainedModelPath,
+                onChange: setBenchmarkTrainedModelPath,
+                placeholder: "packages/training/checkpoints/eliza-1-2b/final"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.MatrixOutput") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "benchmark-matrix-output",
+                label: "Benchmark matrix output",
+                group: "benchmark",
+                description: "Output directory for the benchmark matrix",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: benchmarkMatrixOutputDir,
+                onChange: setBenchmarkMatrixOutputDir,
+                placeholder: "default"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+            /* @__PURE__ */ jsx(
+              AgentCheckboxField,
+              {
+                agentId: "benchmark-dry-run",
+                label: "Benchmark dry run",
+                group: "benchmark",
+                description: "Run the benchmark suite as a dry run",
+                checked: benchmarkDryRun,
+                onChange: setBenchmarkDryRun
+              }
+            ),
+            t("finetuningview.DryRun")
+          ] }),
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-run-benchmark-vs-cerebras",
+              label: t("finetuningview.RunBenchmarkVsCerebras"),
+              group: "benchmark",
+              description: "Run the benchmark-vs-Cerebras suite for the configured tiers and variants",
+              disabled: benchmarkRunning,
+              onClick: () => {
+                void handleRunBenchmarkVsCerebras();
+              },
+              children: benchmarkRunning ? t("finetuningview.RunningBenchmark") : t("finetuningview.RunBenchmarkVsCerebras")
+            }
+          )
+        ] })
+      ] }),
+      benchmarkResult && /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-3 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ExitCode") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: benchmarkResult.exitCode })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ResultsDb") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: benchmarkResult.resultsDb ?? t("finetuningview.None") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.MatrixOutput") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: benchmarkResult.matrixOutputDir ?? t("finetuningview.None") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.MatrixArtifact") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: benchmarkResult.matrixArtifactPath ?? t("finetuningview.None") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Output") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: benchmarkResult.outputDir })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Command") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: benchmarkResult.command.join(" ") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          benchmarkResult.matrixArtifactPath ? /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "benchmark-open-matrix-artifact",
+              label: "Open matrix artifact",
+              group: "benchmark",
+              description: "Open the benchmark matrix artifact",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                if (benchmarkResult.matrixArtifactPath) {
+                  void openExternalUrl(
+                    localViewerUrl(benchmarkResult.matrixArtifactPath)
+                  );
+                }
+              },
+              children: "Open matrix artifact"
+            }
+          ) : null,
+          benchmarkResult.outputDir ? /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "benchmark-open-output",
+              label: "Open benchmark output",
+              group: "benchmark",
+              description: "Open the benchmark output directory",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(benchmarkResult.outputDir)
+                );
+              },
+              children: "Open benchmark output"
+            }
+          ) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.BundleRepo") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "bundle-repo-id",
+                label: "Bundle repo",
+                group: "bundle-stage",
+                description: "HuggingFace repo id for the bundle",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: bundleStageRepoId,
+                onChange: setBundleStageRepoId,
+                placeholder: "elizaos/eliza-1"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.BundleTier") }),
+            /* @__PURE__ */ jsxs(
+              AgentNativeSelect,
+              {
+                agentId: "bundle-tier",
+                label: "Bundle tier",
+                group: "bundle-stage",
+                description: "Model tier to stage",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: bundleStageTier,
+                onChange: setBundleStageTier,
+                options: ["2b", "4b", "9b", "27b", "27b-256k"],
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "2b", children: "2b" }),
+                  /* @__PURE__ */ jsx("option", { value: "4b", children: "4b" }),
+                  /* @__PURE__ */ jsx("option", { value: "9b", children: "9b" }),
+                  /* @__PURE__ */ jsx("option", { value: "27b", children: "27b" }),
+                  /* @__PURE__ */ jsx("option", { value: "27b-256k", children: "27b-256k" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.LocalDir") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "bundle-local-dir",
+                label: "Bundle local directory",
+                group: "bundle-stage",
+                description: "Local directory to stage the bundle into",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: bundleStageLocalDir,
+                onChange: setBundleStageLocalDir,
+                placeholder: "/tmp/eliza-1-bundles"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.MaxBytes") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "bundle-max-bytes",
+                label: "Bundle max bytes",
+                group: "bundle-stage",
+                description: "Maximum bytes to stage for the bundle",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: bundleStageMaxBytes,
+                onChange: setBundleStageMaxBytes,
+                type: "number"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted sm:col-span-2 xl:col-span-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.ManifestOutput") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "bundle-output-dir",
+                label: "Bundle manifest output",
+                group: "bundle-stage",
+                description: "Output directory for the bundle manifest",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: bundleStageOutputDir,
+                onChange: setBundleStageOutputDir,
+                placeholder: "default"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+            /* @__PURE__ */ jsx(
+              AgentCheckboxField,
+              {
+                agentId: "bundle-apply",
+                label: "Apply bundle",
+                group: "bundle-stage",
+                description: "Apply the staged bundle",
+                checked: bundleStageApply,
+                onChange: setBundleStageApply
+              }
+            ),
+            t("finetuningview.Apply")
+          ] }),
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-stage-eliza1-bundle",
+              label: t("finetuningview.StageEliza1Bundle"),
+              group: "bundle",
+              description: "Stage the Eliza-1 model bundle for the configured repo and tier",
+              disabled: bundleStageRunning,
+              onClick: () => {
+                void handleStageEliza1Bundle();
+              },
+              children: bundleStageRunning ? t("finetuningview.StagingBundle") : t("finetuningview.StageEliza1Bundle")
+            }
+          )
+        ] })
+      ] }),
+      bundleStageResult && /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-3 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ExitCode") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: bundleStageResult.exitCode })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.PlannedBytes") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: String(
+              bundleStageResult.plan?.plannedBytes ?? t("finetuningview.None")
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.FileCount") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: String(
+              bundleStageResult.plan?.fileCount ?? t("finetuningview.None")
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.BundleDir") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: String(
+              bundleStageResult.plan?.bundleDir ?? t("finetuningview.None")
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Manifest") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: bundleStageResult.manifestPath })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Command") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: bundleStageResult.command.join(" ") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "bundle-open-manifest",
+              label: "Open bundle manifest",
+              group: "bundle-stage",
+              description: "Open the bundle manifest",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(bundleStageResult.manifestPath)
+                );
+              },
+              children: "Open bundle manifest"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "bundle-open-output",
+              label: "Open bundle output",
+              group: "bundle-stage",
+              description: "Open the bundle output directory",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(bundleStageResult.outputDir)
+                );
+              },
+              children: "Open bundle output"
+            }
+          ),
+          bundleStageResult.plan?.bundleDir ? /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "bundle-open-dir",
+              label: "Open bundle directory",
+              group: "bundle-stage",
+              description: "Open the staged bundle directory",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                const bundleDir = typeof bundleStageResult.plan?.bundleDir === "string" ? bundleStageResult.plan.bundleDir : null;
+                if (!bundleDir) return;
+                void openExternalUrl(localViewerUrl(bundleDir));
+              },
+              children: "Open bundle dir"
+            }
+          ) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-3 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.ActionBenchmarkFilter") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-filter",
+                label: "Action benchmark filter",
+                group: "action-benchmark",
+                description: "Case id filter for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkFilter,
+                onChange: setActionBenchmarkFilter,
+                placeholder: "case-id[,case-id]"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.RunsPerCase") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-runs-per-case",
+                label: "Action benchmark runs per case",
+                group: "action-benchmark",
+                description: "Number of runs per benchmark case",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkRunsPerCase,
+                onChange: setActionBenchmarkRunsPerCase,
+                type: "number"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted sm:col-span-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Output") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-output-dir",
+                label: "Action benchmark output directory",
+                group: "action-benchmark",
+                description: "Output directory for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkOutputDir,
+                onChange: setActionBenchmarkOutputDir,
+                placeholder: "default"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Model") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-model-id",
+                label: "Action benchmark model",
+                group: "action-benchmark",
+                description: "Model id for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkModelId,
+                onChange: setActionBenchmarkModelId
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.BaseModel") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-base-model-id",
+                label: "Action benchmark base model",
+                group: "action-benchmark",
+                description: "Base model id for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkBaseModelId,
+                onChange: setActionBenchmarkBaseModelId
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.CollectionTiers") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-pair-tiers",
+                label: "Action benchmark collection tiers",
+                group: "action-benchmark",
+                description: "Collection tiers for the paired action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkPairTiers,
+                onChange: setActionBenchmarkPairTiers,
+                placeholder: `${ELIZA_ONE_BENCHMARK_TIER_LIST} or all`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.RuntimeModel") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-runtime-model",
+                label: "Action benchmark runtime model",
+                group: "action-benchmark",
+                description: "Runtime model for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkRuntimeModel,
+                onChange: setActionBenchmarkRuntimeModel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.BaseRuntimeModel") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-base-runtime-model",
+                label: "Action benchmark base runtime model",
+                group: "action-benchmark",
+                description: "Base runtime model for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkBaseRuntimeModel,
+                onChange: setActionBenchmarkBaseRuntimeModel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Provider") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-provider",
+                label: "Action benchmark provider",
+                group: "action-benchmark",
+                description: "Provider for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkProvider,
+                onChange: setActionBenchmarkProvider
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.BaseUrl") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-base-url",
+                label: "Action benchmark base URL",
+                group: "action-benchmark",
+                description: "Base URL for the action benchmark provider",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkBaseUrl,
+                onChange: setActionBenchmarkBaseUrl
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Variant") }),
+            /* @__PURE__ */ jsxs(
+              AgentNativeSelect,
+              {
+                agentId: "action-benchmark-variant",
+                label: "Action benchmark variant",
+                group: "action-benchmark",
+                description: "Model variant for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkVariant,
+                onChange: (value) => setActionBenchmarkVariant(
+                  value
+                ),
+                options: ["trained", "base", "reference"],
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "trained", children: "trained" }),
+                  /* @__PURE__ */ jsx("option", { value: "base", children: "base" }),
+                  /* @__PURE__ */ jsx("option", { value: "reference", children: "reference" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Tier") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-tier",
+                label: "Action benchmark tier",
+                group: "action-benchmark",
+                description: "Tier for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkTier,
+                onChange: setActionBenchmarkTier
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.Benchmark") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-matrix-benchmark",
+                label: "Action benchmark name",
+                group: "action-benchmark",
+                description: "Benchmark name for the action benchmark matrix",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkMatrixBenchmark,
+                onChange: setActionBenchmarkMatrixBenchmark
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted sm:col-span-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-[0.14em]", children: t("finetuningview.DatasetVersion") }),
+            /* @__PURE__ */ jsx(
+              AgentTextField,
+              {
+                agentId: "action-benchmark-dataset-version",
+                label: "Action benchmark dataset version",
+                group: "action-benchmark",
+                description: "Dataset version for the action benchmark",
+                className: AGENT_FIELD_INPUT_CLASS,
+                value: actionBenchmarkDatasetVersion,
+                onChange: setActionBenchmarkDatasetVersion
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+            /* @__PURE__ */ jsx(
+              AgentCheckboxField,
+              {
+                agentId: "action-benchmark-pair-enabled",
+                label: "Pair base and trained",
+                group: "action-benchmark",
+                description: "Pair base and trained variants in the action benchmark",
+                checked: actionBenchmarkPairEnabled,
+                onChange: setActionBenchmarkPairEnabled
+              }
+            ),
+            t("finetuningview.PairBaseTrained")
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+            /* @__PURE__ */ jsx(
+              AgentCheckboxField,
+              {
+                agentId: "action-benchmark-use-mocks",
+                label: "Use mocks",
+                group: "action-benchmark",
+                description: "Use mocked responses in the action benchmark",
+                checked: actionBenchmarkUseMocks,
+                onChange: setActionBenchmarkUseMocks
+              }
+            ),
+            t("finetuningview.UseMocks")
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+            /* @__PURE__ */ jsx(
+              AgentCheckboxField,
+              {
+                agentId: "action-benchmark-capture",
+                label: "Capture trajectories",
+                group: "action-benchmark",
+                description: "Capture trajectories during the action benchmark",
+                checked: actionBenchmarkCapture,
+                onChange: setActionBenchmarkCapture
+              }
+            ),
+            t("finetuningview.CaptureTrajectories")
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-2 px-1 text-xs font-semibold uppercase tracking-[0.14em] text-muted", children: [
+            /* @__PURE__ */ jsx(
+              AgentCheckboxField,
+              {
+                agentId: "action-benchmark-dry-run",
+                label: "Action benchmark dry run",
+                group: "action-benchmark",
+                description: "Run the action benchmark as a dry run",
+                checked: actionBenchmarkDryRun,
+                onChange: setActionBenchmarkDryRun
+              }
+            ),
+            t("finetuningview.DryRun")
+          ] }),
+          /* @__PURE__ */ jsx(
+            TrainingActionButton,
+            {
+              agentId: "action-run-action-benchmark",
+              label: t("finetuningview.RunActionBenchmark"),
+              group: "action-benchmark",
+              description: "Run the action-selection benchmark for the configured model and tier",
+              disabled: actionBenchmarkRunning,
+              onClick: () => {
+                void handleRunActionBenchmark();
+              },
+              children: actionBenchmarkRunning ? t("finetuningview.RunningBenchmark") : t("finetuningview.RunActionBenchmark")
+            }
+          )
+        ] })
+      ] }),
+      actionBenchmarkResult && /* @__PURE__ */ jsxs("div", { className: `${FINE_TUNING_PANEL_CLASS} mt-3 p-3 text-sm`, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.ExitCode") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-mono text-txt", children: actionBenchmarkResult.exitCode })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Report") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: actionBenchmarkResult.reportJsonPath })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Trajectories") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: actionBenchmarkResult.trajectoryDir })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Output") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: actionBenchmarkResult.outputDir })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.14em] text-muted/70", children: t("finetuningview.Command") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 break-all font-mono text-xs text-txt", children: actionBenchmarkResult.command.join(" ") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "action-benchmark-open-report",
+              label: "Open action report",
+              group: "action-benchmark",
+              description: "Open the action benchmark report",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(actionBenchmarkResult.reportJsonPath)
+                );
+              },
+              children: "Open action report"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "action-benchmark-open-summary",
+              label: "Open action summary",
+              group: "action-benchmark",
+              description: "Open the action benchmark summary",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(actionBenchmarkResult.reportMarkdownPath)
+                );
+              },
+              children: "Open action summary"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "action-benchmark-open-trajectories",
+              label: "Open action trajectories",
+              group: "action-benchmark",
+              description: "Open the action benchmark trajectories directory",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(actionBenchmarkResult.trajectoryDir)
+                );
+              },
+              children: "Open action trajectories"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AgentInlineButton,
+            {
+              agentId: "action-benchmark-open-output",
+              label: "Open action output",
+              group: "action-benchmark",
+              description: "Open the action benchmark output directory",
+              className: FINE_TUNING_ACTION_CLASS,
+              onClick: () => {
+                void openExternalUrl(
+                  localViewerUrl(actionBenchmarkResult.outputDir)
+                );
+              },
+              children: "Open action output"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DatasetSection,
+      {
+        buildLimit,
+        setBuildLimit,
+        buildMinCalls,
+        setBuildMinCalls,
+        datasetBuilding,
+        onBuildDataset,
+        onRefreshDatasets,
+        datasets,
+        selectedDatasetId,
+        setSelectedDatasetId,
+        t
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TrainingJobsSection,
+      {
+        selectedDatasetId,
+        setSelectedDatasetId,
+        datasets,
+        startBackend,
+        setStartBackend,
+        startModel,
+        setStartModel,
+        startIterations,
+        setStartIterations,
+        startBatchSize,
+        setStartBatchSize,
+        startLearningRate,
+        setStartLearningRate,
+        startingJob,
+        activeRunningJob,
+        onStartJob,
+        onRefreshJobs,
+        jobs,
+        selectedJobId,
+        setSelectedJobId,
+        cancellingJobId,
+        onCancelJob,
+        selectedJob,
+        t
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TrainedModelsSection,
+      {
+        models,
+        selectedModelId,
+        setSelectedModelId,
+        selectedModel,
+        importModelName,
+        setImportModelName,
+        importBaseModel,
+        setImportBaseModel,
+        importOllamaUrl,
+        setImportOllamaUrl,
+        activateProviderModel,
+        setActivateProviderModel,
+        modelAction,
+        smokeResult,
+        onImport: onImportModel,
+        onActivate: onActivateModel,
+        onBenchmark: onBenchmarkModel,
+        onSmokeTest: onSmokeTestModel,
+        t
+      }
+    ),
+    /* @__PURE__ */ jsx(LiveEventsPanel, { events: trainingEvents, t })
+  ] }) });
+}
+function formatDashboardNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value.toLocaleString() : "0";
+}
+function FineTuningDetailMetric({
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 rounded-md border border-border/45 bg-card/35 p-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-1 truncate text-sm font-semibold text-foreground", children: value })
+  ] });
+}
+function FineTuningDetailExtension({ app }) {
+  const [history, setHistory] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [runningGapId, setRunningGapId] = useState(null);
+  const [errorMessage, setErrorMessage] = useState(null);
+  const refreshCollections = useCallback(async () => {
+    setLoading(true);
+    setErrorMessage(null);
+    try {
+      setHistory(await client.listTrainingCollections({ limit: 3 }));
+    } catch (err) {
+      setErrorMessage(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    void refreshCollections();
+  }, [refreshCollections]);
+  const runGapRecommendation = useCallback(
+    async (gap) => {
+      if (!gap.recommendedCapability) return;
+      setRunningGapId(gap.id);
+      setErrorMessage(null);
+      try {
+        await interact(gap.recommendedCapability, gap.recommendedParams ?? {});
+        await refreshCollections();
+      } catch (err) {
+        setErrorMessage(err instanceof Error ? err.message : String(err));
+      } finally {
+        setRunningGapId(null);
+      }
+    },
+    [refreshCollections]
+  );
+  const latest = history?.collections[0] ?? null;
+  const coverage = latest?.coverage;
+  const dataSources = latest ? Object.values(latest.dataSources).reduce((sum, count) => sum + count, 0) : 0;
+  const readableSamples = coverage?.readableSamples.total ?? 0;
+  const scoredComparisons = coverage?.benchmarks.scoredComparisons ?? latest?.benchmarks.benchmarkComparisons ?? 0;
+  const modelCount = coverage?.models.inventoryCount ?? coverage?.models.artifacts ?? 0;
+  const baseline = latest?.benchmarks.baselineProgress;
+  const topGaps = latest?.readinessGaps.slice(0, 3) ?? [];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "fine-tuning-detail-extension",
+      className: "flex flex-col gap-3 px-1 py-2",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: app.displayName ?? "Fine Tuning" }),
+            /* @__PURE__ */ jsx("h3", { className: "mt-1 truncate text-sm font-semibold text-foreground", children: latest ? "Latest training collection" : "Training collection" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted", children: latest ? `${latest.readinessStatus} readiness, ${latest.artifactCount} artifacts` : "None" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => void refreshCollections(),
+              disabled: loading,
+              children: loading ? "Refreshing" : "Refresh"
+            }
+          )
+        ] }),
+        errorMessage ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive/35 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: errorMessage }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsx(
+            FineTuningDetailMetric,
+            {
+              label: "Data sources",
+              value: formatDashboardNumber(dataSources)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FineTuningDetailMetric,
+            {
+              label: "Readable samples",
+              value: formatDashboardNumber(readableSamples)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FineTuningDetailMetric,
+            {
+              label: "Scored evals",
+              value: formatDashboardNumber(scoredComparisons)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FineTuningDetailMetric,
+            {
+              label: "Models",
+              value: formatDashboardNumber(modelCount)
+            }
+          )
+        ] }),
+        latest ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-md border border-border/40 bg-bg/20 p-3 text-xs text-muted", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted", children: "Generated " }),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: latest.generatedAt })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted", children: "Tiers " }),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: latest.benchmarks.tiers.length ? latest.benchmarks.tiers.join(", ") : "none" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted", children: "Readiness " }),
+              /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
+                latest.readiness.ready,
+                " ready / ",
+                latest.readiness.partial,
+                " ",
+                "partial / ",
+                latest.readiness.missing,
+                " missing"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted", children: "Steps " }),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: Object.entries(latest.stepCounts).map(([status, count]) => `${status}:${count}`).join(" ") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted", children: "Baseline " }),
+              /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
+                "established",
+                " ",
+                baseline?.establishedTiers.length ? baseline.establishedTiers.join(", ") : "none",
+                " ",
+                "/ next ",
+                baseline?.nextTier ?? "none"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted", children: "Remaining " }),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: baseline?.remainingTiers.length ? baseline.remainingTiers.join(", ") : "none" })
+            ] })
+          ] }),
+          topGaps.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 rounded border border-border/35 bg-card/25 p-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: "Next gaps" }),
+            topGaps.map((gap) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "truncate text-xs font-semibold text-foreground", children: [
+                      gap.id,
+                      ":",
+                      gap.status
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "line-clamp-2 text-xs text-muted", children: gap.note })
+                  ] }),
+                  gap.recommendedCapability ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => void runGapRecommendation(gap),
+                      disabled: runningGapId === gap.id,
+                      title: gap.recommendedCapability,
+                      children: runningGapId === gap.id ? "Running" : "Run"
+                    }
+                  ) : null
+                ]
+              },
+              gap.id
+            ))
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 pt-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => void openExternalUrl(
+                  localViewerUrl(latest.analysisIndexHtmlPath)
+                ),
+                children: "Open analysis"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => void openExternalUrl(localViewerUrl(latest.readmePath)),
+                children: "Open README"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => void openExternalUrl(localViewerUrl(latest.manifestPath)),
+                children: "Open manifest"
+              }
+            ),
+            history?.indexHtmlPath ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => void openExternalUrl(localViewerUrl(history.indexHtmlPath)),
+                children: "Open run index"
+              }
+            ) : null
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+}
+registerDetailExtension(FINE_TUNING_DETAIL_PANEL_ID, FineTuningDetailExtension);
+export {
+  FineTuningDetailExtension,
+  FineTuningView
+};
+//# sourceMappingURL=FineTuningView.js.map