diff --git a/README.md b/README.md
index 676ae8b..2651b87 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ Console is a Go backend-for-frontend with a React UI compiled into the same bina
 
 - **Identity and access control.** Users, roles and login history stored as Kubernetes CRDs; OAuth2 password login with HS256 tokens; Kubernetes-RBAC-style roles that gate both pages and backend APIs. The seeded administrator is asked to set a password on first login.
 - **Model deployment.** With [Swiss](https://github.com/modelsphere/swiss) on the cluster, browse the model catalog and deploy, upgrade and uninstall models, with a diff before every change and the GPU nodes they run on.
-- **Canary experiments.** When the Canary backend is configured, each experiment arm selects its own v2 model catalog, then a model and variant within it. The catalog selector defaults to `upstreamv2` when available, otherwise the supported environment default or first supported catalog. Changing catalogs clears the arm's previous model, variant, chart pin and YAML overrides; v1 catalogs cannot be selected.
+- **Optional extensions.** The public build contains only built-in modules. Reviewed private distributions can register additional modules and service ownership decorations through the [extension interface](docs/console-design.md#optional-build-time-extensions).
 - **Playground.** Streaming chat with the models deployed in Model Serving, full sampling parameters, per-answer TTFT, tokens/s and cache hit rate, reasoning output, and "view code" for cURL, Python and Node.js.
 - **OpenAI-compatible router.** Programs call `/v1` with API keys that administrators issue — with expiry and optional per-model scope. Keys are stored hashed; usage is exported as Prometheus metrics.
 - **Gateway discovery.** The inference entrypoint, routes and gateway key are read from the cluster (Swiss's site profile or the route ConfigMap) and followed as they change — no URLs or keys copied into configuration.
diff --git a/docs/console-design.md b/docs/console-design.md
index 6188caf..113a9a3 100644
--- a/docs/console-design.md
+++ b/docs/console-design.md
@@ -697,3 +697,39 @@ requests carry the same headers Global's apiserver sets.
 | P7 | Container management modules, moved over from Rise Global. |
 
 Each phase is independently committable and verifiable.
+
+## Optional build-time extensions
+
+The public frontend registry `web/src/extensions/registry.ts` is empty by default. Distributors can register reviewed modules and service owner decorations in a separate build tree without changing the public source distribution.
+
+| Interface | Behavior |
+|---|---|
+| `ConsoleExtensions.modules` | Existing `ConsoleModule` routes, menus, frames, UI permissions and backend capabilities |
+| `ConsoleExtensions.serviceOwners` | Optional owner UI selected by exact API version and kind; receives owner UID, verification and display flags |
+| Empty registry | No optional routes or code imports; generic owner display and service write protection remain active |
+
+The host keeps login, authenticated fetch, i18n, theme, QueryClient and route guards. Backend capabilities are keyed by backend name; registration does not grant backend permissions. No remote script loader or runtime configuration key is introduced. Extension sources are scanned by the existing Tailwind build and use the host lockfile and React dependencies.
+
+Public builds must remain independent of any private package or checkout. Private build source, images and artifacts belong in private storage; they must not be copied into the public working tree. Removing an extension does not remove service-side ownership or assignment protection.
+
+
+## Referenced model service actions
+
+| Relationship | Upgrade | Uninstall |
+|---|---|---|
+| Independent | Normal form, including separate autoscaling and SLO controls | Allowed |
+| Experiment-owned | Manage through the experiment | Blocked |
+| Verified referenced arm | Adaptive concurrency only | Blocked |
+| Verified referenced production | Model/configuration and scaling changes that preserve chart, release and declared route/Service binding | Blocked until released |
+| Unverifiable reference | Blocked | Blocked |
+
+Production upgrade plans compare the effective values after all stored layers,
+including YAML edits. Historical rollback is blocked while referenced because it
+can restore a different binding. Changing chart templates requires stopping the experiment
+because it can replace routing resources. These UI checks do not replace an
+admission policy for direct API or Kubernetes callers. The optional owner
+extension provides role-specific explanations; Swiss remains the metadata source.
+
+Autoscaling remains independent of SLO requirements. The deployment Resources
+section exposes scaler bounds or a fixed replica count; creating experiment arms
+uses fixed replicas. Turning off SLO does not implicitly disable autoscaling.
diff --git a/web/src/extensions/registry.ts b/web/src/extensions/registry.ts
new file mode 100644
index 0000000..309596f
--- /dev/null
+++ b/web/src/extensions/registry.ts
@@ -0,0 +1,3 @@
+import type { ConsoleExtensions } from "./types";
+
+export const extensions: ConsoleExtensions = { modules: [], serviceOwners: [] };
diff --git a/web/src/extensions/types.ts b/web/src/extensions/types.ts
new file mode 100644
index 0000000..6e30b54
--- /dev/null
+++ b/web/src/extensions/types.ts
@@ -0,0 +1,19 @@
+import type { ComponentType } from "react";
+import type { ConsoleModule } from "@/shell/module";
+
+import type { ServiceOwner } from "@swiss/lib/api";
+
+export interface ServiceOwnerProps {
+  owner: ServiceOwner;
+  compact?: boolean;
+  assigned?: boolean;
+}
+export interface ServiceOwnerExtension {
+  apiVersion: string;
+  kind: string;
+  component: ComponentType<ServiceOwnerProps>;
+}
+export interface ConsoleExtensions {
+  modules: ConsoleModule[];
+  serviceOwners: ServiceOwnerExtension[];
+}
diff --git a/web/src/modules/canary/components/CanaryCondition.test.tsx b/web/src/modules/canary/components/CanaryCondition.test.tsx
deleted file mode 100644
index e54ef07..0000000
--- a/web/src/modules/canary/components/CanaryCondition.test.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { renderToStaticMarkup } from "react-dom/server";
-import { describe, expect, it } from "vitest";
-import type { Condition, Phase } from "../types";
-import { CanaryCondition } from "./CanaryCondition";
-
-const render = (condition: Condition, phase: Phase = "Provisioning") =>
-  renderToStaticMarkup(<CanaryCondition condition={condition} phase={phase} />);
-
-describe("Canary condition presentation", () => {
-  it("treats Degraded=False as healthy and Degraded=True as a failure", () => {
-    const healthy = render({ type: "Degraded", status: "False", reason: "NoIssues", message: "no degradation detected" });
-    expect(healthy).not.toContain('role="alert"');
-    expect(healthy).toContain('data-variant="success"');
-    const failed = render({ type: "Degraded", status: "True", reason: "ProvisionFailed", message: "chart could not be fetched" }, "Failed");
-    expect(failed).toContain('role="alert"');
-    expect(failed).toContain("chart could not be fetched");
-  });
-
-  it.each(["ArmsNotReady", "ProxyNotReady"])("presents %s as progress without an error", (reason) => {
-    const html = render({ type: "Provisioned", status: "False", reason, message: "waiting" });
-    expect(html).toContain('role="status"');
-    expect(html).not.toContain('role="alert"');
-    expect(html).toContain('data-variant="secondary"');
-  });
-
-  it("retains failed condition diagnostics", () => {
-    const html = render({ type: "TrafficProgrammed", status: "False", reason: "WriteFailed", message: "route permission denied" }, "Failed");
-    expect(html).toContain('role="alert"');
-    expect(html).toContain("route permission denied");
-  });
-});
diff --git a/web/src/modules/canary/components/CanaryCondition.tsx b/web/src/modules/canary/components/CanaryCondition.tsx
deleted file mode 100644
index c9a9c81..0000000
--- a/web/src/modules/canary/components/CanaryCondition.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Badge } from "@modelsphere/ui";
-import type { Condition, Phase } from "../types";
-import { useTranslation } from "../lib/translation";
-import { ErrorNotice } from "./ErrorNotice";
-
-export function CanaryCondition({ condition, phase }: { condition: Condition; phase?: Phase }) {
-  const { t } = useTranslation();
-  const degraded = condition.type === "Degraded";
-  const failed = degraded
-    ? condition.status === "True"
-    : condition.status === "False" && phase === "Failed";
-  const healthy = degraded
-    ? condition.status === "False"
-    : condition.status === "True";
-  const waiting = !failed && condition.status === "False" &&
-    (condition.reason === "ArmsNotReady" || condition.reason === "ProxyNotReady");
-  return (
-    <div className="rounded-lg bg-muted/60 px-3 py-2">
-      <div className="flex flex-wrap items-center gap-2">
-        <Badge variant={failed ? "destructive" : healthy ? "success" : "secondary"}>
-          {condition.status}
-        </Badge>
-        <span className="font-medium">{condition.type}</span>
-        <span className="text-xs text-muted-foreground">{condition.reason}</span>
-      </div>
-      {failed && condition.message ? (
-        <ErrorNotice error={condition.message} fallback="condition" className="mt-1 text-xs text-destructive" />
-      ) : waiting ? (
-        <p role="status" className="mt-1 text-xs text-muted-foreground">
-          {t(condition.reason === "ArmsNotReady" ? "detail.waitingArms" : "detail.waitingProxy")}
-        </p>
-      ) : condition.message ? (
-        <p className="mt-1 text-xs text-muted-foreground">{condition.message}</p>
-      ) : null}
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/components/EnvironmentField.test.ts b/web/src/modules/canary/components/EnvironmentField.test.ts
deleted file mode 100644
index d51a51f..0000000
--- a/web/src/modules/canary/components/EnvironmentField.test.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createElement } from "react";
-import { renderToStaticMarkup } from "react-dom/server";
-import { describe, expect, it } from "vitest";
-import { EnvironmentField } from "./EnvironmentField";
-
-describe("EnvironmentField", () => {
-  it("displays the configured value as read-only, while still allowing selection and copying", () => {
-    const html = renderToStaticMarkup(
-      createElement(EnvironmentField, { label: "Gateway", value: "openresty" }),
-    );
-    expect(html).toContain('value="openresty"');
-    expect(html).toContain('readOnly=""');
-    expect(html).not.toContain('disabled=""');
-  });
-
-  it("displays explanatory text for an unset optional value without binding it to form state", () => {
-    const html = renderToStaticMarkup(
-      createElement(EnvironmentField, {
-        label: "Hostname",
-        emptyText: "Not configured",
-      }),
-    );
-    expect(html).toContain('value="Not configured"');
-    expect(html).toContain('readOnly=""');
-    expect(html).not.toMatch(/\sname=/);
-  });
-});
diff --git a/web/src/modules/canary/components/EnvironmentField.tsx b/web/src/modules/canary/components/EnvironmentField.tsx
deleted file mode 100644
index 7868e66..0000000
--- a/web/src/modules/canary/components/EnvironmentField.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { FieldInput, FloatingField } from "@modelsphere/ui";
-
-export function EnvironmentField({
-  label,
-  value,
-  hint,
-  emptyText,
-}: {
-  label: string;
-  value?: string;
-  hint?: string;
-  emptyText?: string;
-}) {
-  return (
-    <FloatingField label={label} hint={hint}>
-      <FieldInput
-        readOnly
-        value={value || emptyText || ""}
-        className="bg-muted/30 text-muted-foreground"
-      />
-    </FloatingField>
-  );
-}
diff --git a/web/src/modules/canary/components/ErrorNotice.tsx b/web/src/modules/canary/components/ErrorNotice.tsx
deleted file mode 100644
index b61f0e3..0000000
--- a/web/src/modules/canary/components/ErrorNotice.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { ReactNode } from "react";
-import { useTranslation } from "../lib/translation";
-import { describeError } from "../lib/errors";
-export function ErrorDetails({ error }: { error: unknown }) {
-  const { t } = useTranslation();
-  const { details } = describeError(error, t);
-  return details ? (
-    <details className="mt-1 text-xs">
-      <summary className="cursor-pointer">{t("errors.details")}</summary>
-      <pre className="mt-2 max-h-60 overflow-auto whitespace-pre-wrap break-all font-mono">
-        {details}
-      </pre>
-    </details>
-  ) : null;
-}
-export function ErrorNotice({
-  error,
-  className = "text-sm text-destructive",
-  fallback,
-  children,
-}: {
-  error: unknown;
-  className?: string;
-  fallback?: Parameters<typeof describeError>[2];
-  children?: ReactNode;
-}) {
-  const { t } = useTranslation();
-  return (
-    <div role="alert" className={className}>
-      <p className="whitespace-pre-line break-words">
-        {describeError(error, t, fallback).summary}
-      </p>
-      <ErrorDetails error={error} />
-      {children}
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/components/MetricsPanel.tsx b/web/src/modules/canary/components/MetricsPanel.tsx
deleted file mode 100644
index 0a3d01f..0000000
--- a/web/src/modules/canary/components/MetricsPanel.tsx
+++ /dev/null
@@ -1,1001 +0,0 @@
-import { ErrorNotice } from "./ErrorNotice";
-import { useEffect, useRef, useState, type ReactNode } from "react";
-import { useSearchParams } from "react-router";
-import { useQuery } from "@tanstack/react-query";
-import { useTranslation } from "../lib/translation";
-import { useCanaryApi } from "../lib/provider";
-import type {
-  Currency,
-  Experiment,
-  MetricSummary,
-  Metrics,
-  TokenPrices,
-  ValuationView,
-} from "../types";
-import {
-  finiteNumber,
-  format,
-  rangeBounds,
-  readPreference,
-  savePreference,
-  timeRanges,
-  tpsPreview,
-} from "../lib/metric-presentation";
-import { quotedRevenue, type QuoteMode } from "../lib/quoted-revenue";
-import {
-  ComparisonBars,
-  ComparisonTable,
-  MetricCard,
-  type ComparisonRow,
-} from "./metrics/MetricCard";
-import { EconomicsSettings } from "./metrics/EconomicsSettings";
-import { MetricTrend } from "./metrics/MetricTrend";
-import { TpsBreachChart } from "./metrics/TpsBreachChart";
-
-const ids = ["cache", "throughput", "ttft", "revenue", "quote", "tps"] as const;
-type CardID = (typeof ids)[number];
-const ttftKeys = [
-  "ttftMean",
-  "ttftP50",
-  "ttftP95",
-  "ttftP99",
-  "ttftP999",
-] as const;
-type TTFTKey = (typeof ttftKeys)[number];
-const inputClass =
-  "min-w-0 rounded-md border border-slate-300 bg-white px-2 py-1.5 text-xs text-slate-900 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100";
-const buttonClass =
-  "rounded-md border border-slate-200 px-2.5 py-1.5 text-xs hover:bg-slate-100 disabled:opacity-50 dark:border-slate-700 dark:hover:bg-slate-800";
-function Control({ label, children }: { label: string; children: ReactNode }) {
-  return (
-    <label className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-      <span>{label}</span>
-      {children}
-    </label>
-  );
-}
-function dateTime(value: number | null | undefined) {
-  return value == null ? "—" : new Date(value * 1000).toLocaleString();
-}
-function localInput(seconds: number) {
-  if (!Number.isFinite(seconds) || Math.abs(seconds) > 8.64e12)
-    seconds = Date.now() / 1000;
-  const date = new Date(seconds * 1000);
-  return new Date(date.getTime() - date.getTimezoneOffset() * 60000)
-    .toISOString()
-    .slice(0, 16);
-}
-
-export function MetricsPanel({ experiment }: { experiment: Experiment }) {
-  return <Dashboard key={experiment.id} experiment={experiment} />;
-}
-function Dashboard({ experiment }: { experiment: Experiment }) {
-  const { t } = useTranslation();
-  const api = useCanaryApi();
-  const [params, setParams] = useSearchParams();
-  const prefKey = `canary:metrics:${experiment.id}`;
-  const [preferences] = useState(() =>
-    readPreference<{
-      currency?: Currency;
-      normalization?: ValuationView["normalization"];
-      targetGPUs?: number;
-      ttft?: TTFTKey;
-    }>(prefKey, {}),
-  );
-  const [currency, setCurrency] = useState<Currency | "">(
-    preferences.currency === "CNY" || preferences.currency === "USD"
-      ? preferences.currency
-      : "",
-  );
-  const [normalization, setNormalization] = useState<
-    ValuationView["normalization"]
-  >(
-    ["raw", "as-if", "per-gpu"].includes(preferences.normalization ?? "")
-      ? preferences.normalization!
-      : "raw",
-  );
-  const [targetGPUs, setTargetGPUs] = useState(
-    preferences.targetGPUs &&
-      Number.isInteger(preferences.targetGPUs) &&
-      preferences.targetGPUs >= 1 &&
-      preferences.targetGPUs <= 1024
-      ? preferences.targetGPUs
-      : 8,
-  );
-  const [ttft, setTTFT] = useState<TTFTKey>(
-    ttftKeys.includes(preferences.ttft!) ? preferences.ttft! : "ttftP95",
-  );
-  const rangeParam = params.get("range") ?? "0";
-  const range = timeRanges.some(([n]) => String(n) === rangeParam)
-    ? Number(rangeParam)
-    : rangeParam === "custom"
-      ? "custom"
-      : 0;
-  const initialBounds = rangeBounds(experiment, 3600);
-  const [customStart, setCustomStart] = useState(() =>
-    localInput(Number(params.get("start")) || initialBounds.start!),
-  );
-  const [customEnd, setCustomEnd] = useState(() =>
-    localInput(Number(params.get("end")) || initialBounds.end),
-  );
-  const [customError, setCustomError] = useState("");
-  const [quoteHit, setQuoteHit] = useState("50");
-  const [quoteMode, setQuoteMode] = useState<QuoteMode>("fixed");
-  const [threshold, setThreshold] = useState("0");
-  const [customPrices, setCustomPrices] = useState<
-    Record<string, Record<string, string>>
-  >({});
-  const [priceOverride, setPriceOverride] = useState(false);
-  const details = useRef<HTMLDivElement>(null);
-  const lastOpened = useRef<CardID | null>(null);
-  const trigger = useRef<HTMLButtonElement | null>(null);
-  const metricParam = params.get("metric");
-  const expanded = ids.includes(metricParam as CardID)
-    ? (metricParam as CardID)
-    : null;
-  const selectedStart = Number(params.get("start")),
-    selectedEnd = Number(params.get("end"));
-  const validCustom =
-    Number.isFinite(selectedStart) &&
-    selectedStart < 8.64e12 &&
-    selectedEnd < 8.64e12 &&
-    Number.isFinite(selectedEnd) &&
-    selectedStart > 0 &&
-    selectedEnd > selectedStart;
-  const bounds =
-    range === "custom"
-      ? { start: selectedStart, end: selectedEnd }
-      : rangeBounds(experiment, range);
-  const validGPUs =
-    normalization !== "as-if" ||
-    (Number.isInteger(targetGPUs) && targetGPUs >= 1 && targetGPUs <= 1024);
-  const q = useQuery({
-    queryKey: [
-      "experiment-metrics",
-      api.mode,
-      experiment.id,
-      range,
-      range === "custom" ? bounds : null,
-      currency,
-      normalization,
-      targetGPUs,
-      experiment.stopAt,
-    ],
-    enabled: (range !== "custom" || validCustom) && validGPUs,
-    queryFn: () => {
-      const latest =
-        range === "custom" ? bounds : rangeBounds(experiment, range);
-      return api.experiments.metrics(experiment.id, latest.start, latest.end, {
-        ...(currency ? { currency } : {}),
-        normalization,
-        targetGPUs,
-      });
-    },
-    refetchInterval:
-      experiment.state !== "Stopped" || experiment.snapshot !== "complete"
-        ? 60000
-        : false,
-    refetchIntervalInBackground: false,
-  });
-  useEffect(() => {
-    const value = { currency, normalization, targetGPUs, ttft };
-    savePreference(prefKey, value);
-  }, [currency, normalization, targetGPUs, ttft, prefKey]);
-  function updateParams(values: Record<string, string | null>) {
-    setParams(
-      (previous) => {
-        const next = new URLSearchParams(previous);
-        for (const [key, value] of Object.entries(values)) {
-          if (value == null) next.delete(key);
-          else next.set(key, value);
-        }
-        return next;
-      },
-      { replace: true },
-    );
-  }
-  function toggle(id: CardID) {
-    const button = document.activeElement;
-    if (button instanceof HTMLButtonElement) trigger.current = button;
-    updateParams({ metric: expanded === id ? null : id });
-  }
-  useEffect(() => {
-    if (!expanded) lastOpened.current = null;
-    if (expanded && q.data && lastOpened.current !== expanded) {
-      lastOpened.current = expanded;
-      details.current?.scrollIntoView({ behavior: "smooth", block: "start" });
-      details.current?.focus({ preventScroll: true });
-    }
-  }, [expanded, !!q.data]);
-  const data = q.data;
-  const arms = data?.compareArms ?? experiment.compareArms;
-  const get = (key: keyof MetricSummary) =>
-    arms.map((a) => data?.summary[a]?.[key]);
-  const row = (key: keyof MetricSummary, unit?: string): ComparisonRow => ({
-    label: t(`experiments.${key}`, { defaultValue: t(`dashboard.${key}`) }),
-    values: get(key),
-    unit,
-  });
-  const selectedCurrency = currency || data?.valuation.currency || "USD";
-  const thresholdNumber = threshold.trim() !== "" ? Number(threshold) : NaN;
-  const thresholdValid =
-    finiteNumber(thresholdNumber) &&
-    thresholdNumber >= 0 &&
-    thresholdNumber <= 1e6;
-  const thresholdOn = thresholdValid && thresholdNumber > 0;
-  const hitNumber = quoteHit.trim() !== "" ? Number(quoteHit) : NaN;
-  const quoteValid =
-    finiteNumber(hitNumber) && hitNumber >= 0 && hitNumber <= 100;
-  const previews = arms.map((arm) =>
-    data ? tpsPreview(data, arm, thresholdNumber) : null,
-  );
-  const prices = arms.map((arm) => {
-    if (!priceOverride)
-      return data?.economics?.arms[arm]?.prices[selectedCurrency];
-    const custom = customPrices[`${selectedCurrency}:${arm}`] ?? {};
-    return Object.fromEntries(
-      (
-        ["inputPerMillion", "cachedPerMillion", "outputPerMillion"] as const
-      ).map((key) => [key, custom[key]?.trim() ? Number(custom[key]) : NaN]),
-    ) as unknown as TokenPrices;
-  });
-  const quotes = arms.map((arm, i) =>
-    quotedRevenue(data?.summary[arm], prices[i], hitNumber, quoteMode),
-  );
-  const scaledLabel =
-    normalization === "raw"
-      ? t("economics.raw")
-      : normalization === "per-gpu"
-        ? t("economics.perGPU")
-        : `${t("economics.asIf")} ${targetGPUs}`;
-  const revenueUnit = `${selectedCurrency}/min`;
-  const coverage: ComparisonRow = {
-    label: `${t("dashboard.coverage")} / ${data?.eligibleMinutes ?? 0}`,
-    values: get("completeMinutes"),
-  };
-  const gpu: ComparisonRow = {
-    label: t("economics.gpuTotal"),
-    values: arms.map((a) => data?.economics?.arms[a]?.gpuCount),
-  };
-  const quoteRows: ComparisonRow[] = [
-    { label: t("dashboard.actualHit"), values: get("cacheHit"), unit: "%" },
-    {
-      label: t("dashboard.appliedHit"),
-      values: quotes.map((q) => q?.applied),
-      unit: "%",
-    },
-    {
-      label: t("experiments.revenuePerHour"),
-      values: quotes.map((q) => q?.hour),
-      unit: `${selectedCurrency}/hr`,
-    },
-  ];
-  const cards: {
-    id: CardID;
-    title: string;
-    subtitle: string;
-    values: (number | null | undefined)[];
-    unit: string;
-    rows: ComparisonRow[];
-    trend: (keyof MetricSummary)[];
-    controls?: ReactNode;
-    lowerBetter?: boolean;
-  }[] = [
-    {
-      id: "cache",
-      title: t("experiments.cacheHit"),
-      subtitle: t("dashboard.cacheHint"),
-      values: get("cacheHit"),
-      unit: "%",
-      rows: [row("inputTokens"), row("cachedTokens"), coverage],
-      trend: ["cacheHit"],
-    },
-    {
-      id: "throughput",
-      title: t("dashboard.throughput"),
-      subtitle: `${t("dashboard.throughputHint")} · ${scaledLabel}`,
-      values: get("totalTPM"),
-      unit: "token/min",
-      rows: [
-        row("uncachedTPM"),
-        row("cachedTPM"),
-        row("outputTPM"),
-        row("requests"),
-        gpu,
-      ],
-      trend: ["totalTPM", "inputTPM", "uncachedTPM", "cachedTPM", "outputTPM"],
-    },
-    {
-      id: "ttft",
-      title: t("dashboard.ttft"),
-      subtitle: t("dashboard.ttftHint"),
-      values: get(ttft),
-      unit: "s",
-      lowerBetter: true,
-      rows: [row("ttftMean", "s"), row("ttftSamples"), coverage],
-      trend: [ttft],
-      controls: (
-        <Control label={t("dashboard.statistic")}>
-          <select
-            aria-label={t("dashboard.statistic")}
-            className={inputClass}
-            value={ttft}
-            onChange={(e) => setTTFT(e.target.value as TTFTKey)}
-          >
-            {ttftKeys.map((key) => (
-              <option
-                key={key}
-                value={key}
-                disabled={
-                  key !== "ttftP95" &&
-                  !!data &&
-                  !arms.some((a) => finiteNumber(data.summary[a]?.[key]))
-                }
-              >
-                {t(`dashboard.${key}`)}
-              </option>
-            ))}
-          </select>
-        </Control>
-      ),
-    },
-    {
-      id: "revenue",
-      title: t("dashboard.revenue"),
-      subtitle: `${t("dashboard.frozenRevenue")} · ${scaledLabel}`,
-      values: get("revenuePerMinute"),
-      unit: revenueUnit,
-      rows: [
-        row("revenuePerHour", `${selectedCurrency}/hr`),
-        row("revenueInputPerMinute", revenueUnit),
-        row("revenueCachedPerMinute", revenueUnit),
-        row("revenueOutputPerMinute", revenueUnit),
-      ],
-      trend: ["revenuePerMinute", "revenuePerHour"],
-    },
-    {
-      id: "quote",
-      title: t("dashboard.quote"),
-      subtitle: `${t("dashboard.localPreview")} · ${scaledLabel}`,
-      values: quotes.map((q) => q?.minute),
-      unit: revenueUnit,
-      rows: quoteRows,
-      trend: [],
-      controls: (
-        <div className="flex flex-wrap gap-3">
-          <Control label={t("dashboard.assumedHit")}>
-            <input
-              aria-label={t("dashboard.assumedHit")}
-              className={`${inputClass} w-20`}
-              type="number"
-              min={0}
-              max={100}
-              value={quoteHit}
-              onChange={(e) => setQuoteHit(e.target.value)}
-            />
-            %
-          </Control>
-          <select
-            aria-label={t("dashboard.quoteMode")}
-            className={inputClass}
-            value={quoteMode}
-            onChange={(e) => setQuoteMode(e.target.value as QuoteMode)}
-          >
-            {["fixed", "lower", "upper"].map((mode) => (
-              <option key={mode} value={mode}>
-                {t(`dashboard.${mode}`)}
-              </option>
-            ))}
-          </select>
-          {!quoteValid && (
-            <span role="alert" className="text-xs text-red-600">
-              {t("dashboard.invalidHit")}
-            </span>
-          )}
-        </div>
-      ),
-    },
-    {
-      id: "tps",
-      title: t(thresholdOn ? "dashboard.tpsPass" : "dashboard.tps"),
-      subtitle: t("dashboard.tpsHint"),
-      values: thresholdOn ? previews.map((p) => p?.pass) : get("overallTPS"),
-      unit: thresholdOn ? "%" : "token/s",
-      rows: [
-        row("overallTPS", "token/s"),
-        row("decodeTPS", "token/s"),
-        {
-          label: t("dashboard.evaluated"),
-          values: previews.map((p) => p?.evaluated),
-        },
-        ...(thresholdOn
-          ? [
-              {
-                label: t("dashboard.failed"),
-                values: previews.map((p) => p?.failed),
-              },
-            ]
-          : []),
-      ],
-      trend: ["overallTPS", "decodeTPS"],
-      controls: (
-        <div className="grid gap-2">
-          <Control label={t("dashboard.threshold")}>
-            <input
-              aria-label={t("dashboard.threshold")}
-              className={`${inputClass} w-24`}
-              type="number"
-              min={0}
-              max={1e6}
-              value={threshold}
-              onChange={(e) => setThreshold(e.target.value)}
-            />
-            <span>token/s</span>
-          </Control>
-          <input
-            aria-label={t("dashboard.thresholdSlider")}
-            type="range"
-            min={0}
-            max={Math.max(200, thresholdValid ? thresholdNumber : 0)}
-            step={1}
-            value={thresholdValid ? thresholdNumber : 0}
-            onChange={(e) => setThreshold(e.target.value)}
-            className="w-full accent-blue-600"
-          />
-          {!thresholdValid && (
-            <span role="alert" className="text-xs text-red-600">
-              {t("dashboard.invalidThreshold")}
-            </span>
-          )}
-        </div>
-      ),
-    },
-  ];
-  const current = cards.find((c) => c.id === expanded);
-  return (
-    <div
-      className="@container mx-auto grid w-full max-w-[1180px] gap-4 rounded-xl bg-slate-100 p-4 text-slate-900 dark:bg-slate-950 dark:text-slate-100"
-      data-testid="metrics-dashboard"
-    >
-      <div className="grid gap-3 rounded-[10px] border border-slate-200 bg-white p-4 dark:border-slate-700 dark:bg-slate-900">
-        <div className="flex flex-wrap justify-between gap-2 text-xs">
-          <strong>
-            {t(`experiments.${experiment.state}`)} · {experiment.creator}
-          </strong>
-          <span>
-            {t("dashboard.snapshot")}: {t(`experiments.${experiment.snapshot}`)}
-          </span>
-        </div>
-        <div className="flex flex-wrap gap-x-5 gap-y-1 text-[11px] text-muted-foreground">
-          <span>
-            {t("dashboard.created")}:{" "}
-            {new Date(experiment.createdAt).toLocaleString()}
-          </span>
-          {experiment.stopAt && (
-            <span>
-              {t("dashboard.stopped")}:{" "}
-              {new Date(experiment.stopAt).toLocaleString()}
-            </span>
-          )}
-          <span>
-            {t("dashboard.observation")}:{" "}
-            {experiment.windows.length
-              ? `${experiment.windows[0].start} — ${experiment.windows.at(-1)!.end}`
-              : "—"}
-          </span>
-        </div>
-        <details>
-          <summary className="cursor-pointer text-xs font-medium">
-            {t("dashboard.compareEconomics")} ·{" "}
-            {arms
-              .map(
-                (a) => `${a}: ${data?.economics?.arms[a]?.gpuCount ?? "—"} GPU`,
-              )
-              .join(" / ")}
-          </summary>
-          {data && (
-            <div className="mt-3">
-              <EconomicsSettings
-                key={data.economics?.revision ?? 0}
-                data={data}
-                experimentId={experiment.id}
-              />
-            </div>
-          )}
-        </details>
-        <div
-          className="flex flex-wrap items-center gap-1.5"
-          aria-label={t("dashboard.timeRange")}
-        >
-          {timeRanges.map(([seconds, label]) => (
-            <button
-              key={seconds}
-              className={`${buttonClass} ${range === seconds ? "border-blue-600 bg-blue-600 text-white hover:bg-blue-700" : ""}`}
-              aria-pressed={range === seconds}
-              onClick={() =>
-                updateParams({ range: String(seconds), start: null, end: null })
-              }
-            >
-              {label}
-            </button>
-          ))}
-          <button
-            className={buttonClass}
-            aria-pressed={range === "custom"}
-            onClick={() => {
-              const start = Math.floor(Date.parse(customStart) / 1000),
-                end = Math.floor(Date.parse(customEnd) / 1000);
-              updateParams({
-                range: "custom",
-                start: String(start),
-                end: String(end),
-              });
-            }}
-          >
-            {t("dashboard.custom")}
-          </button>
-          <button
-            className={`${buttonClass} ml-auto`}
-            disabled={
-              q.isFetching || !validGPUs || (range === "custom" && !validCustom)
-            }
-            onClick={() => void q.refetch()}
-          >
-            {q.isFetching
-              ? t("dashboard.refreshing")
-              : `↻ ${t("dashboard.refresh")}`}
-          </button>
-        </div>
-        {range === "custom" && (
-          <div className="flex flex-wrap items-center gap-2">
-            <Control label={t("dashboard.start")}>
-              <input
-                aria-label={t("dashboard.start")}
-                type="datetime-local"
-                className={inputClass}
-                value={customStart}
-                onInput={(e) => setCustomStart(e.currentTarget.value)}
-              />
-            </Control>
-            <Control label={t("dashboard.end")}>
-              <input
-                aria-label={t("dashboard.end")}
-                type="datetime-local"
-                className={inputClass}
-                value={customEnd}
-                onInput={(e) => setCustomEnd(e.currentTarget.value)}
-              />
-            </Control>
-            <button
-              className={buttonClass}
-              onClick={() => {
-                const start = Math.floor(Date.parse(customStart) / 1000),
-                  end = Math.floor(Date.parse(customEnd) / 1000);
-                if (
-                  !Number.isFinite(start) ||
-                  !Number.isFinite(end) ||
-                  start >= end
-                ) {
-                  setCustomError(t("dashboard.invalidRange"));
-                  return;
-                }
-                setCustomError("");
-                updateParams({ start: String(start), end: String(end) });
-              }}
-            >
-              {t("dashboard.apply")}
-            </button>
-            <span className="text-[11px] text-muted-foreground">
-              {Intl.DateTimeFormat().resolvedOptions().timeZone}
-            </span>
-            {(customError || !validCustom) && (
-              <p role="alert" className="text-xs text-red-600">
-                {customError || t("dashboard.invalidRange")}
-              </p>
-            )}
-          </div>
-        )}
-        <div className="flex flex-wrap gap-4">
-          <Control label={t("economics.currency")}>
-            <select
-              aria-label={t("economics.currency")}
-              className={inputClass}
-              value={selectedCurrency}
-              onChange={(e) => setCurrency(e.target.value as Currency)}
-            >
-              <option>USD</option>
-              <option>CNY</option>
-            </select>
-          </Control>
-          <Control label={t("economics.normalization")}>
-            <select
-              aria-label={t("economics.normalization")}
-              className={inputClass}
-              value={normalization}
-              onChange={(e) =>
-                setNormalization(
-                  e.target.value as ValuationView["normalization"],
-                )
-              }
-            >
-              {["raw", "per-gpu", "as-if"].map((v) => (
-                <option key={v} value={v}>
-                  {t(
-                    `economics.${v === "raw" ? "raw" : v === "per-gpu" ? "perGPU" : "asIf"}`,
-                  )}
-                </option>
-              ))}
-            </select>
-          </Control>
-          {normalization === "as-if" && (
-            <Control label={t("economics.targetGPUs")}>
-              <input
-                aria-label={t("economics.targetGPUs")}
-                className={`${inputClass} w-20`}
-                type="number"
-                min={1}
-                max={1024}
-                value={targetGPUs || ""}
-                onChange={(e) => setTargetGPUs(Number(e.target.value))}
-              />
-            </Control>
-          )}
-        </div>
-        {!validGPUs && (
-          <p role="alert" className="text-xs text-red-600">
-            {t("dashboard.invalidGPUs")}
-          </p>
-        )}
-        <p className="text-[11px] text-muted-foreground">
-          {t("economics.normalizationHint")}
-        </p>
-        {data && (
-          <div
-            className="grid gap-1 text-[11px] text-muted-foreground"
-            role="status"
-          >
-            <span>
-              {t("dashboard.selectedRange")}:{" "}
-              {data.range?.start ? dateTime(data.range.start) : "Full"} —{" "}
-              {dateTime(data.range?.end)} · {t("dashboard.windows")}:{" "}
-              {data.range?.intersections.length ?? experiment.windows.length}
-            </span>
-            <span>
-              {t("dashboard.storedRange")}: {dateTime(data.range?.dataStart)} —{" "}
-              {dateTime(data.range?.dataEnd)} · {t("dashboard.lastCollected")}:{" "}
-              {data.lastCollectedAt
-                ? new Date(data.lastCollectedAt).toLocaleString()
-                : "—"}
-            </span>
-            {[1, 0].map((i) => (
-              <span key={i}>
-                {t(i ? "dashboard.experiment" : "dashboard.control")} ·{" "}
-                {arms[i]} · {t("dashboard.coverage")}:{" "}
-                {data.summary[arms[i]]?.completeMinutes ?? 0}/
-                {data.eligibleMinutes}
-              </span>
-            ))}
-            {!!data.excludedMinutes && (
-              <span>
-                {t("experiments.excludedMinutes", {
-                  count: data.excludedMinutes,
-                })}
-              </span>
-            )}
-            {arms.some(
-              (a) =>
-                (data.summary[a]?.completeMinutes ?? 0) < data.eligibleMinutes,
-            ) && <span>{t("dashboard.partial")}</span>}
-          </div>
-        )}
-      </div>
-      {q.error && (
-        <ErrorNotice
-          error={q.error}
-          className="rounded-md border border-red-200 bg-card p-3 text-sm text-destructive"
-        >
-          <button className={buttonClass} onClick={() => void q.refetch()}>
-            {t("dashboard.refresh")}
-          </button>
-        </ErrorNotice>
-      )}
-      {data?.snapshotError && (
-        <ErrorNotice
-          error={data.snapshotError}
-          fallback="snapshot"
-          className="text-xs text-destructive"
-        />
-      )}
-      {q.isLoading && !data && (
-        <div
-          className="grid gap-4 @min-[900px]:grid-cols-2"
-          aria-label={t("common.loading")}
-        >
-          {ids.map((id) => (
-            <div
-              key={id}
-              className="h-72 animate-pulse rounded-[10px] bg-white dark:bg-slate-900"
-            />
-          ))}
-        </div>
-      )}
-      {data && (
-        <>
-          {!data.series.length && (
-            <p role="status" className="text-sm">
-              {t("experiments.noData")}
-            </p>
-          )}
-          <div className="grid items-stretch gap-4 @min-[900px]:grid-cols-2">
-            {cards.map((card) => (
-              <MetricCard
-                key={card.id}
-                {...card}
-                arms={arms}
-                hypothetical={card.id === "quote"}
-                expanded={expanded === card.id}
-                onToggle={() => toggle(card.id)}
-              >
-                {card.controls}
-              </MetricCard>
-            ))}
-          </div>
-          {current && (
-            <div
-              ref={details}
-              id="metric-details"
-              tabIndex={-1}
-              className="scroll-mt-16 grid min-w-0 gap-5 rounded-[10px] border border-slate-200 bg-white p-5 outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500 dark:border-slate-700 dark:bg-slate-900"
-              aria-label={`${current.title} Details`}
-            >
-              <header className="flex items-start justify-between gap-3">
-                <div>
-                  <h3 className="text-lg font-semibold">
-                    {current.title} Details
-                  </h3>
-                  <p className="mt-1 text-xs text-muted-foreground">
-                    {current.subtitle}
-                  </p>
-                </div>
-                <button
-                  className={buttonClass}
-                  onClick={() => {
-                    updateParams({ metric: null });
-                    trigger.current?.focus();
-                  }}
-                >
-                  {t("dashboard.collapse")}
-                </button>
-              </header>
-              <ComparisonBars
-                arms={arms}
-                values={current.values}
-                unit={current.unit}
-                hypothetical={current.id === "quote"}
-              />
-              <ComparisonTable
-                arms={arms}
-                rows={[
-                  {
-                    label: current.title,
-                    values: current.values,
-                    unit: current.unit,
-                  },
-                  ...current.rows,
-                  ...(current.id !== "cache" && current.id !== "ttft"
-                    ? [coverage]
-                    : []),
-                ]}
-              />
-              {current.id === "quote" && (
-                <div className="grid gap-3 rounded-lg border border-purple-200 p-4 text-xs dark:border-purple-900">
-                  <p className="font-medium text-purple-700 dark:text-purple-400">
-                    {t("dashboard.quoteHint")}
-                  </p>
-                  <ComparisonTable
-                    arms={arms}
-                    rows={[
-                      {
-                        label: t("dashboard.actualRevenue"),
-                        values: get("revenuePerMinute"),
-                        unit: revenueUnit,
-                      },
-                      {
-                        label: t("experiments.revenueInputPerMinute"),
-                        values: quotes.map((q) => q?.input),
-                        unit: revenueUnit,
-                      },
-                      {
-                        label: t("experiments.revenueCachedPerMinute"),
-                        values: quotes.map((q) => q?.cached),
-                        unit: revenueUnit,
-                      },
-                      {
-                        label: t("experiments.revenueOutputPerMinute"),
-                        values: quotes.map((q) => q?.output),
-                        unit: revenueUnit,
-                      },
-                    ]}
-                  />
-                  <label className="flex items-center gap-2">
-                    <input
-                      type="checkbox"
-                      checked={priceOverride}
-                      onChange={(e) => {
-                        setPriceOverride(e.target.checked);
-                        if (e.target.checked)
-                          setCustomPrices((previous) => ({
-                            ...previous,
-                            ...Object.fromEntries(
-                              arms.map((arm, i) => [
-                                `${selectedCurrency}:${arm}`,
-                                previous[`${selectedCurrency}:${arm}`] ??
-                                  Object.fromEntries(
-                                    Object.entries(prices[i] ?? {}).map(
-                                      ([k, v]) => [k, String(v)],
-                                    ),
-                                  ),
-                              ]),
-                            ),
-                          }));
-                      }}
-                    />
-                    {t("dashboard.customPrices")} ({selectedCurrency}/1M)
-                  </label>
-                  {arms.map((arm, i) => (
-                    <div key={arm} className="grid gap-2">
-                      <strong className="break-all">
-                        {arm} · {data.economics?.arms[arm]?.pricingKey ?? "—"}
-                      </strong>
-                      <div className="flex flex-wrap gap-3">
-                        {(
-                          [
-                            "inputPerMillion",
-                            "cachedPerMillion",
-                            "outputPerMillion",
-                          ] as const
-                        ).map((key) => (
-                          <Control key={key} label={t(`economics.${key}`)}>
-                            {priceOverride ? (
-                              <input
-                                type="number"
-                                aria-label={`${arm} ${t(`economics.${key}`)}`}
-                                className={`${inputClass} w-24`}
-                                min={0}
-                                max={1e6}
-                                value={
-                                  customPrices[`${selectedCurrency}:${arm}`]?.[
-                                    key
-                                  ] ?? ""
-                                }
-                                onChange={(e) =>
-                                  setCustomPrices((previous) => ({
-                                    ...previous,
-                                    [`${selectedCurrency}:${arm}`]: {
-                                      ...previous[`${selectedCurrency}:${arm}`],
-                                      [key]: e.target.value,
-                                    },
-                                  }))
-                                }
-                              />
-                            ) : (
-                              <span className="tabular-nums">
-                                {format(prices[i]?.[key])}
-                              </span>
-                            )}
-                          </Control>
-                        ))}
-                      </div>
-                    </div>
-                  ))}
-                  {quotes.some((q) => !q) && (
-                    <p role="status">{t("dashboard.quoteUnavailable")}</p>
-                  )}
-                </div>
-              )}
-              {current.id === "tps" && (
-                <>
-                  <p className="text-xs text-muted-foreground">
-                    {t("dashboard.tpsMethod")}
-                  </p>
-                  <TpsBreachChart
-                    data={data}
-                    threshold={thresholdOn ? thresholdNumber : 0}
-                  />
-                </>
-              )}
-              {(current.id === "revenue" || current.id === "quote") && (
-                <p className="text-xs text-muted-foreground">
-                  {t("economics.revenueHint")}{" "}
-                  {t("dashboard.unavailableEconomics")}
-                </p>
-              )}
-              <div className="overflow-x-auto">
-                <table className="w-full text-left text-xs">
-                  <thead>
-                    <tr>
-                      <th className="p-2">{t("dashboard.observation")}</th>
-                      <th className="p-2">Service / UID</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {(data.windows ?? experiment.windows).map(
-                      (window, index) => (
-                        <tr key={index} className="border-t">
-                          <td className="p-2 whitespace-nowrap">
-                            {new Date(window.start).toLocaleString()} —{" "}
-                            {new Date(window.end).toLocaleString()}
-                          </td>
-                          <td className="p-2">
-                            {arms.map((arm) => (
-                              <div key={arm} className="break-all">
-                                {arm}:{" "}
-                                {window.bindings[arm]
-                                  ? `${window.bindings[arm].namespace}/${window.bindings[arm].service} · ${window.bindings[arm].uid}`
-                                  : "—"}
-                              </div>
-                            ))}
-                          </td>
-                        </tr>
-                      ),
-                    )}
-                  </tbody>
-                </table>
-              </div>
-              {current.trend.length > 0 && (
-                <TrendDetails
-                  threshold={
-                    current.id === "tps" && thresholdOn ? thresholdNumber : 0
-                  }
-                  key={`${current.id}:${ttft}`}
-                  metrics={current.trend}
-                  data={data}
-                />
-              )}
-            </div>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
-function TrendDetails({
-  metrics,
-  data,
-  threshold = 0,
-}: {
-  metrics: (keyof MetricSummary)[];
-  data: Metrics;
-  threshold?: number;
-}) {
-  const { t } = useTranslation();
-  const [open, setOpen] = useState(false);
-  return (
-    <details open={open} onToggle={(e) => setOpen(e.currentTarget.open)}>
-      <summary className="cursor-pointer text-sm font-medium">
-        {t("dashboard.trend")}
-      </summary>
-      {open && (
-        <div className="mt-4 grid gap-5">
-          {metrics.map((key) => (
-            <div key={key}>
-              <h4 className="mb-2 text-xs font-medium">
-                {t(`experiments.${key}`, {
-                  defaultValue: t(`dashboard.${key}`),
-                })}
-              </h4>
-              <MetricTrend
-                data={data}
-                metric={key}
-                threshold={key === "overallTPS" ? threshold : 0}
-                label={t(`experiments.${key}`, {
-                  defaultValue: t(`dashboard.${key}`),
-                })}
-              />
-            </div>
-          ))}
-        </div>
-      )}
-    </details>
-  );
-}
diff --git a/web/src/modules/canary/components/PhaseBadge.tsx b/web/src/modules/canary/components/PhaseBadge.tsx
deleted file mode 100644
index 9646a81..0000000
--- a/web/src/modules/canary/components/PhaseBadge.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { StatusIndicator, type StatusVariant } from "@modelsphere/ui";
-import { useTranslation } from "../lib/translation";
-import type { Phase } from "../types";
-
-const PHASE: Record<Phase, { variant: StatusVariant; animated?: boolean }> = {
-  Serving: { variant: "success" },
-  Provisioning: { variant: "info", animated: true },
-  Idle: { variant: "default" },
-  Draining: { variant: "warning", animated: true },
-  Failed: { variant: "error" },
-};
-
-/**
- * Shared status for the list and the detail header. A stopped experiment is
- * historical whatever phase it last reported, so both surfaces agree on the
- * label, colour and the absence of animation.
- */
-export function phaseStatus(
-  phase?: Phase,
-  stopped = false,
-  stoppedLabel = "Stopped",
-) {
-  if (stopped) {
-    return { tone: "default" as const, label: stoppedLabel, animated: false };
-  }
-  const value = phase ?? "Idle";
-  const spec = PHASE[value];
-  return { tone: spec.variant, label: value, animated: spec.animated };
-}
-
-export function PhaseBadge({
-  phase,
-  state,
-}: {
-  phase?: Phase;
-  state?: string;
-}) {
-  const { t } = useTranslation("canary");
-  const historical = state === "Stopped";
-  const status = phaseStatus(phase, historical, t("experiments.Stopped"));
-  return (
-    <span title={historical ? t("detail.historicalHint") : undefined}>
-      <StatusIndicator
-        variant={status.tone}
-        label={status.label}
-        animated={status.animated}
-      />
-    </span>
-  );
-}
diff --git a/web/src/modules/canary/components/TrafficBar.tsx b/web/src/modules/canary/components/TrafficBar.tsx
deleted file mode 100644
index 6583850..0000000
--- a/web/src/modules/canary/components/TrafficBar.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { trafficShare } from "../lib/values";
-
-export function TrafficBar({
-  production,
-  canary,
-}: {
-  production: number;
-  canary: number;
-}) {
-  const share = trafficShare(production, canary);
-  const prodPct = Math.round(share.production * 1000) / 10;
-  const canPct = Math.round(share.canary * 1000) / 10;
-  return (
-    <div className="grid gap-1">
-      <div className="flex h-2 overflow-hidden rounded-full bg-muted">
-        <div
-          className="bg-muted-foreground/40"
-          style={{ width: `${share.production * 100}%` }}
-        />
-        <div
-          className="bg-primary"
-          style={{ width: `${share.canary * 100}%` }}
-        />
-      </div>
-      <div className="flex justify-between text-xs text-muted-foreground">
-        <span>
-          prod {production} ({prodPct}%)
-        </span>
-        <span>
-          canary {canary} ({canPct}%)
-        </span>
-      </div>
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/components/TrafficEditor.test.tsx b/web/src/modules/canary/components/TrafficEditor.test.tsx
deleted file mode 100644
index c167f87..0000000
--- a/web/src/modules/canary/components/TrafficEditor.test.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { renderToStaticMarkup } from "react-dom/server";
-import { TrafficEditor, canAdjustTraffic, validTrafficWeights } from "./TrafficEditor";
-import { CanaryProvider } from "../lib/provider";
-import { fixtureApi } from "../lib/api";
-import type { Experiment } from "../types";
-
-const experiment = {
-  id: "exp", uid: "uid", state: "Running", cleanup: "pending",
-  canary: { metadata: { generation: 2 }, spec: { traffic: { production: 100, canary: 0 }, route: { enabled: true } },
-    status: { phase: "Serving", observedGeneration: 2, conditions: [{ type: "TrafficProgrammed", status: "True" }] } },
-} as Experiment;
-const render = (e: Experiment, canWrite = true) => renderToStaticMarkup(<CanaryProvider api={fixtureApi} canWrite={canWrite}><TrafficEditor experiment={e} /></CanaryProvider>);
-
-describe("live traffic editing", () => {
-  it.each([["100", "0", true], ["90", "10", true], ["0", "100", true], ["1", "3", true], ["0", "0", false], ["", "10", false], ["-1", "10", false], ["1.1", "2", false], ["Infinity", "1", false], ["1000001", "1", false]])("validates %s:%s", (production, canary, valid) => {
-    expect(validTrafficWeights(String(production), String(canary))).toBe(valid);
-  });
-  it("shows the form only to writers of observed running experiments", () => {
-    expect(render(experiment)).toContain("Apply weights");
-    expect(render(experiment, false)).not.toContain("Apply weights");
-    expect(canAdjustTraffic({ ...experiment, state: "Stopping" }, true)).toBe(false);
-    expect(canAdjustTraffic({ ...experiment, stopAt: new Date().toISOString() }, true)).toBe(false);
-    expect(canAdjustTraffic({ ...experiment, canary: { ...experiment.canary, status: { ...experiment.canary.status, observedGeneration: 1 } } }, true)).toBe(false);
-  });
-  it("shows pending changes and audit history to readers without enabling edits", () => {
-    const e: Experiment = { ...experiment, trafficChanges: [{ id: "change", from: { production: 100, canary: 0 }, to: { production: 90, canary: 10 }, requestedAt: "2026-10-22T00:00:00Z", requestedBy: "writer", expectedGeneration: 2, status: "applying" }] };
-    const html = render(e, false);
-    expect(html).toContain("100:0 → 90:10");
-    expect(html).toContain("Applying");
-    expect(html).toContain("writer");
-    expect(html).not.toContain("Apply weights");
-  });
-});
diff --git a/web/src/modules/canary/components/TrafficEditor.tsx b/web/src/modules/canary/components/TrafficEditor.tsx
deleted file mode 100644
index 71d0121..0000000
--- a/web/src/modules/canary/components/TrafficEditor.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useState } from "react";
-import { Button, FieldInput, FloatingField, SectionCard } from "@modelsphere/ui";
-import { useCanaryApi, useCanaryWrite } from "../lib/provider";
-import { useTranslation } from "../lib/translation";
-import { asError } from "../lib/errors";
-import type { Experiment } from "../types";
-import { ErrorNotice } from "./ErrorNotice";
-import { TrafficBar } from "./TrafficBar";
-
-export function validTrafficWeights(production: string, canary: string) {
-  if (production.trim() === "" || canary.trim() === "") return false;
-  const values = [Number(production), Number(canary)];
-  return values.every((v) => Number.isSafeInteger(v) && v >= 0 && v <= 1000000) && values[0] + values[1] > 0;
-}
-
-export function canAdjustTraffic(experiment: Experiment, canWrite: boolean) {
-  const { canary } = experiment;
-  return canWrite && experiment.state === "Running" && !experiment.stopAt && experiment.cleanup !== "complete" && !!experiment.uid &&
-    canary.spec.route.enabled !== false && !!canary.metadata.generation && canary.status?.phase === "Serving" &&
-    canary.status.observedGeneration === canary.metadata.generation &&
-    !!canary.status.conditions?.some((c) => c.type === "TrafficProgrammed" && c.status === "True") &&
-    !canary.status.conditions?.some((c) => c.type === "Degraded" && c.status === "True");
-}
-
-export function TrafficEditor({ experiment, onRefresh }: { experiment: Experiment; onRefresh?: () => void }) {
-  const { t } = useTranslation("canary");
-  const api = useCanaryApi();
-  const canWrite = useCanaryWrite();
-  const current = experiment.canary.spec.traffic;
-  const [production, setProduction] = useState(String(current.production));
-  const [canary, setCanary] = useState(String(current.canary));
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-  const changes = experiment.trafficChanges ?? [];
-  const pending = changes.some((c) => c.status === "pending" || c.status === "applying");
-  const editable = canAdjustTraffic(experiment, canWrite);
-  const valid = validTrafficWeights(production, canary);
-  const unchanged = Number(production) === current.production && Number(canary) === current.canary;
-  async function submit(event: React.FormEvent) {
-    event.preventDefault();
-    if (!editable || !valid || unchanged || busy || pending) return;
-    setBusy(true); setError(null);
-    try {
-      await api.experiments.updateTraffic(experiment.id, { production: Number(production), canary: Number(canary), expectedGeneration: experiment.canary.metadata.generation! });
-      onRefresh?.();
-    } catch (e) { setError(asError(e)); }
-    finally { setBusy(false); }
-  }
-  return <div className="mb-4 grid gap-4">
-    {editable && <SectionCard title={t("trafficUpdate.title")} hint={t("trafficUpdate.hint")}>
-      <form className="grid gap-3" onSubmit={(event) => void submit(event)}>
-        <div className="grid gap-3 sm:grid-cols-2">
-          <FloatingField label={t("create.weightProd")}><FieldInput aria-label={t("create.weightProd")} type="number" min={0} max={1000000} step={1} required disabled={busy || pending} value={production} onChange={(e) => setProduction(e.target.value)} /></FloatingField>
-          <FloatingField label={t("create.weightCanary")}><FieldInput aria-label={t("create.weightCanary")} type="number" min={0} max={1000000} step={1} required disabled={busy || pending} value={canary} onChange={(e) => setCanary(e.target.value)} /></FloatingField>
-        </div>
-        {valid ? <TrafficBar production={Number(production)} canary={Number(canary)} /> : <p role="alert" className="text-sm text-destructive">{t("trafficUpdate.invalid")}</p>}
-        <Button type="submit" disabled={busy || pending || !valid || unchanged}>{t(busy ? "trafficUpdate.submitting" : "trafficUpdate.submit")}</Button>
-      </form>
-    </SectionCard>}
-    {error && <ErrorNotice error={error} />}
-    {pending && <p role="status" className="text-sm">{t("trafficUpdate.waiting")}</p>}
-    {changes.length > 0 && <SectionCard title={t("trafficUpdate.history")}>
-      <ul className="grid gap-3 text-sm">{[...changes].reverse().map((c) => <li key={c.id} className="border-b pb-3 last:border-b-0">
-        <p>{c.from.production}:{c.from.canary} → {c.to.production}:{c.to.canary} · {t(`trafficUpdate.${c.status}`)}</p>
-        <p className="text-xs text-muted-foreground">{new Date(c.requestedAt).toLocaleString()} · {c.requestedBy}</p>
-        {c.error && <ErrorNotice error={c.error} />}
-      </li>)}</ul>
-    </SectionCard>}
-  </div>;
-}
diff --git a/web/src/modules/canary/components/metrics/EconomicsSettings.tsx b/web/src/modules/canary/components/metrics/EconomicsSettings.tsx
deleted file mode 100644
index 2b9a571..0000000
--- a/web/src/modules/canary/components/metrics/EconomicsSettings.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import { ErrorNotice } from "../../components/ErrorNotice";
-import { asError } from "../../lib/errors";
-import { useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import {
-  Button,
-  FieldInput,
-  FloatingField,
-  SectionCard,
-} from "@modelsphere/ui";
-import { useTranslation } from "../../lib/translation";
-import { useCanaryApi, useCanaryWrite } from "../../lib/provider";
-import type { Metrics } from "../../types";
-import { format } from "../../lib/metric-presentation";
-export function EconomicsSettings({
-  data,
-  experimentId,
-}: {
-  data: Metrics;
-  experimentId: string;
-}) {
-  const { t } = useTranslation("canary");
-  const api = useCanaryApi();
-  const canWrite = useCanaryWrite();
-  const qc = useQueryClient();
-  const [editing, setEditing] = useState(false);
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-  const [arms, setArms] = useState(() =>
-    (Object.keys(data.economics?.arms ?? {}).length
-      ? Object.keys(data.economics!.arms)
-      : data.compareArms
-    ).map((name) => {
-      const x = data.economics?.arms[name];
-      return {
-        name,
-        pricingKey: x?.resolution === "exact" ? x.pricingKey : "",
-        gpuCount:
-          x?.gpuSource === "manual" ? (x.gpuCount ?? undefined) : undefined,
-      };
-    }),
-  );
-  async function save() {
-    setBusy(true);
-    setError(null);
-    try {
-      await api.experiments.revalue(
-        experimentId,
-        data.economics?.revision ?? 0,
-        arms,
-      );
-      await Promise.all([
-        qc.invalidateQueries({
-          queryKey: ["experiment-metrics", api.mode, experimentId],
-        }),
-        qc.invalidateQueries({
-          queryKey: ["experiment", api.mode, experimentId],
-        }),
-      ]);
-      setEditing(false);
-    } catch (e) {
-      setError(asError(e));
-    } finally {
-      setBusy(false);
-    }
-  }
-  return (
-    <SectionCard title={t("economics.frozen")}>
-      {!data.economics && <p className="text-sm">{t("economics.legacy")}</p>}
-      <div className="grid gap-3 md:grid-cols-2">
-        {data.compareArms.map((name) => {
-          const x = data.economics?.arms[name];
-          const rates = x?.prices[data.valuation.currency ?? "USD"];
-          return (
-            <div key={name} className="rounded-md border p-3 text-sm">
-              <strong>{name}</strong> · {t("economics.gpuTotal")}:{" "}
-              {x?.gpuCount ?? "—"} ·{" "}
-              {t(`economics.${x?.gpuSource ?? "unknown"}`)}
-              <p>
-                {t("economics.pricingKey")}: {x?.pricingKey || "—"} ·{" "}
-                {t(`economics.${x?.resolution ?? "missing"}`)}
-              </p>
-              <p>
-                {rates
-                  ? `${data.valuation.currency} / 1M · ${t("economics.inputPerMillion")} ${format(rates.inputPerMillion)} · ${t("economics.cachedPerMillion")} ${format(rates.cachedPerMillion)} · ${t("economics.outputPerMillion")} ${format(rates.outputPerMillion)}`
-                  : t("economics.unpriced")}
-              </p>
-            </div>
-          );
-        })}
-      </div>
-      {data.economics && (
-        <p className="mt-2 text-xs text-muted-foreground">
-          {new Date(data.economics.frozenAt).toLocaleString()} ·{" "}
-          {data.economics.frozenBy} · {t("economics.priceRevision")}{" "}
-          {data.economics.pricingRevision}
-        </p>
-      )}
-      {canWrite && (
-        <Button
-          className="mt-3"
-          variant="outline"
-          onClick={() => setEditing(!editing)}
-          disabled={busy}
-        >
-          {t("economics.revalue")}
-        </Button>
-      )}
-      {editing && (
-        <div className="mt-3 grid gap-3">
-          <p className="text-sm text-muted-foreground">
-            {t("economics.revalueHint")}
-          </p>
-          <p className="text-xs text-muted-foreground">
-            {t("economics.bindingHint")}
-          </p>
-          {arms.map((arm, index) => (
-            <div key={arm.name} className="grid gap-3 sm:grid-cols-3">
-              <strong>{arm.name}</strong>
-              <FloatingField label={t("economics.pricingKey")}>
-                <FieldInput
-                  disabled={busy}
-                  value={arm.pricingKey}
-                  onChange={(e) =>
-                    setArms(
-                      arms.map((a, i) =>
-                        i === index ? { ...a, pricingKey: e.target.value } : a,
-                      ),
-                    )
-                  }
-                />
-              </FloatingField>
-              <FloatingField label={t("economics.gpuOverride")}>
-                <FieldInput
-                  disabled={busy}
-                  type="number"
-                  min={1}
-                  max={1024}
-                  step={1}
-                  value={arm.gpuCount ?? ""}
-                  onChange={(e) =>
-                    setArms(
-                      arms.map((a, i) =>
-                        i === index
-                          ? {
-                              ...a,
-                              gpuCount:
-                                e.target.value === ""
-                                  ? undefined
-                                  : Number(e.target.value),
-                            }
-                          : a,
-                      ),
-                    )
-                  }
-                />
-              </FloatingField>
-            </div>
-          ))}
-          <Button disabled={busy} onClick={() => void save()}>
-            {t("economics.applyCurrentPrices")}
-          </Button>
-        </div>
-      )}
-      {error && <ErrorNotice error={error} className="mt-2 text-destructive" />}
-    </SectionCard>
-  );
-}
diff --git a/web/src/modules/canary/components/metrics/MetricCard.tsx b/web/src/modules/canary/components/metrics/MetricCard.tsx
deleted file mode 100644
index 599de7d..0000000
--- a/web/src/modules/canary/components/metrics/MetricCard.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-import type { ReactNode } from "react";
-import {
-  difference,
-  finiteNumber,
-  format,
-} from "../../lib/metric-presentation";
-import { useTranslation } from "../../lib/translation";
-export interface ComparisonRow {
-  label: string;
-  values: (number | null | undefined)[];
-  unit?: string;
-}
-export function ComparisonBars({
-  arms,
-  values,
-  unit = "",
-  hypothetical = false,
-}: {
-  arms: string[];
-  values: (number | null | undefined)[];
-  unit?: string;
-  hypothetical?: boolean;
-}) {
-  const { t } = useTranslation();
-  const max = Math.max(0, ...values.filter(finiteNumber)) || 1;
-  return (
-    <div className="grid gap-3" title={t("dashboard.barHint")}>
-      {[1, 0].map((i) => (
-        <div
-          key={i}
-          className="grid grid-cols-[minmax(0,7rem)_1fr_minmax(4rem,auto)] items-center gap-3 text-xs"
-        >
-          <div className="min-w-0">
-            <span className="font-semibold">
-              {t(i ? "dashboard.experiment" : "dashboard.control")}
-            </span>
-            <div
-              className="truncate text-[11px] text-muted-foreground"
-              title={arms[i]}
-            >
-              {arms[i]}
-            </div>
-          </div>
-          <div className="h-6 overflow-hidden rounded bg-slate-100 dark:bg-slate-800">
-            <div
-              className="h-full rounded transition-[width]"
-              style={{
-                width: `${finiteNumber(values[i]) ? (Math.max(0, values[i]!) / max) * 100 : 0}%`,
-                backgroundColor: i
-                  ? hypothetical
-                    ? "#7c3aed"
-                    : "#2563eb"
-                  : "#cbd5e1",
-              }}
-            />
-          </div>
-          <strong className="text-right tabular-nums whitespace-nowrap">
-            {format(values[i], /USD|CNY/.test(unit) ? 6 : 3)}
-            {finiteNumber(values[i]) && unit ? ` ${unit}` : ""}
-          </strong>
-        </div>
-      ))}
-    </div>
-  );
-}
-export function ComparisonTable({
-  rows,
-  arms,
-}: {
-  rows: ComparisonRow[];
-  arms: string[];
-}) {
-  const { t } = useTranslation();
-  return (
-    <div className="overflow-x-auto">
-      <table className="w-full text-xs">
-        <thead>
-          <tr className="text-muted-foreground">
-            <th className="py-2 text-left font-normal">
-              {t("dashboard.metric")}
-            </th>
-            {[1, 0].map((i) => (
-              <th
-                key={i}
-                className="p-2 text-right font-normal"
-                title={arms[i]}
-              >
-                {t(i ? "dashboard.experiment" : "dashboard.control")}
-              </th>
-            ))}
-          </tr>
-        </thead>
-        <tbody>
-          {rows.map((row) => (
-            <tr
-              key={row.label}
-              className="border-t border-slate-100 dark:border-slate-800"
-            >
-              <td className="py-2 pr-2 text-muted-foreground">
-                {row.label}
-                {row.unit ? ` (${row.unit})` : ""}
-              </td>
-              {[1, 0].map((i) => (
-                <td key={i} className="p-2 text-right tabular-nums">
-                  {format(
-                    row.values[i],
-                    /USD|CNY/.test(row.unit ?? "") ? 6 : 3,
-                  )}
-                </td>
-              ))}
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-export function MetricCard({
-  id,
-  title,
-  subtitle,
-  arms,
-  values,
-  unit,
-  rows,
-  lowerBetter,
-  hypothetical,
-  expanded,
-  onToggle,
-  children,
-}: {
-  id: string;
-  title: string;
-  subtitle: string;
-  arms: string[];
-  values: (number | null | undefined)[];
-  unit: string;
-  rows: ComparisonRow[];
-  lowerBetter?: boolean;
-  hypothetical?: boolean;
-  expanded: boolean;
-  onToggle: () => void;
-  children?: ReactNode;
-}) {
-  const { t } = useTranslation();
-  const delta = difference(values[0], values[1]);
-  const good =
-    delta.absolute != null &&
-    (lowerBetter ? delta.absolute < 0 : delta.absolute > 0);
-  const color =
-    delta.absolute == null || delta.absolute === 0
-      ? "text-muted-foreground"
-      : good
-        ? "text-green-700 dark:text-green-400"
-        : "text-red-600 dark:text-red-400";
-  return (
-    <article
-      data-metric-card={id}
-      className="flex min-w-0 flex-col gap-4 rounded-[10px] border border-slate-200 bg-white px-5 py-[18px] shadow-sm dark:border-slate-700 dark:bg-slate-900"
-      onClick={(e) => {
-        if (
-          !(e.target as HTMLElement).closest(
-            "button,input,select,label,summary,a",
-          )
-        )
-          onToggle();
-      }}
-    >
-      <header className="flex items-start justify-between gap-3">
-        <div>
-          <h3 className="text-[15px] font-semibold">{title}</h3>
-          <p className="mt-1 text-[11px] text-muted-foreground">{subtitle}</p>
-        </div>
-        <span
-          className={`shrink-0 text-lg font-semibold tabular-nums ${color}`}
-          title={t("dashboard.relativeHint")}
-        >
-          {delta.relative != null && delta.relative > 0 ? "+" : ""}
-          {format(delta.relative, 2)}
-          {delta.relative != null ? "%" : ""}
-        </span>
-      </header>
-      {children}
-      <ComparisonBars
-        arms={arms}
-        values={values}
-        unit={unit}
-        hypothetical={hypothetical}
-      />
-      <div className={`text-right text-xs tabular-nums ${color}`}>
-        Δ {t("dashboard.experiment")} vs {t("dashboard.control")}:{" "}
-        {delta.absolute != null && delta.absolute > 0 ? "+" : ""}
-        {format(delta.absolute, /USD|CNY/.test(unit) ? 6 : 3)}{" "}
-        {unit === "%" ? "pp" : unit}
-      </div>
-      <ComparisonTable rows={rows} arms={arms} />
-      <button
-        type="button"
-        className="mt-auto border-t border-slate-100 pt-3 text-left text-xs font-medium text-blue-600 hover:underline dark:border-slate-800 dark:text-blue-400"
-        aria-expanded={expanded}
-        aria-controls="metric-details"
-        onClick={onToggle}
-      >
-        {expanded ? "▲" : "▼"} Details
-      </button>
-    </article>
-  );
-}
diff --git a/web/src/modules/canary/components/metrics/MetricTrend.tsx b/web/src/modules/canary/components/metrics/MetricTrend.tsx
deleted file mode 100644
index a92781f..0000000
--- a/web/src/modules/canary/components/metrics/MetricTrend.tsx
+++ /dev/null
@@ -1,278 +0,0 @@
-import { describeError } from "../../lib/errors";
-import { useTranslation } from "../../lib/translation";
-import { useId, useState } from "react";
-import type { Metrics, MetricSummary } from "../../types";
-import { format } from "../../lib/metric-presentation";
-export function MetricTrend({
-  data,
-  metric,
-  label,
-  threshold = 0,
-}: {
-  data: Metrics;
-  metric: keyof MetricSummary;
-  label: string;
-  threshold?: number;
-}) {
-  const { t } = useTranslation();
-  const tooltipId = useId();
-  const [activeTime, setActiveTime] = useState<number | null>(null);
-  const width = 640,
-    height = 170;
-  const times = data.series.map((p) => p.time);
-  const values = data.series
-    .flatMap((p) => data.compareArms.map((a) => p.arms[a]?.[metric]))
-    .filter((v): v is number => typeof v === "number");
-  if (times.length === 0 || values.length === 0) return null;
-  const minT = Math.min(...times),
-    maxT = Math.max(...times);
-  const maxV = Math.max(0, threshold, ...values) || 1;
-  const x = (time: number) =>
-    30 + ((time - minT) / Math.max(60, maxT - minT)) * (width - 40);
-  const y = (v: number) => height - 25 - (v / maxV) * (height - 40);
-  const colors = ["#94a3b8", "#2563eb"];
-  const activePoint = data.series.find((point) => point.time === activeTime);
-  const digits = metric.startsWith("revenue") ? 6 : 3;
-  return (
-    <div className="relative">
-      <svg
-        viewBox={`0 0 ${width} ${height}`}
-        role="img"
-        aria-label={label}
-        aria-describedby={activePoint ? tooltipId : undefined}
-        tabIndex={0}
-        className="w-full rounded-sm focus-visible:outline focus-visible:outline-ring"
-        onPointerMove={(event) => {
-          const bounds = event.currentTarget.getBoundingClientRect();
-          const pointerX =
-            ((event.clientX - bounds.left) / bounds.width) * width;
-          const pointerY =
-            ((event.clientY - bounds.top) / bounds.height) * height;
-          if (
-            pointerX < 26 ||
-            pointerX > width - 6 ||
-            pointerY < 10 ||
-            pointerY > height - 20
-          ) {
-            setActiveTime(null);
-            return;
-          }
-          const time =
-            minT +
-            ((Math.max(30, Math.min(width - 10, pointerX)) - 30) /
-              (width - 40)) *
-              Math.max(60, maxT - minT);
-          const nearest = data.series.reduce((best, point) =>
-            Math.abs(point.time - time) < Math.abs(best.time - time)
-              ? point
-              : best,
-          );
-          // Do not present a record from a different minute across an observation gap.
-          setActiveTime(
-            Math.abs(nearest.time - time) <= 30 ? nearest.time : null,
-          );
-        }}
-        onPointerLeave={() => setActiveTime(null)}
-        onFocus={() => setActiveTime(minT)}
-        onBlur={() => setActiveTime(null)}
-        onKeyDown={(event) => {
-          if (event.key === "Escape") {
-            setActiveTime(null);
-            return;
-          }
-          if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
-          event.preventDefault();
-          const index = data.series.findIndex(
-            (point) => point.time === activeTime,
-          );
-          const next =
-            index < 0
-              ? 0
-              : Math.max(
-                  0,
-                  Math.min(
-                    data.series.length - 1,
-                    index + (event.key === "ArrowRight" ? 1 : -1),
-                  ),
-                );
-          setActiveTime(data.series[next].time);
-        }}
-      >
-        <line
-          x1="30"
-          y1={height - 25}
-          x2={width - 10}
-          y2={height - 25}
-          stroke="currentColor"
-          opacity=".2"
-        />
-        <text x="1" y="20" fill="currentColor" fontSize="10">
-          {format(maxV, metric.startsWith("revenue") ? 6 : 3)}
-        </text>
-        {threshold > 0 && (
-          <g>
-            <rect
-              x="30"
-              y={y(threshold)}
-              width={width - 40}
-              height={height - 25 - y(threshold)}
-              fill="#dc2626"
-              opacity=".05"
-            />
-            <line
-              x1="30"
-              x2={width - 10}
-              y1={y(threshold)}
-              y2={y(threshold)}
-              stroke="#dc2626"
-              strokeDasharray="5 3"
-            />
-            <text
-              x={width - 10}
-              y={Math.max(12, y(threshold) - 4)}
-              textAnchor="end"
-              fontSize="10"
-              fill="currentColor"
-            >
-              {threshold} token/s
-            </text>
-          </g>
-        )}
-        {data.compareArms.map((arm, i) => {
-          const segments: string[][] = [];
-          let segment: string[] = [];
-          let previous = 0;
-          for (const point of data.series) {
-            const v = point.arms[arm]?.[metric];
-            if (
-              v === null ||
-              v === undefined ||
-              point.error ||
-              (previous && point.time - previous > 60)
-            ) {
-              if (segment.length) segments.push(segment);
-              segment = [];
-            }
-            if (v !== null && v !== undefined && !point.error)
-              segment.push(`${x(point.time)},${y(v)}`);
-            previous = point.time;
-          }
-          if (segment.length) segments.push(segment);
-          return (
-            <g key={arm}>
-              {segments.map((points, j) => (
-                <polyline
-                  key={j}
-                  points={points.join(" ")}
-                  fill="none"
-                  stroke={colors[i]}
-                  strokeWidth="2"
-                  strokeDasharray={i === 0 ? "5 3" : undefined}
-                />
-              ))}
-              {data.series
-                .filter((p) => !p.error && p.arms[arm]?.[metric] != null)
-                .map((p) => (
-                  <circle
-                    key={p.time}
-                    cx={x(p.time)}
-                    cy={y(p.arms[arm][metric]!)}
-                    r="2"
-                    fill={
-                      threshold > 0 && p.arms[arm][metric]! < threshold
-                        ? "#dc2626"
-                        : colors[i]
-                    }
-                    stroke={
-                      threshold > 0 && p.arms[arm][metric]! < threshold
-                        ? colors[i]
-                        : undefined
-                    }
-                    strokeWidth="2"
-                  />
-                ))}
-            </g>
-          );
-        })}
-        {activePoint && (
-          <g pointerEvents="none">
-            <line
-              x1={x(activePoint.time)}
-              x2={x(activePoint.time)}
-              y1="15"
-              y2={height - 25}
-              stroke="currentColor"
-              strokeDasharray="4 3"
-              opacity=".4"
-            />
-            {data.compareArms.map((arm, i) => {
-              const value = activePoint.arms[arm]?.[metric];
-              return !activePoint.error && value != null ? (
-                <circle
-                  key={arm}
-                  cx={x(activePoint.time)}
-                  cy={y(value)}
-                  r="4"
-                  fill={colors[i]}
-                  stroke="var(--background, white)"
-                  strokeWidth="2"
-                  strokeDasharray={i === 0 ? "5 3" : undefined}
-                />
-              ) : null;
-            })}
-          </g>
-        )}
-        <text x="30" y={height - 5} fill="currentColor" fontSize="10">
-          {new Date(minT * 1000).toLocaleString()}
-        </text>
-        <text
-          x={width - 10}
-          y={height - 5}
-          textAnchor="end"
-          fill="currentColor"
-          fontSize="10"
-        >
-          {new Date(maxT * 1000).toLocaleString()}
-        </text>
-      </svg>
-      {activePoint && (
-        <div
-          id={tooltipId}
-          role="tooltip"
-          className="pointer-events-none absolute top-2 z-10 rounded-md border bg-popover p-3 text-xs text-popover-foreground shadow-md"
-          style={{
-            width: "min(16rem, calc(100% - 16px))",
-            left: `clamp(8px, ${(x(activePoint.time) / width) * 100}%, calc(100% - 16rem - 8px))`,
-          }}
-        >
-          <div className="font-medium">{label}</div>
-          <div className="mb-2 text-muted-foreground">
-            {new Date(activePoint.time * 1000).toLocaleString()}
-          </div>
-          {activePoint.error && (
-            <div className="mb-2 text-muted-foreground">
-              {describeError(activePoint.error, t, "snapshot").summary}
-            </div>
-          )}
-          {data.compareArms.map((arm, i) => (
-            <div key={arm} className="flex items-center justify-between gap-3">
-              <span className="flex min-w-0 items-center gap-2">
-                <span
-                  className="size-2 shrink-0 rounded-full"
-                  style={{ backgroundColor: colors[i] }}
-                />
-                <span className="break-all">{arm}</span>
-              </span>
-              <strong className="shrink-0 tabular-nums">
-                {format(
-                  activePoint.error ? null : activePoint.arms[arm]?.[metric],
-                  digits,
-                )}
-              </strong>
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/components/metrics/TpsBreachChart.tsx b/web/src/modules/canary/components/metrics/TpsBreachChart.tsx
deleted file mode 100644
index 9d6148d..0000000
--- a/web/src/modules/canary/components/metrics/TpsBreachChart.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import type { Metrics } from "../../types";
-import { tpsPreview, format } from "../../lib/metric-presentation";
-import { useTranslation } from "../../lib/translation";
-export function TpsBreachChart({
-  data,
-  threshold,
-}: {
-  data: Metrics;
-  threshold: number;
-}) {
-  const { t } = useTranslation();
-  const previews = data.compareArms.map((arm) =>
-    tpsPreview(data, arm, threshold),
-  );
-  const max = Math.max(1, threshold, ...previews.flatMap((p) => p.values));
-  const bins = 12;
-  const counts = previews.map((p) =>
-    Array.from(
-      { length: bins },
-      (_, i) =>
-        p.values.filter(
-          (v) => Math.min(bins - 1, Math.floor((v / max) * bins)) === i,
-        ).length,
-    ),
-  );
-  const height = Math.max(1, ...counts.flat());
-  return (
-    <div className="grid gap-3">
-      <h4 className="text-sm font-medium">{t("dashboard.distribution")}</h4>
-      <svg
-        viewBox="0 0 640 190"
-        role="img"
-        aria-label={t("dashboard.distribution")}
-        className="w-full"
-      >
-        <line
-          x1={30}
-          x2={630}
-          y1={160}
-          y2={160}
-          stroke="currentColor"
-          opacity={0.2}
-        />
-        {counts.map((group, a) =>
-          group.map((count, i) => (
-            <rect
-              key={`${a}:${i}`}
-              x={30 + i * 50 + a * 20}
-              y={160 - (count / height) * 130}
-              width={19}
-              height={(count / height) * 130}
-              fill={a ? "#2563eb" : "#cbd5e1"}
-            >
-              <title>
-                {data.compareArms[a]}: {format((i / bins) * max)}–
-                {format(((i + 1) / bins) * max)} token/s · {count}{" "}
-                {t("dashboard.minutes")}
-              </title>
-            </rect>
-          )),
-        )}
-        {threshold > 0 && (
-          <g>
-            <rect
-              x={30}
-              y={20}
-              width={(threshold / max) * 600}
-              height={140}
-              fill="#dc2626"
-              opacity={0.06}
-            />
-            <line
-              x1={30 + (threshold / max) * 600}
-              x2={30 + (threshold / max) * 600}
-              y1={15}
-              y2={160}
-              stroke="#dc2626"
-              strokeDasharray="4 3"
-            />
-            <text
-              x={Math.min(510, 34 + (threshold / max) * 600)}
-              y={12}
-              fontSize={10}
-              fill="currentColor"
-            >
-              {t("dashboard.threshold")}: {threshold}
-            </text>
-          </g>
-        )}
-        <text x={30} y={180} fill="currentColor" fontSize={10}>
-          0 token/s
-        </text>
-        <text
-          x={630}
-          y={180}
-          textAnchor="end"
-          fill="currentColor"
-          fontSize={10}
-        >
-          {format(max)} token/s
-        </text>
-      </svg>
-      <div className="flex flex-wrap gap-4 text-xs">
-        {data.compareArms.map((arm, i) => (
-          <span key={arm}>
-            <span style={{ color: i ? "#2563eb" : "#64748b" }}>●</span> {arm}:{" "}
-            {previews[i].evaluated} {t("dashboard.minutes")}
-            {threshold > 0
-              ? ` · ${t("dashboard.failed")}: ${previews[i].failed}`
-              : ""}
-          </span>
-        ))}
-      </div>
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/error-locales.ts b/web/src/modules/canary/error-locales.ts
deleted file mode 100644
index 2b289fb..0000000
--- a/web/src/modules/canary/error-locales.ts
+++ /dev/null
@@ -1,231 +0,0 @@
-export const errorEn = {
-  trafficChanged: "Traffic or experiment configuration changed. Refresh the experiment and retry.",
-  trafficWeights: "Use integer traffic weights from 0 to 1,000,000 with a nonzero sum.",
-  trafficPending: "Another traffic change is still being applied. Wait for it to finish.",
-  trafficRunning: "Traffic can only change on a running, observed Serving experiment with routing enabled.",
-  trafficStopped: "The traffic change was cancelled because the experiment stopped.",
-  requestFailed: "The request failed. Open the details for diagnostics.",
-  network: "Cannot reach the server. Check your connection and retry.",
-  cancelled: "The request was cancelled. Retry if needed.",
-  unauthorized:
-    "Your session has expired or authentication is required. Sign in again.",
-  forbidden: "You do not have permission to perform this action.",
-  notFound: "The requested experiment or resource was not found.",
-  conflict: "The resource changed or already exists. Refresh before retrying.",
-  targetBusy: "Production target {target} is already used by Canary experiment {experiment}. Only one active experiment is allowed per target.\nYou can keep that experiment and choose another target, or stop it, wait for cleanup to complete, then create a new experiment for this target.",
-  experimentNameBusy: "Experiment name {experiment} is already in use. Choose another name, or stop the existing experiment and wait for cleanup to complete.",
-  invalidRequest: "The request is invalid. Check the input and error details.",
-  tooLarge:
-    "The request is too large. Reduce the configuration size and retry.",
-  rateLimited: "Too many requests. Wait a moment and retry.",
-  server: "The server could not complete the request. Try again later.",
-  badResponse:
-    "The server returned an invalid response. Refresh or contact an administrator.",
-  timeout: "The request timed out. Try again later.",
-  details: "Technical details (original message)",
-  snapshot: "Metric collection failed. Open the details for diagnostics.",
-  condition: "The workload reported a condition requiring attention.",
-  invalidName:
-    "Invalid experiment name: use a DNS label of at most 28 characters.",
-  invalidNamespace:
-    "Invalid namespace: use a DNS label of at most 63 characters.",
-  invalidNameNamespace:
-    "Invalid experiment name (maximum 28 characters) or namespace (maximum 63 characters).",
-  namespaceDisabled: "Namespace {namespace} is not enabled for experiments.",
-  targetRequired: "Select a production HelmRelease.",
-  armCount: "Configure two to eight experiment arms.",
-  invalidArm:
-    "Arm {arm} is invalid or duplicated; use a unique DNS label of at most 20 characters.",
-  exactChart: "Arm {arm} requires an exact chart version.",
-  pinnedSource:
-    "Arm {arm} requires a pinned catalog source and a positive replica count.",
-  compareArms: "Select two distinct, existing comparison arms.",
-  requiredField: "Field {field} is required.",
-  weights: "Traffic weights must be nonnegative integers.",
-  zeroWeights: "Production and canary traffic weights cannot both be zero.",
-  gatewayRequired:
-    "Gateway, production Service and a non-root route path are required.",
-  gatewayMismatch:
-    "Gateway and production Service must match the deployment configuration.",
-  proxyMode: "Only a PerArm proxy without session affinity is supported.",
-  objectField: "Field {field} must be an object.",
-  booleanField: "Field {field} must be a boolean.",
-  stringField: "Field {field} must be a string.",
-  nullField: "Field {field} cannot be null; remove the key to use the default.",
-  routePort:
-    "Route port must be an integer from 1 to 65535, or 0 for the default.",
-  forceHeader: "Provide a valid header name and a nonempty value.",
-  routeMismatch: "The route must match the production deployment path.",
-  targetUnavailable:
-    "The production deployment is unavailable. Refresh the deployment list.",
-  pricingChanged: "Prices changed. Reload the price table before saving.",
-  valuationChanged: "The experiment valuation changed. Refresh before saving.",
-  prices:
-    "Each enabled currency needs three finite prices from 0 to 1,000,000.",
-  currency: "Currency must be USD or CNY.",
-  normalization: "Normalization must be raw, per-gpu or as-if.",
-  gpuRange: "GPU count must be an integer from 1 to 1024.",
-  armGPU: "GPU total for arm {arm} must be an integer from 1 to 1024.",
-  pricingKey: "Pricing key {key} is invalid.",
-  armPricingKey: "Arm {arm} has an invalid pricing key.",
-  missingPricingKey: "Pricing key {key} for arm {arm} is not configured.",
-  unknownPricingKey: "Pricing key {key} is not configured.",
-  priceCurrency: "Pricing key {key} needs at least one enabled currency.",
-  valuationArm: "The valuation contains an unknown or duplicate arm.",
-  frozenUnavailable: "The frozen arm configuration is unavailable.",
-  range: "The end time must be after the start time.",
-  nameExists:
-    "An experiment or resource with this name already exists. Choose another name.",
-  stopFirst: "Stop the experiment before archiving it.",
-  planIdentity:
-    "The prepared plan belongs to another user. Prepare a new plan.",
-  prepareAgain:
-    "The plan can no longer be used. Prepare a new plan before creating the experiment.",
-  legacyStop:
-    "Stop this experiment using its original Operator before migrating the API group.",
-  uidMismatch:
-    "The resource identity changed. The operation was refused to protect existing resources.",
-  remoteChart: "Arm {arm} requires an exact, remotely accessible chart.",
-  catalogSchema: "A compatible catalog schema v2 is required.",
-  json: "The request must contain one valid JSON document.",
-  prometheus: "Prometheus is not configured. Contact an administrator.",
-  historicalMinute:
-    "A historical minute is unavailable; its evidence cannot be reconstructed.",
-  armNoData: "Arm {arm} never reported in the observation window.",
-  armMinuteMissing:
-    "Arm {arm} has missing data in the minute ending at {time}.",
-  exporterGap:
-    "This minute is excluded because the monitoring exporter changed.",
-  yamlSyntax:
-    "Invalid YAML at line {line}, column {column}. Check indentation and syntax.",
-  yamlObject: "YAML must be an object with named keys.",
-  yamlValue:
-    "YAML at {field} contains a value that cannot be represented as JSON.",
-  yamlRecursive:
-    "YAML contains a recursive alias at {field}; remove the cycle.",
-  armContext: "Arm {arm}: {message}",
-  fieldContext: "{field}: {message}",
-};
-export const errorZh: Record<keyof typeof errorEn, string> = {
-  trafficChanged: "流量或实验配置已变化，请刷新实验后重试。",
-  trafficWeights: "请输入 0 至 1,000,000 的整数流量权重，且总和不能为零。",
-  trafficPending: "另一项流量变更仍在应用，请等待完成。",
-  trafficRunning: "仅能调整已启用路由、正在运行且 Operator 已确认 Serving 的实验。",
-  trafficStopped: "实验已停止，此次流量变更已取消。",
-  requestFailed: "请求失败，请展开详情查看诊断信息。",
-  network: "无法连接服务器，请检查网络连接后重试。",
-  cancelled: "请求已取消，可按需重试。",
-  unauthorized: "登录已过期或尚未认证，请重新登录。",
-  forbidden: "你没有执行此操作的权限。",
-  notFound: "未找到请求的实验或资源。",
-  conflict: "资源已变更或已存在，请刷新后重试。",
-  targetBusy: "生产目标 {target} 已被北极星实验 {experiment} 占用。同一 target 同时只能有一个未完成清理的实验。\n你可以保留原有实验并选择其他 target；或先停止原有实验，等待清理完成后，再基于此 target 创建新的实验。",
-  experimentNameBusy: "实验名称 {experiment} 已被占用。请选择其他名称；或先停止原有实验，等待清理完成后再使用该名称。",
-  invalidRequest: "请求参数无效，请检查输入和错误详情。",
-  tooLarge: "请求内容过大，请缩减配置后重试。",
-  rateLimited: "请求过于频繁，请稍后重试。",
-  server: "服务器暂时无法完成请求，请稍后重试。",
-  badResponse: "服务器返回的数据格式无效，请刷新或联系管理员。",
-  timeout: "请求超时，请稍后重试。",
-  details: "技术详情（原始信息）",
-  snapshot: "指标采集失败，请展开详情查看诊断信息。",
-  condition: "工作负载状态异常，请查看详情。",
-  invalidName: "实验名称无效：请使用不超过 28 个字符的 DNS 标签。",
-  invalidNamespace: "命名空间无效：请使用不超过 63 个字符的 DNS 标签。",
-  invalidNameNamespace:
-    "实验名称或命名空间无效：名称最多 28 个字符，命名空间最多 63 个字符。",
-  namespaceDisabled: "命名空间 {namespace} 未启用实验功能。",
-  targetRequired: "请选择生产 HelmRelease。",
-  armCount: "请配置 2–8 个实验组。",
-  invalidArm:
-    "实验组 {arm} 无效或重复；请使用不超过 20 个字符的唯一 DNS 标签。",
-  exactChart: "实验组 {arm} 必须指定精确的 chart 版本。",
-  pinnedSource: "实验组 {arm} 需要固定版本的目录来源，且副本数必须为正整数。",
-  compareArms: "请选择两个不同且已配置的比较组。",
-  requiredField: "字段 {field} 为必填项。",
-  weights: "流量权重必须为非负整数。",
-  zeroWeights: "生产与实验流量权重不能同时为零。",
-  gatewayRequired: "必须配置 Gateway、生产 Service 和非根路径。",
-  gatewayMismatch: "Gateway 和生产 Service 必须与部署环境配置一致。",
-  proxyMode: "仅支持不启用会话亲和性的 PerArm 代理。",
-  objectField: "字段 {field} 必须为对象。",
-  booleanField: "字段 {field} 必须为布尔值。",
-  stringField: "字段 {field} 必须为字符串。",
-  nullField: "字段 {field} 不能为 null；如需默认值，请删除该字段。",
-  routePort: "路由端口必须为 1–65535 的整数，或使用 0 表示默认值。",
-  forceHeader: "请提供有效的请求头名称及非空值。",
-  routeMismatch: "路由必须与生产部署路径一致。",
-  targetUnavailable: "生产部署不可用，请刷新部署列表。",
-  pricingChanged: "价格已变更，请重新加载价表后再保存。",
-  valuationChanged: "实验估值已变更，请刷新后再保存。",
-  prices: "每个启用的币种必须填写三个 0–1,000,000 范围内的有限价格。",
-  currency: "币种必须为 USD 或 CNY。",
-  normalization: "归一化方式必须为 raw、per-gpu 或 as-if。",
-  gpuRange: "GPU 数量必须为 1–1024 的整数。",
-  armGPU: "实验组 {arm} 的 GPU 总数必须为 1–1024 的整数。",
-  pricingKey: "定价 key {key} 无效。",
-  armPricingKey: "实验组 {arm} 的定价 key 无效。",
-  missingPricingKey: "实验组 {arm} 的定价 key {key} 尚未配置。",
-  unknownPricingKey: "定价 key {key} 尚未配置。",
-  priceCurrency: "定价 key {key} 至少需要启用一个币种。",
-  valuationArm: "估值中存在未知或重复的实验组。",
-  frozenUnavailable: "冻结的实验组配置不可用。",
-  range: "结束时间必须晚于开始时间。",
-  nameExists: "同名实验或资源已存在，请使用其他名称。",
-  stopFirst: "请先停止实验，再执行归档。",
-  planIdentity: "预备方案属于其他用户，请重新生成方案。",
-  prepareAgain: "当前方案已不可用，请重新生成方案后创建实验。",
-  legacyStop: "请先使用原 Operator 停止实验，再迁移 API 组。",
-  uidMismatch: "资源身份已变更，为保护现有资源，操作已拒绝。",
-  remoteChart: "实验组 {arm} 需要精确版本且可远程访问的 chart。",
-  catalogSchema: "需要兼容的 catalog schema v2。",
-  json: "请求必须包含一个有效的 JSON 文档。",
-  prometheus: "尚未配置 Prometheus，请联系管理员。",
-  historicalMinute: "历史分钟数据不可用，无法重建对应的指标证据。",
-  armNoData: "实验组 {arm} 在观测窗口内没有上报数据。",
-  armMinuteMissing: "实验组 {arm} 在结束于 {time} 的分钟内缺少上报数据。",
-  exporterGap: "该分钟因指标采集器切换而未参与比较。",
-  yamlSyntax: "YAML 第 {line} 行、第 {column} 列语法无效，请检查缩进与格式。",
-  yamlObject: "YAML 必须是包含命名字段的对象。",
-  yamlValue: "YAML 字段 {field} 包含无法表示为 JSON 的值。",
-  yamlRecursive: "YAML 字段 {field} 包含递归别名，请移除循环引用。",
-  armContext: "实验组 {arm}：{message}",
-  fieldContext: "{field}：{message}",
-};
-export const validationEn = {
-  required: "Required.",
-  dns: "Must be a valid DNS label.",
-  requiredDNS: "A valid DNS label is required.",
-  armName: "Use a DNS label of 1–20 characters.",
-  duplicateArm: "Arm name {arm} is duplicated.",
-  chartName: "Enter a valid chart name.",
-  exactVersion: "Use an exact version rather than a version range.",
-  apiVersion: "API version must be {version}.",
-  oneArm: "At least one arm is required.",
-  operatorOwned:
-    "Do not set {fields} on the CR; these fields are managed by the Operator.",
-  routePath: "Use a non-root path beginning with /.",
-  port: "Enter an integer port from 1 to 65535.",
-  headerName: "Invalid HTTP header name.",
-  headerPair: "Both header name and value are required.",
-  perArm: "Shared mode is unsupported; use PerArm.",
-  affinity: "Session affinity is unavailable in PerArm mode.",
-};
-export const validationZh: Record<keyof typeof validationEn, string> = {
-  required: "此项为必填。",
-  dns: "必须为有效的 DNS 标签。",
-  requiredDNS: "必须填写有效的 DNS 标签。",
-  armName: "请使用 1–20 个字符的 DNS 标签。",
-  duplicateArm: "实验组名称 {arm} 重复。",
-  chartName: "请输入有效的 chart 名称。",
-  exactVersion: "请使用精确版本，不能使用版本范围。",
-  apiVersion: "API 版本必须为 {version}。",
-  oneArm: "至少需要一个实验组。",
-  operatorOwned: "不能在 CR 中设置 {fields}；这些字段由 Operator 管理。",
-  routePath: "请填写以 / 开头的非根路径。",
-  port: "请输入 1–65535 的整数端口。",
-  headerName: "HTTP 请求头名称无效。",
-  headerPair: "必须同时填写请求头名称和值。",
-  perArm: "不支持 Shared 模式，请使用 PerArm。",
-  affinity: "PerArm 模式不支持会话亲和性。",
-};
diff --git a/web/src/modules/canary/fixtures/canaries.ts b/web/src/modules/canary/fixtures/canaries.ts
deleted file mode 100644
index 736370a..0000000
--- a/web/src/modules/canary/fixtures/canaries.ts
+++ /dev/null
@@ -1,279 +0,0 @@
-import type { LLMCanary } from "../types";
-
-const now = "2026-10-10T08:00:00Z";
-
-export const fixtureCanaries: LLMCanary[] = [
-  {
-    apiVersion: "canary.modelsphere.dev/v1alpha1",
-    kind: "LLMCanary",
-    metadata: {
-      name: "qwen-tune",
-      namespace: "llm-serving",
-      generation: 3,
-      creationTimestamp: "2026-10-08T02:10:00Z",
-    },
-    spec: {
-      targetRef: {
-        kind: "HelmRelease",
-        name: "qwen-prod",
-        namespace: "llm-serving",
-      },
-      arms: [
-        {
-          name: "baseline",
-          chart: { name: "sglang", version: "0.8.0" },
-          values: {
-            replicaCount: 1,
-            model: { localPath: "/mnt/models/qwen3.6-35b-a3b" },
-            extraArgs: ["--tp-size=8"],
-          },
-          source: {
-            model: "qwen3.6-35b-a3b",
-            version: "1.1.0",
-            variant: "sglang-tp8-h100-baseline",
-          },
-        },
-        {
-          name: "candidate",
-          chart: { name: "sglang", version: "0.8.0" },
-          values: {
-            replicaCount: 1,
-            model: { localPath: "/mnt/models/qwen3.6-35b-a3b" },
-            extraArgs: ["--chunked-prefill-size=16384", "--tp-size=8"],
-          },
-          source: {
-            model: "qwen3.6-35b-a3b",
-            version: "1.1.0",
-            variant: "sglang-tp8-h100-optimized",
-          },
-        },
-      ],
-      proxy: { mode: "PerArm", replicas: 2 },
-      traffic: { production: 90, canary: 10 },
-      gateway: {
-        name: "openresty",
-        namespace: "llm-route",
-        hostname: "ai-cloud.example.com",
-        sectionName: "https",
-      },
-      route: {
-        enabled: true,
-        productionOpenrestyService: "openresty",
-        path: "/qwen",
-        forceHeader: { name: "x-canary", value: "force" },
-      },
-    },
-    status: {
-      phase: "Serving",
-      observedGeneration: 3,
-      armsReadySince: "2026-10-08T03:00:00Z",
-      arms: [
-        { name: "baseline", ready: true },
-        { name: "candidate", ready: true },
-      ],
-      canaryProxy: { name: "qwen-tune-openresty", ready: true },
-      canaryProxies: [
-        { name: "qwen-tune-openresty-baseline", arm: "baseline", ready: true },
-        {
-          name: "qwen-tune-openresty-candidate",
-          arm: "candidate",
-          ready: true,
-        },
-      ],
-      routeName: "canary-llm-serving-qwen-tune",
-      routePath: "/qwen",
-      gatewayNamespace: "llm-route",
-      conditions: [
-        {
-          type: "Provisioned",
-          status: "True",
-          reason: "ArmsReady",
-          lastTransitionTime: now,
-        },
-        {
-          type: "TrafficProgrammed",
-          status: "True",
-          reason: "RouteProgrammed",
-          lastTransitionTime: now,
-        },
-        {
-          type: "Degraded",
-          status: "False",
-          reason: "NoIssues",
-          lastTransitionTime: now,
-        },
-      ],
-    },
-  },
-  {
-    apiVersion: "canary.modelsphere.dev/v1alpha1",
-    kind: "LLMCanary",
-    metadata: {
-      name: "kimi-engine",
-      namespace: "llm-serving",
-      generation: 1,
-      creationTimestamp: "2026-10-12T11:00:00Z",
-    },
-    spec: {
-      targetRef: {
-        kind: "HelmRelease",
-        name: "kimi-prod",
-        namespace: "llm-serving",
-      },
-      arms: [
-        {
-          name: "sglang",
-          chart: { name: "sglang", version: "0.7.9" },
-          values: { replicaCount: 1, extraArgs: ["--tp-size=8"] },
-          source: {
-            model: "kimi-k3",
-            version: "1.0.5",
-            variant: "sglang-tp8-b300-optimized",
-          },
-        },
-        {
-          name: "vllm",
-          chart: { name: "vllm", version: "0.5.0" },
-          values: { replicaCount: 1, extraArgs: ["--tensor-parallel-size=8"] },
-          source: {
-            model: "kimi-k3",
-            version: "1.0.5",
-            variant: "vllm-tp8-b300",
-          },
-        },
-      ],
-      proxy: { mode: "PerArm", replicas: 2 },
-      traffic: { production: 99, canary: 1 },
-      gateway: { name: "openresty", namespace: "llm-route" },
-      route: {
-        enabled: false,
-        productionOpenrestyService: "openresty",
-        path: "/kimi-k3",
-      },
-    },
-    status: {
-      phase: "Provisioning",
-      observedGeneration: 1,
-      arms: [
-        { name: "sglang", ready: true },
-        { name: "vllm", ready: false },
-      ],
-      canaryProxy: { name: "kimi-engine-openresty", ready: false },
-      routePath: "/kimi-k3",
-      gatewayNamespace: "llm-route",
-      conditions: [
-        {
-          type: "Provisioned",
-          status: "False",
-          reason: "ArmsNotReady",
-          message: "arm vllm is not ready",
-          lastTransitionTime: now,
-        },
-        {
-          type: "TrafficProgrammed",
-          status: "False",
-          reason: "TrafficDisabled",
-          lastTransitionTime: now,
-        },
-      ],
-    },
-  },
-  {
-    apiVersion: "canary.modelsphere.dev/v1alpha1",
-    kind: "LLMCanary",
-    metadata: {
-      name: "glm-fail",
-      namespace: "models",
-      generation: 2,
-      creationTimestamp: "2026-10-09T16:40:00Z",
-    },
-    spec: {
-      targetRef: { kind: "HelmRelease", name: "glm-prod", namespace: "models" },
-      arms: [
-        {
-          name: "candidate",
-          chart: { name: "sglang", version: "0.8.0" },
-          values: { replicaCount: 1, scaler: { minReplicas: 1 } },
-        },
-      ],
-      traffic: { production: 50, canary: 50 },
-      gateway: { name: "edge", namespace: "models-route", sectionName: "http" },
-      route: {
-        enabled: true,
-        productionOpenrestyService: "glm-openresty",
-        path: "/glm",
-      },
-    },
-    status: {
-      phase: "Failed",
-      observedGeneration: 2,
-      arms: [{ name: "candidate", ready: false }],
-      routeName: "canary-models-glm-fail",
-      routePath: "/glm",
-      gatewayNamespace: "models-route",
-      conditions: [
-        {
-          type: "Degraded",
-          status: "True",
-          reason: "InvalidValues",
-          message:
-            "arm candidate must not set scaler.enabled: the operator writes it on both arms",
-          lastTransitionTime: now,
-        },
-      ],
-    },
-  },
-  {
-    apiVersion: "canary.modelsphere.dev/v1alpha1",
-    kind: "LLMCanary",
-    metadata: {
-      name: "kimi-old",
-      namespace: "llm-serving",
-      generation: 8,
-      creationTimestamp: "2026-09-30T09:00:00Z",
-    },
-    spec: {
-      targetRef: {
-        kind: "HelmRelease",
-        name: "kimi-prod",
-        namespace: "llm-serving",
-      },
-      arms: [
-        {
-          name: "baseline",
-          chart: { name: "sglang", version: "0.7.9" },
-          values: { replicaCount: 1 },
-        },
-      ],
-      traffic: { production: 100, canary: 0 },
-      gateway: {
-        name: "openresty",
-        namespace: "llm-route",
-        hostname: "ai-cloud.example.com",
-      },
-      route: {
-        enabled: false,
-        productionOpenrestyService: "openresty",
-        path: "/kimi-k3",
-      },
-      drain: { maxWait: "1h" },
-    },
-    status: {
-      phase: "Draining",
-      observedGeneration: 8,
-      drainStartedAt: "2026-10-13T01:10:00Z",
-      drainInFlight: 3,
-      routePath: "/kimi-k3",
-      gatewayNamespace: "llm-route",
-      arms: [{ name: "baseline", ready: true }],
-      conditions: [
-        {
-          type: "TrafficProgrammed",
-          status: "False",
-          reason: "WithdrawFailed",
-          lastTransitionTime: now,
-        },
-      ],
-    },
-  },
-];
diff --git a/web/src/modules/canary/fixtures/catalog-v2.ts b/web/src/modules/canary/fixtures/catalog-v2.ts
deleted file mode 100644
index 6455cfa..0000000
--- a/web/src/modules/canary/fixtures/catalog-v2.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-import type { CatalogIndexV2, CatalogVariant } from "../types";
-
-const COMMIT = "7cbd6a8c0e1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c";
-
-function digest(n: string): string {
-  const hex = (n + "0".repeat(64)).replace(/[^a-f0-9]/g, "a").slice(0, 64);
-  return `sha256:${hex}`;
-}
-
-const qwenTp2Values: CatalogVariant["values"] = {
-  model: { hostPathType: "Directory", contextLength: "" },
-  extraArgs: [
-    "--tp-size=2",
-    "--mem-fraction-static=0.85",
-    "--trust-remote-code",
-  ],
-  env: [{ name: "NVIDIA_DISABLE_REQUIRE", value: "1" }],
-};
-
-const qwenTp8BaselineValues: CatalogVariant["values"] = {
-  model: { hostPathType: "Directory", contextLength: "262144" },
-  extraArgs: [
-    "--tp-size=8",
-    "--mem-fraction-static=0.8",
-    "--trust-remote-code",
-  ],
-  env: [{ name: "NVIDIA_DISABLE_REQUIRE", value: "1" }],
-};
-
-const qwenTp8OptValues: CatalogVariant["values"] = {
-  model: { hostPathType: "Directory", contextLength: "262144" },
-  extraArgs: [
-    "--chunked-prefill-size=16384",
-    "--tp-size=8",
-    "--mem-fraction-static=0.8",
-    "--trust-remote-code",
-  ],
-  env: [{ name: "NVIDIA_DISABLE_REQUIRE", value: "1" }],
-};
-
-const kimiSglangValues: CatalogVariant["values"] = {
-  model: { mountPath: "/model", hostPathType: "Directory", contextLength: "" },
-  extraArgs: [
-    "--tp-size=8",
-    "--kv-cache-dtype=fp8_e4m3",
-    "--trust-remote-code",
-  ],
-};
-
-const kimiVllmValues: CatalogVariant["values"] = {
-  extraArgs: ["--tensor-parallel-size=8", "--trust-remote-code"],
-  env: [{ name: "NVIDIA_DISABLE_REQUIRE", value: "1" }],
-};
-
-/** Variant files the wizard reads for chart+values stubs. Schema v2 only. */
-export const catalogVariants: CatalogVariant[] = [
-  {
-    apiVersion: "catalog.swiss/v2",
-    kind: "Variant",
-    model: "qwen3.6-35b-a3b",
-    id: "sglang-tp2-h100",
-    version: "1.1.0",
-    servedName: "qwen",
-    description: "TP2 on two H100 or H800 GPUs, single node.",
-    engine: "sglang",
-    chart: { name: "sglang", version: ">=0.7.1" },
-    resolvedChartVersion: "0.8.0",
-    image: { repository: "lmsysorg/sglang", tag: "v0.5.18-cu129" },
-    requires: {
-      gpus: 2,
-      topology: "single-node",
-      gpuProduct: ["NVIDIA-H100-80GB-HBM3", "NVIDIA-H800"],
-    },
-    values: qwenTp2Values,
-    digest: digest("qwen-tp2"),
-    path: "models/qwen3.6-35b-a3b/sglang-tp2-h100.yaml",
-  },
-  {
-    apiVersion: "catalog.swiss/v2",
-    kind: "Variant",
-    model: "qwen3.6-35b-a3b",
-    id: "sglang-tp8-h100-baseline",
-    version: "1.1.0",
-    servedName: "qwen",
-    description: "Baseline: TP8 on eight H100 GPUs, single node.",
-    engine: "sglang",
-    chart: { name: "sglang", version: ">=0.7.1" },
-    resolvedChartVersion: "0.8.0",
-    image: { repository: "lmsysorg/sglang", tag: "v0.5.19-cu129" },
-    requires: {
-      gpus: 8,
-      topology: "single-node",
-      gpuProduct: ["NVIDIA-H100-80GB-HBM3"],
-    },
-    values: qwenTp8BaselineValues,
-    digest: digest("qwen-tp8b"),
-    path: "models/qwen3.6-35b-a3b/sglang-tp8-h100-baseline.yaml",
-  },
-  {
-    apiVersion: "catalog.swiss/v2",
-    kind: "Variant",
-    model: "qwen3.6-35b-a3b",
-    id: "sglang-tp8-h100-optimized",
-    version: "1.1.0",
-    servedName: "qwen",
-    description: "Tuned TP8 on eight H100 GPUs.",
-    engine: "sglang",
-    chart: { name: "sglang", version: ">=0.7.1" },
-    resolvedChartVersion: "0.8.0",
-    image: { repository: "lmsysorg/sglang", tag: "v0.5.19-cu129" },
-    requires: {
-      gpus: 8,
-      topology: "single-node",
-      gpuProduct: ["NVIDIA-H100-80GB-HBM3"],
-    },
-    values: qwenTp8OptValues,
-    digest: digest("qwen-tp8o"),
-    path: "models/qwen3.6-35b-a3b/sglang-tp8-h100-optimized.yaml",
-  },
-  {
-    apiVersion: "catalog.swiss/v2",
-    kind: "Variant",
-    model: "kimi-k3",
-    id: "sglang-tp8-b300-optimized",
-    version: "1.0.5",
-    servedName: "kimi-k3",
-    description: "Tuned SGLang TP8 on eight B300 GPUs.",
-    engine: "sglang",
-    chart: { name: "sglang", version: ">=0.7.9" },
-    resolvedChartVersion: "0.7.9",
-    image: { repository: "lmsysorg/sglang", tag: "v0.5.19" },
-    requires: {
-      gpus: 8,
-      topology: "single-node",
-      gpuProduct: ["NVIDIA-B300-SXM6-AC"],
-    },
-    values: kimiSglangValues,
-    digest: digest("kimi-sgl"),
-    path: "models/kimi-k3/sglang-tp8-b300-optimized.yaml",
-  },
-  {
-    apiVersion: "catalog.swiss/v2",
-    kind: "Variant",
-    model: "kimi-k3",
-    id: "vllm-tp8-b300",
-    version: "1.0.5",
-    servedName: "kimi-k3",
-    description: "vLLM TP8 on eight B300 GPUs (cross-engine vs SGLang).",
-    engine: "vllm",
-    chart: { name: "vllm", version: ">=0.4.6" },
-    resolvedChartVersion: "0.5.0",
-    image: { repository: "4pdosc/vllm-openai", tag: "v0.30.1-nightly" },
-    requires: {
-      gpus: 8,
-      topology: "single-node",
-      gpuProduct: ["NVIDIA-B300-SXM6-AC"],
-    },
-    values: kimiVllmValues,
-    digest: digest("kimi-vllm"),
-    path: "models/kimi-k3/vllm-tp8-b300.yaml",
-  },
-];
-
-function indexVariant(v: CatalogVariant) {
-  return {
-    id: v.id,
-    version: v.version,
-    digest: v.digest ?? digest(v.id),
-    engine: v.engine,
-    chart: v.chart,
-    requires: v.requires,
-    servedName: v.servedName,
-    description: v.description,
-  };
-}
-
-export const catalogIndexV2: CatalogIndexV2 = {
-  schema: "v2",
-  name: "fixture",
-  ref: COMMIT,
-  models: [
-    {
-      name: "qwen3.6-35b-a3b",
-      displayName: "Qwen3.6 35B-A3B",
-      description: "Stock Qwen3.6-35B-A3B on two or eight H100 GPUs.",
-      family: "qwen",
-      tags: ["chat", "moe"],
-      defaultVariant: "sglang-tp2-h100",
-      source: { hf: "Qwen/Qwen3.6-35B-A3B" },
-      tuning: [
-        {
-          baseline: { id: "sglang-tp8-h100-baseline", version: "1.1.0" },
-          optimized: { id: "sglang-tp8-h100-optimized", version: "1.1.0" },
-          uplift: 4.3,
-          report: "qwen3.6-35b-a3b-h100-report.html",
-        },
-      ],
-      variants: catalogVariants
-        .filter((v) => v.model === "qwen3.6-35b-a3b")
-        .map(indexVariant),
-    },
-    {
-      name: "kimi-k3",
-      displayName: "Kimi K3",
-      description: "Kimi K3 with SGLang and vLLM on eight B300 GPUs.",
-      family: "kimi",
-      tags: ["chat", "reasoning"],
-      defaultVariant: "sglang-tp8-b300-optimized",
-      source: { hf: "moonshotai/Kimi-K3" },
-      tuning: [
-        {
-          baseline: { id: "sglang-tp8-b300-baseline", version: "1.0.5" },
-          optimized: { id: "sglang-tp8-b300-optimized", version: "1.0.5" },
-          uplift: 57.6,
-        },
-      ],
-      variants: catalogVariants
-        .filter((v) => v.model === "kimi-k3")
-        .map(indexVariant),
-    },
-  ],
-};
-
-export function findVariant(
-  model: string,
-  id: string,
-  version?: string,
-): CatalogVariant | undefined {
-  return catalogVariants.find(
-    (v) =>
-      v.model === model && v.id === id && (!version || v.version === version),
-  );
-}
diff --git a/web/src/modules/canary/fixtures/deployments.ts b/web/src/modules/canary/fixtures/deployments.ts
deleted file mode 100644
index 8a156d0..0000000
--- a/web/src/modules/canary/fixtures/deployments.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { ProductionTarget } from "../types";
-
-/** Production traffic-route keys (HelmRelease by name). Not arm templates. */
-export const productionTargets: ProductionTarget[] = [
-  {
-    kind: "HelmRelease",
-    name: "qwen-prod",
-    namespace: "llm-serving",
-    model: "qwen3.6-35b-a3b",
-    variant: "sglang-tp8-h100-baseline",
-    version: "1.1.0",
-    route: "qwen",
-    chart: "sglang-0.8.0",
-    gateway: {
-      name: "openresty",
-      namespace: "llm-route",
-      hostname: "ai-cloud.example.com",
-      sectionName: "https",
-    },
-    openrestyService: "openresty",
-  },
-  {
-    kind: "HelmRelease",
-    name: "kimi-prod",
-    namespace: "llm-serving",
-    model: "kimi-k3",
-    variant: "sglang-tp8-b300-optimized",
-    version: "1.0.5",
-    route: "kimi-k3",
-    chart: "sglang-0.7.9",
-    gateway: { name: "openresty", namespace: "llm-route" },
-    openrestyService: "openresty",
-  },
-  {
-    kind: "HelmRelease",
-    name: "glm-prod",
-    namespace: "models",
-    model: "glm5.3",
-    variant: "sglang-tp8-h100",
-    version: "1.0.0",
-    route: "glm",
-    chart: "sglang-0.8.0",
-    gateway: { name: "edge", namespace: "models-route", sectionName: "http" },
-    openrestyService: "glm-openresty",
-  },
-];
diff --git a/web/src/modules/canary/index.tsx b/web/src/modules/canary/index.tsx
deleted file mode 100644
index 1e6e478..0000000
--- a/web/src/modules/canary/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { lazy, Suspense, type ReactNode } from "react";
-import { FlaskConical, Plus } from "lucide-react";
-import type { ConsoleModule } from "@/shell";
-import { apiFetch } from "@/shell/api";
-import { i18n, useT } from "@/shell/i18n";
-import { useCapabilities } from "@/shell/capabilities";
-import { CanaryProvider } from "./lib/provider";
-import { PluginBase } from "./lib/host";
-import { registerCanaryLocales } from "./locales";
-
-const CanaryList = lazy(() => import("./pages/CanaryList").then((m) => ({ default: m.CanaryList })));
-const CanaryCreate = lazy(() => import("./pages/CanaryCreate").then((m) => ({ default: m.CanaryCreate })));
-const ExperimentDetail = lazy(() => import("./pages/ExperimentDetail").then((m) => ({ default: m.ExperimentDetail })));
-const LiveCanaryDetail = lazy(() => import("./pages/LiveCanaryDetail").then((m) => ({ default: m.LiveCanaryDetail })));
-const Pricing = lazy(() => import("./pages/Pricing").then((m) => ({ default: m.Pricing })));
-
-registerCanaryLocales(i18n);
-const authFetch: typeof fetch = (input, init) => apiFetch(String(input), init);
-
-function CanaryScope({ children }: { children: ReactNode }) {
-  const { data } = useCapabilities();
-  const t = useT("shell");
-  return (
-    <CanaryProvider fetch={authFetch} i18n={i18n} canWrite={data?.canary.canWrite ?? false}>
-      <PluginBase basePath="/canary">
-        <Suspense fallback={<div className="p-6">{t("capability.loading")}</div>}>{children}</Suspense>
-      </PluginBase>
-    </CanaryProvider>
-  );
-}
-
-const page = (node: ReactNode) => <CanaryScope>{node}</CanaryScope>;
-
-export const canaryModule: ConsoleModule = {
-  id: "canary",
-  title: "Canary",
-  basePath: "/canary",
-  capability: "canary",
-  frame: "flush",
-  pages: [
-    { path: "", element: page(<CanaryList />), menu: { label: "实验", icon: FlaskConical } },
-    { path: "new", element: page(<CanaryCreate />), permission: "canary.write", requiresWrite: true, menu: { label: "新建实验", icon: Plus } },
-    { path: "pricing", element: page(<Pricing />), menu: { label: "价格", icon: FlaskConical } },
-    { path: "experiments/:id", element: page(<ExperimentDetail />) },
-    { path: ":ns/:name", element: page(<LiveCanaryDetail />) },
-  ],
-};
diff --git a/web/src/modules/canary/lib/api.ts b/web/src/modules/canary/lib/api.ts
deleted file mode 100644
index efa4534..0000000
--- a/web/src/modules/canary/lib/api.ts
+++ /dev/null
@@ -1,335 +0,0 @@
-import type {
-  ChartVersions,
-  ChartVersionsSource,
-  CatalogIndexV2,
-  CatalogVariant,
-  CatalogInfo,
-  LLMCanary,
-  ProductionTarget,
-} from "../types";
-import {
-  catalogIndexV2,
-  catalogVariants,
-  findVariant,
-} from "../fixtures/catalog-v2";
-import { fixtureCanaries } from "../fixtures/canaries";
-import { productionTargets } from "../fixtures/deployments";
-
-/**
- * Cluster writes stay behind this interface. The fixture host never talks to kube.
- */
-export interface CanaryApi {
-  list(): Promise<LLMCanary[]>;
-  get(namespace: string, name: string): Promise<LLMCanary | null>;
-  /** Upsert a client-side fixture. The host still does not write to a cluster. */
-  create(canary: LLMCanary): Promise<LLMCanary>;
-}
-
-export interface CatalogApi {
-  list(): Promise<CatalogInfo[]>;
-  index(catalog?: string): Promise<CatalogIndexV2>;
-  variant(
-    model: string,
-    id: string,
-    version?: string,
-  ): Promise<CatalogVariant | null>;
-  variants(catalog?: string): Promise<CatalogVariant[]>;
-  chartVersions(source: ChartVersionsSource): Promise<ChartVersions>;
-}
-
-export interface SwissApi {
-  deployments(): Promise<ProductionTarget[]>;
-}
-
-/** Mutable overlay. The exported fixture array stays unchanged for tests. */
-const canaryStore: LLMCanary[] = structuredClone(fixtureCanaries);
-
-export const fixtureCanaryApi: CanaryApi = {
-  async list() {
-    return structuredClone(canaryStore);
-  },
-  async get(namespace, name) {
-    const found = canaryStore.find(
-      (c) => c.metadata.namespace === namespace && c.metadata.name === name,
-    );
-    return found ? structuredClone(found) : null;
-  },
-  async create(canary) {
-    const next = structuredClone(canary);
-    const index = canaryStore.findIndex(
-      (c) =>
-        c.metadata.namespace === next.metadata.namespace &&
-        c.metadata.name === next.metadata.name,
-    );
-    if (index >= 0) canaryStore[index] = next;
-    else canaryStore.push(next);
-    return structuredClone(next);
-  },
-};
-
-export const fixtureCatalogApi: CatalogApi = {
-  async list() {
-    return [{ name: catalogIndexV2.name, schema: "v2", default: true }];
-  },
-  async index() {
-    if (catalogIndexV2.schema !== "v2") {
-      throw new Error("catalog schema v1 is not supported");
-    }
-    return catalogIndexV2;
-  },
-  async variant(model, id, version) {
-    return findVariant(model, id, version) ?? null;
-  },
-  async chartVersions(source) {
-    const v = findVariant(source.model, source.variant, source.version);
-    if (!v) throw new Error("Not found");
-    return { chart: v.chart.name, range: v.chart.version, variant: v.id,
-      versions: [v.resolvedChartVersion] };
-  },
-  async variants() {
-    return catalogVariants;
-  },
-};
-
-export const fixtureSwissApi: SwissApi = {
-  async deployments() {
-    return productionTargets;
-  },
-};
-
-export const api = {
-  canary: fixtureCanaryApi,
-  catalog: fixtureCatalogApi,
-  swiss: fixtureSwissApi,
-};
-
-import type { CanaryClient } from "./live-api";
-import type { Experiment, Prepared, PricingTable } from "../types";
-import { freezeFixtureEconomics } from "./fixture-economics";
-import { emitManifests } from "./emit";
-const fixtureExperiments: Experiment[] = canaryStore.map((c, i) => ({
-  id: `fixture-${i}`,
-  prepareId: `fixture-${i}`,
-  name: c.metadata.name,
-  namespace: c.metadata.namespace,
-  creator: "fixture",
-  createdAt: c.metadata.creationTimestamp ?? new Date().toISOString(),
-  canary: c,
-  prepared: {
-    id: `fixture-${i}`,
-    createdAt: new Date().toISOString(),
-    draft: {} as Prepared["draft"],
-    canary: c,
-    plans: [],
-    warnings: [],
-  },
-  compareArms: c.spec.arms.slice(0, 2).map((a) => a.name),
-  state: "Running",
-  cleanup: "pending",
-  snapshot: "pending",
-  archived: false,
-  windows: [],
-}));
-const fixturePlans = new Map<string, Prepared>();
-function fixtureExperiment(id: string) {
-  const e = fixtureExperiments.find((e) => e.id === id);
-  if (!e) throw new Error("Not found");
-  return e;
-}
-import { fixtureMetrics } from "./fixture-metrics";
-export const fixtureApi: CanaryClient = {
-  mode: "fixture",
-  async config() {
-    return { namespaces: ["llm-serving"] };
-  },
-  pricing: {
-    async get() {
-      return structuredClone(fixturePricing);
-    },
-    async save(table) {
-      if (table.revision !== fixturePricing.revision)
-        throw new Error("Pricing changed; reload before saving");
-      fixturePricing = {
-        ...structuredClone(table),
-        revision: table.revision + 1,
-        updatedAt: new Date().toISOString(),
-        updatedBy: "fixture",
-      };
-      return structuredClone(fixturePricing);
-    },
-  },
-  canary: fixtureCanaryApi,
-  catalog: fixtureCatalogApi,
-  swiss: fixtureSwissApi,
-  experiments: {
-    async updateTraffic() {
-      throw new Error("Live traffic updates require the live backend");
-    },
-    async list() {
-      return structuredClone(
-        fixtureExperiments.map((e) => ({
-          id: e.id,
-          name: e.name,
-          namespace: e.namespace,
-          creator: e.creator,
-          createdAt: e.createdAt,
-          state: e.state,
-          archived: e.archived,
-          cleanup: e.cleanup,
-          snapshot: e.snapshot,
-          snapshotError: e.snapshotError,
-          error: e.error,
-          compareArms: e.compareArms,
-          targetRef: e.canary.spec.targetRef,
-          phase: e.canary.status?.phase,
-        })),
-      );
-    },
-    async get(id) {
-      return structuredClone(fixtureExperiment(id));
-    },
-    async prepare(draft) {
-      const emitted = emitManifests(draft);
-      const issues = emitted.issues;
-      if (issues.length)
-        throw new Error(
-          issues.map((i) => `${i.path}: ${i.message}`).join("; "),
-        );
-      const p: Prepared = {
-        id: crypto.randomUUID(),
-        createdAt: new Date().toISOString(),
-        draft: structuredClone(draft),
-        canary: emitted.canary,
-        plans: [],
-        warnings: [],
-      };
-      p.economics = freezeFixtureEconomics(
-        p.canary,
-        draft.arms,
-        fixturePricing,
-      );
-      fixturePlans.set(p.id, p);
-      return structuredClone(p);
-    },
-    async create(id) {
-      const old = fixtureExperiments.find((e) => e.prepareId === id);
-      if (old) return structuredClone(old);
-      const p = fixturePlans.get(id);
-      if (!p) throw new Error("Not found");
-      if (
-        fixtureExperiments.some(
-          (e) =>
-            e.name === p.draft.name &&
-            e.namespace === p.draft.namespace &&
-            e.cleanup !== "complete",
-        )
-      )
-        throw new Error("Name already exists");
-      const e: Experiment = {
-        id: crypto.randomUUID(),
-        prepareId: id,
-        name: p.draft.name,
-        namespace: p.draft.namespace,
-        creator: "fixture",
-        createdAt: new Date().toISOString(),
-        canary: p.canary,
-        prepared: p,
-        compareArms:
-          p.draft.compareArms ?? p.draft.arms.slice(0, 2).map((a) => a.name),
-        state: "Running",
-        cleanup: "pending",
-        snapshot: "pending",
-        archived: false,
-        windows: [],
-      };
-      fixtureExperiments.unshift(e);
-      canaryStore.push(e.canary);
-      return structuredClone(e);
-    },
-    async stop(id) {
-      const e = fixtureExperiment(id);
-      e.state = "Stopped";
-      e.cleanup = "complete";
-      e.stopAt = new Date().toISOString();
-      e.snapshot = "complete";
-      return structuredClone(e);
-    },
-    async archive(id, archived) {
-      const e = fixtureExperiment(id);
-      if (e.state !== "Stopped") throw new Error("Stop experiment first");
-      e.archived = archived;
-      return structuredClone(e);
-    },
-    async snapshot(id) {
-      return structuredClone(fixtureExperiment(id));
-    },
-    async revalue(id, revision, arms) {
-      const e = fixtureExperiment(id);
-      if ((e.prepared.economics?.revision ?? 0) !== revision)
-        throw new Error("Valuation changed; reload before saving");
-      e.prepared.economics = freezeFixtureEconomics(
-        e.canary,
-        arms.map((a) => ({
-          ...a,
-          chart: { name: "", version: "" },
-          layers: {},
-          replicaCount: 1,
-        })),
-        fixturePricing,
-      );
-      e.prepared.economics.revision = revision + 1;
-      return structuredClone(e);
-    },
-    async metrics(id, start, end, requestedView) {
-      const e = fixtureExperiment(id);
-      return fixtureMetrics(e, start, end, {
-        currency: e.prepared.economics?.currency ?? fixturePricing.currency,
-        normalization: "raw",
-        ...requestedView,
-      });
-    },
-  },
-};
-
-let fixturePricing: PricingTable = {
-  revision: 1,
-  currency: "USD",
-  models: {},
-  default: {
-    USD: { inputPerMillion: 1, cachedPerMillion: 0.1, outputPerMillion: 2 },
-    CNY: { inputPerMillion: 7, cachedPerMillion: 0.7, outputPerMillion: 14 },
-  },
-};
-for (const e of fixtureExperiments)
-  e.prepared.economics = freezeFixtureEconomics(e.canary, [], fixturePricing);
-
-const fixtureEnd = Math.floor(Date.now() / 60000) * 60 - 120;
-for (const [index, e] of fixtureExperiments.entries()) {
-  const end =
-    index === 0 ? Date.parse("2026-10-20T08:00:00Z") / 1000 : fixtureEnd;
-  e.createdAt = new Date((end - 3600) * 1000).toISOString();
-  if (index === 0) {
-    e.state = "Stopped";
-    e.stopAt = new Date(end * 1000).toISOString();
-    e.snapshot = "complete";
-    e.cleanup = "complete";
-  }
-  e.windows = [
-    [end - 2400, end - 1320],
-    [end - 1200, end],
-  ].map(([start, stop], generation) => ({
-    start: new Date(start * 1000).toISOString(),
-    end: new Date(stop * 1000).toISOString(),
-    generation: generation + 1,
-    bindings: Object.fromEntries(
-      e.compareArms.map((arm) => [
-        arm,
-        {
-          namespace: e.namespace,
-          service: `fixture-${arm}`,
-          uid: `synthetic-${generation}-${arm}`,
-        },
-      ]),
-    ),
-  }));
-}
diff --git a/web/src/modules/canary/lib/catalog.test.ts b/web/src/modules/canary/lib/catalog.test.ts
deleted file mode 100644
index 2102c30..0000000
--- a/web/src/modules/canary/lib/catalog.test.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { changeArmCatalog, defaultCatalog } from "./catalog";
-import type { ArmDraft } from "../types";
-
-describe("arm catalog selection", () => {
-  it("prefers upstreamv2 even when another catalog is the environment default", () => {
-    expect(defaultCatalog([
-      { name: "upstream", schema: "v1" },
-      { name: "inner", schema: "v2", default: true },
-      { name: "upstreamv2", schema: "v2" },
-    ])).toBe("upstreamv2");
-  });
-
-  it("uses a supported environment default or first supported catalog when upstreamv2 is absent", () => {
-    expect(defaultCatalog([{ name: "old", schema: "v1", default: true }, { name: "inner", schema: "v2" }])).toBe("inner");
-    expect(defaultCatalog([{ name: "first", schema: "v2" }, { name: "inner", schema: "v2", default: true }])).toBe("inner");
-    expect(defaultCatalog([{ name: "old", schema: "v1" }])).toBe("");
-    expect(defaultCatalog([])).toBe("");
-  });
-
-  it("clears source-specific configuration even when both catalogs contain the same model and variant names", () => {
-    const arm: ArmDraft = {
-      name: "baseline", replicaCount: 2, pricingKey: "custom",
-      source: { catalog: "upstreamv2", model: "same-model", variant: "same-variant", version: "1.0.0", digest: "sha256:old" },
-      chart: { name: "sglang", version: "0.8.0" },
-      layers: { catalog: { model: { gpus: 8 } }, form: { replicaCount: 2 }, edit: { image: { tag: "old" } } },
-    };
-    const switched = changeArmCatalog(arm, "inner");
-    expect(switched.source).toEqual({ catalog: "inner", model: "", variant: "", version: "" });
-    expect(switched.chart).toEqual({ name: "", version: "" });
-    expect(switched.layers).toEqual({ form: { replicaCount: 2 } });
-    expect(switched).toMatchObject({ name: "baseline", replicaCount: 2, pricingKey: "custom" });
-    expect(arm.source?.catalog).toBe("upstreamv2");
-    expect(arm.layers.edit).toBeDefined();
-  });
-});
diff --git a/web/src/modules/canary/lib/catalog.ts b/web/src/modules/canary/lib/catalog.ts
deleted file mode 100644
index d82d4ae..0000000
--- a/web/src/modules/canary/lib/catalog.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { ArmDraft, CatalogInfo } from "../types";
-
-export function defaultCatalog(catalogs: CatalogInfo[]): string {
-  const supported = catalogs.filter((c) => c.schema !== "v1");
-  return (supported.find((c) => c.name === "upstreamv2") ??
-    supported.find((c) => c.default) ?? supported[0])?.name ?? "";
-}
-
-export function changeArmCatalog(arm: ArmDraft, catalog: string): ArmDraft {
-  return {
-    ...arm,
-    source: { catalog, model: "", variant: "", version: "" },
-    chart: { name: "", version: "" },
-    layers: { form: { replicaCount: arm.replicaCount } },
-  };
-}
diff --git a/web/src/modules/canary/lib/emit.test.ts b/web/src/modules/canary/lib/emit.test.ts
deleted file mode 100644
index 4623e8f..0000000
--- a/web/src/modules/canary/lib/emit.test.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { emptyDraft, emitManifests, layersFromVariant } from "./emit";
-import { catalogVariants } from "../fixtures/catalog-v2";
-import { fixtureCanaries } from "../fixtures/canaries";
-import { validateCanary, wizardStepComplete } from "./validate";
-import type { ArmDraft } from "../types";
-
-describe("emitManifests", () => {
-  it("puts merged values on the CR without operator-owned enabled keys", () => {
-    const variant =
-      catalogVariants.find((v) => v.id === "sglang-tp8-h100-optimized") ??
-      catalogVariants[0];
-    const draft = emptyDraft();
-    draft.name = "qwen-prod-canary";
-    draft.targetRef = {
-      kind: "HelmRelease",
-      name: "qwen-prod",
-      namespace: "llm-serving",
-    };
-    draft.gateway = {
-      name: "openresty",
-      namespace: "llm-route",
-      hostname: "ai-cloud.example.com",
-      sectionName: "https",
-    };
-    draft.traffic = { production: 90, canary: 10 };
-    draft.route = {
-      enabled: true,
-      productionOpenrestyService: "openresty",
-      path: "/qwen",
-      forceHeader: { name: "x-canary", value: "force" },
-    };
-    draft.arms = [
-      {
-        name: "candidate",
-        chart: {
-          name: variant.chart.name,
-          version: variant.resolvedChartVersion,
-        },
-        replicaCount: 1,
-        source: {
-          model: variant.model,
-          version: variant.version,
-          variant: variant.id,
-        },
-        layers: {
-          ...layersFromVariant(variant, 1),
-          edit: { scaler: { enabled: true }, extraArgs: ["--tp-size=8"] },
-        },
-      },
-    ];
-    const result = emitManifests(draft);
-    expect(result.canary.apiVersion).toBe("canary.modelsphere.dev/v1alpha1");
-    expect(result.yaml).not.toContain("canary.4pd.io");
-    expect(result.issues).toEqual([]);
-    expect(result.canary.spec.arms[0]?.values.scaler).toBeUndefined();
-    expect(result.stripped.candidate).toContain("scaler.enabled");
-    expect(result.yaml).toContain("kind: LLMCanary");
-    expect(result.yaml).not.toContain("kind: ConfigMap");
-    expect(result.canary.spec.traffic).toEqual({ production: 90, canary: 10 });
-    expect(result.canary.spec.gateway).toEqual({
-      name: "openresty",
-      namespace: "llm-route",
-      hostname: "ai-cloud.example.com",
-      sectionName: "https",
-    });
-    expect(result.canary.spec.route).toMatchObject({
-      enabled: true,
-      path: "/qwen",
-      productionOpenrestyService: "openresty",
-      forceHeader: { name: "x-canary", value: "force" },
-    });
-    expect(result.yaml).toContain("path: /qwen");
-    expect(result.yaml).toContain("enabled: true");
-    expect(validateCanary(result.canary)).toEqual([]);
-  });
-
-  it("rejects a catalog arm until gateway, route, and traffic split are set", () => {
-    const variant = catalogVariants[0];
-    const arm: ArmDraft = {
-      name: "candidate",
-      chart: {
-        name: variant.chart.name,
-        version: variant.resolvedChartVersion,
-      },
-      replicaCount: 1,
-      source: {
-        model: variant.model,
-        version: variant.version,
-        variant: variant.id,
-      },
-      layers: layersFromVariant(variant, 1),
-    };
-    const draft = emptyDraft();
-    draft.name = "qwen-prod-canary";
-    draft.targetRef = {
-      kind: "HelmRelease",
-      name: "qwen-prod",
-      namespace: "llm-serving",
-    };
-    draft.arms = [arm];
-    draft.traffic = { production: 0, canary: 0 };
-    expect(wizardStepComplete("arms", draft)).toBe(true);
-    expect(wizardStepComplete("traffic", draft)).toBe(false);
-    expect(wizardStepComplete("route", draft)).toBe(false);
-
-    const bare = emitManifests(draft);
-    const paths = bare.issues.map((issue) => issue.path);
-    expect(paths).toContain("spec.traffic");
-    expect(paths).toContain("spec.gateway.name");
-    expect(paths).toContain("spec.gateway.namespace");
-    expect(paths).toContain("spec.route.path");
-    expect(paths).toContain("spec.route.productionOpenrestyService");
-    expect(bare.canary.spec.arms).toHaveLength(1);
-    expect(bare.canary.spec.route.enabled).toBe(true);
-
-    draft.traffic = { production: 99, canary: 1 };
-    draft.gateway = { name: "openresty", namespace: "llm-route" };
-    draft.route = {
-      enabled: false,
-      productionOpenrestyService: "openresty",
-      path: "/qwen",
-      servicePort: 8080,
-      forceHeader: { name: "", value: "" },
-    };
-    const ready = emitManifests(draft);
-    expect(ready.issues).toEqual([]);
-    expect(wizardStepComplete("traffic", draft)).toBe(true);
-    expect(wizardStepComplete("route", draft)).toBe(true);
-    expect(ready.canary.spec.route).toMatchObject({
-      enabled: false,
-      path: "/qwen",
-      productionOpenrestyService: "openresty",
-      servicePort: 8080,
-    });
-    expect(ready.canary.spec.traffic).toEqual({ production: 99, canary: 1 });
-    expect(ready.yaml).toContain("enabled: false");
-  });
-});
-
-describe("fixture canaries", () => {
-  it("stores gateway, HTTPRoute path, route.enabled, and a traffic split", () => {
-    expect(fixtureCanaries.length).toBeGreaterThan(0);
-    for (const canary of fixtureCanaries) {
-      expect(canary.spec.gateway.name).toBeTruthy();
-      expect(canary.spec.gateway.namespace).toMatch(
-        /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
-      );
-      expect(canary.spec.route.path).toMatch(/^\/.+/);
-      expect(typeof canary.spec.route.enabled).toBe("boolean");
-      expect(canary.spec.route.productionOpenrestyService).toBeTruthy();
-      expect(
-        canary.spec.traffic.production + canary.spec.traffic.canary,
-      ).toBeGreaterThan(0);
-      expect(validateCanary(canary)).toEqual([]);
-    }
-  });
-});
diff --git a/web/src/modules/canary/lib/emit.ts b/web/src/modules/canary/lib/emit.ts
deleted file mode 100644
index e29d800..0000000
--- a/web/src/modules/canary/lib/emit.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import type {
-  ArmDraft,
-  CanaryDraft,
-  CatalogVariant,
-  JsonObject,
-  LLMCanary,
-} from "../types";
-import { mergeLayers, stripOperatorOwned } from "./values";
-import { toYaml } from "./yaml";
-import { validateDraft, type ValidationIssue } from "./validate";
-import { CANARY_API_VERSION, CANARY_GROUP } from "./kubernetes";
-
-export const DERIVED_OPERATOR_LAYER: JsonObject = {
-  scaler: { enabled: false },
-  cart: { enabled: true },
-  sloRequirement: { enabled: false },
-};
-
-export function layersFromVariant(
-  variant: CatalogVariant,
-  replicaCount: number,
-  extraForm: JsonObject = {},
-): ArmDraft["layers"] {
-  const catalog: JsonObject = { ...variant.values };
-  if (variant.image) catalog.image = { ...variant.image };
-  return {
-    catalog,
-    form: {
-      replicaCount,
-      ...extraForm,
-    },
-    derived: DERIVED_OPERATOR_LAYER,
-  };
-}
-
-export function armValuesForCr(arm: ArmDraft): {
-  values: JsonObject;
-  stripped: string[];
-} {
-  const merged = mergeLayers(arm.layers);
-  const { stripped, removed } = stripOperatorOwned(merged);
-  return { values: stripped, stripped: removed };
-}
-
-export function draftToCanary(draft: CanaryDraft): {
-  canary: LLMCanary;
-  stripped: Record<string, string[]>;
-} {
-  const stripped: Record<string, string[]> = {};
-  const canary: LLMCanary = {
-    apiVersion: CANARY_API_VERSION,
-    kind: "LLMCanary",
-    metadata: {
-      name: draft.name,
-      namespace: draft.namespace,
-      annotations: {
-        [`${CANARY_GROUP}/catalog-schema`]: "catalog.swiss/v2",
-      },
-    },
-    spec: {
-      targetRef: {
-        kind: draft.targetRef.kind || "HelmRelease",
-        name: draft.targetRef.name,
-        ...(draft.targetRef.namespace
-          ? { namespace: draft.targetRef.namespace }
-          : {}),
-      },
-      arms: draft.arms.map((arm) => {
-        const built = armValuesForCr(arm);
-        stripped[arm.name] = built.stripped;
-        return {
-          name: arm.name,
-          chart: arm.chart,
-          values: built.values,
-        };
-      }),
-      proxy: {
-        mode: "PerArm",
-        replicas: draft.proxy.replicas || 2,
-        ...(draft.proxy.values && Object.keys(draft.proxy.values).length > 0
-          ? { values: draft.proxy.values }
-          : {}),
-      },
-      traffic: {
-        production: draft.traffic.production,
-        canary: draft.traffic.canary,
-      },
-      gateway: {
-        name: draft.gateway.name,
-        namespace: draft.gateway.namespace,
-        ...(draft.gateway.hostname ? { hostname: draft.gateway.hostname } : {}),
-        ...(draft.gateway.sectionName
-          ? { sectionName: draft.gateway.sectionName }
-          : {}),
-      },
-      route: {
-        enabled: draft.route.enabled,
-        productionOpenrestyService: draft.route.productionOpenrestyService,
-        ...(draft.route.path ? { path: draft.route.path } : {}),
-        ...(draft.route.servicePort !== undefined
-          ? { servicePort: draft.route.servicePort }
-          : {}),
-        ...(draft.route.forceHeader.name && draft.route.forceHeader.value
-          ? { forceHeader: { ...draft.route.forceHeader } }
-          : {}),
-      },
-    },
-  };
-  return { canary, stripped };
-}
-
-export interface EmitResult {
-  canary: LLMCanary;
-  issues: ValidationIssue[];
-  yaml: string;
-  stripped: Record<string, string[]>;
-}
-
-export function emitManifests(draft: CanaryDraft): EmitResult {
-  const { canary, stripped } = draftToCanary(draft);
-  const issues = validateDraft(draft, canary);
-  const yaml = toYaml(canary);
-  return { canary, issues, yaml, stripped };
-}
-
-export function emptyDraft(): CanaryDraft {
-  return {
-    name: "",
-    namespace: "llm-serving",
-    targetRef: { kind: "HelmRelease", name: "", namespace: "llm-serving" },
-    arms: [],
-    traffic: { production: 90, canary: 10 },
-    gateway: { name: "", namespace: "" },
-    route: {
-      enabled: true,
-      productionOpenrestyService: "",
-      path: "",
-      forceHeader: { name: "x-canary", value: "force" },
-    },
-    proxy: { mode: "PerArm", replicas: 2, sessionAffinity: false },
-  };
-}
diff --git a/web/src/modules/canary/lib/errors.test.ts b/web/src/modules/canary/lib/errors.test.ts
deleted file mode 100644
index 93f030f..0000000
--- a/web/src/modules/canary/lib/errors.test.ts
+++ /dev/null
@@ -1,247 +0,0 @@
-import { createElement } from "react";
-import { renderToStaticMarkup } from "react-dom/server";
-import i18next from "i18next";
-import ICU from "i18next-icu";
-import { describe, expect, it } from "vitest";
-import {
-  asError,
-  CanaryApiError,
-  describeError,
-  visibleExperimentError,
-} from "./errors";
-import { canaryLocales, registerCanaryLocales } from "../locales";
-import { createLiveApi } from "./live-api";
-import { fromYamlObject } from "./yaml";
-import { CanaryI18nContext } from "./translation";
-import { ErrorNotice } from "../components/ErrorNotice";
-function translator(language: string) {
-  const i18n = i18next.createInstance().use(ICU);
-  void i18n.init({
-    lng: language,
-    fallbackLng: "en",
-    initAsync: false,
-    defaultNS: "canary",
-    resources: {
-      en: { canary: canaryLocales.en },
-      zh: { canary: canaryLocales.zh },
-    },
-  });
-  registerCanaryLocales(i18n);
-  return i18n;
-}
-describe("localized UI errors", () => {
-  it("hides expected provisioning transitions but keeps actionable failures", () => {
-    expect(
-      visibleExperimentError({
-        state: "Creating",
-        error:
-          'Operation cannot be fulfilled on llmcanaries.modelsphere.dev "demo": the object has been modified',
-      }),
-    ).toBeUndefined();
-    expect(
-      visibleExperimentError({
-        state: "Running",
-        error: "not Serving or generation not observed",
-      }),
-    ).toBeUndefined();
-    expect(
-      visibleExperimentError({
-        state: "Stopping",
-        error: "deletion refused",
-      }),
-    ).toBe("deletion refused");
-  });
-  it("explains the occupied target and both safe choices on creation conflict", async () => {
-    const message = "active experiment conflict: production target HelmRelease/qwen36/qwen3-6-35b-a3b is already used by canary/wyq; stop that experiment and wait for cleanup, or choose another production target";
-    const api = createLiveApi(async () => new Response(JSON.stringify({ error: message }), { status: 409 }));
-    const error = await api.experiments.create("plan").catch((e) => e);
-    const zh = describeError(error, translator("zh").getFixedT("zh", "canary"));
-    expect(zh.summary).toContain("HelmRelease/qwen36/qwen3-6-35b-a3b");
-    expect(zh.summary).toContain("canary/wyq");
-    expect(zh.summary).toContain("保留原有实验并选择其他 target");
-    expect(zh.summary).toContain("等待清理完成后");
-    expect(zh.details).toBe(message);
-    const en = describeError(error, translator("en").getFixedT("en", "canary"));
-    expect(en.summary).toContain("keep that experiment and choose another target");
-    expect(en.summary).toContain("wait for cleanup to complete");
-  });
-  it("explains an occupied experiment name", () => {
-    const error = new CanaryApiError("active experiment conflict: experiment name canary/wyq is already in use; choose another name or wait for cleanup", 409);
-    expect(describeError(error, translator("zh").getFixedT("zh", "canary")).summary).toContain("实验名称 canary/wyq 已被占用");
-  });
-  it("translates backend name and namespace validation, including the old combined error", () => {
-    const zh = translator("zh-CN").getFixedT("zh-CN", "canary"),
-      en = translator("en-US").getFixedT("en-US", "canary");
-    expect(
-      describeError(
-        new Error("invalid canary name (maximum 28 characters)"),
-        zh,
-      ).summary,
-    ).toContain("实验名称无效");
-    expect(
-      describeError(
-        new Error("invalid canary namespace (maximum 63 characters)"),
-        zh,
-      ).summary,
-    ).toContain("命名空间无效");
-    const old = new Error(
-      "invalid canary name (maximum 28 characters) or namespace",
-    );
-    expect(describeError(old, zh).summary).toContain("28");
-    expect(describeError(old, zh).summary).toContain("63");
-    expect(describeError(old, en).summary).toContain("namespace");
-    expect(describeError(old, zh).details).toBe(old.message);
-  });
-  it.each([401, 403, 404, 409, 413, 429, 500, 502, 503])(
-    "preserves HTTP %i and localizes non-JSON responses",
-    async (status) => {
-      const api = createLiveApi(
-        async () => new Response("<html>gateway failure</html>", { status }),
-      );
-      const error = await api.experiments.list().catch((e) => e);
-      expect(error.status).toBe(status);
-      expect(error.message).toBe(`HTTP ${status}`);
-      const zh = describeError(
-        error,
-        translator("zh").getFixedT("zh", "canary"),
-      );
-      const en = describeError(
-        error,
-        translator("en").getFixedT("en", "canary"),
-      );
-      expect(zh.summary).not.toBe(en.summary);
-      expect(zh.summary).not.toContain("HTTP");
-      expect(zh.details).toBe(`HTTP ${status}`);
-    },
-  );
-  it("keeps conflict specifics instead of replacing them with a generic status", async () => {
-    const api = createLiveApi(
-      async () =>
-        new Response(
-          JSON.stringify({ error: "pricing changed; reload before saving" }),
-          { status: 409 },
-        ),
-    );
-    const error = await api.pricing.get().catch((e) => e);
-    expect(
-      describeError(error, translator("zh").getFixedT("zh", "canary")).summary,
-    ).toBe("价格已变更，请重新加载价表后再保存。");
-  });
-  it("localizes transport failure and rejects malformed successful responses", async () => {
-    const t = translator("zh").getFixedT("zh", "canary");
-    const offline = createLiveApi(async () => {
-      throw new TypeError("Failed to fetch");
-    });
-    expect(
-      describeError(await offline.config().catch((e) => e), t).summary,
-    ).toContain("无法连接服务器");
-    const invalid = createLiveApi(async () => new Response("not json"));
-    expect(
-      describeError(await invalid.config().catch((e) => e), t).summary,
-    ).toContain("数据格式无效");
-  });
-  it("preserves structured error parameters and ignores translation options from the payload", async () => {
-    const api = createLiveApi(
-      async () =>
-        new Response(
-          JSON.stringify({
-            error: "raw",
-            code: "namespaceDisabled",
-            params: {
-              namespace: "test-{scope}",
-              lng: "en",
-              returnObjects: true,
-            },
-          }),
-          { status: 400 },
-        ),
-    );
-    const error = await api.config().catch((e) => e);
-    expect(
-      describeError(error, translator("zh").getFixedT("zh", "canary")).summary,
-    ).toBe("命名空间 test-{scope} 未启用实验功能。");
-    expect(
-      describeError(
-        new CanaryApiError("new server error", 400, "notYetKnown"),
-        translator("zh").getFixedT("zh", "canary"),
-      ).summary,
-    ).toContain("请求失败");
-  });
-  it("localizes validation paths, wrapped arm errors and compound snapshot failures", () => {
-    const t = translator("zh").getFixedT("zh", "canary");
-    expect(
-      describeError(
-        'arm candidate: arm candidate pricing key "model.v2" is not configured',
-        t,
-      ).summary,
-    ).toContain("model.v2 尚未配置");
-    expect(describeError('duplicate arm name "baseline"', t).summary).toBe(
-      "实验组名称 baseline 重复。",
-    );
-    expect(
-      describeError(
-        "spec.gateway.name: required; spec.traffic: weights must be integers >= 0",
-        t,
-      ).summary,
-    ).toContain("流量权重必须为非负整数");
-    const raw =
-      "arm baseline never reported in the measurement window; arm candidate reported nothing in the minute ending 2026-10-21T04:00:00Z";
-    const result = describeError(raw, t, "snapshot");
-    expect(result.summary).toContain("baseline 在观测窗口内没有上报数据");
-    expect(result.summary).toContain("2026-10-21T04:00:00Z");
-    expect(result.details).toBe(raw);
-  });
-  it("keeps YAML errors as objects and translates syntax locations, shape and recursion", () => {
-    const t = translator("zh").getFixedT("zh", "canary");
-    let syntax: unknown;
-    try {
-      fromYamlObject("image: [");
-    } catch (e) {
-      syntax = e;
-    }
-    expect(describeError(syntax, t).summary).toMatch(
-      /YAML 第 \d+ 行、第 \d+ 列/,
-    );
-    expect(describeError(syntax, t).details).toContain("unexpected end");
-    let recursive: unknown;
-    try {
-      fromYamlObject("a: &x\n  b: *x");
-    } catch (e) {
-      recursive = e;
-    }
-    expect(describeError(recursive, t).summary).toContain("递归别名");
-    expect(
-      describeError("YAML must be an object with named keys.", t).summary,
-    ).toBe("YAML 必须是包含命名字段的对象。");
-  });
-  it("changes an already displayed error with the language and escapes diagnostics", async () => {
-    const i18n = translator("zh");
-    const error = new CanaryApiError("<script>alert('raw')</script>", 403);
-    const render = () =>
-      renderToStaticMarkup(
-        createElement(
-          CanaryI18nContext.Provider,
-          { value: i18n },
-          createElement(ErrorNotice, { error }),
-        ),
-      );
-    const zh = render();
-    expect(zh).toContain("你没有执行此操作的权限");
-    expect(zh).toContain("技术详情（原始信息）");
-    expect(zh).not.toContain("<script>");
-    await i18n.changeLanguage("en");
-    const en = render();
-    expect(en).toContain("You do not have permission");
-    expect(en).toContain("Technical details (original message)");
-    expect(en).toContain("&lt;script&gt;");
-    expect(
-      describeError("constructor", i18n.getFixedT("en", "canary")).summary,
-    ).toContain("request failed");
-    expect(
-      describeError(
-        asError({ message: "denied", status: 403 }),
-        i18n.getFixedT("en", "canary"),
-      ).summary,
-    ).toContain("permission");
-  });
-});
diff --git a/web/src/modules/canary/lib/errors.ts b/web/src/modules/canary/lib/errors.ts
deleted file mode 100644
index 57c8d62..0000000
--- a/web/src/modules/canary/lib/errors.ts
+++ /dev/null
@@ -1,364 +0,0 @@
-import type { TFunction } from "i18next";
-import { errorEn, validationEn } from "../error-locales";
-import type { Experiment, ExperimentSummary } from "../types";
-
-type ErrorKey = Exclude<keyof typeof errorEn, "details">;
-type Params = Record<string, string | number>;
-export class CanaryApiError extends Error {
-  constructor(
-    message: string,
-    public readonly status?: number,
-    public readonly code?: string,
-    public readonly params: Params = {},
-  ) {
-    super(message);
-    this.name = "CanaryApiError";
-  }
-}
-
-export function visibleExperimentError(
-  experiment: Pick<Experiment | ExperimentSummary, "state" | "error">,
-): string | undefined {
-  const message = experiment.error?.trim();
-  if (!message) return undefined;
-  if (/^not Serving or generation not observed$/i.test(message))
-    return undefined;
-  if (
-    experiment.state === "Creating" &&
-    /Operation cannot be fulfilled on llmcanaries\.modelsphere\.dev/i.test(
-      message,
-    )
-  )
-    return undefined;
-  return message;
-}
-export function errorMessage(error: unknown): string {
-  if (error instanceof Error) return error.message;
-  if (typeof error === "string")
-    return error.replace(/^(?:Error|TypeError):\s*/, "");
-  if (
-    error &&
-    typeof error === "object" &&
-    "message" in error &&
-    typeof error.message === "string"
-  )
-    return error.message;
-  return "";
-}
-const exact: Record<string, ErrorKey> = {
-  "traffic weights must be integers from 0 to 1000000 with a nonzero sum": "trafficWeights",
-  "production and canary weights are required": "trafficWeights",
-  "traffic update conflict: refresh the experiment before changing traffic": "trafficChanged",
-  "traffic update conflict: non-traffic experiment configuration changed": "trafficChanged",
-  "non-traffic experiment configuration changed": "trafficChanged",
-  "experiment changed concurrently; refresh and retry": "trafficChanged",
-  "experiment changed while traffic was applying": "trafficChanged",
-  "traffic update conflict: another traffic change is still pending": "trafficPending",
-  "traffic update conflict: traffic can only change on a running serving experiment with routing enabled": "trafficRunning",
-  "experiment stopped": "trafficStopped",
-  "invalid canary name (maximum 28 characters)": "invalidName",
-  "invalid canary namespace (maximum 63 characters)": "invalidNamespace",
-  "invalid canary name (maximum 28 characters) or namespace":
-    "invalidNameNamespace",
-  "a production helmrelease is required": "targetRequired",
-  "two to eight arms are required": "armCount",
-  "select two distinct comparison arms": "compareArms",
-  "traffic weights must be nonnegative integers": "weights",
-  "weights must be integers >= 0": "weights",
-  "traffic weights cannot both be zero": "zeroWeights",
-  "production + canary must be > 0": "zeroWeights",
-  "gateway, production service and subpath are required": "gatewayRequired",
-  "gateway and production service must match the deployment configuration":
-    "gatewayMismatch",
-  "only perarm proxy without session affinity is supported": "proxyMode",
-  "route.serviceport must be an integer between 1 and 65535, or zero to use the default":
-    "routePort",
-  "force header requires a valid header name and non-empty value":
-    "forceHeader",
-  "route must equal the production deployment path": "routeMismatch",
-  "production deployment is unavailable": "targetUnavailable",
-  "pricing changed; reload before saving": "pricingChanged",
-  "valuation changed; reload before saving": "valuationChanged",
-  "each priced currency requires three finite token prices between 0 and 1000000":
-    "prices",
-  "currency must be usd or cny": "currency",
-  "normalization must be raw, per-gpu or as-if": "normalization",
-  "as-if normalization requires gpus between 1 and 1024": "gpuRange",
-  "duplicate valuation arm": "valuationArm",
-  "unknown valuation arm": "valuationArm",
-  "frozen arm configuration is unavailable": "frozenUnavailable",
-  "end must be after start": "range",
-  "name already exists": "nameExists",
-  "name already exists; existing cr was left untouched": "nameExists",
-  "stop experiment first": "stopFirst",
-  "archiving requires a stopped experiment and an archived boolean":
-    "stopFirst",
-  "prepared plan belongs to another identity": "planIdentity",
-  "unrelated existing cr was left untouched": "uidMismatch",
-  "same-name cr has a different uid; deletion refused": "uidMismatch",
-  "cr uid changed": "uidMismatch",
-  "cr has no uid": "uidMismatch",
-  "catalog schema v2 is required": "catalogSchema",
-  "catalog schema v1 is not supported": "catalogSchema",
-  "request must contain one json document": "json",
-  "prometheus is not configured": "prometheus",
-  "historical minute unavailable": "historicalMinute",
-  "prometheus retention expired before collection": "historicalMinute",
-  "not found": "notFound",
-  "sql: no rows in result set": "notFound",
-  "trusted console proxy credential and identity required": "unauthorized",
-  "failed to fetch": "network",
-  "load failed": "network",
-  "networkerror when attempting to fetch resource.": "network",
-};
-const validation: Record<string, keyof typeof validationEn> = {
-  required: "required",
-  "must be a DNS label": "dns",
-  "required DNS label": "requiredDNS",
-  "1–20 chars, DNS label": "armName",
-  "must be a chart name": "chartName",
-  "must be an exact version, not a range": "exactVersion",
-  "at least one arm is required": "oneArm",
-  "must match ^/.+": "routePath",
-  "required; must match ^/.+": "routePath",
-  "must be a port from 1 to 65535": "port",
-  "invalid header name": "headerName",
-  "name and value are both required": "headerPair",
-  "Shared is not supported; use PerArm": "perArm",
-  "not available in PerArm mode": "affinity",
-};
-type Rule = [RegExp, ErrorKey, ...string[]];
-const rules: Rule[] = [
-  [
-    /^active experiment conflict: production target (\S+) is already used by (\S+); stop that experiment and wait for cleanup, or choose another production target$/,
-    "targetBusy",
-    "target",
-    "experiment",
-  ],
-  [
-    /^active experiment conflict: experiment name (\S+) is already in use; choose another name or wait for cleanup$/,
-    "experimentNameBusy",
-    "experiment",
-  ],
-  [
-    /^namespace ([^;\n]+) is not enabled for experiments$/,
-    "namespaceDisabled",
-    "namespace",
-  ],
-  [/^invalid or duplicate arm "(.*)"$/, "invalidArm", "arm"],
-  [
-    /^arm ([^;\n]+) chart.version must be an exact version$/,
-    "exactChart",
-    "arm",
-  ],
-  [
-    /^arm ([^;\n]+) requires a pinned catalog source and positive replicas$/,
-    "pinnedSource",
-    "arm",
-  ],
-  [/^(traffic\.[\w]+) is required$/, "requiredField", "field"],
-  [/^([^;\n]+) must be an object$/, "objectField", "field"],
-  [/^([^;\n]+) must be a boolean$/, "booleanField", "field"],
-  [/^([^;\n]+) must be a string$/, "stringField", "field"],
-  [
-    /^([^;\n]+) must not be null; remove the key to use the default$/,
-    "nullField",
-    "field",
-  ],
-  [/^arm ([^;\n]+) GPU total must be between 1 and 1024$/, "armGPU", "arm"],
-  [/^arm ([^;\n]+) has an invalid pricing key$/, "armPricingKey", "arm"],
-  [
-    /^arm ([^;\n]+) pricing key "(.*)" is not configured$/,
-    "missingPricingKey",
-    "arm",
-    "key",
-  ],
-  [/^invalid pricing key "(.*)"$/, "pricingKey", "key"],
-  [
-    /^pricing key ([^;\n]+) requires at least one currency$/,
-    "priceCurrency",
-    "key",
-  ],
-  [/^Unknown pricing key ([^;\n]+)$/, "unknownPricingKey", "key"],
-  [
-    /^arm ([^;\n]+) requires an exact remotely fetchable chart$/,
-    "remoteChart",
-    "arm",
-  ],
-  [
-    /^arm ([^;\n]+) never reported in the measurement window$/,
-    "armNoData",
-    "arm",
-  ],
-  [
-    /^arm ([^;\n]+) reported nothing in the minute ending ([^;\n]+)$/,
-    "armMinuteMissing",
-    "arm",
-    "time",
-  ],
-];
-function translateMessage(
-  message: string,
-  t: TFunction,
-  depth = 0,
-): string | null {
-  if (depth > 4) return null;
-  const normalized = message.toLowerCase();
-  const key = Object.hasOwn(exact, normalized) ? exact[normalized] : undefined;
-  if (key) return t(`errors.${key}`);
-  if (Object.hasOwn(validation, message))
-    return t(`validation.${validation[message]}`);
-  for (const [pattern, key, ...names] of rules) {
-    const match = pattern.exec(message);
-    if (match)
-      return t(
-        `errors.${key}`,
-        Object.fromEntries(names.map((name, i) => [name, match[i + 1]])),
-      );
-  }
-  let match = /^duplicate arm name "(.*)"$/.exec(message);
-  if (match) return t("validation.duplicateArm", { arm: match[1] });
-  match = /^must be (canary\.[\w.]+\/v[\w]+)$/.exec(message);
-  if (match) return t("validation.apiVersion", { version: match[1] });
-  match = /^must not set (.+) on the CR \(managed by the operator\)$/.exec(
-    message,
-  );
-  if (match) return t("validation.operatorOwned", { fields: match[1] });
-  match = /^YAML must be an object with named keys\.(?: \((.+)\))?$/.exec(
-    message,
-  );
-  if (match) {
-    if (!match[1]) return t("errors.yamlObject");
-    return match[1].endsWith(": recursive alias")
-      ? t("errors.yamlRecursive", { field: match[1].slice(0, -17) })
-      : t("errors.yamlValue", { field: match[1] });
-  }
-  if (message.startsWith("prepare a new plan before creation:"))
-    return t("errors.prepareAgain");
-  if (
-    message.startsWith(
-      "stop this experiment with its original operator before migrating the API group:",
-    )
-  )
-    return t("errors.legacyStop");
-  if (
-    /exporter (?:replacement|changed)|Synthetic exporter replacement gap/i.test(
-      message,
-    )
-  )
-    return t("errors.exporterGap");
-  if (/context deadline exceeded|request timed out/i.test(message))
-    return t("errors.timeout");
-  const parts = message.split("; ");
-  if (parts.length > 1) {
-    const translated = parts
-      .slice(0, 16)
-      .map(
-        (part) =>
-          translateMessage(part, t, depth + 1) ?? t("errors.requestFailed"),
-      );
-    return [...new Set(translated)].join("\n");
-  }
-  match = /^arm ([^:]+): (.+)$/s.exec(message);
-  if (match)
-    return t("errors.armContext", {
-      arm: match[1],
-      message:
-        translateMessage(match[2], t, depth + 1) ?? t("errors.requestFailed"),
-    });
-  match = /^([^:\n]+): (.+)$/s.exec(message);
-  if (match) {
-    const translated = translateMessage(match[2], t, depth + 1);
-    if (translated)
-      return t("errors.fieldContext", { field: match[1], message: translated });
-  }
-  return null;
-}
-export function describeError(
-  error: unknown,
-  t: TFunction,
-  fallback: ErrorKey = "requestFailed",
-): { summary: string; details: string } {
-  const details = errorMessage(error);
-  const object =
-    error && typeof error === "object"
-      ? (error as Record<string, unknown>)
-      : {};
-  const status =
-    typeof object.status === "number"
-      ? object.status
-      : Number(/^HTTP (\d+)$/.exec(details)?.[1]);
-  const statusKey: ErrorKey | undefined =
-    status === 401
-      ? "unauthorized"
-      : status === 403
-        ? "forbidden"
-        : status === 404
-          ? "notFound"
-          : status === 413
-            ? "tooLarge"
-            : status === 429
-              ? "rateLimited"
-              : undefined;
-  if (statusKey) return { summary: t(`errors.${statusKey}`), details };
-  if (
-    typeof object.code === "string" &&
-    object.code !== "details" &&
-    Object.hasOwn(errorEn, object.code)
-  ) {
-    const names = [
-      "arm",
-      "namespace",
-      "field",
-      "key",
-      "message",
-      "time",
-      "line",
-      "column",
-    ];
-    const params: Params =
-      object.params && typeof object.params === "object"
-        ? Object.fromEntries(
-            Object.entries(object.params).filter(
-              ([key, v]) =>
-                names.includes(key) &&
-                (typeof v === "string" || typeof v === "number"),
-            ),
-          )
-        : {};
-    return { summary: t(`errors.${object.code}`, params), details };
-  }
-  if (object.name === "YAMLException") {
-    const mark = object.mark as { line?: number; column?: number } | undefined;
-    return {
-      summary: t("errors.yamlSyntax", {
-        line: (mark?.line ?? 0) + 1,
-        column: (mark?.column ?? 0) + 1,
-      }),
-      details,
-    };
-  }
-  const summary = translateMessage(details, t);
-  return {
-    summary:
-      summary ??
-      t(
-        `errors.${status === 409 ? "conflict" : status >= 500 ? "server" : object.name === "AbortError" ? "cancelled" : fallback}`,
-      ),
-    details,
-  };
-}
-
-export function asError(error: unknown): Error {
-  if (error instanceof Error) return error;
-  const object =
-    error && typeof error === "object"
-      ? (error as Record<string, unknown>)
-      : {};
-  return Object.assign(new Error(errorMessage(error)), {
-    ...(typeof object.status === "number" ? { status: object.status } : {}),
-    ...(typeof object.code === "string"
-      ? { code: object.code, params: object.params }
-      : {}),
-  });
-}
diff --git a/web/src/modules/canary/lib/fixture-economics.ts b/web/src/modules/canary/lib/fixture-economics.ts
deleted file mode 100644
index 3417285..0000000
--- a/web/src/modules/canary/lib/fixture-economics.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-// Synthetic development data only. Production calculations live in canaryd.
-import type {
-  ArmDraft,
-  Economics,
-  LLMCanary,
-  MetricSummary,
-  PricingTable,
-  ValuationView,
-} from "../types";
-
-export function freezeFixtureEconomics(
-  canary: LLMCanary,
-  drafts: ArmDraft[],
-  table: PricingTable,
-): Economics {
-  return {
-    revision: 1,
-    pricingRevision: table.revision,
-    currency: table.currency,
-    frozenAt: new Date().toISOString(),
-    frozenBy: "fixture",
-    arms: Object.fromEntries(
-      canary.spec.arms.map((arm) => {
-        const draft = drafts.find((a) => a.name === arm.name);
-        const model =
-          draft?.source?.model ??
-          String(
-            (arm.values.model as Record<string, unknown> | undefined)?.name ??
-              "",
-          );
-        const key = draft?.pricingKey || model;
-        if (draft?.pricingKey && !table.models[key])
-          throw new Error(`Unknown pricing key ${key}`);
-        const exact = table.models[key];
-        const gpus = Number(
-          (arm.values.model as Record<string, unknown> | undefined)?.gpus,
-        );
-        const lws = arm.values.lws as Record<string, unknown> | undefined;
-        const capacity =
-          gpus *
-          Number(arm.values.replicaCount ?? 1) *
-          Number(lws?.enabled ? lws.size : 1);
-        const gpuCount =
-          draft?.gpuCount ??
-          (Number.isInteger(capacity) && capacity >= 0 ? capacity : null);
-        return [
-          arm.name,
-          {
-            model,
-            pricingKey: exact ? key : "__default__",
-            resolution: exact ? "exact" : "default",
-            prices: structuredClone(exact ?? table.default),
-            gpuCount,
-            gpuSource: draft?.gpuCount
-              ? "manual"
-              : gpuCount === null
-                ? "unknown"
-                : "helm-values",
-          },
-        ];
-      }),
-    ),
-  };
-}
-export function fixtureValue(
-  summary: MetricSummary,
-  economics: Economics | undefined,
-  name: string,
-  view: ValuationView,
-): MetricSummary {
-  const out = { ...summary };
-  const arm = economics?.arms[name];
-  const rates = arm?.prices[view.currency ?? economics?.currency ?? "USD"];
-  if (out.inputTPM != null && out.cachedTPM != null)
-    out.uncachedTPM = Math.max(0, out.inputTPM - out.cachedTPM);
-  if (
-    rates &&
-    out.uncachedTPM != null &&
-    out.cachedTPM != null &&
-    out.outputTPM != null
-  ) {
-    out.revenueInputPerMinute = (out.uncachedTPM * rates.inputPerMillion) / 1e6;
-    out.revenueCachedPerMinute = (out.cachedTPM * rates.cachedPerMillion) / 1e6;
-    out.revenueOutputPerMinute = (out.outputTPM * rates.outputPerMillion) / 1e6;
-    out.revenuePerMinute =
-      out.revenueInputPerMinute +
-      out.revenueCachedPerMinute +
-      out.revenueOutputPerMinute;
-    out.revenuePerHour = out.revenuePerMinute * 60;
-  }
-  if (view.normalization !== "raw") {
-    const factor = arm?.gpuCount
-      ? (view.normalization === "as-if" ? (view.targetGPUs ?? 1) : 1) /
-        arm.gpuCount
-      : null;
-    for (const key of [
-      "inputTPM",
-      "cachedTPM",
-      "uncachedTPM",
-      "outputTPM",
-      "totalTPM",
-      "revenueInputPerMinute",
-      "revenueCachedPerMinute",
-      "revenueOutputPerMinute",
-      "revenuePerMinute",
-      "revenuePerHour",
-    ] as const)
-      out[key] =
-        factor === null || out[key] === null ? null : out[key]! * factor;
-  }
-  return out;
-}
diff --git a/web/src/modules/canary/lib/fixture-metrics.ts b/web/src/modules/canary/lib/fixture-metrics.ts
deleted file mode 100644
index e76e8a3..0000000
--- a/web/src/modules/canary/lib/fixture-metrics.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-import type {
-  Experiment,
-  MetricSummary,
-  Metrics,
-  ValuationView,
-} from "../types";
-import { fixtureValue } from "./fixture-economics";
-
-export const emptyMetrics: MetricSummary = {
-  inputTokens: null,
-  cachedTokens: null,
-  outputTokens: null,
-  ttftMean: null,
-  ttftP50: null,
-  ttftP99: null,
-  ttftP999: null,
-  uncachedTPM: null,
-  revenueInputPerMinute: null,
-  revenueCachedPerMinute: null,
-  revenueOutputPerMinute: null,
-  revenuePerMinute: null,
-  revenuePerHour: null,
-  cacheHit: null,
-  inputTPM: null,
-  cachedTPM: null,
-  outputTPM: null,
-  totalTPM: null,
-  ttftP95: null,
-  overallTPS: null,
-  decodeTPS: null,
-  requests: null,
-  ttftSamples: null,
-  completeMinutes: 0,
-};
-export function fixtureMetrics(
-  e: Experiment,
-  start = 0,
-  end = Math.floor(Date.now() / 1000),
-  view: ValuationView,
-): Metrics {
-  const points: Metrics["series"] = [];
-  const intersections: [number, number][] = [];
-  let eligible = 0;
-  for (const [wi, w] of e.windows.entries()) {
-    const lo = Math.max(start, Date.parse(w.start) / 1000),
-      hi = Math.min(end, Date.parse(w.end) / 1000);
-    if (hi > lo) intersections.push([lo, hi]);
-    for (
-      let at = Math.ceil((Date.parse(w.start) / 1000 + 60) / 60) * 60;
-      at <= hi;
-      at += 60
-    ) {
-      if (at - 60 < start) continue;
-      eligible++;
-      const i = Math.round((at - Date.parse(w.start) / 1000) / 60);
-      const error =
-        wi === 0 && i === 8 ? "Synthetic exporter replacement gap" : undefined;
-      const arms = Object.fromEntries(
-        e.compareArms.map((arm, a) => {
-          if (i <= 2 || error) return [arm, { ...emptyMetrics }];
-          const input = 80000 + i * 1800 + a * 16000,
-            cached = input * (0.2 + (i % 5) * 0.1 + a * 0.05),
-            output = 10000 + i * 200 + a * 4000;
-          const top = 0.4 + a * 0.1;
-          return [
-            arm,
-            {
-              ...emptyMetrics,
-              inputTokens: input,
-              cachedTokens: cached,
-              outputTokens: output,
-              inputTPM: input,
-              cachedTPM: cached,
-              outputTPM: output,
-              totalTPM: input + output,
-              cacheHit: (cached / input) * 100,
-              ttftMean: top / 2,
-              ttftP50: top * 0.5,
-              ttftP95: top * 0.95,
-              ttftP99: top * 0.99,
-              ttftP999: top * 0.999,
-              overallTPS: i % 6 === 0 ? 0 : 25 + i * 2 + a * 12,
-              decodeTPS: 50 + i + a * 10,
-              requests: 30 + i,
-              ttftSamples: 30 + i,
-              completeMinutes: 1,
-            },
-          ];
-        }),
-      );
-      points.push({ time: at, arms, ...(error ? { error } : {}) });
-    }
-  }
-  const summary = Object.fromEntries(
-    e.compareArms.map((arm) => {
-      const valid = points
-        .filter((p) => !p.error && p.arms[arm].inputTokens != null)
-        .map((p) => p.arms[arm]);
-      if (!valid.length) return [arm, { ...emptyMetrics }];
-      const sum = (key: keyof MetricSummary) =>
-        valid.reduce((n, p) => n + (p[key] ?? 0), 0);
-      const input = sum("inputTokens"),
-        cached = sum("cachedTokens"),
-        output = sum("outputTokens"),
-        samples = sum("ttftSamples");
-      return [
-        arm,
-        fixtureValue(
-          {
-            ...valid[0],
-            inputTokens: input,
-            cachedTokens: cached,
-            outputTokens: output,
-            inputTPM: input / valid.length,
-            cachedTPM: cached / valid.length,
-            outputTPM: output / valid.length,
-            totalTPM: (input + output) / valid.length,
-            cacheHit: (cached / input) * 100,
-            requests: sum("requests"),
-            ttftSamples: samples,
-            overallTPS:
-              valid.reduce((n, p) => n + p.overallTPS! * p.ttftSamples!, 0) /
-              samples,
-            decodeTPS:
-              valid.reduce((n, p) => n + p.decodeTPS! * p.ttftSamples!, 0) /
-              samples,
-            completeMinutes: valid.length,
-          },
-          e.prepared.economics,
-          arm,
-          view,
-        ),
-      ];
-    }),
-  );
-  const stored = points.filter(
-    (p) => !p.error && e.compareArms.some((a) => p.arms[a].inputTokens != null),
-  );
-  return {
-    experimentId: e.id,
-    compareArms: e.compareArms,
-    windows: e.windows,
-    resolutionSeconds: 60,
-    economics: e.prepared.economics,
-    valuation: view,
-    eligibleMinutes: eligible,
-    excludedMinutes: points.filter((p) => p.error).length,
-    lastCollectedAt: stored.length
-      ? new Date(stored.at(-1)!.time * 1000 + 30000).toISOString()
-      : null,
-    range: {
-      start,
-      end,
-      intersections,
-      dataStart: stored.length ? stored[0].time - 60 : null,
-      dataEnd: stored.at(-1)?.time ?? null,
-    },
-    summary,
-    series: points.map((p) => ({
-      ...p,
-      arms: Object.fromEntries(
-        e.compareArms.map((a) => [
-          a,
-          fixtureValue(p.arms[a], e.prepared.economics, a, view),
-        ]),
-      ),
-    })),
-    delta: Object.fromEntries(
-      Object.keys(emptyMetrics).map((key) => {
-        const k = key as keyof MetricSummary,
-          a = summary[e.compareArms[0]][k],
-          b = summary[e.compareArms[1]][k];
-        return [key, a == null || b == null ? null : b - a];
-      }),
-    ) as unknown as MetricSummary,
-    snapshot: e.snapshot,
-  };
-}
diff --git a/web/src/modules/canary/lib/host.tsx b/web/src/modules/canary/lib/host.tsx
deleted file mode 100644
index 464bff6..0000000
--- a/web/src/modules/canary/lib/host.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createContext, useContext, type ReactNode } from "react";
-
-const BasePathCtx = createContext("");
-
-export function PluginBase({
-  basePath,
-  children,
-}: {
-  basePath: string;
-  children: ReactNode;
-}) {
-  return (
-    <BasePathCtx.Provider value={basePath}>{children}</BasePathCtx.Provider>
-  );
-}
-
-export function joinPath(basePath: string, path: string): string {
-  const rel = path.replace(/^\/+/, "");
-  const base = basePath.replace(/\/+$/, "");
-  if (!rel) return base || "/";
-  return `${base}/${rel}`;
-}
-
-export function usePluginPath(): (path: string) => string {
-  const base = useContext(BasePathCtx);
-  return (path) => joinPath(base, path);
-}
diff --git a/web/src/modules/canary/lib/kubernetes.ts b/web/src/modules/canary/lib/kubernetes.ts
deleted file mode 100644
index a61eae1..0000000
--- a/web/src/modules/canary/lib/kubernetes.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const CANARY_GROUP = "canary.modelsphere.dev";
-export const CANARY_API_VERSION = `${CANARY_GROUP}/v1alpha1` as const;
diff --git a/web/src/modules/canary/lib/live-api.test.ts b/web/src/modules/canary/lib/live-api.test.ts
deleted file mode 100644
index bbc9b55..0000000
--- a/web/src/modules/canary/lib/live-api.test.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createLiveApi } from "./live-api";
-import { registerCanaryLocales } from "../locales";
-import i18next from "i18next";
-
-describe("live transport", () => {
-  it("loads available catalogs and reads models from the named catalog through authenticated Swiss transport", async () => {
-    const catalogs = [{ name: "upstreamv2", schema: "v2", default: true }, { name: "inner", schema: "v2" }];
-    const fetcher = vi.fn(async (path: RequestInfo | URL, _init?: RequestInit) =>
-      new Response(JSON.stringify(String(path).endsWith("/cluster") ? { catalogs } : { schema: "v2", name: "inner & test", models: [] })));
-    const api = createLiveApi(fetcher, "/custom/canary");
-    expect(await api.catalog.list()).toEqual(catalogs);
-    expect(await api.catalog.index("inner & test")).toMatchObject({ name: "inner & test", models: [] });
-    expect(fetcher.mock.calls.map(([path]) => String(path))).toEqual([
-      "/api/deploy/cluster", "/api/deploy/catalog?catalog=inner+%26+test",
-    ]);
-    expect(fetcher.mock.calls.every(([, init]) => init?.credentials === "same-origin")).toBe(true);
-  });
-  it("preserves independently selected arm catalogs through prepare", async () => {
-    const fetcher = vi.fn(async (_path: RequestInfo | URL, _init?: RequestInit) => new Response("{}"));
-    const { emptyDraft } = await import("./emit");
-    const draft = emptyDraft();
-    draft.arms = ["upstreamv2", "inner"].map((catalog, i) => ({
-      name: `arm-${i}`, replicaCount: 1, layers: {}, chart: { name: "sglang", version: "0.8.0" },
-      source: { catalog, model: "same-model", variant: "same-variant", version: "1.0.0" },
-    }));
-    await createLiveApi(fetcher).experiments.prepare(draft);
-    const payload = JSON.parse(String(fetcher.mock.calls[0][1]?.body));
-    expect(payload.arms.map((a: { source: { catalog: string } }) => a.source.catalog)).toEqual(["upstreamv2", "inner"]);
-  });
-  it("patches only weights and the expected generation through authenticated transport", async () => {
-    const fetcher = vi.fn(async (_input: RequestInfo | URL, _init?: RequestInit) => new Response("{}"));
-    await createLiveApi(fetcher).experiments.updateTraffic("a/b", { production: 90, canary: 10, expectedGeneration: 4 });
-    expect(fetcher.mock.calls[0][0]).toBe("/api/canary/experiments/a%2Fb/traffic");
-    expect(fetcher.mock.calls[0][1]?.method).toBe("PATCH");
-    expect(JSON.parse(String(fetcher.mock.calls[0][1]?.body))).toEqual({ production: 90, canary: 10, expectedGeneration: 4 });
-    expect(fetcher.mock.calls[0][1]?.credentials).toBe("same-origin");
-  });
-  it("uses injected authentication and exposes real failures", async () => {
-    const fetcher = vi.fn(
-      async (_input: RequestInfo | URL, _init?: RequestInit) =>
-        new Response(
-          JSON.stringify({ error: "read-only backend permission" }),
-          { status: 403 },
-        ),
-    );
-    const api = createLiveApi(fetcher);
-    await expect(api.experiments.stop("a/b")).rejects.toThrow(
-      "read-only backend permission",
-    );
-    expect(fetcher.mock.calls[0]?.[0]).toBe(
-      "/api/canary/experiments/a%2Fb/stop",
-    );
-    expect(api.mode).toBe("live");
-  });
-  it("submits only the frozen plan ID", async () => {
-    let body = "";
-    const api = createLiveApi(async (_, init) => {
-      body = String(init?.body);
-      return new Response(JSON.stringify({ id: "experiment" }));
-    });
-    await api.experiments.create("frozen");
-    expect(JSON.parse(body)).toEqual({ prepareId: "frozen" });
-  });
-  it("resolves active canaries from summaries and loads their detail", async () => {
-    const canary = { metadata: { name: "exp", namespace: "canary" }, spec: {} };
-    const fetcher = vi.fn(async (input: RequestInfo | URL) => {
-      const path = String(input);
-      if (path.endsWith("/experiments"))
-        return new Response(
-          JSON.stringify([
-            {
-              id: "active",
-              name: "exp",
-              namespace: "canary",
-              cleanup: "pending",
-              targetRef: { name: "prod" },
-            },
-            {
-              id: "history",
-              name: "exp",
-              namespace: "canary",
-              cleanup: "complete",
-              targetRef: { name: "prod" },
-            },
-          ]),
-        );
-      if (path.endsWith("/experiments/active"))
-        return new Response(JSON.stringify({ id: "active", canary }));
-      throw new Error(`unexpected request ${path}`);
-    });
-    const api = createLiveApi(fetcher);
-    expect(await api.canary.get("canary", "exp")).toEqual(canary);
-    expect(await api.canary.list()).toEqual([canary]);
-    expect(fetcher.mock.calls.map(([path]) => path)).not.toContain(
-      "/api/canary/experiments/history",
-    );
-  });
-  it("loads allowed namespaces from the deployment configuration", async () => {
-    const fetcher = vi.fn(
-      async () =>
-        new Response(JSON.stringify({ namespaces: ["team-a", "team-b"] })),
-    );
-    expect(await createLiveApi(fetcher).config()).toEqual({
-      namespaces: ["team-a", "team-b"],
-    });
-    expect(fetcher.mock.calls).toHaveLength(1);
-  });
-  it("sends currency, GPU view and valuation revisions through authenticated transport", async () => {
-    const fetcher = vi.fn(
-      async (_input: RequestInfo | URL, _init?: RequestInit) =>
-        new Response("{}"),
-    );
-    const api = createLiveApi(fetcher);
-    await api.experiments.metrics("a/b", 60, 180, {
-      currency: "CNY",
-      normalization: "as-if",
-      targetGPUs: 16,
-    });
-    const url = new URL(
-      String(fetcher.mock.calls[0][0]),
-      "https://console.example",
-    );
-    expect(url.pathname).toBe("/api/canary/experiments/a%2Fb/metrics");
-    expect(Object.fromEntries(url.searchParams)).toEqual({
-      start: "60",
-      end: "180",
-      currency: "CNY",
-      normalization: "as-if",
-      gpus: "16",
-    });
-    await api.experiments.revalue("a/b", 3, [
-      { name: "control", pricingKey: "stable-model", gpuCount: 8 },
-    ]);
-    expect(fetcher.mock.calls[1][0]).toBe(
-      "/api/canary/experiments/a%2Fb/valuation",
-    );
-    expect(JSON.parse(String(fetcher.mock.calls[1][1]?.body))).toEqual({
-      revision: 3,
-      arms: [{ name: "control", pricingKey: "stable-model", gpuCount: 8 }],
-    });
-  });
-  it("uses official v2 summaries without raw index fields and leaves chart resolution to Swiss", async () => {
-    const api = createLiveApi(
-      async () =>
-        new Response(
-          JSON.stringify({
-            schema: "v2",
-            name: "next",
-            ref: "sha256:index",
-            models: [
-              {
-                name: "model",
-                defaultVariant: "arm",
-                tuning: [{ baseline: { id: "old", version: "1.0.0" }, optimized: { id: "arm", version: "2.0.0" } }],
-                variants: [
-                  {
-                    id: "arm",
-                    chart: { name: "sglang", version: ">=1.0.0" },
-                    engine: "sglang",
-                    version: "2.0.0",
-                    digest: "sha256:variant",
-                    servedName: "served-model",
-                    requires: { gpus: 1 },
-                  },
-                ],
-              },
-            ],
-          }),
-        ),
-    );
-    const variants = await api.catalog.variants();
-    expect(variants[0].resolvedChartVersion).toBe("");
-    expect(variants[0].values).toEqual({});
-    expect(variants[0]).toMatchObject({ model: "model", id: "arm", version: "2.0.0", digest: "sha256:variant", servedName: "served-model", requires: { gpus: 1 } });
-    expect(variants[0]).not.toHaveProperty("path");
-    expect(variants[0]).not.toHaveProperty("image");
-  });
-  it.each([{ schema: "v1" }, { apiVersion: "catalog.swiss/v2" }])("rejects incompatible catalog contracts: %j", async (body) => {
-    const api = createLiveApi(async () => new Response(JSON.stringify({ ...body, models: [] })));
-    await expect(api.catalog.variants()).rejects.toThrow("catalog schema v2 is required");
-  });
-});
-it("registers canary translations without replacing host resources", async () => {
-  const host = i18next.createInstance();
-  await host.init({
-    lng: "zh-CN",
-    resources: { "zh-CN": { shell: { title: "host" } } },
-  });
-  registerCanaryLocales(host);
-  expect(host.t("experiments.stop", { ns: "canary" })).toBe("停止实验");
-  expect(host.t("title", { ns: "shell" })).toBe("host");
-});
-
-describe("arm chart versions", () => {
-  it("queries the authenticated Swiss proxy for the exact catalog and historical variant revision", async () => {
-    const response = { chart: "sglang", range: ">=0.7.1", variant: "tp8+h100", versions: ["0.9.0", "0.8.0", "0.8.0"] };
-    const fetcher = vi.fn(async (_input: RequestInfo | URL, _init?: RequestInit) =>
-      new Response(JSON.stringify(response)));
-    const api = createLiveApi(fetcher, "/custom/canary");
-    expect(await api.catalog.chartVersions({ catalog: "public & private", model: "model/name", variant: "tp8+h100", version: "1.2.0+build" }))
-      .toEqual({ ...response, versions: ["0.9.0", "0.8.0"] });
-    const [input, init] = fetcher.mock.calls[0];
-    const url = new URL(String(input), "https://console.example");
-    expect(url.pathname).toBe("/api/deploy/catalog/model%2Fname/chart-versions");
-    expect(Object.fromEntries(url.searchParams)).toEqual({ catalog: "public & private", variant: "tp8+h100", version: "1.2.0+build" });
-    expect(init).toMatchObject({ method: "GET", credentials: "same-origin" });
-    expect(init?.body).toBeUndefined();
-  });
-  it("preserves no available versions rather than inventing a pin", async () => {
-    const data = { chart: "vllm", range: ">=99.0.0", variant: "arm", versions: [] };
-    const api = createLiveApi(async () => new Response(JSON.stringify(data)));
-    expect(await api.catalog.chartVersions({ model: "m", variant: "arm", version: "1.0.0" })).toEqual(data);
-  });
-  it.each([
-    { chart: "sglang", range: "*", variant: "arm", versions: [">=0.8.0"] },
-    { chart: "sglang", range: "*", variant: "other", versions: ["0.8.0"] },
-    { chart: "sglang", range: "*", variant: "arm", versions: [null] },
-    { chart: "sglang", range: "*", variant: "arm", versions: "0.8.0" },
-    null,
-  ])("rejects malformed or mismatched Swiss responses: %j", async (data) => {
-    const api = createLiveApi(async () => new Response(JSON.stringify(data)));
-    await expect(api.catalog.chartVersions({ model: "m", variant: "arm", version: "1.0.0" }))
-      .rejects.toMatchObject({ code: "badResponse" });
-  });
-  it("keeps permission failures available for localized rendering", async () => {
-    const api = createLiveApi(async () => new Response(JSON.stringify({ error: "backend swiss denied" }), { status: 403 }));
-    await expect(api.catalog.chartVersions({ model: "m", variant: "arm", version: "1.0.0" }))
-      .rejects.toMatchObject({ status: 403, message: "backend swiss denied" });
-  });
-  it("sends independently selected exact arm versions unchanged to prepare", async () => {
-    const fetcher = vi.fn(async (_input: RequestInfo | URL, _init?: RequestInit) => new Response("{}"));
-    const api = createLiveApi(fetcher);
-    const { emptyDraft } = await import("./emit");
-    const draft = emptyDraft();
-    draft.arms = ["0.9.0", "0.8.0"].map((version, i) => ({
-      name: i === 0 ? "baseline" : "candidate", chart: { name: "sglang", version },
-      replicaCount: 1, layers: {}, source: { catalog: "upstreamv2", model: "m", variant: "tp8", version: "1.0.0" },
-    }));
-    await api.experiments.prepare(draft);
-    const payload = JSON.parse(String(fetcher.mock.calls[0][1]?.body));
-    expect(payload.arms.map((a: { chart: { version: string } }) => a.chart.version)).toEqual(["0.9.0", "0.8.0"]);
-  });
-});
diff --git a/web/src/modules/canary/lib/live-api.ts b/web/src/modules/canary/lib/live-api.ts
deleted file mode 100644
index 8c0c06b..0000000
--- a/web/src/modules/canary/lib/live-api.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-import { CanaryApiError, errorMessage } from "./errors";
-import { isExactChartVersion } from "./values";
-import type {
-  CanaryDraft,
-  ChartVersions,
-  ChartVersionsSource,
-  CatalogIndexV2,
-  CatalogVariant,
-  CatalogInfo,
-  LLMCanary,
-  ProductionTarget,
-  Experiment,
-  ExperimentSummary,
-  Prepared,
-  Metrics,
-  PricingTable,
-  ValuationView,
-  ArmDraft,
-} from "../types";
-
-export interface CanaryClient {
-  mode: "live" | "fixture";
-  config(): Promise<{ namespaces: string[] }>;
-  pricing: {
-    get(): Promise<PricingTable>;
-    save(table: PricingTable): Promise<PricingTable>;
-  };
-  canary: {
-    list(): Promise<LLMCanary[]>;
-    get(namespace: string, name: string): Promise<LLMCanary | null>;
-  };
-  catalog: {
-    list(): Promise<CatalogInfo[]>;
-    index(catalog?: string): Promise<CatalogIndexV2>;
-    variants(catalog?: string): Promise<CatalogVariant[]>;
-    chartVersions(source: ChartVersionsSource): Promise<ChartVersions>;
-  };
-  swiss: { deployments(): Promise<ProductionTarget[]> };
-  experiments: {
-    list(): Promise<ExperimentSummary[]>;
-    get(id: string): Promise<Experiment>;
-    prepare(draft: CanaryDraft): Promise<Prepared>;
-    create(prepareId: string): Promise<Experiment>;
-    stop(id: string): Promise<Experiment>;
-    updateTraffic(id: string, change: { production: number; canary: number; expectedGeneration: number }): Promise<Experiment>;
-    archive(id: string, archived: boolean): Promise<Experiment>;
-    snapshot(id: string): Promise<Experiment>;
-    metrics(
-      id: string,
-      start?: number,
-      end?: number,
-      view?: ValuationView,
-    ): Promise<Metrics>;
-    revalue(
-      id: string,
-      revision: number,
-      arms: Pick<ArmDraft, "name" | "pricingKey" | "gpuCount">[],
-    ): Promise<Experiment>;
-  };
-}
-export type AuthFetch = (
-  input: RequestInfo | URL,
-  init?: RequestInit,
-) => Promise<Response>;
-export function createLiveApi(
-  fetcher: AuthFetch = fetch,
-  base = "/api/canary",
-): CanaryClient {
-  async function request<T>(
-    path: string,
-    method = "GET",
-    body?: unknown,
-    requestBase = base,
-  ): Promise<T> {
-    let response: Response;
-    try {
-      response = await fetcher(`${requestBase}${path}`, {
-        method,
-        credentials: "same-origin",
-        headers: { "Content-Type": "application/json" },
-        ...(body === undefined ? {} : { body: JSON.stringify(body) }),
-      });
-    } catch (error) {
-      if (error && typeof error === "object" && "status" in error) throw error;
-      throw new CanaryApiError(
-        errorMessage(error),
-        undefined,
-        error instanceof Error && error.name === "AbortError"
-          ? "cancelled"
-          : "network",
-      );
-    }
-    let data: unknown;
-    try {
-      data = await response.json();
-    } catch (error) {
-      if (response.ok)
-        throw new CanaryApiError(
-          errorMessage(error),
-          response.status,
-          "badResponse",
-        );
-      data = null;
-    }
-    if (!response.ok) {
-      const body =
-        data && typeof data === "object"
-          ? (data as Record<string, unknown>)
-          : {};
-      const message =
-        typeof body.error === "string" ? body.error : `HTTP ${response.status}`;
-      const params =
-        body.params && typeof body.params === "object"
-          ? (Object.fromEntries(
-              Object.entries(body.params).filter(
-                ([, value]) =>
-                  typeof value === "string" || typeof value === "number",
-              ),
-            ) as Record<string, string | number>)
-          : {};
-      throw new CanaryApiError(
-        message,
-        response.status,
-        typeof body.code === "string" ? body.code : undefined,
-        params,
-      );
-    }
-    return data as T;
-  }
-  const experiments = {
-    updateTraffic: (id: string, change: { production: number; canary: number; expectedGeneration: number }) => request<Experiment>(`/experiments/${encodeURIComponent(id)}/traffic`, "PATCH", change),
-    list: () => request<ExperimentSummary[]>("/experiments"),
-    get: (id: string) =>
-      request<Experiment>(`/experiments/${encodeURIComponent(id)}`),
-    prepare: (draft: CanaryDraft) =>
-      request<Prepared>("/prepare", "POST", draft),
-    create: (prepareId: string) =>
-      request<Experiment>("/experiments", "POST", { prepareId }),
-    stop: (id: string) =>
-      request<Experiment>(
-        `/experiments/${encodeURIComponent(id)}/stop`,
-        "POST",
-      ),
-    archive: (id: string, archived: boolean) =>
-      request<Experiment>(`/experiments/${encodeURIComponent(id)}`, "PATCH", {
-        archived,
-      }),
-    snapshot: (id: string) =>
-      request<Experiment>(
-        `/experiments/${encodeURIComponent(id)}/snapshot`,
-        "POST",
-      ),
-    revalue: (
-      id: string,
-      revision: number,
-      arms: Pick<ArmDraft, "name" | "pricingKey" | "gpuCount">[],
-    ) =>
-      request<Experiment>(
-        `/experiments/${encodeURIComponent(id)}/valuation`,
-        "POST",
-        { revision, arms },
-      ),
-    metrics: (id: string, start?: number, end?: number, view?: ValuationView) =>
-      request<Metrics>(
-        `/experiments/${encodeURIComponent(id)}/metrics?${new URLSearchParams({ ...(start === undefined ? {} : { start: String(start) }), ...(end === undefined ? {} : { end: String(end) }), ...(view?.currency ? { currency: view.currency } : {}), ...(view ? { normalization: view.normalization } : {}), ...(view?.normalization === "as-if" ? { gpus: String(view.targetGPUs ?? "") } : {}) })}`,
-      ),
-  };
-  const catalog = {
-    list: async () => (await request<{ catalogs?: CatalogInfo[] }>("/cluster", "GET", undefined, "/api/deploy")).catalogs ?? [],
-    async index(name?: string): Promise<CatalogIndexV2> {
-      const index = await request<CatalogIndexV2>(
-        name ? `/catalog?${new URLSearchParams({ catalog: name })}` : "/catalog",
-        "GET", undefined, name ? "/api/deploy" : base,
-      );
-      if (index.schema !== "v2") throw new Error("catalog schema v2 is required");
-      return index;
-    },
-    async chartVersions(source: ChartVersionsSource): Promise<ChartVersions> {
-      const query = new URLSearchParams({
-        variant: source.variant,
-        version: source.version,
-        ...(source.catalog ? { catalog: source.catalog } : {}),
-      });
-      const data = await request<ChartVersions>(
-        `/catalog/${encodeURIComponent(source.model)}/chart-versions?${query}`,
-        "GET", undefined, "/api/deploy",
-      );
-      if (!data || typeof data.chart !== "string" || !data.chart ||
-          typeof data.range !== "string" || data.variant !== source.variant ||
-          !Array.isArray(data.versions) ||
-          !data.versions.every((v) => typeof v === "string" && isExactChartVersion(v)))
-        throw new CanaryApiError("Invalid Swiss chart versions response", undefined, "badResponse");
-      return { ...data, versions: [...new Set(data.versions)] };
-    },
-    async variants(name?: string): Promise<CatalogVariant[]> {
-      return variantsFromIndex(await catalog.index(name));
-    },
-  };
-  return {
-    mode: "live",
-    config: () => request<{ namespaces: string[] }>("/config"),
-    pricing: {
-      get: () => request<PricingTable>("/pricing"),
-      save: (table) => request<PricingTable>("/pricing", "PATCH", table),
-    },
-    experiments,
-    catalog,
-    swiss: { deployments: () => request<ProductionTarget[]>("/deployments") },
-    canary: {
-      async list() {
-        const active = (await experiments.list()).filter(
-          (e) => e.cleanup !== "complete",
-        );
-        return Promise.all(
-          active.map(async (e) => (await experiments.get(e.id)).canary),
-        );
-      },
-      async get(namespace, name) {
-        const summary = (await experiments.list()).find(
-          (e) =>
-            e.namespace === namespace &&
-            e.name === name &&
-            e.cleanup !== "complete",
-        );
-        return summary ? (await experiments.get(summary.id)).canary : null;
-      },
-    },
-  };
-}
-
-export function variantsFromIndex(index: CatalogIndexV2): CatalogVariant[] {
-  return index.models.flatMap((m) => m.variants.map((v) => ({
-    ...v,
-    apiVersion: "catalog.swiss/v2" as const,
-    kind: "Variant" as const,
-    model: m.name,
-    engine: v.engine as CatalogVariant["engine"],
-    chart: v.chart as CatalogVariant["chart"],
-    resolvedChartVersion: "",
-    values: {},
-  })));
-}
diff --git a/web/src/modules/canary/lib/metric-presentation.test.ts b/web/src/modules/canary/lib/metric-presentation.test.ts
deleted file mode 100644
index 0598745..0000000
--- a/web/src/modules/canary/lib/metric-presentation.test.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { describe, expect, it } from "vitest";
-import {
-  difference,
-  format,
-  rangeBounds,
-  tpsPreview,
-} from "./metric-presentation";
-import { quotedRevenue } from "./quoted-revenue";
-import { fixtureApi } from "./api";
-import { emptyMetrics } from "./fixture-metrics";
-import type { Metrics } from "../types";
-const prices = {
-  inputPerMillion: 10,
-  cachedPerMillion: 1,
-  outputPerMillion: 20,
-};
-const summary = {
-  ...emptyMetrics,
-  inputTPM: 1000000,
-  outputTPM: 200000,
-  cacheHit: 80,
-};
-describe("metrics dashboard calculations", () => {
-  it("separates missing, measured zero, absolute and relative changes", () => {
-    expect(difference(0, 10)).toEqual({ absolute: 10, relative: null });
-    expect(difference(null, 10).absolute).toBeNull();
-    expect(difference(50, 60)).toEqual({ absolute: 10, relative: 20 });
-    expect(format(0)).toBe("0");
-    expect(format(Infinity)).toBe("—");
-    expect(format(0.0000001)).not.toBe("0");
-  });
-  it("uses a stopped experiment boundary for recent ranges", () => {
-    const end = Date.parse("2026-10-20T08:00:00Z") / 1000;
-    expect(
-      rangeBounds({ stopAt: "2026-10-20T08:00:00Z" }, 3600, Date.now()),
-    ).toEqual({ start: end - 3600, end });
-  });
-  it("repartitions input and keeps output fixed for quote bounds", () => {
-    expect(quotedRevenue(summary, prices, 50, "fixed")).toMatchObject({
-      applied: 50,
-      input: 5,
-      cached: 0.5,
-      output: 4,
-      minute: 9.5,
-      hour: 570,
-    });
-    expect(quotedRevenue(summary, prices, 50, "lower")?.applied).toBe(80);
-    expect(quotedRevenue(summary, prices, 50, "upper")?.applied).toBe(50);
-    expect(
-      quotedRevenue({ ...summary, cacheHit: null }, prices, 0, "lower"),
-    ).toBeNull();
-    expect(
-      quotedRevenue({ ...summary, cacheHit: null }, prices, 0, "fixed")?.minute,
-    ).toBe(14);
-    expect(quotedRevenue(summary, prices, 100, "fixed")?.minute).toBe(5);
-    expect(
-      quotedRevenue(summary, { ...prices, inputPerMillion: -1 }, 50, "fixed"),
-    ).toBeNull();
-    expect(quotedRevenue(summary, null, 50, "fixed")).toBeNull();
-    expect(quotedRevenue(summary, prices, NaN, "fixed")).toBeNull();
-  });
-  it("counts zero, includes threshold equality, excludes null/error minutes", () => {
-    const data = {
-      series: [0, 10, 20, null, NaN, 5].map((n, i) => ({
-        time: i * 60,
-        arms: { a: { overallTPS: n } },
-        error: i === 5 ? "gap" : undefined,
-      })),
-    } as unknown as Metrics;
-    expect(tpsPreview(data, "a", 10)).toMatchObject({
-      evaluated: 3,
-      failed: 1,
-      pass: 200 / 3,
-    });
-    expect(tpsPreview(data, "missing", 10).pass).toBeNull();
-  });
-  it("clips historical fixture minutes and keeps token totals raw when normalizing", async () => {
-    const e = await fixtureApi.experiments.get("fixture-0");
-    const full = await fixtureApi.experiments.metrics(e.id);
-    const end = Date.parse(e.stopAt!) / 1000;
-    const last = await fixtureApi.experiments.metrics(e.id, end - 600, end);
-    expect(last.series).toHaveLength(10);
-    expect(last.eligibleMinutes).toBe(10);
-    expect(full.eligibleMinutes).toBeGreaterThan(last.eligibleMinutes);
-    const arm = e.compareArms[0];
-    expect(last.summary[arm].inputTokens).toBe(
-      last.series.reduce((n, p) => n + p.arms[arm].inputTokens!, 0),
-    );
-    expect(last.summary[arm].cacheHit).toBeCloseTo(
-      (last.summary[arm].cachedTokens! / last.summary[arm].inputTokens!) * 100,
-    );
-    const short = await fixtureApi.experiments.metrics(e.id, end - 59, end);
-    expect(short.series).toHaveLength(0);
-    expect(short.summary[arm].inputTPM).toBeNull();
-    const norm = await fixtureApi.experiments.metrics(e.id, end - 600, end, {
-      normalization: "per-gpu",
-    });
-    expect(norm.summary[arm].inputTokens).toBe(last.summary[arm].inputTokens);
-    expect(norm.summary[arm].ttftP99).toBe(last.summary[arm].ttftP99);
-    expect(full.range?.intersections).toHaveLength(2);
-    expect(full.series.some((p) => p.error)).toBe(true);
-  });
-});
diff --git a/web/src/modules/canary/lib/metric-presentation.ts b/web/src/modules/canary/lib/metric-presentation.ts
deleted file mode 100644
index 4272ad5..0000000
--- a/web/src/modules/canary/lib/metric-presentation.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import type { Experiment, Metrics } from "../types";
-
-export const finiteNumber = (n: unknown): n is number =>
-  typeof n === "number" && Number.isFinite(n);
-export function format(value: number | null | undefined, digits = 3) {
-  if (!finiteNumber(value)) return "—";
-  if (value !== 0 && Math.abs(value) < 10 ** -digits)
-    return value.toExponential(3);
-  return value.toLocaleString(undefined, { maximumFractionDigits: digits });
-}
-export function difference(
-  control: number | null | undefined,
-  experiment: number | null | undefined,
-) {
-  if (!finiteNumber(control) || !finiteNumber(experiment))
-    return { absolute: null, relative: null };
-  return {
-    absolute: experiment - control,
-    relative: control === 0 ? null : ((experiment - control) / control) * 100,
-  };
-}
-export function tpsPreview(data: Metrics, arm: string, threshold: number) {
-  const values = data.series
-    .filter((p) => !p.error)
-    .map((p) => p.arms[arm]?.overallTPS)
-    .filter(finiteNumber);
-  const failed = values.filter((v) => v < threshold).length;
-  return {
-    values,
-    failed,
-    evaluated: values.length,
-    pass: values.length
-      ? (100 * (values.length - failed)) / values.length
-      : null,
-  };
-}
-export const timeRanges = [
-  [0, "Full"],
-  [60, "1m"],
-  [600, "10m"],
-  [1800, "30m"],
-  [3600, "1h"],
-  [7200, "2h"],
-  [14400, "4h"],
-  [28800, "8h"],
-  [43200, "12h"],
-  [86400, "1d"],
-  [259200, "3d"],
-] as const;
-export function rangeBounds(
-  experiment: Pick<Experiment, "stopAt">,
-  seconds: number,
-  now = Date.now(),
-) {
-  const end = Math.floor(
-    (experiment.stopAt ? Date.parse(experiment.stopAt) : now) / 1000,
-  );
-  return { start: seconds > 0 ? end - seconds : undefined, end };
-}
-export function readPreference<T>(key: string, fallback: T): T {
-  try {
-    return JSON.parse(localStorage.getItem(key) ?? "null") ?? fallback;
-  } catch {
-    return fallback;
-  }
-}
-export function savePreference(key: string, value: unknown) {
-  try {
-    localStorage.setItem(key, JSON.stringify(value));
-  } catch {
-    /* Storage can be disabled by the host. */
-  }
-}
diff --git a/web/src/modules/canary/lib/provider.tsx b/web/src/modules/canary/lib/provider.tsx
deleted file mode 100644
index 4a92ce0..0000000
--- a/web/src/modules/canary/lib/provider.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { createContext, useContext, useMemo, type ReactNode } from "react";
-import { CanaryI18nContext } from "./translation";
-import type { i18n as I18n } from "i18next";
-import { createLiveApi, type AuthFetch, type CanaryClient } from "./live-api";
-import { registerCanaryLocales } from "../locales";
-const ApiContext = createContext<CanaryClient | null>(null);
-const WriteContext = createContext(true);
-export function CanaryProvider({
-  api,
-  fetch: authFetch,
-  i18n,
-  canWrite = true,
-  children,
-}: {
-  api?: CanaryClient;
-  fetch?: AuthFetch;
-  i18n?: I18n;
-  canWrite?: boolean;
-  children: ReactNode;
-}) {
-  const client = useMemo(
-    () => api ?? createLiveApi(authFetch),
-    [api, authFetch],
-  );
-  if (i18n) registerCanaryLocales(i18n);
-  return (
-    <ApiContext.Provider value={client}>
-      <WriteContext.Provider value={canWrite}>
-        {i18n ? (
-          <CanaryI18nContext.Provider value={i18n}>
-            {children}
-          </CanaryI18nContext.Provider>
-        ) : (
-          children
-        )}
-      </WriteContext.Provider>
-    </ApiContext.Provider>
-  );
-}
-export function useCanaryApi() {
-  const api = useContext(ApiContext);
-  if (!api)
-    throw new Error(
-      "CanaryProvider is required; inject the Console authenticated fetch",
-    );
-  return api;
-}
-export function useCanaryWrite() {
-  return useContext(WriteContext);
-}
diff --git a/web/src/modules/canary/lib/quoted-revenue.ts b/web/src/modules/canary/lib/quoted-revenue.ts
deleted file mode 100644
index 75ad403..0000000
--- a/web/src/modules/canary/lib/quoted-revenue.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import type { MetricSummary, TokenPrices } from "../types";
-import { finiteNumber } from "./metric-presentation";
-export type QuoteMode = "fixed" | "lower" | "upper";
-export function quotedRevenue(
-  summary: MetricSummary | undefined,
-  prices: TokenPrices | null | undefined,
-  hit: number,
-  mode: QuoteMode,
-) {
-  if (
-    !summary ||
-    !prices ||
-    !finiteNumber(hit) ||
-    hit < 0 ||
-    hit > 100 ||
-    Object.values(prices).some((p) => !finiteNumber(p) || p < 0 || p > 1e6)
-  )
-    return null;
-  if (!finiteNumber(summary.inputTPM) || !finiteNumber(summary.outputTPM))
-    return null;
-  const actual = summary.cacheHit;
-  if (mode !== "fixed" && !finiteNumber(actual)) return null;
-  const applied =
-    mode === "fixed"
-      ? hit
-      : mode === "lower"
-        ? Math.max(actual!, hit)
-        : Math.min(actual!, hit);
-  const cached = (summary.inputTPM * applied) / 100;
-  const input = ((summary.inputTPM - cached) * prices.inputPerMillion) / 1e6;
-  const cache = (cached * prices.cachedPerMillion) / 1e6;
-  const output = (summary.outputTPM * prices.outputPerMillion) / 1e6;
-  return {
-    applied,
-    input,
-    cached: cache,
-    output,
-    minute: input + cache + output,
-    hour: (input + cache + output) * 60,
-  };
-}
diff --git a/web/src/modules/canary/lib/target.test.ts b/web/src/modules/canary/lib/target.test.ts
deleted file mode 100644
index cf97159..0000000
--- a/web/src/modules/canary/lib/target.test.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { productionTargets } from "../fixtures/deployments";
-import { emptyDraft, emitManifests } from "./emit";
-import { applyProductionTarget } from "./target";
-import { validateCanary, wizardStepComplete } from "./validate";
-
-const qwen = productionTargets.find((target) => target.name === "qwen-prod");
-const kimi = productionTargets.find((target) => target.name === "kimi-prod");
-
-describe("applyProductionTarget", () => {
-  it("always takes environment-owned fields from the selected production release", () => {
-    expect(qwen).toBeTruthy();
-    expect(kimi).toBeTruthy();
-    const filled = applyProductionTarget(emptyDraft(), qwen!);
-    expect(filled.name).toBe("qwen-prod-canary");
-    expect(filled.targetRef).toEqual({
-      kind: "HelmRelease",
-      name: "qwen-prod",
-      namespace: "llm-serving",
-    });
-    expect(filled.gateway).toEqual({
-      name: "openresty",
-      namespace: "llm-route",
-      hostname: "ai-cloud.example.com",
-      sectionName: "https",
-    });
-    expect(filled.route.path).toBe("/qwen");
-    expect(filled.route.productionOpenrestyService).toBe("openresty");
-
-    const edited = {
-      ...filled,
-      gateway: { ...filled.gateway, name: "custom-gw" },
-    };
-    const kept = applyProductionTarget(edited, qwen!);
-    expect(kept.gateway.name).toBe("openresty");
-    expect(kept.gateway.namespace).toBe("llm-route");
-    expect(kept.gateway.hostname).toBe("ai-cloud.example.com");
-
-    const switched = applyProductionTarget(filled, kimi!);
-    expect(switched.name).toBe("kimi-prod-canary");
-    expect(switched.gateway.name).toBe("openresty");
-    expect(switched.gateway.namespace).toBe("llm-route");
-    expect(switched.gateway.hostname).toBeUndefined();
-    expect(switched.gateway.sectionName).toBeUndefined();
-    expect(switched.route.path).toBe("/kimi-k3");
-  });
-
-  it("keeps a name the user changed after selecting a production release", () => {
-    const filled = applyProductionTarget(emptyDraft(), qwen!);
-    const renamed = { ...filled, name: "my-experiment" };
-    expect(applyProductionTarget(renamed, kimi!).name).toBe("my-experiment");
-  });
-
-  it("clears stale infrastructure fields when a new target lacks configuration", () => {
-    const previous = applyProductionTarget(emptyDraft(), qwen!);
-    previous.route.servicePort = 9999;
-    const next = applyProductionTarget(previous, {
-      kind: "HelmRelease",
-      name: "unconfigured",
-      namespace: "another-namespace",
-    });
-    expect(next.gateway).toEqual({ name: "", namespace: "" });
-    expect(next.route.path).toBe("");
-    expect(next.route.productionOpenrestyService).toBe("");
-    expect(next.route.servicePort).toBeUndefined();
-    expect(next.route.enabled).toBe(previous.route.enabled);
-    expect(next.traffic).toEqual(previous.traffic);
-    expect(wizardStepComplete("route", next)).toBe(false);
-  });
-
-  it("uses a different deployment environment without retaining test-cluster values", () => {
-    const testDraft = applyProductionTarget(emptyDraft(), qwen!);
-    const productionDraft = applyProductionTarget(testDraft, {
-      kind: "HelmRelease",
-      name: "production-release",
-      namespace: "production-models",
-      route: "production-model",
-      gateway: {
-        name: "production-gateway",
-        namespace: "production-routing",
-        hostname: "models.example.org",
-        sectionName: "https",
-      },
-      openrestyService: "production-dispatch",
-    });
-    expect(productionDraft.targetRef.namespace).toBe("production-models");
-    expect(productionDraft.gateway).toEqual({
-      name: "production-gateway",
-      namespace: "production-routing",
-      hostname: "models.example.org",
-      sectionName: "https",
-    });
-    expect(productionDraft.route.path).toBe("/production-model");
-    expect(productionDraft.route.productionOpenrestyService).toBe("production-dispatch");
-    expect(productionDraft.route.servicePort).toBeUndefined();
-    expect(productionDraft.route.enabled).toBe(true);
-    expect(productionDraft.route.forceHeader).toEqual({ name: "x-canary", value: "force" });
-    const { canary } = emitManifests(productionDraft);
-    expect(canary.spec.gateway).toEqual(productionDraft.gateway);
-    expect(canary.spec.route).toEqual({
-      enabled: true,
-      path: "/production-model",
-      productionOpenrestyService: "production-dispatch",
-      forceHeader: { name: "x-canary", value: "force" },
-    });
-    expect(canary.spec.proxy).not.toHaveProperty("values");
-  });
-});
-
-describe("gateway required fields", () => {
-  it("blocks a blank gateway name or namespace in the wizard and on the CR", () => {
-    const draft = applyProductionTarget(emptyDraft(), qwen!);
-    draft.gateway = { name: "", namespace: "" };
-    expect(wizardStepComplete("route", draft)).toBe(false);
-
-    draft.gateway = { name: " ", namespace: "llm-route" };
-    expect(wizardStepComplete("route", draft)).toBe(false);
-
-    draft.gateway = { name: "openresty", namespace: " " };
-    expect(wizardStepComplete("route", draft)).toBe(false);
-
-    draft.gateway = { name: "openresty", namespace: "" };
-    expect(wizardStepComplete("route", draft)).toBe(false);
-
-    draft.gateway = { name: "openresty", namespace: "llm-route" };
-    expect(wizardStepComplete("route", draft)).toBe(true);
-
-    const blank = emptyDraft();
-    blank.gateway = { name: " ", namespace: " " };
-    const paths = emitManifests(blank).issues.map((issue) => issue.path);
-    expect(paths).toContain("spec.gateway.name");
-    expect(paths).toContain("spec.gateway.namespace");
-    expect(
-      validateCanary(emitManifests(blank).canary).map((issue) => issue.path),
-    ).toEqual(
-      expect.arrayContaining(["spec.gateway.name", "spec.gateway.namespace"]),
-    );
-  });
-});
diff --git a/web/src/modules/canary/lib/target.ts b/web/src/modules/canary/lib/target.ts
deleted file mode 100644
index 94569bc..0000000
--- a/web/src/modules/canary/lib/target.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { CanaryDraft, ProductionTarget } from "../types";
-
-/** Environment-owned fields always follow the selected production target. */
-export function applyProductionTarget(
-  draft: CanaryDraft,
-  target: ProductionTarget,
-): CanaryDraft {
-  const routeKey = target.route?.replace(/^\//, "");
-  const path = routeKey ? `/${routeKey}` : "";
-  const previousDefaultName = draft.targetRef.name
-    ? `${draft.targetRef.name}-canary`
-    : "";
-  const name =
-    !draft.name || draft.name === previousDefaultName
-      ? `${target.name}-canary`
-      : draft.name;
-  return {
-    ...draft,
-    name,
-    targetRef: {
-      kind: target.kind,
-      name: target.name,
-      namespace: target.namespace,
-    },
-    gateway: {
-      name: target.gateway?.name ?? "",
-      namespace: target.gateway?.namespace ?? "",
-      hostname: target.gateway?.hostname,
-      sectionName: target.gateway?.sectionName,
-    },
-    route: {
-      ...draft.route,
-      path,
-      servicePort: undefined,
-      productionOpenrestyService: target.openrestyService ?? "",
-    },
-  };
-}
-
-/** Match a select value (`namespace/name`) or a unique release name. */
-export function findProductionTarget(
-  targets: readonly ProductionTarget[],
-  value: string,
-): ProductionTarget | undefined {
-  const byKey = targets.find(
-    (target) => `${target.namespace}/${target.name}` === value,
-  );
-  if (byKey) return byKey;
-  const byName = targets.filter((target) => target.name === value);
-  return byName.length === 1 ? byName[0] : undefined;
-}
diff --git a/web/src/modules/canary/lib/translation.ts b/web/src/modules/canary/lib/translation.ts
deleted file mode 100644
index f629e51..0000000
--- a/web/src/modules/canary/lib/translation.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import {
-  createContext,
-  useContext,
-  useSyncExternalStore,
-  type Context,
-} from "react";
-import i18next, { type i18n as I18n, type TFunction } from "i18next";
-import ICU from "i18next-icu";
-import { canaryLocales } from "../locales";
-// Fallback belongs only to this module. Console injects its own i18n instance.
-const fallback = i18next.createInstance();
-void fallback
-  .use(ICU)
-  .init({
-    lng: "en",
-    fallbackLng: "en",
-    ns: ["canary"],
-    defaultNS: "canary",
-    resources: {
-      en: { canary: canaryLocales.en },
-      zh: { canary: canaryLocales.zh },
-    },
-    initAsync: false,
-    interpolation: { escapeValue: false },
-  });
-export const CanaryI18nContext: Context<I18n> = createContext(fallback);
-export function useTranslation(namespace = "canary"): {
-  t: TFunction;
-  i18n: I18n;
-} {
-  const instance = useContext(CanaryI18nContext);
-  const language = useSyncExternalStore(
-    (cb) => {
-      instance.on("languageChanged", cb);
-      return () => {
-        instance.off("languageChanged", cb);
-      };
-    },
-    () => instance.language,
-    () => instance.language,
-  );
-  return { t: instance.getFixedT(language, namespace), i18n: instance };
-}
diff --git a/web/src/modules/canary/lib/validate.ts b/web/src/modules/canary/lib/validate.ts
deleted file mode 100644
index a789a9a..0000000
--- a/web/src/modules/canary/lib/validate.ts
+++ /dev/null
@@ -1,229 +0,0 @@
-import type { CanaryDraft, LLMCanary } from "../types";
-import { CANARY_API_VERSION } from "./kubernetes";
-import {
-  armNameOk,
-  dnsLabel,
-  isExactChartVersion,
-  stripOperatorOwned,
-} from "./values";
-
-export interface ValidationIssue {
-  path: string;
-  message: string;
-}
-
-const CHART_NAME = /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/;
-const HEADER_NAME = /^[A-Za-z0-9!#$%&'*+\-.^_`|~]+$/;
-/** CRD: spec.route.path pattern `^/.+` (longer than the fallback "/"). */
-const ROUTE_PATH = /^\/.+/;
-
-export const WIZARD_STEPS = [
-  "target",
-  "arms",
-  "traffic",
-  "route",
-  "review",
-] as const;
-export type WizardStep = (typeof WIZARD_STEPS)[number];
-
-function weightIssues(production: number, canary: number): ValidationIssue[] {
-  if (
-    !Number.isInteger(production) ||
-    !Number.isInteger(canary) ||
-    production < 0 ||
-    canary < 0
-  ) {
-    return [{ path: "spec.traffic", message: "weights must be integers >= 0" }];
-  }
-  if (production + canary <= 0) {
-    return [
-      { path: "spec.traffic", message: "production + canary must be > 0" },
-    ];
-  }
-  return [];
-}
-
-export function validateCanary(cr: LLMCanary): ValidationIssue[] {
-  const issues: ValidationIssue[] = [];
-  const { metadata, spec } = cr;
-
-  if (cr.apiVersion !== CANARY_API_VERSION)
-    issues.push({
-      path: "apiVersion",
-      message: `must be ${CANARY_API_VERSION}`,
-    });
-
-  if (!dnsLabel(metadata.name))
-    issues.push({ path: "metadata.name", message: "must be a DNS label" });
-  if (!dnsLabel(metadata.namespace))
-    issues.push({ path: "metadata.namespace", message: "must be a DNS label" });
-
-  if (!spec.targetRef.kind)
-    issues.push({ path: "spec.targetRef.kind", message: "required" });
-  if (!spec.targetRef.name)
-    issues.push({ path: "spec.targetRef.name", message: "required" });
-  if (spec.targetRef.namespace && !dnsLabel(spec.targetRef.namespace)) {
-    issues.push({
-      path: "spec.targetRef.namespace",
-      message: "must be a DNS label",
-    });
-  }
-
-  if (!spec.arms.length)
-    issues.push({ path: "spec.arms", message: "at least one arm is required" });
-  const names = new Set<string>();
-  spec.arms.forEach((arm, i) => {
-    const p = `spec.arms[${i}]`;
-    if (!armNameOk(arm.name))
-      issues.push({ path: `${p}.name`, message: "1–20 chars, DNS label" });
-    if (names.has(arm.name))
-      issues.push({
-        path: `${p}.name`,
-        message: `duplicate arm name "${arm.name}"`,
-      });
-    names.add(arm.name);
-    if (!CHART_NAME.test(arm.chart.name))
-      issues.push({ path: `${p}.chart.name`, message: "must be a chart name" });
-    if (!isExactChartVersion(arm.chart.version)) {
-      issues.push({
-        path: `${p}.chart.version`,
-        message: "must be an exact version, not a range",
-      });
-    }
-    const { removed } = stripOperatorOwned(arm.values);
-    if (removed.length) {
-      issues.push({
-        path: `${p}.values`,
-        message: `must not set ${removed.join(", ")} on the CR (managed by the operator)`,
-      });
-    }
-  });
-
-  issues.push(...weightIssues(spec.traffic.production, spec.traffic.canary));
-
-  if (!spec.gateway.name.trim())
-    issues.push({ path: "spec.gateway.name", message: "required" });
-  if (!spec.gateway.namespace.trim() || !dnsLabel(spec.gateway.namespace)) {
-    issues.push({
-      path: "spec.gateway.namespace",
-      message: "required DNS label",
-    });
-  }
-
-  if (
-    !spec.route.productionOpenrestyService ||
-    !dnsLabel(spec.route.productionOpenrestyService)
-  ) {
-    issues.push({
-      path: "spec.route.productionOpenrestyService",
-      message: "required DNS label",
-    });
-  }
-  if (spec.route.path !== undefined && !ROUTE_PATH.test(spec.route.path)) {
-    issues.push({ path: "spec.route.path", message: "must match ^/.+" });
-  }
-  if (spec.route.servicePort !== undefined) {
-    const port = spec.route.servicePort;
-    if (!Number.isInteger(port) || port < 1 || port > 65535) {
-      issues.push({
-        path: "spec.route.servicePort",
-        message: "must be a port from 1 to 65535",
-      });
-    }
-  }
-  if (spec.route.forceHeader) {
-    if (!HEADER_NAME.test(spec.route.forceHeader.name)) {
-      issues.push({
-        path: "spec.route.forceHeader.name",
-        message: "invalid header name",
-      });
-    }
-    if (!spec.route.forceHeader.value) {
-      issues.push({
-        path: "spec.route.forceHeader.value",
-        message: "required",
-      });
-    }
-  }
-
-  if (spec.proxy?.mode === "Shared") {
-    issues.push({
-      path: "spec.proxy.mode",
-      message: "Shared is not supported; use PerArm",
-    });
-  }
-  if (spec.proxy?.mode !== "Shared" && spec.proxy?.sessionAffinity) {
-    issues.push({
-      path: "spec.proxy.sessionAffinity",
-      message: "not available in PerArm mode",
-    });
-  }
-
-  return issues;
-}
-
-export function validateDraft(
-  draft: CanaryDraft,
-  canary: LLMCanary,
-): ValidationIssue[] {
-  const issues = validateCanary(canary);
-  if (!draft.route.path || !ROUTE_PATH.test(draft.route.path)) {
-    if (!issues.some((issue) => issue.path === "spec.route.path")) {
-      issues.push({
-        path: "spec.route.path",
-        message: "required; must match ^/.+",
-      });
-    }
-  }
-  const header = draft.route.forceHeader;
-  if ((header.name && !header.value) || (!header.name && header.value)) {
-    issues.push({
-      path: "spec.route.forceHeader",
-      message: "name and value are both required",
-    });
-  }
-  return issues;
-}
-
-/** Whether the linear wizard may leave this step. Review has no Next. */
-export function wizardStepComplete(
-  step: WizardStep,
-  draft: CanaryDraft,
-): boolean {
-  switch (step) {
-    case "target":
-      return (
-        dnsLabel(draft.name) &&
-        dnsLabel(draft.namespace) &&
-        draft.targetRef.kind.trim().length > 0 &&
-        draft.targetRef.name.trim().length > 0 &&
-        (!draft.targetRef.namespace || dnsLabel(draft.targetRef.namespace))
-      );
-    case "arms":
-      return (
-        draft.arms.length > 0 &&
-        draft.arms.every(
-          (arm) =>
-            armNameOk(arm.name) &&
-            CHART_NAME.test(arm.chart.name) &&
-            isExactChartVersion(arm.chart.version),
-        )
-      );
-    case "traffic":
-      return (
-        weightIssues(draft.traffic.production, draft.traffic.canary).length ===
-        0
-      );
-    case "route":
-      return (
-        draft.gateway.name.trim().length > 0 &&
-        dnsLabel(draft.gateway.namespace) &&
-        ROUTE_PATH.test(draft.route.path ?? "") &&
-        dnsLabel(draft.route.productionOpenrestyService)
-      );
-    case "review":
-      return false;
-    default:
-      return false;
-  }
-}
diff --git a/web/src/modules/canary/lib/values.test.ts b/web/src/modules/canary/lib/values.test.ts
deleted file mode 100644
index 01602fb..0000000
--- a/web/src/modules/canary/lib/values.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { isExactChartVersion, mergeLayers, stripOperatorOwned } from "./values";
-
-describe("stripOperatorOwned", () => {
-  it("removes only the three operator-owned enabled switches", () => {
-    const { stripped, removed } = stripOperatorOwned({
-      replicaCount: 2,
-      scaler: { enabled: false, minReplicas: 1 },
-      cart: { enabled: true },
-      sloRequirement: { enabled: false, slo: "p99" },
-    });
-    expect(removed.sort()).toEqual([
-      "cart.enabled",
-      "scaler.enabled",
-      "sloRequirement.enabled",
-    ]);
-    expect(stripped.replicaCount).toBe(2);
-    expect(stripped.scaler).toEqual({ minReplicas: 1 });
-    expect(stripped.cart).toBeUndefined();
-    expect(stripped.sloRequirement).toEqual({ slo: "p99" });
-  });
-});
-
-describe("mergeLayers", () => {
-  it("applies last-writer-wins in swiss order", () => {
-    const merged = mergeLayers({
-      defaults: { replicaCount: 9, podAnnotations: { inherited: "yes" } },
-      catalog: { extraArgs: ["--tp-size=8"], replicaCount: 1 },
-      form: { replicaCount: 2 },
-      edit: { extraArgs: ["--tp-size=8", "--mem-fraction-static=0.8"] },
-    });
-    expect(merged.replicaCount).toBe(2);
-    expect(merged.podAnnotations).toEqual({ inherited: "yes" });
-    expect(merged.extraArgs).toEqual([
-      "--tp-size=8",
-      "--mem-fraction-static=0.8",
-    ]);
-  });
-});
-
-describe("isExactChartVersion", () => {
-  it("accepts pins and rejects helm ranges", () => {
-    expect(isExactChartVersion("0.8.0")).toBe(true);
-    expect(isExactChartVersion(">=0.7.1")).toBe(false);
-    expect(isExactChartVersion("^0.8.0")).toBe(false);
-  });
-});
diff --git a/web/src/modules/canary/lib/values.ts b/web/src/modules/canary/lib/values.ts
deleted file mode 100644
index 4f46917..0000000
--- a/web/src/modules/canary/lib/values.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import type { Json, JsonObject, LayerDocuments, LayerName } from "../types";
-import { LAYER_ORDER } from "../types";
-
-export const OPERATOR_OWNED_ENABLED = [
-  ["scaler", "enabled"],
-  ["cart", "enabled"],
-  ["sloRequirement", "enabled"],
-] as const;
-
-export function cloneJson<T>(value: T): T {
-  return structuredClone(value);
-}
-
-export function isObject(value: unknown): value is JsonObject {
-  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
-  const prototype = Object.getPrototypeOf(value);
-  return prototype === Object.prototype || prototype === null;
-}
-
-/** Last-writer-wins deep merge. Arrays are replaced, not concatenated. */
-export function mergeObjects(
-  base: JsonObject,
-  overlay: JsonObject,
-): JsonObject {
-  const out: JsonObject = { ...base };
-  for (const [key, value] of Object.entries(overlay)) {
-    const prev = out[key];
-    if (isObject(prev) && isObject(value)) {
-      out[key] = mergeObjects(prev, value);
-    } else {
-      out[key] = cloneJson(value);
-    }
-  }
-  return out;
-}
-
-export function mergeLayers(
-  layers: LayerDocuments,
-  order: readonly LayerName[] = LAYER_ORDER,
-): JsonObject {
-  let out: JsonObject = {};
-  for (const name of order) {
-    const doc = layers[name];
-    if (doc) out = mergeObjects(out, doc);
-  }
-  return out;
-}
-
-function deletePath(obj: JsonObject, path: readonly string[]): boolean {
-  if (path.length === 0) return false;
-  const [head, ...rest] = path;
-  if (!(head in obj)) return false;
-  if (rest.length === 0) {
-    delete obj[head];
-    return true;
-  }
-  const child = obj[head];
-  if (!isObject(child)) return false;
-  const removed = deletePath(child, rest);
-  if (removed && Object.keys(child).length === 0) delete obj[head];
-  return removed;
-}
-
-function hasPath(obj: JsonObject, path: readonly string[]): boolean {
-  let cur: Json = obj;
-  for (const key of path) {
-    if (!isObject(cur) || !(key in cur)) return false;
-    cur = cur[key];
-  }
-  return true;
-}
-
-/**
- * Drop operator-owned `*.enabled` switches from arm values before they go on
- * the LLMCanary CR. The operator refuses `scaler.enabled`, `cart.enabled` and
- * `sloRequirement.enabled` today; the original layers remain in the stored plan.
- */
-export function stripOperatorOwned(values: JsonObject): {
-  stripped: JsonObject;
-  removed: string[];
-} {
-  const stripped = cloneJson(values);
-  const removed: string[] = [];
-  for (const path of OPERATOR_OWNED_ENABLED) {
-    if (hasPath(stripped, path)) {
-      deletePath(stripped, path);
-      removed.push(path.join("."));
-    }
-  }
-  return { stripped, removed };
-}
-
-export function isExactChartVersion(version: string): boolean {
-  return (
-    /^[A-Za-z0-9][A-Za-z0-9._+-]*$/.test(version) &&
-    !/[<>=^~|*xX]/.test(version)
-  );
-}
-
-export function dnsLabel(value: string): boolean {
-  return /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/.test(value);
-}
-
-export function armNameOk(value: string): boolean {
-  return value.length >= 1 && value.length <= 20 && dnsLabel(value);
-}
-
-export function trafficShare(
-  production: number,
-  canary: number,
-): { production: number; canary: number } {
-  const sum = production + canary;
-  if (sum <= 0) return { production: 0, canary: 0 };
-  return { production: production / sum, canary: canary / sum };
-}
diff --git a/web/src/modules/canary/lib/yaml.test.ts b/web/src/modules/canary/lib/yaml.test.ts
deleted file mode 100644
index e052b4d..0000000
--- a/web/src/modules/canary/lib/yaml.test.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { fromYamlObject } from "./yaml";
-
-describe("fromYamlObject", () => {
-  it("treats empty, comment-only and null documents as no overrides", () => {
-    expect(fromYamlObject("")).toBeUndefined();
-    expect(fromYamlObject("# temporarily disabled")).toBeUndefined();
-    expect(fromYamlObject("null")).toBeUndefined();
-  });
-
-  it("accepts a plain object and copies it", () => {
-    expect(
-      fromYamlObject("image:\n  repository: mock\nreplicas: 2"),
-    ).toEqual({ image: { repository: "mock" }, replicas: 2 });
-  });
-
-  it("rejects scalars, arrays and non-finite numbers", () => {
-    expect(() => fromYamlObject("just-a-string")).toThrow();
-    expect(() => fromYamlObject("- one\n- two")).toThrow();
-    expect(() => fromYamlObject(".inf")).toThrow();
-  });
-
-  it("rejects recursive aliases before they can reach toYaml", () => {
-    expect(() => fromYamlObject("a: &x\n  b: *x")).toThrow(/recursive alias/);
-  });
-
-  it("keeps YAML timestamps as strings", () => {
-    expect(fromYamlObject("when: 2026-10-20")).toEqual({ when: "2026-10-20" });
-  });
-});
diff --git a/web/src/modules/canary/lib/yaml.ts b/web/src/modules/canary/lib/yaml.ts
deleted file mode 100644
index 81de0fe..0000000
--- a/web/src/modules/canary/lib/yaml.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import yaml from "js-yaml";
-import type { Json, JsonObject } from "../types";
-import { isObject } from "./values";
-
-export function toYaml(value: unknown): string {
-  return (
-    yaml
-      .dump(value, {
-        lineWidth: 120,
-        noRefs: true,
-        quotingType: '"',
-        forceQuotes: false,
-      })
-      .trimEnd() + "\n"
-  );
-}
-
-/**
- * Parse a YAML document that must be one plain JSON object.
- *
- * js-yaml resolves anchors and aliases into shared JS references; a
- * self-referential anchor therefore produces a cyclic object. `toYaml`
- * serialises with `noRefs`, so a cycle would recurse until the stack
- * overflows — and the draft is re-serialised on every keystroke. The tree is
- * copied into JSON here, which rejects cycles and values JSON cannot carry.
- *
- * JSON_SCHEMA keeps timestamps as strings and leaves YAML 1.1 booleans such as
- * `on` / `yes` alone, matching what chart values can hold.
- *
- * A document with no content (empty, comments only, or `null`) means "no
- * overrides" and returns undefined.
- */
-export function fromYamlObject(
-  text: string,
-  invalidMessage = "YAML must be an object with named keys.",
-): JsonObject | undefined {
-  const loaded: unknown = yaml.load(text, { schema: yaml.JSON_SCHEMA });
-  if (loaded === undefined || loaded === null) return undefined;
-  const seen = new Set<object>();
-  const visit = (node: unknown, path: string): Json => {
-    if (node === null || typeof node === "string" || typeof node === "boolean") {
-      return node;
-    }
-    if (typeof node === "number") {
-      if (!Number.isFinite(node)) {
-        throw new Error(`${invalidMessage} (${path || "document"})`);
-      }
-      return node;
-    }
-    if (typeof node !== "object") {
-      throw new Error(`${invalidMessage} (${path || "document"})`);
-    }
-    if (seen.has(node)) {
-      throw new Error(
-        `${invalidMessage} (${path || "document"}: recursive alias)`,
-      );
-    }
-    seen.add(node);
-    let out: Json;
-    if (Array.isArray(node)) {
-      out = node.map((item, index) => visit(item, `${path}[${index}]`));
-    } else if (isObject(node)) {
-      const record: JsonObject = {};
-      for (const [key, child] of Object.entries(node)) {
-        record[key] = visit(child, path ? `${path}.${key}` : key);
-      }
-      out = record;
-    } else {
-      throw new Error(`${invalidMessage} (${path || "document"})`);
-    }
-    seen.delete(node);
-    return out;
-  };
-  const parsed = visit(loaded, "");
-  if (!isObject(parsed)) throw new Error(invalidMessage);
-  return parsed;
-}
diff --git a/web/src/modules/canary/locales.test.ts b/web/src/modules/canary/locales.test.ts
deleted file mode 100644
index dd676c1..0000000
--- a/web/src/modules/canary/locales.test.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { canaryLocales } from "./locales";
-
-describe("Chinese North Star terminology", () => {
-  it("uses North Star and group terminology throughout the Canary UI", () => {
-    const text = JSON.stringify(canaryLocales.zh);
-    expect(canaryLocales.zh.create.title).toBe("新建北极星实验");
-    expect(text).not.toContain("金丝雀");
-    expect(text).not.toContain("臂");
-  });
-});
diff --git a/web/src/modules/canary/locales.ts b/web/src/modules/canary/locales.ts
deleted file mode 100644
index 8e95a3e..0000000
--- a/web/src/modules/canary/locales.ts
+++ /dev/null
@@ -1,745 +0,0 @@
-import { errorEn, errorZh, validationEn, validationZh } from "./error-locales";
-import type { i18n as I18n } from "i18next";
-export const en = {
-  trafficUpdate: {
-    title: "Adjust live traffic", hint: "Change production versus the whole Canary group. Arms keep running and metrics stay in this experiment. Weights are relative; they need not sum to 100.",
-    submit: "Apply weights", submitting: "Submitting…", invalid: "Enter integer weights from 0 to 1,000,000 with a nonzero sum.",
-    waiting: "Waiting for the Operator to apply the traffic change. Refreshing automatically.", history: "Traffic changes", pending: "Pending", applying: "Applying", applied: "Applied", failed: "Failed", cancelled: "Cancelled",
-  },
-  brand: "LLM Canary",
-  subtitle: "LLM experiments · catalog schema v2",
-  fixture: "fixture mode",
-  nav: { list: "Canaries", create: "New canary" },
-  list: {
-    title: "Canaries",
-    empty: "No experiments.",
-    name: "Name",
-    target: "Target",
-    phase: "Phase",
-    path: "Path",
-    traffic: "Traffic",
-    arms: "Arms",
-    since: "Comparable since",
-  },
-  create: {
-    title: "Create canary",
-    stepTarget: "Target",
-    stepArms: "Arms",
-    stepTraffic: "Traffic",
-    stepGateway: "Gateway",
-    stepRoute: "Route",
-    stepReview: "Review",
-    next: "Next",
-    back: "Back",
-    submit: "Create",
-    identity: "Identity",
-    name: "Name",
-    namespace: "Namespace",
-    targetHint:
-      "targetRef is the production traffic route key only (HelmRelease for now). Arms are built independently.",
-    kind: "Kind",
-    targetName: "Release name",
-    targetNs: "Release namespace",
-    pickTarget: "Production candidates",
-    pickTargetHint:
-      "Choose a production release. Release details, Gateway and route are filled automatically and are read-only. Choose experiment arms on the next step.",
-    targetFixedHint:
-      "Automatically supplied by the selected production release; read-only.",
-    selectTargetFirst: "Select a production release first",
-    environmentUnset: "Not configured (environment default)",
-    environmentDefaultPort: "Use environment default port",
-    armsHint:
-      "Each arm takes one catalog schema v2 variant: chart and values. The traffic split and HTTPRoute are the following steps. Gateway configuration is supplied by the environment.",
-    addArm: "Add arm",
-    removeArm: "Remove",
-    armName: "Arm name",
-    model: "Model",
-    catalog: "Model catalog",
-    catalogHint: "Changing the catalog clears this arm's model, variant, chart version and YAML overrides. Canary requires catalog schema v2.",
-    selectCatalog: "Select a model catalog",
-    selectModel: "Select a model",
-    searchModels: "Search models",
-    catalogV1Unsupported: "v1, unsupported for Canary",
-    catalogLoading: "Loading models…",
-    catalogsLoading: "Loading model catalogs…",
-    catalogsEmpty: "No v2 model catalogs are configured. Ask an administrator to configure one.",
-    catalogFailed: "Could not load models from this catalog.",
-    catalogRetry: "Retry loading catalog",
-    catalogEmpty: "No models are available. Select another model catalog.",
-    variant: "Variant @ version",
-    chart: "Chart",
-    chartPin: "Chart {name}",
-    variantPin: "Variant {name}",
-    pickVariant: "Pick a catalog v2 variant",
-    chartVersion: "Exact chart version",
-    chartVersionHint: "Choose an available version allowed by this variant. The newest version is selected initially.",
-    selectChartVersion: "Select a chart version",
-    searchChartVersions: "Search chart versions",
-    chartVersionsLoading: "Loading chart versions…",
-    chartVersionsEmpty: "No chart versions are available for this variant revision. Choose another variant or revision.",
-    chartVersionUnavailable: "The selected chart version is no longer available. Select another version.",
-    chartVersionsFailed: "Could not load chart versions.",
-    chartVersionsRetry: "Retry loading versions",
-    chartVersionsRequired: "Return to the Arms step and choose an available chart version for every arm before preparing or creating.",
-    replicas: "replicaCount",
-    engine: "Engine",
-    gpus: "GPUs",
-    valuesStub: "Merged values stub (catalog + form)",
-    owned: "Operator-owned keys stripped from the CR",
-    weightProd: "Production weight",
-    weightCanary: "Canary group weight",
-    share: "Share",
-    trafficHint:
-      "Gateway API weights are relative: share is weight / sum(weights). The canary weight is the whole canary group. The arms divide that group by least-connection.",
-    gateway: "Gateway",
-    gatewayHint:
-      "Read-only environment configuration, supplied automatically. Ask an administrator to change the Gateway.",
-    gatewayName: "Gateway name",
-    gatewayNs: "Gateway namespace",
-    hostname: "Hostname (optional)",
-    hostnameHint:
-      "Read-only environment hostname. Empty means no hostname restriction is configured.",
-    sectionName: "Listener (sectionName)",
-    sectionHint:
-      "Read-only environment listener. Empty means no specific listener is selected.",
-    routeHint:
-      "The operator automatically creates and owns this HTTPRoute. The path and production Service come from the environment.",
-    routeEnabled: "Write HTTPRoute (route.enabled)",
-    routeEnabledHint:
-      "Off leaves the arms and proxy running and writes no route, so production keeps serving the path.",
-    openresty: "Production openresty Service",
-    openrestyHint:
-      "Read-only production backend from the environment configuration, in the Gateway namespace.",
-    routePath: "Path",
-    pathHint:
-      "Filled from the selected production release's route key; read-only.",
-    servicePort: "Service port",
-    proxyValues: "Proxy Helm values (optional YAML)",
-    proxyValuesHint:
-      "Overrides site defaults for the canary proxy only, such as images, resources and scheduling. Prepare shows the frozen result.",
-    yamlObject: "YAML must be an object with named keys.",
-    yamlBlocked:
-      "Fix the YAML errors on the {steps} step before preparing the plan.",
-    servicePortHint:
-      "No port override is sent. The backend and Operator use their default proxy dispatch port, not the Gateway listener or model service port.",
-    forceHeader: "Force header",
-    needTarget: "Enter the canary name and the production release.",
-    needArms: "Add an arm from a catalog variant.",
-    needTraffic:
-      "Set production and canary weights. At least one must be non-zero.",
-    needGateway: "Enter the Gateway name and namespace.",
-    needRoute: "The selected production target needs Gateway, route path and production Service configuration. Contact an administrator to configure the environment.",
-    summary: "Canary definition",
-    yaml: "LLMCanary YAML",
-    copy: "Copy YAML",
-    download: "Download",
-    issues: "Validation",
-    valid: "Client-side CRD checks passed.",
-  },
-  detail: {
-    waitingArms: "Waiting for all experiment groups to become ready. Refreshing automatically.",
-    waitingProxy: "Experiment groups are ready. Waiting for the proxy to become ready. Refreshing automatically.",
-    historical: "Historical",
-    historicalStatus: "Last observed Kubernetes status",
-    historicalHint:
-      "Experiment resources have been cleaned up. This is the last recorded Kubernetes status, not a live workload.",
-    overview: "Overview",
-    arms: "Arms",
-    traffic: "Traffic",
-    spec: "YAML",
-    split: "Traffic split",
-    splitHint:
-      "spec.traffic weights. The canary number is the whole canary group.",
-    gatewayCard: "Gateway",
-    routeCard: "HTTPRoute",
-    routeOn: "Route on",
-    routeOff: "Route off",
-    dispatchPort: "proxy dispatch port",
-    unset: "unset",
-    observed: "Observed",
-    conditions: "Conditions",
-    comparable:
-      "Measurement uses observed, continuous Serving windows. Configuration changes suspend measurement.",
-    lineage: "Catalog lineage",
-    ready: "Ready",
-    chart: "Chart",
-    kill: "Route enabled",
-    notEnforced: "Guardrails are schema-only and not enforced.",
-  },
-  common: { loading: "Loading…", missing: "Not found", back: "Back to list" },
-};
-
-export const zh = {
-  trafficUpdate: {
-    title: "调整在线流量", hint: "调整生产与整个北极星组的流量比例。实验组保持运行，指标继续归属同一实验。权重为相对值，无需合计为 100。",
-    submit: "应用权重", submitting: "正在提交…", invalid: "请输入 0 至 1,000,000 的整数权重，且总和不能为零。",
-    waiting: "正在等待 Operator 应用流量变更，页面会自动刷新。", history: "流量调整记录", pending: "待应用", applying: "应用中", applied: "已应用", failed: "失败", cancelled: "已取消",
-  },
-  brand: "LLM 北极星",
-  subtitle: "LLM 实验 · 目录 schema v2",
-  fixture: "夹具模式",
-  nav: { list: "北极星", create: "新建" },
-  list: {
-    title: "北极星实验",
-    empty: "暂无实验。",
-    name: "名称",
-    target: "生产目标",
-    phase: "阶段",
-    path: "路径",
-    traffic: "流量",
-    arms: "组别",
-    since: "可比较自",
-  },
-  create: {
-    title: "新建北极星实验",
-    stepTarget: "目标",
-    stepArms: "组别",
-    stepTraffic: "流量",
-    stepGateway: "Gateway",
-    stepRoute: "路由",
-    stepReview: "预览",
-    next: "下一步",
-    back: "上一步",
-    submit: "创建",
-    identity: "生产目标与实验名称",
-    name: "名称",
-    namespace: "命名空间",
-    targetHint:
-      "先选择生产 release，再确认实验名称。targetRef 只作为生产流量路由键（目前 HelmRelease），每个组别独立构建。",
-    kind: "Kind",
-    targetName: "Release 名",
-    targetNs: "Release 命名空间",
-    pickTarget: "生产候选",
-    pickTargetHint:
-      "先选择生产 release。实验名称会默认设为 releaseName-canary，可按需修改；Release 信息、Gateway 和路由会自动填入且只读。实验组在下一步选择。",
-    targetFixedHint: "由所选生产 release 自动带出，只读。",
-    selectTargetFirst: "请先选择生产 release",
-    environmentUnset: "未配置（使用环境默认行为）",
-    environmentDefaultPort: "使用环境默认端口",
-    armsHint:
-      "每个组别选择一个目录 schema v2 变体，只决定 chart 和 values。后续步骤设置流量拆分并确认路由，Gateway 自动使用环境配置。",
-    addArm: "添加组别",
-    removeArm: "删除",
-    armName: "组别名称",
-    model: "模型",
-    catalog: "模型目录",
-    catalogHint: "切换目录会清空当前组别的模型、变体、chart 版本及 YAML 覆盖配置。北极星实验需要 schema v2 目录。",
-    selectCatalog: "请选择模型目录",
-    selectModel: "请选择模型",
-    searchModels: "搜索模型",
-    catalogV1Unsupported: "v1，不支持北极星实验",
-    catalogLoading: "正在加载模型…",
-    catalogsLoading: "正在加载模型目录…",
-    catalogsEmpty: "尚未配置 v2 模型目录，请联系管理员配置。",
-    catalogFailed: "无法加载该目录中的模型。",
-    catalogRetry: "重新加载目录",
-    catalogEmpty: "没有可用模型，请选择其他模型目录。",
-    variant: "变体 @ 版本",
-    chart: "Chart",
-    chartPin: "Chart {name}",
-    variantPin: "变体 {name}",
-    pickVariant: "请选择目录 schema v2 变体",
-    chartVersion: "精确 chart 版本",
-    chartVersionHint: "从该变体允许的已有版本中选择，初始默认选中最新版本。",
-    selectChartVersion: "请选择 chart 版本",
-    searchChartVersions: "搜索 chart 版本",
-    chartVersionsLoading: "正在加载 chart 版本…",
-    chartVersionsEmpty: "该变体修订没有可用的 chart 版本，请选择其他变体或修订。",
-    chartVersionUnavailable: "已选 chart 版本不再可用，请重新选择。",
-    chartVersionsFailed: "无法加载 chart 版本。",
-    chartVersionsRetry: "重新加载版本",
-    chartVersionsRequired: "请返回比较组步骤，为每个组别选择可用的 chart 版本后再准备或创建实验。",
-    replicas: "replicaCount",
-    engine: "引擎",
-    gpus: "GPU",
-    valuesStub: "合并后的 values 草稿（catalog + form）",
-    owned: "写入 CR 前会剥离的 operator 键",
-    weightProd: "生产权重",
-    weightCanary: "北极星组权重",
-    share: "份额",
-    trafficHint:
-      "Gateway API 权重是相对值：份额 = 权重 / 权重之和。北极星权重是整个北极星组，组内各组别按最少连接再分。",
-    gateway: "Gateway",
-    gatewayHint:
-      "以下为自动带出的环境配置，只读。如需更换 Gateway，请联系管理员修改环境配置。",
-    gatewayName: "Gateway 名",
-    gatewayNs: "Gateway 命名空间",
-    hostname: "Hostname（可选）",
-    hostnameHint: "环境配置的 hostname，只读。留空表示未配置 hostname 限制。",
-    sectionName: "监听器 (sectionName)",
-    sectionHint: "环境配置的监听器，只读。留空表示不指定某个 listener。",
-    routeHint:
-      "operator 自动创建并拥有这条 HTTPRoute。路径和生产 Service 使用环境配置。",
-    routeEnabled: "写入 HTTPRoute (route.enabled)",
-    routeEnabledHint:
-      "关闭时各组别和 proxy 继续运行，不写路由，生产继续服务该路径。",
-    openresty: "生产 openresty Service",
-    openrestyHint: "环境配置的生产后端，位于 Gateway 所在命名空间，只读。",
-    routePath: "路径",
-    pathHint: "根据所选生产 release 的路由键自动带出，只读。",
-    servicePort: "Service 端口",
-    proxyValues: "代理 Helm values（可选 YAML）",
-    proxyValuesHint:
-      "覆盖北极星代理的站点默认配置，例如镜像、资源和调度。生成方案后可检查冻结结果。",
-    yamlObject: "YAML 必须是包含字段名的对象。",
-    yamlBlocked: "请先修正「{steps}」步骤中的 YAML 错误，再生成冻结方案。",
-    servicePortHint:
-      "不传端口覆盖值，由后端和 Operator 使用默认代理分发端口，不是 Gateway 监听端口或模型服务端口。",
-    forceHeader: "强制头",
-    needTarget: "请先选择生产 release，再确认北极星实验名称。",
-    needArms: "从目录变体添加一个组别。",
-    needTraffic: "填写生产与北极星权重，至少一个非零。",
-    needGateway: "填写 Gateway 名称和命名空间。",
-    needRoute: "所选生产目标缺少 Gateway、路由路径或生产 Service 配置，请联系管理员完善环境配置。",
-    summary: "北极星实验定义",
-    yaml: "LLMCanary YAML",
-    copy: "复制 YAML",
-    download: "下载",
-    issues: "校验",
-    valid: "客户端 CRD 规则已通过。",
-  },
-  detail: {
-    waitingArms: "正在等待各实验组就绪，页面会自动刷新。",
-    waitingProxy: "实验组已就绪，正在等待代理就绪，页面会自动刷新。",
-    historical: "历史",
-    historicalStatus: "最后观测到的 Kubernetes 状态",
-    historicalHint:
-      "实验资源已清理。以下为保留的最后一次 Kubernetes 状态，不代表仍有工作负载运行。",
-    overview: "概览",
-    arms: "组别",
-    traffic: "流量",
-    spec: "YAML",
-    split: "流量拆分",
-    splitHint: "spec.traffic 权重。北极星数字代表整个北极星组。",
-    gatewayCard: "Gateway",
-    routeCard: "HTTPRoute",
-    routeOn: "路由开启",
-    routeOff: "路由关闭",
-    dispatchPort: "proxy 分发端口",
-    unset: "未设置",
-    observed: "观测值",
-    conditions: "条件",
-    comparable: "统计只使用连续观测到的 Serving 窗口。配置变化会暂停统计。",
-    lineage: "目录来源",
-    ready: "就绪",
-    chart: "Chart",
-    kill: "路由已启用",
-    notEnforced: "护栏仅为 schema，本里程碑不生效。",
-  },
-  common: { loading: "加载中…", missing: "未找到", back: "返回列表" },
-};
-
-const extraEn = {
-  group: { Canary: "Canary" },
-  menu: {
-    index: "Experiments",
-    new: "New experiment",
-    pricing: "Token prices",
-  },
-  economics: {
-    pricing: "Token prices",
-    pricingHint:
-      "Independent USD and CNY list prices per million tokens. New experiments freeze these rates; existing experiments change only through explicit revaluation.",
-    perMillion: "per 1M tokens",
-    inputPerMillion: "Uncached input",
-    cachedPerMillion: "Cached input",
-    outputPerMillion: "Output",
-    defaultCurrency: "Default currency",
-    defaultPrices: "Fallback prices",
-    pricingKey: "Pricing key",
-    add: "Add price row",
-    remove: "Remove row",
-    save: "Save prices",
-    reload: "Reload prices",
-    saved: "Prices saved.",
-    currency: "Currency",
-    normalization: "GPU normalization",
-    raw: "Raw totals",
-    perGPU: "Per GPU",
-    asIf: "Equivalent N GPUs",
-    targetGPUs: "Target GPU count",
-    normalizationHint:
-      "Only TPM and revenue scale. Cache hit rate, TTFT, per-request TPS and sample counts stay unchanged. Equivalent N GPUs is a linear comparison, not a capacity prediction.",
-    frozen: "Frozen prices and GPU capacity",
-    gpuTotal: "Total GPUs",
-    gpuOverride: "Total GPU override (optional)",
-    "helm-values": "Planned capacity",
-    manual: "Manual capacity",
-    unknown: "Unknown capacity",
-    exact: "Exact price row",
-    default: "Fallback price row",
-    missing: "Unpriced",
-    unpriced: "No prices in this currency; revenue is unavailable.",
-    priceRevision: "Price revision",
-    legacy:
-      "This experiment has no frozen valuation. A writer can apply prices and GPU capacity below without collecting metrics again.",
-    revalue: "Configure / revalue",
-    revalueHint:
-      "Apply the current price table to this experiment. This intentionally replaces its previous frozen valuation; token counters and measurement windows stay unchanged.",
-    applyCurrentPrices: "Freeze current valuation",
-    bindingHint:
-      "A supplied price key must match exactly. Blank uses the catalog model, then fallback prices. GPU total is derived from final Helm model.gpus × replicas × LWS size; override it for custom charts. Proxies are excluded.",
-    revenueBreakdown: "Estimated token revenue",
-    arm: "Arm",
-    revenueHint:
-      "Revenue = (uncached input × input price + cached input × cached price + output × output price) / 1M. Input already includes cached tokens. Hourly revenue is the measured per-minute rate × 60, not booked income.",
-  },
-  experiments: {
-    title: "Experiments",
-    createdAt: "Created",
-    pending: "Pending",
-    collecting: "Collecting continuously",
-    failed: "Failed",
-    complete: "Complete",
-    stop: "Stop experiment",
-    archived: "Archived",
-    archive: "Archive",
-    unarchive: "Unarchive",
-    snapshot: "Snapshot",
-    retry: "Retry snapshot",
-    excludedMinutes:
-      "{count} minute(s) excluded from comparison because the monitoring exporter changed and samples were insufficient. Gaps remain visible; summaries use the observed minutes only.",
-    compare: "Comparison arms",
-    control: "Control",
-    candidate: "Candidate",
-    prepare: "Prepare frozen plan",
-    prepared: "Frozen plan",
-    state: "Lifecycle",
-    all: "All",
-    active: "Active",
-    history: "History",
-    Running: "Running",
-    Creating: "Creating",
-    Stopping: "Stopping",
-    Stopped: "Stopped",
-    cleanup: "Resource cleanup",
-    metrics: "Metrics",
-    range: "Time range",
-    hour: "Last hour",
-    day: "Last day",
-    lifetime: "Entire experiment",
-    noData: "No comparable metric data yet.",
-    incomplete:
-      "Missing data and unobserved intervals are excluded. — means unavailable, 0 is a measured zero.",
-    sample: "Requests / TTFT samples",
-    delta: "Candidate − control",
-    cacheHit: "Cache hit (%)",
-    inputTPM: "Input TPM",
-    uncachedTPM: "Uncached input TPM",
-    revenueInputPerMinute: "Uncached input / min",
-    revenueCachedPerMinute: "Cached input / min",
-    revenueOutputPerMinute: "Output / min",
-    revenuePerMinute: "Revenue / min",
-    revenuePerHour: "Revenue / hour",
-    cachedTPM: "Cached TPM",
-    outputTPM: "Output TPM",
-    totalTPM: "Total TPM",
-    ttftP95: "TTFT p95 (s)",
-    overallTPS: "Overall TPS",
-    decodeTPS: "Decode TPS",
-    minutes: "Complete / comparable minutes",
-    error: "Request failed",
-    resolving: "Resolved by Swiss on prepare",
-    historicalVersion: "Variant version (including history)",
-    waiting: "Waiting for continuous Serving and metric collection",
-  },
-};
-const extraZh = {
-  group: { Canary: "北极星实验" },
-  menu: { index: "实验", new: "新建实验", pricing: "Token 价格" },
-  economics: {
-    pricing: "Token 价格",
-    pricingHint:
-      "USD 与 CNY 独立定价，单位为每百万 token。新实验冻结当前价格；已有实验仅在显式重新估值后更新。",
-    perMillion: "每百万 token",
-    inputPerMillion: "未缓存输入",
-    cachedPerMillion: "缓存输入",
-    outputPerMillion: "输出",
-    defaultCurrency: "默认币种",
-    defaultPrices: "兜底价格",
-    pricingKey: "价格标识",
-    add: "添加价格",
-    remove: "移除此行",
-    save: "保存价格",
-    reload: "重新加载价格",
-    saved: "价格已保存。",
-    currency: "币种",
-    normalization: "GPU 归一化",
-    raw: "原始总量",
-    perGPU: "单 GPU",
-    asIf: "等效 N 张 GPU",
-    targetGPUs: "目标 GPU 数量",
-    normalizationHint:
-      "仅 TPM 与收入参与缩放。缓存命中率、TTFT、单请求 TPS 和样本量保持原值。等效 N 卡是线性比较，不代表实际扩容性能。",
-    frozen: "冻结价格与 GPU 容量",
-    gpuTotal: "GPU 总数",
-    gpuOverride: "GPU 总数覆盖值（可选）",
-    "helm-values": "计划容量",
-    manual: "手动容量",
-    unknown: "未知容量",
-    exact: "精确价格",
-    default: "兜底价格",
-    missing: "未定价",
-    unpriced: "当前币种未定价，收入不可用。",
-    priceRevision: "价表版本",
-    legacy:
-      "此实验尚无冻结估值。具备写权限的用户可在下方应用价格和 GPU 容量，无需重新采集指标。",
-    revalue: "配置／重新估值",
-    revalueHint:
-      "将当前价表应用到此实验。这会主动替换之前冻结的估值；原始 token 计数和测量窗口保持不变。",
-    applyCurrentPrices: "冻结当前估值",
-    bindingHint:
-      "指定价格标识时必须精确匹配。留空按目录模型匹配，再使用兜底价格。GPU 总数按最终 Helm model.gpus × 副本数 × LWS 大小推导；自定义 chart 可覆盖，不计入代理资源。",
-    revenueBreakdown: "Token 收入估算",
-    arm: "实验组",
-    revenueHint:
-      "收入 =（未缓存输入 × 输入单价 + 缓存输入 × 缓存单价 + 输出 × 输出单价）/ 百万。输入已包含缓存 token。每小时收入为实际每分钟速率 × 60，不是已结算收入。",
-  },
-  experiments: {
-    title: "实验",
-    createdAt: "创建时间",
-    pending: "待完成",
-    collecting: "持续采集中",
-    failed: "失败",
-    complete: "已完成",
-    stop: "停止实验",
-    archived: "已归档",
-    archive: "归档",
-    unarchive: "取消归档",
-    snapshot: "指标快照",
-    retry: "重试快照",
-    excludedMinutes:
-      "有 {count} 分钟因指标采集器切换、样本不足而未参与比较。图表保留缺口，汇总仅使用实际观测到的分钟。",
-    compare: "比较组",
-    control: "对照组",
-    candidate: "实验组",
-    prepare: "生成冻结方案",
-    prepared: "冻结方案",
-    state: "生命周期",
-    all: "全部",
-    active: "运行中",
-    history: "历史",
-    Running: "运行中",
-    Creating: "创建中",
-    Stopping: "停止中",
-    Stopped: "已停止",
-    cleanup: "资源清理",
-    metrics: "指标",
-    range: "时间范围",
-    hour: "最近一小时",
-    day: "最近一天",
-    lifetime: "整个实验",
-    noData: "暂无可比较的指标数据。",
-    incomplete:
-      "缺失数据和未观测区间不计入统计。— 表示无数据，0 表示真实零值。",
-    sample: "请求数 / TTFT 样本量",
-    delta: "实验组 − 对照组",
-    cacheHit: "缓存命中率 (%)",
-    inputTPM: "输入 TPM",
-    uncachedTPM: "未缓存输入 TPM",
-    revenueInputPerMinute: "未缓存输入／分钟",
-    revenueCachedPerMinute: "缓存输入／分钟",
-    revenueOutputPerMinute: "输出／分钟",
-    revenuePerMinute: "收入／分钟",
-    revenuePerHour: "收入／小时",
-    cachedTPM: "缓存 TPM",
-    outputTPM: "输出 TPM",
-    totalTPM: "总 TPM",
-    ttftP95: "TTFT p95 (秒)",
-    overallTPS: "整体 TPS",
-    decodeTPS: "Decode TPS",
-    minutes: "完整 / 可比较分钟数",
-    error: "请求失败",
-    resolving: "预览时由 Swiss 解析",
-    historicalVersion: "变体版本（支持历史版本）",
-    waiting: "等待连续 Serving 与指标采集",
-  },
-};
-const dashboardEn = {
-  refresh: "Refresh",
-  barHint: "Bar lengths compare the two groups; labels show measured values.",
-  experiment: "Experiment",
-  control: "Control",
-  metric: "Metric",
-  relativeHint:
-    "Relative change = (experiment − control) / control. Unavailable when control is zero or missing.",
-  throughput: "Throughput TPM",
-  throughputHint: "Input + output tokens per minute",
-  ttft: "Time to first token",
-  ttftHint: "Selected-range merged histogram; lower is better",
-  cacheHint: "Token-weighted cached / input tokens",
-  revenue: "Revenue",
-  frozenRevenue: "Estimated from frozen token prices",
-  quote: "Quoted revenue",
-  localPreview: "Hypothetical · current view only",
-  statistic: "Statistic",
-  ttftMean: "TTFT mean",
-  ttftP50: "TTFT p50",
-  ttftP95: "TTFT p95",
-  ttftP99: "TTFT p99",
-  ttftP999: "TTFT p99.9",
-  inputTokens: "Input tokens (range)",
-  cachedTokens: "Cached tokens (range)",
-  outputTokens: "Output tokens (range)",
-  requests: "Requests",
-  ttftSamples: "TTFT samples",
-  coverage: "Complete minutes",
-  actualHit: "Actual cache hit",
-  appliedHit: "Applied cache hit",
-  assumedHit: "Assumed cache hit",
-  quoteMode: "Quote mode",
-  fixed: "Fixed",
-  lower: "Lower bound",
-  upper: "Upper bound",
-  invalidHit: "Enter a cache hit rate from 0 to 100%.",
-  tps: "Output TPS",
-  tpsPass: "Output TPS · preview pass rate",
-  tpsHint: "No experiment SLO configured · 0 disables preview",
-  evaluated: "Evaluated minutes",
-  failed: "Below-threshold minutes",
-  threshold: "Preview threshold",
-  thresholdSlider: "Adjust preview threshold",
-  invalidThreshold: "Enter a threshold from 0 to 1,000,000.",
-  snapshot: "Snapshot",
-  created: "Created",
-  stopped: "Stopped",
-  observation: "Observation windows",
-  compareEconomics: "Comparison objects and frozen valuation",
-  timeRange: "Time range",
-  custom: "Custom",
-  refreshing: "Refreshing…",
-  start: "Start",
-  end: "End",
-  apply: "Apply",
-  invalidRange: "Choose valid dates with start before end.",
-  invalidGPUs: "GPU count must be an integer from 1 to 1024.",
-  selectedRange: "Selected range",
-  storedRange: "Stored data range",
-  windows: "Intersecting windows",
-  lastCollected: "Last collection attempt",
-  partial:
-    "Coverage is partial. Missing, warm-up and excluded minutes remain gaps; — means unavailable, 0 is measured zero.",
-  collapse: "Collapse",
-  quoteHint:
-    "Local hypothetical estimate; input/output stay constant. Lower uses max(actual, assumed), upper uses min(actual, assumed). Does not change frozen valuation.",
-  actualRevenue: "Actual estimated revenue",
-  customPrices: "Use custom preview prices",
-  quoteUnavailable:
-    "Unavailable: check token evidence, currency prices (0–1,000,000) and actual hit rate required by bound modes.",
-  tpsMethod:
-    "Pass rate counts finite minute-average overall TPS, excluding errors/gaps; equality passes. It is not request-level attainment. Compare evaluated minutes with coverage.",
-  unavailableEconomics:
-    "Missing prices make revenue unavailable; missing/zero planned GPUs make normalized values unavailable. USD and CNY are independent price tables.",
-  trend: "Time trend (minute-end timestamps)",
-  distribution: "Distribution of minute-average TPS",
-  minutes: "minutes",
-};
-const dashboardZh = {
-  refresh: "刷新",
-  barHint: "条长比较两组相对大小，数值标签表示实际值。",
-  experiment: "实验",
-  control: "对照",
-  metric: "指标",
-  relativeHint: "相对变化 =（实验 − 对照）/ 对照。对照为零或缺失时不可用。",
-  throughput: "吞吐量 TPM",
-  throughputHint: "每分钟输入 + 输出 token",
-  ttft: "首 token 延迟 TTFT",
-  ttftHint: "区间合并直方图；越低越好",
-  cacheHint: "Token 加权：缓存 / 输入 token",
-  revenue: "收入",
-  frozenRevenue: "基于冻结 token 价格估算",
-  quote: "报价收入",
-  localPreview: "假设试算 · 仅当前视图",
-  statistic: "统计量",
-  ttftMean: "TTFT 均值",
-  ttftP50: "TTFT p50",
-  ttftP95: "TTFT p95",
-  ttftP99: "TTFT p99",
-  ttftP999: "TTFT p99.9",
-  inputTokens: "区间输入 token",
-  cachedTokens: "区间缓存 token",
-  outputTokens: "区间输出 token",
-  requests: "请求数",
-  ttftSamples: "TTFT 样本数",
-  coverage: "完整分钟",
-  actualHit: "真实命中率",
-  appliedHit: "采用命中率",
-  assumedHit: "假设命中率",
-  quoteMode: "报价模式",
-  fixed: "固定值",
-  lower: "下界",
-  upper: "上界",
-  invalidHit: "请输入 0–100% 的命中率。",
-  tps: "输出 TPS",
-  tpsPass: "输出 TPS · 预览达标率",
-  tpsHint: "未设实验 SLO · 0 关闭预览",
-  evaluated: "有效分钟",
-  failed: "未达标分钟",
-  threshold: "预览阈值",
-  thresholdSlider: "调整预览阈值",
-  invalidThreshold: "请输入 0–1,000,000 的阈值。",
-  snapshot: "快照",
-  created: "创建时间",
-  stopped: "停止时间",
-  observation: "观测窗口",
-  compareEconomics: "比较对象与冻结估值",
-  timeRange: "时间范围",
-  custom: "自定义",
-  refreshing: "更新中…",
-  start: "开始",
-  end: "结束",
-  apply: "应用",
-  invalidRange: "请选择有效日期，开始必须早于结束。",
-  invalidGPUs: "GPU 数量必须为 1–1024 的整数。",
-  selectedRange: "所选范围",
-  storedRange: "实际已有数据范围",
-  windows: "相交窗口数",
-  lastCollected: "最后采集尝试",
-  partial:
-    "覆盖不完整。缺失、预热及排除分钟保留缺口；— 表示不可用，0 表示实测为零。",
-  collapse: "收起",
-  quoteHint:
-    "本地假设估算，输入/输出保持不变。下界采用 max(真实, 假设)，上界采用 min(真实, 假设)，不改变冻结估值。",
-  actualRevenue: "真实估算收入",
-  customPrices: "使用自定义试算价格",
-  quoteUnavailable:
-    "不可用：请检查 token 数据、当前币种价格（0–1,000,000）及上下界所需的真实命中率。",
-  tpsMethod:
-    "达标率统计非错误/排除分钟的有限 overall TPS，等于阈值算达标；不是请求级达标率。请结合有效分钟及覆盖率阅读。",
-  unavailableEconomics:
-    "缺价格时收入不可用；计划 GPU 未知或为零时归一化值不可用。USD/CNY 使用独立价表。",
-  trend: "时间趋势（分钟结束时间）",
-  distribution: "分钟平均 TPS 分布",
-  minutes: "分钟",
-};
-export const canaryLocales = {
-  en: {
-    ...en,
-    ...extraEn,
-    dashboard: dashboardEn,
-    errors: errorEn,
-    validation: validationEn,
-  },
-  zh: {
-    ...zh,
-    ...extraZh,
-    dashboard: dashboardZh,
-    errors: errorZh,
-    validation: validationZh,
-  },
-};
-const registered = new WeakSet<I18n>();
-export function registerCanaryLocales(instance: I18n) {
-  if (registered.has(instance)) return;
-  for (const [language, resources] of Object.entries(canaryLocales)) {
-    instance.addResourceBundle(language, "canary", resources, true, true);
-    instance.addResourceBundle(
-      language === "zh" ? "zh-CN" : "en-US",
-      "canary",
-      resources,
-      true,
-      true,
-    );
-  }
-  registered.add(instance);
-}
diff --git a/web/src/modules/canary/pages/CanaryCreate.tsx b/web/src/modules/canary/pages/CanaryCreate.tsx
deleted file mode 100644
index 84ab702..0000000
--- a/web/src/modules/canary/pages/CanaryCreate.tsx
+++ /dev/null
@@ -1,1034 +0,0 @@
-import { ErrorNotice, ErrorDetails } from "../components/ErrorNotice";
-import { asError, describeError } from "../lib/errors";
-import { useEffect, useMemo, useState } from "react";
-import { useNavigate } from "react-router";
-import { useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useTranslation } from "../lib/translation";
-import { Plus } from "lucide-react";
-import {
-  Badge,
-  Button,
-  CodeBlock,
-  FieldInput,
-  FieldNumber,
-  FieldRepeater,
-  FieldSelect,
-  FieldTextarea,
-  FloatingField,
-  FormSection,
-  PageBanner,
-  SectionCard,
-  cn,
-} from "@modelsphere/ui";
-import { useCanaryApi, useCanaryWrite } from "../lib/provider";
-import { variantsFromIndex } from "../lib/live-api";
-import { changeArmCatalog, defaultCatalog } from "../lib/catalog";
-import type { CatalogInfo } from "../types";
-import { usePluginPath } from "../lib/host";
-import { emptyDraft, emitManifests, layersFromVariant } from "../lib/emit";
-import { applyProductionTarget, findProductionTarget } from "../lib/target";
-import {
-  WIZARD_STEPS,
-  wizardStepComplete,
-  type WizardStep,
-} from "../lib/validate";
-import { isExactChartVersion } from "../lib/values";
-import { fromYamlObject, toYaml } from "../lib/yaml";
-import type {
-  ArmDraft,
-  CanaryDraft,
-  CatalogVariant,
-  ChartVersions,
-  JsonObject,
-  Prepared,
-} from "../types";
-import { TrafficBar } from "../components/TrafficBar";
-import { EnvironmentField } from "../components/EnvironmentField";
-
-const STEPS = WIZARD_STEPS;
-type Step = WizardStep;
-
-function asWeight(raw: string): number {
-  if (raw.trim() === "") return 0;
-  const n = Number(raw);
-  if (!Number.isFinite(n) || n < 0) return 0;
-  return Math.trunc(n);
-}
-
-function nextArmName(arms: ArmDraft[]): string {
-  if (!arms.some((a) => a.name === "baseline")) return "baseline";
-  if (!arms.some((a) => a.name === "candidate")) return "candidate";
-  let i = 3;
-  while (arms.some((a) => a.name === `arm-${i}`)) i += 1;
-  return `arm-${i}`;
-}
-
-function applyVariant(
-  arm: ArmDraft,
-  variant: CatalogVariant,
-  replicaCount: number,
-  catalog?: string,
-): ArmDraft {
-  return {
-    ...arm,
-    replicaCount,
-    chart: { name: variant.chart.name, version: variant.resolvedChartVersion },
-    source: {
-      catalog,
-      model: variant.model,
-      version: variant.version,
-      variant: variant.id,
-      digest: variant.digest,
-      hf: undefined,
-    },
-    layers: layersFromVariant(variant, replicaCount),
-  };
-}
-
-function stepLabel(step: Step): `create.step${string}` {
-  return `create.step${step[0].toUpperCase()}${step.slice(1)}`;
-}
-
-function removeArmEditor<T>(current: Record<string, T>, removed: number) {
-  return Object.fromEntries(
-    Object.entries(current).flatMap(([key, value]) => {
-      const index = Number(key.slice(4));
-      return index === removed
-        ? []
-        : [[`arm-${index > removed ? index - 1 : index}`, value]];
-    }),
-  );
-}
-
-export function CanaryCreate() {
-  const { t } = useTranslation("canary");
-  const api = useCanaryApi();
-  const canWrite = useCanaryWrite();
-  const p = usePluginPath();
-  const navigate = useNavigate();
-  const qc = useQueryClient();
-  const [step, setStep] = useState<Step>("target");
-  const [maxReached, setMaxReached] = useState(0);
-  const [creating, setCreating] = useState(false);
-  const [preparing, setPreparing] = useState(false);
-  const [prepared, setPrepared] = useState<Prepared | null>(null);
-  const [error, setError] = useState<Error | null>(null);
-  const [draft, setDraft] = useState<CanaryDraft>(emptyDraft);
-  const [yamlTexts, setYamlTexts] = useState<Record<string, string>>({});
-  const [yamlErrors, setYamlErrors] = useState<
-    Record<string, Error | undefined>
-  >({});
-  const invalidYaml = Object.values(yamlErrors).some(Boolean);
-  const config = useQuery({
-    queryKey: ["canary", api.mode, "config"],
-    queryFn: () => api.config(),
-  });
-  useEffect(() => {
-    const namespaces = config.data?.namespaces ?? [];
-    if (namespaces.length > 0) {
-      setDraft((current) =>
-        namespaces.includes(current.namespace)
-          ? current
-          : { ...current, namespace: namespaces[0] },
-      );
-    }
-  }, [config.data]);
-  const catalogs = useQuery({
-    queryKey: ["canary", api.mode, "catalogs"],
-    queryFn: () => api.catalog.list(),
-    staleTime: 60_000,
-  });
-  const catalogName = defaultCatalog(catalogs.data ?? []);
-  const armCatalogs = useQueries({
-    queries: draft.arms.map((arm) => {
-      const name = arm.source?.catalog || catalogName;
-      return {
-        queryKey: ["canary", api.mode, "catalog", name],
-        queryFn: () => api.catalog.index(name),
-        enabled: !!name && !!catalogs.data?.some((c) => c.name === name && c.schema !== "v1"),
-        staleTime: 60_000,
-        retry: false,
-      };
-    }),
-  });
-  // Keep queries in the wizard so readiness remains valid when arm editors unmount.
-  const chartVersions = useQueries({
-    queries: draft.arms.map((arm) => ({
-      queryKey: ["canary", api.mode, "chart-versions", arm.source?.catalog,
-        arm.source?.model, arm.source?.variant, arm.source?.version],
-      queryFn: () => api.catalog.chartVersions(arm.source!),
-      enabled: !!arm.source?.catalog && !!arm.source?.model && !!arm.source?.variant && !!arm.source?.version,
-      staleTime: 60_000,
-      retry: false,
-    })),
-  });
-  useEffect(() => {
-    setDraft((current) => {
-      // A new source has a new query key; previous-source results are never reused.
-      if (current !== draft) return current;
-      let changed = false;
-      const arms = current.arms.map((arm, index) => {
-        const result = chartVersions[index];
-        const data = result?.isSuccess ? result.data : undefined;
-        if (arm.chart.version || !data?.versions.length) return arm;
-        changed = true;
-        return { ...arm, chart: { ...arm.chart, name: data.chart, version: data.versions[0] } };
-      });
-      return changed ? { ...current, arms } : current;
-    });
-  }, [draft, chartVersions]);
-  const chartVersionsReady = draft.arms.every((arm, index) => {
-    const result = chartVersions[index];
-    return armCatalogs[index]?.isSuccess && result?.isSuccess && result.data.chart === arm.chart.name &&
-      isExactChartVersion(arm.chart.version) && result.data.versions.includes(arm.chart.version);
-  });
-  const deployments = useQuery({
-    queryKey: ["canary", api.mode, "deployments"],
-    queryFn: () => api.swiss.deployments(),
-  });
-
-  const emitted = useMemo(() => emitManifests(draft), [draft]);
-  useEffect(() => {
-    setPrepared(null);
-    setError(null);
-  }, [draft]);
-  const stepIndex = STEPS.indexOf(step);
-  const armsYamlInvalid = Object.entries(yamlErrors).some(
-    ([key, message]) => key.startsWith("arm-") && !!message,
-  );
-  // Keep navigation back to the arm editor available when its YAML is invalid.
-  const stepYamlInvalid = step === "arms" && armsYamlInvalid;
-  const targets = deployments.data ?? [];
-  const selectedTarget = targets.find(
-    (d) =>
-      d.name === draft.targetRef.name &&
-      d.namespace === (draft.targetRef.namespace ?? ""),
-  );
-  const stepReady =
-    !stepYamlInvalid &&
-    (step !== "arms" || chartVersionsReady) &&
-    (step !== "target" ||
-      (!!selectedTarget &&
-        config.data?.namespaces.includes(draft.namespace))) &&
-    (step === "arms" && api.mode === "live"
-      ? draft.arms.length >= 2 &&
-        draft.arms.every((a) => a.name && a.source?.version)
-      : wizardStepComplete(step, draft));
-  const targetName = draft.targetRef.name;
-  const targetNamespace = draft.targetRef.namespace ?? "";
-  const loadedTargets = deployments.data;
-
-  useEffect(() => {
-    const found = (loadedTargets ?? []).find(
-      (d) => d.name === targetName && d.namespace === targetNamespace,
-    );
-    if (!found) return;
-    setDraft((current) => {
-      const next = applyProductionTarget(current, found);
-      const same =
-        next.gateway.name === current.gateway.name &&
-        next.gateway.namespace === current.gateway.namespace &&
-        next.gateway.hostname === current.gateway.hostname &&
-        next.gateway.sectionName === current.gateway.sectionName &&
-        next.route.path === current.route.path &&
-        next.route.productionOpenrestyService ===
-          current.route.productionOpenrestyService &&
-        next.targetRef.kind === current.targetRef.kind &&
-        next.targetRef.name === current.targetRef.name &&
-        next.targetRef.namespace === current.targetRef.namespace;
-      return same ? current : next;
-    });
-  }, [targetName, targetNamespace, loadedTargets]);
-
-  function goTo(index: number) {
-    if (index < 0 || index >= STEPS.length) return;
-    if (index > maxReached && (index !== stepIndex + 1 || !stepReady)) return;
-    setMaxReached((reached) => Math.max(reached, index));
-    setStep(STEPS[index]);
-  }
-
-  function blocker(): string | null {
-    if (invalidYaml) {
-      return t("create.yamlBlocked", { steps: t("create.stepArms") });
-    }
-    if (stepReady || step === "review") return null;
-    if (step === "target") return t("create.needTarget");
-    if (step === "arms") return t("create.needArms");
-    if (step === "traffic") return t("create.needTraffic");
-    return t("create.needRoute");
-  }
-
-  function patch(partial: Partial<CanaryDraft>) {
-    setDraft((d) => ({ ...d, ...partial }));
-  }
-
-  function editYaml(
-    key: string,
-    text: string,
-    apply: (value?: JsonObject) => void,
-  ) {
-    setPrepared(null);
-    setYamlTexts((current) => ({ ...current, [key]: text }));
-    try {
-      const value = text.trim() ? fromYamlObject(text) : undefined;
-      setYamlErrors((current) => ({ ...current, [key]: undefined }));
-      apply(value);
-    } catch (error) {
-      setYamlErrors((current) => ({ ...current, [key]: asError(error) }));
-    }
-  }
-
-  async function prepareCanary() {
-    if (invalidYaml || !chartVersionsReady) return;
-    setPreparing(true);
-    setError(null);
-    try {
-      setPrepared(
-        await api.experiments.prepare({
-          ...draft,
-          compareArms:
-            draft.compareArms ?? draft.arms.slice(0, 2).map((a) => a.name),
-        }),
-      );
-    } catch (e) {
-      setError(asError(e));
-    } finally {
-      setPreparing(false);
-    }
-  }
-  async function createCanary() {
-    if (creating || !prepared || !canWrite || !chartVersionsReady) return;
-    setCreating(true);
-    setError(null);
-    try {
-      const created = await api.experiments.create(prepared.id);
-      await qc.invalidateQueries({ queryKey: ["experiments"] });
-      navigate(p(`experiments/${created.id}`));
-    } catch (e) {
-      setError(asError(e));
-    } finally {
-      setCreating(false);
-    }
-  }
-
-  function blankArm(name: string): ArmDraft {
-    return changeArmCatalog({
-      name,
-      chart: { name: "", version: "" },
-      replicaCount: 1,
-      layers: {},
-    }, catalogName);
-  }
-
-  return (
-    <div className="flex min-h-full flex-col">
-      <PageBanner
-        title={t("create.title")}
-        description={t("create.targetHint")}
-        onBack={() => navigate(p(""))}
-        icon={<Plus className="size-5" />}
-      />
-
-      {(error ||
-        config.error ||
-        catalogs.error ||
-        deployments.error) && (
-        <ErrorNotice
-          error={
-            error ??
-            config.error ??
-            catalogs.error ??
-            deployments.error
-          }
-          className="p-4 text-destructive"
-        />
-      )}
-      <div className="flex flex-wrap gap-1 border-b bg-card px-4 py-2">
-        {STEPS.map((s, i) => {
-          const open = i <= maxReached || (i === stepIndex + 1 && stepReady);
-          const active = i === stepIndex;
-          return (
-            <Button
-              key={s}
-              type="button"
-              variant="ghost"
-              size="sm"
-              disabled={!open}
-              aria-current={active ? "step" : undefined}
-              onClick={() => goTo(i)}
-              className={cn(
-                active
-                  ? "bg-accent font-semibold text-foreground enabled:hover:bg-accent enabled:hover:text-foreground"
-                  : open
-                    ? "font-normal text-muted-foreground"
-                    : "font-normal",
-              )}
-            >
-              {i + 1}. {t(stepLabel(s))}
-            </Button>
-          );
-        })}
-      </div>
-
-      <div className="mx-auto flex w-full max-w-5xl flex-col gap-4 p-4">
-        {step === "target" && (
-          <FormSection
-            title={t("create.identity")}
-            summary={t("create.pickTargetHint")}
-          >
-            <div className="grid gap-3 md:grid-cols-2">
-              <FloatingField
-                label={t("create.pickTarget")}
-                hint={t("create.pickTargetHint")}
-                className="md:col-span-2"
-              >
-                <FieldSelect
-                  value={
-                    selectedTarget
-                      ? `${selectedTarget.namespace}/${selectedTarget.name}`
-                      : undefined
-                  }
-                  onValueChange={(value) => {
-                    const found = findProductionTarget(targets, String(value));
-                    if (found)
-                      setDraft((current) =>
-                        applyProductionTarget(current, found),
-                      );
-                  }}
-                  options={targets.map((d) => ({
-                    value: `${d.namespace}/${d.name}`,
-                    label: d.name,
-                    description: `${d.namespace} · ${d.model ?? ""} · ${d.variant ?? ""}@${d.version ?? ""} · ${d.gateway ? `${d.gateway.namespace}/${d.gateway.name}` : "—"} · /${d.route ?? ""} · ${d.openrestyService ?? ""}`,
-                  }))}
-                  placeholder={t("create.pickTarget")}
-                />
-              </FloatingField>
-              <FloatingField label={t("create.name")}>
-                <FieldInput
-                  value={draft.name}
-                  disabled={!selectedTarget}
-                  placeholder={t("create.selectTargetFirst")}
-                  onChange={(e) => patch({ name: e.target.value })}
-                />
-              </FloatingField>
-              {config.data?.namespaces.length === 1 ? (
-                <EnvironmentField
-                  label={t("create.namespace")}
-                  value={config.data.namespaces[0]}
-                />
-              ) : (
-                <FloatingField label={t("create.namespace")}>
-                  <FieldSelect
-                    value={config.data ? draft.namespace : undefined}
-                    disabled={
-                      !config.data || config.data.namespaces.length === 0
-                    }
-                    options={(config.data?.namespaces ?? []).map(
-                      (namespace) => ({
-                        value: namespace,
-                        label: namespace,
-                      }),
-                    )}
-                    onValueChange={(value) =>
-                      patch({ namespace: String(value) })
-                    }
-                  />
-                </FloatingField>
-              )}
-              <EnvironmentField
-                label={t("create.kind")}
-                hint={t("create.targetFixedHint")}
-                value={draft.targetRef.kind}
-              />
-              <EnvironmentField
-                label={t("create.targetName")}
-                value={selectedTarget?.name}
-                emptyText={t("create.selectTargetFirst")}
-              />
-              <EnvironmentField
-                label={t("create.targetNs")}
-                value={selectedTarget?.namespace}
-                emptyText={t("create.selectTargetFirst")}
-              />
-            </div>
-          </FormSection>
-        )}
-
-        {step === "arms" && (
-          <FormSection
-            title={t("create.stepArms")}
-            summary={t("create.armsHint")}
-          >
-            {catalogs.isPending && <p role="status" className="text-sm text-muted-foreground">{t("create.catalogsLoading")}</p>}
-            {catalogs.error && <Button type="button" variant="outline" onClick={() => { void catalogs.refetch(); }}>{t("create.catalogRetry")}</Button>}
-            {catalogs.isSuccess && !catalogName && <p role="status" className="text-sm text-muted-foreground">{t("create.catalogsEmpty")}</p>}
-            <FieldRepeater
-              disabled={catalogs.isPending || !!catalogs.error || !catalogName}
-              value={draft.arms}
-              onChange={(arms) => {
-                setDraft((d) => ({ ...d, arms }));
-                if (arms.length < draft.arms.length) {
-                  const removed = draft.arms.findIndex(
-                    (arm, index) => arm !== arms[index],
-                  );
-                  setYamlTexts((current) => removeArmEditor(current, removed));
-                  setYamlErrors((current) => removeArmEditor(current, removed));
-                }
-              }}
-              newItem={() => blankArm(nextArmName(draft.arms))}
-              addButtonText={t("create.addArm")}
-              isComplete={(arm) => arm.name.trim() !== ""}
-              renderRow={(arm, _index, patchArm) => (
-                <ArmFields
-                  arm={arm}
-                  catalogs={catalogs.data ?? []}
-                  catalogName={arm.source?.catalog || catalogName}
-                  catalogLoading={catalogs.isPending || (armCatalogs[_index]?.isFetching ?? false)}
-                  catalogError={catalogs.error ?? armCatalogs[_index]?.error}
-                  retryCatalog={() => { void (catalogs.error ? catalogs.refetch() : armCatalogs[_index]?.refetch()); }}
-                  models={armCatalogs[_index]?.data?.models ?? []}
-                  variants={armCatalogs[_index]?.data ? variantsFromIndex(armCatalogs[_index].data) : []}
-                  versions={chartVersions[_index]?.data}
-                  versionsLoading={chartVersions[_index]?.isFetching ?? false}
-                  versionsError={chartVersions[_index]?.error}
-                  retryVersions={() => { void chartVersions[_index]?.refetch(); }}
-                  onChange={(next) => {
-                    if (
-                      next.source?.catalog !== arm.source?.catalog ||
-                      next.source?.model !== arm.source?.model ||
-                      next.source?.variant !== arm.source?.variant
-                    ) {
-                      setYamlTexts((current) => {
-                        const copy = { ...current };
-                        delete copy[`arm-${_index}`];
-                        return copy;
-                      });
-                      setYamlErrors((current) => ({
-                        ...current,
-                        [`arm-${_index}`]: undefined,
-                      }));
-                    }
-                    patchArm(next);
-                  }}
-                  editText={yamlTexts[`arm-${_index}`]}
-                  editError={yamlErrors[`arm-${_index}`]}
-                  onEdit={(text) =>
-                    editYaml(`arm-${_index}`, text, (edit) =>
-                      patchArm({ ...arm, layers: { ...arm.layers, edit } }),
-                    )
-                  }
-                />
-              )}
-            />
-          </FormSection>
-        )}
-
-        {step === "traffic" && (
-          <FormSection title={t("create.stepTraffic")}>
-            <p className="text-sm leading-relaxed text-muted-foreground">
-              {t("create.trafficHint")}
-            </p>
-            <div className="grid gap-3 md:grid-cols-2">
-              <FloatingField label={t("create.weightProd")}>
-                <FieldNumber
-                  value={draft.traffic.production}
-                  min={0}
-                  step={1}
-                  onValueChange={(value) =>
-                    patch({
-                      traffic: {
-                        ...draft.traffic,
-                        production: asWeight(String(value)),
-                      },
-                    })
-                  }
-                />
-              </FloatingField>
-              <FloatingField label={t("create.weightCanary")}>
-                <FieldNumber
-                  value={draft.traffic.canary}
-                  min={0}
-                  step={1}
-                  onValueChange={(value) =>
-                    patch({
-                      traffic: {
-                        ...draft.traffic,
-                        canary: asWeight(String(value)),
-                      },
-                    })
-                  }
-                />
-              </FloatingField>
-              <div className="md:col-span-2">
-                <TrafficBar
-                  production={draft.traffic.production}
-                  canary={draft.traffic.canary}
-                />
-              </div>
-            </div>
-          </FormSection>
-        )}
-
-        {step === "route" && (
-          <FormSection
-            title={t("create.stepRoute")}
-            summary={t("create.routeHint")}
-          >
-            <div className="grid gap-3 md:grid-cols-2">
-              <EnvironmentField
-                label={t("create.routePath")}
-                hint={t("create.pathHint")}
-                value={draft.route.path}
-                emptyText={t("create.selectTargetFirst")}
-              />
-              <EnvironmentField
-                label={t("create.openresty")}
-                hint={t("create.openrestyHint")}
-                value={draft.route.productionOpenrestyService}
-                emptyText={t("create.selectTargetFirst")}
-              />
-            </div>
-          </FormSection>
-        )}
-
-        {step === "review" && (
-          <div className="grid gap-4">
-            <SectionCard title={t("experiments.compare")}>
-              <div className="grid gap-3 md:grid-cols-2">
-                {[0, 1].map((i) => (
-                  <FloatingField
-                    key={i}
-                    label={t(
-                      i === 0 ? "experiments.control" : "experiments.candidate",
-                    )}
-                  >
-                    <FieldSelect
-                      value={
-                        (draft.compareArms ??
-                          draft.arms.slice(0, 2).map((a) => a.name))[i] ?? ""
-                      }
-                      options={draft.arms.map((a) => ({
-                        value: a.name,
-                        label: a.name,
-                      }))}
-                      onValueChange={(value) => {
-                        const arms = [
-                          ...(draft.compareArms ??
-                            draft.arms.slice(0, 2).map((a) => a.name)),
-                        ];
-                        arms[i] = value;
-                        patch({ compareArms: arms });
-                      }}
-                    />
-                  </FloatingField>
-                ))}
-              </div>
-            </SectionCard>
-            {!chartVersionsReady && <p role="alert" className="text-sm text-destructive">
-              {t("create.chartVersionsRequired")}
-            </p>}
-            <Button
-              disabled={preparing || !canWrite || invalidYaml || !chartVersionsReady}
-              onClick={() => void prepareCanary()}
-            >
-              {t("experiments.prepare")}
-            </Button>
-            {prepared && (
-              <p className="text-sm text-success">
-                {t("experiments.prepared")}: {prepared.id}
-              </p>
-            )}
-            {prepared?.warnings.map((warning) => (
-              <p key={warning} className="text-sm">
-                {warning}
-              </p>
-            ))}
-            {prepared?.economics && (
-              <SectionCard title={t("economics.frozen")}>
-                <div className="grid gap-3 md:grid-cols-2">
-                  {Object.entries(prepared.economics.arms).map(
-                    ([name, economics]) => {
-                      const rates =
-                        economics.prices[prepared.economics!.currency];
-                      return (
-                        <div
-                          key={name}
-                          className="rounded-md border p-3 text-sm"
-                        >
-                          <strong>{name}</strong> · {t("economics.gpuTotal")}:{" "}
-                          {economics.gpuCount ?? "—"}
-                          <p>
-                            {t("economics.pricingKey")}:{" "}
-                            {economics.pricingKey || "—"} ·{" "}
-                            {t(`economics.${economics.resolution}`)}
-                          </p>
-                          <p>
-                            {rates
-                              ? `${prepared.economics!.currency} / 1M · ${t("economics.inputPerMillion")} ${rates.inputPerMillion} · ${t("economics.cachedPerMillion")} ${rates.cachedPerMillion} · ${t("economics.outputPerMillion")} ${rates.outputPerMillion}`
-                              : t("economics.unpriced")}
-                          </p>
-                        </div>
-                      );
-                    },
-                  )}
-                </div>
-              </SectionCard>
-            )}
-            <SectionCard
-              title={t("create.summary")}
-              summary={`${draft.arms.length} arm${draft.arms.length === 1 ? "" : "s"} · ${draft.traffic.production}:${draft.traffic.canary} · ${draft.gateway.namespace || "—"}/${draft.gateway.name || "—"} · ${draft.route.path || "—"} · route.enabled=${String(draft.route.enabled)}`}
-            >
-              <TrafficBar
-                production={draft.traffic.production}
-                canary={draft.traffic.canary}
-              />
-            </SectionCard>
-            <SectionCard title={t("create.issues")}>
-              {prepared || emitted.issues.length === 0 ? (
-                <p className="text-sm text-success">{t("create.valid")}</p>
-              ) : (
-                <ul className="grid gap-1 text-sm text-destructive">
-                  {emitted.issues
-                    .filter(
-                      (issue) =>
-                        api.mode === "fixture" ||
-                        !issue.path.endsWith("chart.version"),
-                    )
-                    .map((issue) => (
-                      <li key={`${issue.path}:${issue.message}`}>
-                        <span className="font-mono text-xs">{issue.path}</span>{" "}
-                        {describeError(issue.message, t).summary}
-                      </li>
-                    ))}
-                </ul>
-              )}
-              {Object.entries(emitted.stripped).some(
-                ([, keys]) => keys.length,
-              ) ? (
-                <p className="mt-2 text-xs text-muted-foreground">
-                  {t("create.owned")}:{" "}
-                  {Object.entries(emitted.stripped)
-                    .filter(([, keys]) => keys.length)
-                    .map(([arm, keys]) => `${arm}: ${keys.join(", ")}`)
-                    .join("; ")}
-                </p>
-              ) : null}
-            </SectionCard>
-            <SectionCard title={t("create.yaml")}>
-              <CodeBlock
-                language="yaml"
-                value={prepared ? toYaml(prepared.canary) : emitted.yaml}
-                downloadName={`${draft.name}.yaml`}
-                maxHeight="28rem"
-              />
-            </SectionCard>
-          </div>
-        )}
-
-        <div className="flex items-center justify-between gap-3 border-t pt-4">
-          <Button
-            type="button"
-            variant="outline"
-            disabled={stepIndex === 0}
-            onClick={() => goTo(stepIndex - 1)}
-          >
-            {t("create.back")}
-          </Button>
-          <p className="text-xs text-muted-foreground">{blocker()}</p>
-          {step === "review" ? (
-            <Button
-              type="button"
-              disabled={creating || !prepared || !canWrite || invalidYaml || !chartVersionsReady}
-              onClick={() => void createCanary()}
-            >
-              {t("create.submit")}
-            </Button>
-          ) : (
-            <Button
-              type="button"
-              disabled={!stepReady}
-              onClick={() => goTo(stepIndex + 1)}
-            >
-              {t("create.next")}
-            </Button>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function ArmFields({
-  arm,
-  catalogs,
-  catalogLoading,
-  catalogError,
-  retryCatalog,
-  models,
-  variants,
-  catalogName,
-  versions,
-  versionsLoading,
-  versionsError,
-  retryVersions,
-  onChange,
-  editText,
-  editError,
-  onEdit,
-}: {
-  arm: ArmDraft;
-  catalogs: CatalogInfo[];
-  catalogLoading: boolean;
-  catalogError: Error | null | undefined;
-  retryCatalog: () => void;
-  models: { name: string; displayName?: string; defaultVariant?: string }[];
-  variants: CatalogVariant[];
-  catalogName?: string;
-  versions?: ChartVersions;
-  versionsLoading: boolean;
-  versionsError: Error | null | undefined;
-  retryVersions: () => void;
-  onChange: (arm: ArmDraft) => void;
-  editText?: string;
-  editError?: Error;
-  onEdit: (text: string) => void;
-}) {
-  const { t } = useTranslation("canary");
-  const model = arm.source?.model ?? "";
-  const modelVariants = variants.filter((v) => v.model === model);
-  const selected =
-    modelVariants.find(
-      (v) => v.id === arm.source?.variant && v.version === arm.source?.version,
-    ) ?? modelVariants.find((v) => v.id === arm.source?.variant);
-  const availableVersions = versions?.versions ?? [];
-  const versionError = versionsLoading || versionsError || !versions
-    ? undefined
-    : !availableVersions.length
-      ? t("create.chartVersionsEmpty")
-      : arm.chart.version && !availableVersions.includes(arm.chart.version)
-        ? t("create.chartVersionUnavailable")
-        : undefined;
-  const stub = emitManifests({
-    ...emptyDraft(),
-    name: "preview",
-    namespace: "default",
-    arms: [arm],
-    targetRef: { kind: "HelmRelease", name: "x" },
-  }).canary.spec.arms[0]?.values;
-
-  return (
-    <SectionCard
-      title={
-        <span className="font-mono">{arm.name || t("create.armName")}</span>
-      }
-      summary={
-        selected
-          ? `${t("create.chartPin", { name: `${arm.chart.name}@${arm.chart.version}` })} · ${t("create.variantPin", { name: `${arm.source?.variant ?? selected.id}@${arm.source?.version ?? selected.version}` })}`
-          : t("create.pickVariant")
-      }
-    >
-      <div className="grid gap-3 md:grid-cols-2">
-        <FloatingField label={t("create.armName")}>
-          <FieldInput
-            value={arm.name}
-            onChange={(e) => onChange({ ...arm, name: e.target.value })}
-          />
-        </FloatingField>
-        <FloatingField label={t("economics.pricingKey")}>
-          <FieldInput
-            value={arm.pricingKey ?? ""}
-            placeholder={arm.source?.model ?? ""}
-            onChange={(e) => onChange({ ...arm, pricingKey: e.target.value })}
-          />
-        </FloatingField>
-        <FloatingField label={t("economics.gpuOverride")}>
-          <FieldInput
-            type="number"
-            min={1}
-            max={1024}
-            step={1}
-            value={arm.gpuCount ?? ""}
-            onChange={(e) =>
-              onChange({
-                ...arm,
-                gpuCount:
-                  e.target.value === "" ? undefined : Number(e.target.value),
-              })
-            }
-          />
-        </FloatingField>
-        <p className="text-xs text-muted-foreground md:col-span-2">
-          {t("economics.bindingHint")}
-        </p>
-        <FloatingField label={t("create.catalog")} hint={t("create.catalogHint")}>
-          <FieldSelect
-            value={catalogName || undefined}
-            disabled={catalogs.length === 0}
-            placeholder={t("create.selectCatalog")}
-            options={catalogs.map((c) => ({
-              value: c.name,
-              label: c.schema === "v1" ? `${c.name} (${t("create.catalogV1Unsupported")})` : c.name,
-              disabled: c.schema === "v1",
-            }))}
-            onValueChange={(name) => {
-              if (name !== catalogName) onChange(changeArmCatalog(arm, name));
-            }}
-          />
-        </FloatingField>
-        <FloatingField label={t("create.model")}>
-          <FieldSelect
-            value={model || undefined}
-            disabled={catalogLoading || !!catalogError || !models.length}
-            loading={catalogLoading}
-            loadingText={t("create.catalogLoading")}
-            searchable
-            searchPlaceholder={t("create.searchModels")}
-            placeholder={t("create.selectModel")}
-            onValueChange={(nextModel) => {
-              if (nextModel === arm.source?.model) return;
-              const preferred = models.find((m) => m.name === nextModel)?.defaultVariant;
-              const v = variants.find((item) => item.model === nextModel && item.id === preferred) ??
-                variants.find((item) => item.model === nextModel);
-              if (v) onChange(applyVariant(arm, v, arm.replicaCount, catalogName));
-            }}
-            options={models.map((m) => ({ value: m.name, label: m.displayName ?? m.name }))}
-          />
-        </FloatingField>
-        {catalogLoading && <p role="status" className="text-sm text-muted-foreground md:col-span-2">{t("create.catalogLoading")}</p>}
-        {catalogError && <div className="space-y-2 md:col-span-2">
-          <p className="text-sm text-destructive">{t("create.catalogFailed")}</p>
-          <ErrorNotice error={catalogError} />
-          <Button type="button" variant="outline" onClick={retryCatalog}>{t("create.catalogRetry")}</Button>
-        </div>}
-        {!catalogLoading && !catalogError && !models.length && <p role="status" className="text-sm text-muted-foreground md:col-span-2">{t("create.catalogEmpty")}</p>}
-        <FloatingField label={t("experiments.historicalVersion")}>
-          <FieldInput
-            value={arm.source?.version ?? ""}
-            onChange={(e) => {
-              if (arm.source)
-                onChange({
-                  ...arm,
-                  chart: { ...arm.chart, version: "" },
-                  source: {
-                    ...arm.source,
-                    version: e.target.value,
-                    digest: undefined,
-                  },
-                });
-            }}
-          />
-        </FloatingField>
-        <FloatingField label={t("create.replicas")}>
-          <FieldNumber
-            value={arm.replicaCount}
-            min={1}
-            step={1}
-            onValueChange={(value) => {
-              const replicaCount =
-                Number.isFinite(value) && value >= 1 ? Math.trunc(value) : 1;
-              const layers = {
-                ...arm.layers,
-                form: { ...(arm.layers.form ?? {}), replicaCount },
-              };
-              onChange({ ...arm, replicaCount, layers });
-            }}
-          />
-        </FloatingField>
-        <FloatingField label={t("create.variant")}>
-          <FieldSelect
-            key={`${catalogName}/${model}`}
-            value={selected ? `${selected.id}@${selected.version}` : undefined}
-            disabled={catalogLoading || !!catalogError || !modelVariants.length}
-            onValueChange={(value) => {
-              if (value === `${arm.source?.variant}@${arm.source?.version}`) {
-                return;
-              }
-              const [id, version] = value.split("@");
-              const v = variants.find(
-                (item) =>
-                  item.model === model &&
-                  item.id === id &&
-                  item.version === version,
-              );
-              if (v) onChange(applyVariant(arm, v, arm.replicaCount, catalogName));
-            }}
-            options={modelVariants.map((v) => ({
-              value: `${v.id}@${v.version}`,
-              label: t("create.variantPin", { name: `${v.id}@${v.version}` }),
-            }))}
-          />
-        </FloatingField>
-        <FloatingField label={t("create.chart")}>
-          <FieldInput readOnly value={versions?.chart ?? arm.chart.name} />
-        </FloatingField>
-        <FloatingField
-          label={t("create.chartVersion")}
-          hint={t("create.chartVersionHint")}
-          error={versionError}
-        >
-          <FieldSelect
-            value={availableVersions.includes(arm.chart.version) ? arm.chart.version : undefined}
-            disabled={versionsLoading || !!versionsError || !availableVersions.length}
-            searchable
-            searchPlaceholder={t("create.searchChartVersions")}
-            loading={versionsLoading}
-            loadingText={t("create.chartVersionsLoading")}
-            placeholder={t("create.selectChartVersion")}
-            options={availableVersions.map((version) => ({ value: version, label: version }))}
-            onValueChange={(version) => {
-              if (versions?.versions.includes(version))
-                onChange({ ...arm, chart: { ...arm.chart, name: versions.chart, version } });
-            }}
-          />
-        </FloatingField>
-        {versionsLoading && <p role="status" className="text-sm text-muted-foreground md:col-span-2">
-          {t("create.chartVersionsLoading")}
-        </p>}
-        {versionsError && <div className="space-y-2 md:col-span-2">
-          <p className="text-sm text-destructive">{t("create.chartVersionsFailed")}</p>
-          <ErrorNotice error={versionsError} />
-          <Button type="button" variant="outline" onClick={retryVersions}>{t("create.chartVersionsRetry")}</Button>
-        </div>}
-        {selected ? (
-          <div className="flex flex-wrap gap-1 md:col-span-2">
-            <Badge variant="info">{selected.engine}</Badge>
-            <Badge variant="outline">
-              {t("create.gpus")} {selected.requires.gpus}
-            </Badge>
-            <Badge variant="outline">{versions?.range ?? selected.chart.version}</Badge>
-            {(selected.requires.gpuProduct ?? []).slice(0, 2).map((g) => (
-              <Badge key={g} variant="secondary">
-                {g}
-              </Badge>
-            ))}
-          </div>
-        ) : null}
-        <div className="md:col-span-2">
-          <FloatingField label={t("create.valuesStub")} multiline>
-            <FieldTextarea
-              readOnly
-              rows={10}
-              value={stub ? toYaml(stub) : ""}
-            />
-          </FloatingField>
-        </div>
-        <div className="md:col-span-2">
-          <FloatingField
-            label="edit layer (optional YAML overlay)"
-            error={editError ? describeError(editError, t).summary : undefined}
-            multiline
-          >
-            <FieldTextarea
-              rows={6}
-              value={
-                editText ?? (arm.layers.edit ? toYaml(arm.layers.edit) : "")
-              }
-              onChange={(e) => onEdit(e.target.value)}
-            />
-          </FloatingField>
-          {editError && <ErrorDetails error={editError} />}
-        </div>
-      </div>
-    </SectionCard>
-  );
-}
diff --git a/web/src/modules/canary/pages/CanaryDetail.tsx b/web/src/modules/canary/pages/CanaryDetail.tsx
deleted file mode 100644
index c12f661..0000000
--- a/web/src/modules/canary/pages/CanaryDetail.tsx
+++ /dev/null
@@ -1,480 +0,0 @@
-import { asError, visibleExperimentError } from "../lib/errors";
-import { ErrorNotice } from "../components/ErrorNotice";
-import { useState, type ReactNode } from "react";
-import { Link, useNavigate, useParams, useSearchParams } from "react-router";
-import { useQuery } from "@tanstack/react-query";
-import { useTranslation } from "../lib/translation";
-import {
-  Button,
-  Badge,
-  CodeBlock,
-  DetailHeader,
-  LoadingBlock,
-  PanelTabs,
-  PropertyList,
-  SectionCard,
-  Tabs,
-  TabsContent,
-} from "@modelsphere/ui";
-import { useCanaryApi, useCanaryWrite } from "../lib/provider";
-import { usePluginPath } from "../lib/host";
-import { toYaml } from "../lib/yaml";
-import type { LLMCanary, Experiment } from "../types";
-import { phaseStatus } from "../components/PhaseBadge";
-import { TrafficBar } from "../components/TrafficBar";
-import { TrafficEditor } from "../components/TrafficEditor";
-import { CanaryCondition } from "../components/CanaryCondition";
-
-import { MetricsPanel } from "../components/MetricsPanel";
-
-const DETAIL_TABS = ["overview", "arms", "traffic", "spec", "metrics"] as const;
-type DetailTab = (typeof DETAIL_TABS)[number];
-
-export function CanaryDetail({
-  snapshot,
-  experiment,
-  onRefresh,
-}: {
-  snapshot?: LLMCanary;
-  experiment?: Experiment;
-  onRefresh?: () => void;
-} = {}) {
-  const { t } = useTranslation("canary");
-  const api = useCanaryApi();
-  const canWrite = useCanaryWrite();
-  const [actionError, setActionError] = useState<Error | null>(null);
-  const [busy, setBusy] = useState(false);
-  async function action(fn: () => Promise<unknown>) {
-    setBusy(true);
-    setActionError(null);
-    try {
-      await fn();
-      onRefresh?.();
-    } catch (e) {
-      setActionError(asError(e));
-    } finally {
-      setBusy(false);
-    }
-  }
-  const p = usePluginPath();
-  const navigate = useNavigate();
-  const { ns = "", name = "" } = useParams();
-  const [searchParams, setSearchParams] = useSearchParams();
-  const requestedTab = searchParams.get("tab");
-  const tab =
-    (DETAIL_TABS as readonly string[]).includes(requestedTab ?? "") &&
-    (requestedTab !== "metrics" || !!experiment)
-      ? (requestedTab as DetailTab)
-      : "overview";
-  const q = useQuery({
-    queryKey: ["canary", api.mode, ns, name],
-    enabled: !snapshot,
-    queryFn: () => api.canary.get(ns, name),
-  });
-
-  if (!snapshot && q.isLoading)
-    return <LoadingBlock text={t("common.loading")} className="min-h-64" />;
-  if (q.error)
-    return <ErrorNotice error={q.error} className="p-4 text-destructive" />;
-  const canary = snapshot ?? q.data;
-  if (!canary) {
-    return (
-      <div className="grid gap-2 p-4">
-        <p>{t("common.missing")}</p>
-        <Link to={p("")} className="text-sm text-primary hover:underline">
-          {t("common.back")}
-        </Link>
-      </div>
-    );
-  }
-
-  const ready = canary.status?.arms?.filter((a) => a.ready).length ?? 0;
-  const target = `${canary.spec.targetRef.kind}/${canary.spec.targetRef.namespace ?? canary.metadata.namespace}/${canary.spec.targetRef.name}`;
-  const historical = experiment?.state === "Stopped";
-  const status = phaseStatus(
-    canary.status?.phase,
-    historical,
-    t("experiments.Stopped"),
-  );
-  const experimentError = experiment
-    ? visibleExperimentError(experiment)
-    : undefined;
-
-  return (
-    <div className="flex flex-col gap-4 p-4">
-      {experiment && (
-        <div className="flex flex-wrap items-center gap-3">
-          <Badge>{t(`experiments.${experiment.state}`)}</Badge>
-          <span className="text-xs">
-            ID: {experiment.id} · UID: {experiment.uid ?? "—"} ·{" "}
-            {t("experiments.snapshot")}:{" "}
-            {t(
-              `experiments.${experiment.snapshot === "pending" && experiment.state === "Running" ? "collecting" : experiment.snapshot}`,
-            )}
-          </span>
-          {canWrite && (
-            <>
-              {experiment.cleanup !== "complete" && (
-                <Button
-                  disabled={busy || experiment.state === "Stopping"}
-                  onClick={() =>
-                    void action(() => api.experiments.stop(experiment.id))
-                  }
-                >
-                  {t("experiments.stop")}
-                </Button>
-              )}
-              {experiment.state === "Stopped" && (
-                <Button
-                  disabled={busy}
-                  variant="outline"
-                  onClick={() =>
-                    void action(() =>
-                      api.experiments.archive(
-                        experiment.id,
-                        !experiment.archived,
-                      ),
-                    )
-                  }
-                >
-                  {t(
-                    experiment.archived
-                      ? "experiments.unarchive"
-                      : "experiments.archive",
-                  )}
-                </Button>
-              )}
-              {experiment.snapshot === "failed" && (
-                <Button
-                  disabled={busy}
-                  variant="outline"
-                  onClick={() =>
-                    void action(() => api.experiments.snapshot(experiment.id))
-                  }
-                >
-                  {t("experiments.retry")}
-                </Button>
-              )}
-            </>
-          )}
-        </div>
-      )}
-      {(actionError || experimentError) && (
-        <ErrorNotice error={actionError ?? experimentError} />
-      )}
-      <Tabs
-        value={tab}
-        onValueChange={(value) => {
-          if ((DETAIL_TABS as readonly string[]).includes(value))
-            setSearchParams(
-              (previous) => {
-                const next = new URLSearchParams(previous);
-                next.set("tab", value);
-                return next;
-              },
-              { replace: true },
-            );
-        }}
-        className="flex-col gap-4"
-      >
-        <DetailHeader
-          onBack={() => navigate(p(""))}
-          backLabel={t("common.back")}
-          title={canary.metadata.name}
-          subtitle={<span className="font-mono text-xs">{target}</span>}
-          status={status}
-          meta={[
-            { label: t("create.namespace"), value: canary.metadata.namespace },
-            {
-              label: t("list.target"),
-              value: <span className="font-mono text-xs">{target}</span>,
-            },
-            {
-              label: t("detail.gatewayCard"),
-              value: (
-                <span className="font-mono text-xs">{`${canary.spec.gateway.namespace}/${canary.spec.gateway.name}`}</span>
-              ),
-            },
-            {
-              label: t("list.arms"),
-              value: `${ready}/${canary.spec.arms.length}`,
-            },
-          ]}
-          metaColumns={4}
-        />
-        <PanelTabs
-          items={[
-            { value: "overview", label: t("detail.overview") },
-            {
-              value: "arms",
-              label: t("detail.arms"),
-              count: canary.spec.arms.length,
-            },
-            { value: "traffic", label: t("detail.traffic") },
-            { value: "spec", label: t("detail.spec") },
-            ...(experiment
-              ? [{ value: "metrics", label: t("experiments.metrics") }]
-              : []),
-          ]}
-        />
-
-        {experiment && (
-          <TabsContent value="metrics">
-            <MetricsPanel experiment={experiment} />
-          </TabsContent>
-        )}
-        <TabsContent value="overview">
-          <div className="grid gap-4 md:grid-cols-2">
-            <SectionCard
-              title={historical ? t("detail.historicalStatus") : "Status"}
-            >
-              {historical && (
-                <p className="mb-3 text-sm text-muted-foreground">
-                  {t("detail.historicalHint")}
-                </p>
-              )}
-              <PropertyList
-                columns={1}
-                labelClassName="w-40 shrink-0"
-                valueClassName="whitespace-normal break-all"
-                items={[
-                  { label: "phase", value: canary.status?.phase ?? "—" },
-                  {
-                    label: "routePath",
-                    value: mono(canary.status?.routePath ?? "—"),
-                  },
-                  {
-                    label: "routeName",
-                    value: mono(canary.status?.routeName ?? "—"),
-                  },
-                  {
-                    label: "gateway",
-                    value: mono(
-                      `${canary.spec.gateway.namespace}/${canary.spec.gateway.name}`,
-                    ),
-                  },
-                  {
-                    label: "arms ready",
-                    value: `${ready}/${canary.spec.arms.length}`,
-                  },
-                  {
-                    label: "armsReadySince",
-                    value: canary.status?.armsReadySince ?? "—",
-                  },
-                  {
-                    label: "generation",
-                    value: `${canary.status?.observedGeneration ?? "—"} / ${canary.metadata.generation ?? "—"}`,
-                  },
-                  ...(canary.status?.drainInFlight != null
-                    ? [
-                        {
-                          label: "drainInFlight",
-                          value: String(canary.status.drainInFlight),
-                        },
-                      ]
-                    : []),
-                ]}
-              />
-              <p className="mt-3 text-xs text-muted-foreground">
-                {t("detail.comparable")}
-              </p>
-            </SectionCard>
-            <SectionCard title={t("detail.conditions")}>
-              <div className="grid gap-2">
-                {(canary.status?.conditions ?? []).map((c) => (
-                  <CanaryCondition
-                    key={c.type}
-                    condition={c}
-                    phase={canary.status?.phase}
-                  />
-                ))}
-                {canary.spec.guardrails ? (
-                  <p className="text-xs text-muted-foreground">
-                    {t("detail.notEnforced")}
-                  </p>
-                ) : null}
-              </div>
-            </SectionCard>
-          </div>
-        </TabsContent>
-
-        <TabsContent value="arms">
-          <div className="grid gap-4">
-            {canary.spec.arms.map((arm) => {
-              const st = canary.status?.arms?.find((a) => a.name === arm.name);
-              const proxy = canary.status?.canaryProxies?.find(
-                (a) => a.arm === arm.name,
-              );
-              return (
-                <SectionCard
-                  key={arm.name}
-                  title={<span className="font-mono">{arm.name}</span>}
-                  summary={
-                    arm.source
-                      ? `${t("detail.lineage")}: ${arm.source.model} ${arm.source.variant}@${arm.source.version}`
-                      : "No catalog lineage on this arm."
-                  }
-                  actions={
-                    <span className="flex flex-wrap items-center gap-1">
-                      <Badge variant={st?.ready ? "success" : "warning"}>
-                        {st?.ready ? t("detail.ready") : "not ready"}
-                      </Badge>
-                      <Badge variant="outline">
-                        {arm.chart.name}:{arm.chart.version}
-                      </Badge>
-                    </span>
-                  }
-                >
-                  {proxy ? (
-                    <p className="mb-2 text-xs text-muted-foreground">
-                      proxy {proxy.name}
-                    </p>
-                  ) : null}
-                  <CodeBlock
-                    language="yaml"
-                    value={toYaml(arm.values)}
-                    maxHeight="16rem"
-                  />
-                </SectionCard>
-              );
-            })}
-          </div>
-        </TabsContent>
-
-        <TabsContent value="traffic">
-          {experiment && <TrafficEditor key={`${experiment.id}:${canary.metadata.generation}`} experiment={experiment} onRefresh={onRefresh} />}
-          <TrafficPanel canary={canary} />
-        </TabsContent>
-
-        <TabsContent value="spec">
-          <CodeBlock
-            language="yaml"
-            value={toYaml(canary)}
-            downloadName={`${canary.metadata.name}.yaml`}
-            maxHeight="28rem"
-          />
-        </TabsContent>
-      </Tabs>
-    </div>
-  );
-}
-
-function TrafficPanel({ canary }: { canary: LLMCanary }) {
-  const { t } = useTranslation("canary");
-  const routeOn = canary.spec.route.enabled ?? true;
-  const path = canary.spec.route.path ?? "—";
-  const observedPath = canary.status?.routePath;
-  const port = canary.spec.route.servicePort;
-
-  return (
-    <div className="grid gap-4">
-      <SectionCard
-        title={`${t("detail.split")} ${canary.spec.traffic.production}:${canary.spec.traffic.canary}`}
-        hint={t("detail.splitHint")}
-      >
-        <div className="grid gap-3">
-          <TrafficBar
-            production={canary.spec.traffic.production}
-            canary={canary.spec.traffic.canary}
-          />
-          <PropertyList
-            columns={2}
-            items={[
-              {
-                label: t("create.weightProd"),
-                value: String(canary.spec.traffic.production),
-              },
-              {
-                label: t("create.weightCanary"),
-                value: String(canary.spec.traffic.canary),
-              },
-            ]}
-          />
-        </div>
-      </SectionCard>
-      <div className="grid gap-4 md:grid-cols-2">
-        <SectionCard
-          title={t("detail.gatewayCard")}
-          summary={`${canary.spec.gateway.namespace}/${canary.spec.gateway.name}`}
-        >
-          <PropertyList
-            columns={1}
-            labelClassName="w-44 shrink-0"
-            valueClassName="whitespace-normal break-all"
-            items={[
-              {
-                label: t("create.gatewayName"),
-                value: mono(canary.spec.gateway.name),
-              },
-              {
-                label: t("create.gatewayNs"),
-                value: mono(canary.spec.gateway.namespace),
-              },
-              {
-                label: t("create.hostname"),
-                value: mono(canary.spec.gateway.hostname || t("detail.unset")),
-              },
-              {
-                label: t("create.sectionName"),
-                value: mono(
-                  canary.spec.gateway.sectionName || t("detail.unset"),
-                ),
-              },
-              {
-                label: `${t("detail.observed")} gatewayNamespace`,
-                value: mono(canary.status?.gatewayNamespace ?? "—"),
-              },
-            ]}
-          />
-        </SectionCard>
-        <SectionCard
-          title={t("detail.routeCard")}
-          summary={<span className="font-mono">{path}</span>}
-          actions={
-            <Badge variant={routeOn ? "success" : "warning"}>
-              {routeOn ? t("detail.routeOn") : t("detail.routeOff")}
-            </Badge>
-          }
-        >
-          <PropertyList
-            columns={1}
-            labelClassName="w-44 shrink-0"
-            valueClassName="whitespace-normal break-all"
-            items={[
-              { label: "route.enabled", value: String(routeOn) },
-              { label: t("create.routePath"), value: mono(path) },
-              {
-                label: `${t("detail.observed")} routePath`,
-                value: mono(observedPath ?? "—"),
-              },
-              {
-                label: "routeName",
-                value: mono(canary.status?.routeName ?? "—"),
-              },
-              {
-                label: t("create.openresty"),
-                value: mono(canary.spec.route.productionOpenrestyService),
-              },
-              {
-                label: t("create.servicePort"),
-                value: mono(port ? String(port) : t("detail.dispatchPort")),
-              },
-              {
-                label: t("create.forceHeader"),
-                value: mono(
-                  canary.spec.route.forceHeader
-                    ? `${canary.spec.route.forceHeader.name}: ${canary.spec.route.forceHeader.value}`
-                    : t("detail.unset"),
-                ),
-              },
-            ]}
-          />
-        </SectionCard>
-      </div>
-    </div>
-  );
-}
-
-function mono(value: string): ReactNode {
-  return <span className="font-mono text-xs">{value}</span>;
-}
diff --git a/web/src/modules/canary/pages/CanaryList.tsx b/web/src/modules/canary/pages/CanaryList.tsx
deleted file mode 100644
index 8c782e8..0000000
--- a/web/src/modules/canary/pages/CanaryList.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-import { ErrorNotice, ErrorDetails } from "../components/ErrorNotice";
-import { describeError, visibleExperimentError } from "../lib/errors";
-import { useState } from "react";
-import { Link, useNavigate } from "react-router";
-import { useQuery } from "@tanstack/react-query";
-import { useTranslation } from "../lib/translation";
-import { FlaskConical, Plus } from "lucide-react";
-import {
-  Button,
-  PageBanner,
-  ResourceTable,
-  type ResourceColumn,
-} from "@modelsphere/ui";
-import { useCanaryApi, useCanaryWrite } from "../lib/provider";
-import { usePluginPath } from "../lib/host";
-import { PhaseBadge } from "../components/PhaseBadge";
-import type { ExperimentSummary } from "../types";
-
-export function CanaryList() {
-  const { t } = useTranslation("canary");
-  const api = useCanaryApi();
-  const canWrite = useCanaryWrite();
-  const p = usePluginPath();
-  const navigate = useNavigate();
-  const [filter, setFilter] = useState("active");
-  const list = useQuery({
-    queryKey: ["experiments", api.mode],
-    queryFn: () => api.experiments.list(),
-    refetchInterval: 10000,
-  });
-  const historical = (e: ExperimentSummary) => e.state === "Stopped";
-  const rows = (list.data ?? []).filter(
-    (e) =>
-      filter === "all" ||
-      (filter === "active"
-        ? !historical(e)
-        : filter === "history"
-          ? historical(e)
-          : e.archived),
-  );
-  const columns: ResourceColumn<ExperimentSummary>[] = [
-    {
-      key: "name",
-      title: t("list.name"),
-      hideable: false,
-      render: (e) => (
-        <div>
-          <Link
-            to={p(`experiments/${e.id}`)}
-            className="font-medium text-primary hover:underline"
-          >
-            {e.name}
-          </Link>
-          <div className="text-xs text-muted-foreground">
-            {e.namespace} · {e.id.slice(0, 8)}
-          </div>
-        </div>
-      ),
-    },
-    {
-      key: "state",
-      title: t("experiments.state"),
-      render: (e) => (
-        <div>
-          {t(`experiments.${e.state}`)}
-          {e.archived && (
-            <span className="ml-2 text-xs">{t("experiments.archived")}</span>
-          )}
-          {visibleExperimentError(e) && (
-            <ErrorNotice
-              error={visibleExperimentError(e)}
-              className="text-xs text-destructive"
-            />
-          )}
-        </div>
-      ),
-    },
-    {
-      key: "phase",
-      title: t("list.phase"),
-      render: (e) => <PhaseBadge phase={e.phase} state={e.state} />,
-    },
-    {
-      key: "target",
-      title: t("list.target"),
-      render: (e) => (
-        <span className="font-mono text-xs">
-          {e.targetRef.namespace ?? e.namespace}/{e.targetRef.name}
-        </span>
-      ),
-    },
-    {
-      key: "arms",
-      title: t("experiments.compare"),
-      render: (e) => e.compareArms.join(" / "),
-    },
-    {
-      key: "created",
-      title: t("experiments.createdAt"),
-      render: (e) => (
-        <span className="text-xs">
-          {new Date(e.createdAt).toLocaleString()}
-        </span>
-      ),
-    },
-    {
-      key: "snapshot",
-      title: t("experiments.snapshot"),
-      render: (e) => (
-        <span
-          title={
-            e.snapshotError
-              ? describeError(e.snapshotError, t, "snapshot").summary
-              : undefined
-          }
-        >
-          {t(
-            `experiments.${e.snapshot === "pending" && e.state === "Running" ? "collecting" : e.snapshot}`,
-          )}
-        </span>
-      ),
-    },
-  ];
-  const create = canWrite ? (
-    <Button onClick={() => navigate(p("new"))}>
-      <Plus />
-      {t("nav.create")}
-    </Button>
-  ) : null;
-  return (
-    <div className="flex h-full flex-col">
-      <PageBanner
-        title={t("experiments.title")}
-        description={t("subtitle")}
-        icon={<FlaskConical className="size-5" />}
-      />
-      <div className="flex gap-2 p-4">
-        {["all", "active", "history", "archived"].map((f) => (
-          <Button
-            key={f}
-            size="sm"
-            variant={f === filter ? "default" : "outline"}
-            onClick={() => setFilter(f)}
-          >
-            {t(`experiments.${f}`)}
-          </Button>
-        ))}
-      </div>
-      <div className="flex min-h-0 flex-1 flex-col overflow-hidden p-4">
-        {list.error && <ErrorDetails error={list.error} />}
-        <ResourceTable<ExperimentSummary>
-          height="fill"
-          data={rows}
-          loading={list.isLoading}
-          error={list.error ? describeError(list.error, t).summary : null}
-          onRetry={() => void list.refetch()}
-          rowKey="id"
-          columns={columns}
-          onRowClick={(e) => navigate(p(`experiments/${e.id}`))}
-          showRefresh
-          onRefresh={() => void list.refetch()}
-          toolbarLeft={create}
-          emptyTitle={t("list.empty")}
-          emptyAction={create}
-        />
-      </div>
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/pages/ExperimentDetail.tsx b/web/src/modules/canary/pages/ExperimentDetail.tsx
deleted file mode 100644
index 9b1507c..0000000
--- a/web/src/modules/canary/pages/ExperimentDetail.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ErrorNotice } from "../components/ErrorNotice";
-import { useParams } from "react-router";
-import { useQuery } from "@tanstack/react-query";
-import { LoadingBlock } from "@modelsphere/ui";
-import { useCanaryApi } from "../lib/provider";
-import { CanaryDetail } from "./CanaryDetail";
-export function ExperimentDetail({ id: providedID }: { id?: string } = {}) {
-  const { id: routeID = "" } = useParams();
-  const id = providedID ?? routeID;
-  const api = useCanaryApi();
-  const q = useQuery({
-    queryKey: ["experiment", api.mode, id],
-    queryFn: () => api.experiments.get(id),
-    refetchInterval: (query) =>
-      query.state.data?.state === "Stopped" &&
-      query.state.data.snapshot === "complete"
-        ? false
-        : 10000,
-  });
-  if (q.isLoading) return <LoadingBlock />;
-  if (q.error)
-    return <ErrorNotice error={q.error} className="p-4 text-destructive" />;
-  if (!q.data) return null;
-  return (
-    <CanaryDetail
-      snapshot={q.data.canary}
-      experiment={q.data}
-      onRefresh={() => void q.refetch()}
-    />
-  );
-}
diff --git a/web/src/modules/canary/pages/LiveCanaryDetail.tsx b/web/src/modules/canary/pages/LiveCanaryDetail.tsx
deleted file mode 100644
index 22da1ff..0000000
--- a/web/src/modules/canary/pages/LiveCanaryDetail.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ErrorNotice } from "../components/ErrorNotice";
-import { useParams } from "react-router";
-import { useQuery } from "@tanstack/react-query";
-import { LoadingBlock } from "@modelsphere/ui";
-import { useTranslation } from "../lib/translation";
-import { useCanaryApi } from "../lib/provider";
-import { ExperimentDetail } from "./ExperimentDetail";
-export function LiveCanaryDetail() {
-  const { ns, name } = useParams();
-  const api = useCanaryApi();
-  const { t } = useTranslation("canary");
-  const q = useQuery({
-    queryKey: ["experiments", api.mode],
-    queryFn: () => api.experiments.list(),
-    refetchInterval: 10000,
-  });
-  if (q.isLoading) return <LoadingBlock />;
-  if (q.error)
-    return <ErrorNotice error={q.error} className="p-4 text-destructive" />;
-  const e = q.data?.find(
-    (e) => e.namespace === ns && e.name === name && e.cleanup !== "complete",
-  );
-  if (!e) return <p className="p-4">{t("common.missing")}</p>;
-  return <ExperimentDetail id={e.id} />;
-}
diff --git a/web/src/modules/canary/pages/Pricing.tsx b/web/src/modules/canary/pages/Pricing.tsx
deleted file mode 100644
index 9e2cc7e..0000000
--- a/web/src/modules/canary/pages/Pricing.tsx
+++ /dev/null
@@ -1,258 +0,0 @@
-import { ErrorNotice } from "../components/ErrorNotice";
-import { asError } from "../lib/errors";
-import { useEffect, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import {
-  Button,
-  FieldInput,
-  FieldSelect,
-  FloatingField,
-  PageBanner,
-  SectionCard,
-} from "@modelsphere/ui";
-import { useCanaryApi, useCanaryWrite } from "../lib/provider";
-import { useTranslation } from "../lib/translation";
-import type { Currency, ModelPrices, PricingTable } from "../types";
-
-export function PriceFields({
-  value,
-  onChange,
-  disabled = false,
-}: {
-  value: ModelPrices;
-  onChange: (value: ModelPrices) => void;
-  disabled?: boolean;
-}) {
-  const { t } = useTranslation("canary");
-  return (
-    <div className="grid gap-4 md:grid-cols-2">
-      {(["USD", "CNY"] as Currency[]).map((currency) => {
-        const prices = value[currency];
-        return (
-          <fieldset
-            key={currency}
-            disabled={disabled}
-            className="grid gap-3 rounded-md border p-3"
-          >
-            <label className="flex items-center gap-2 text-sm font-medium">
-              <input
-                type="checkbox"
-                checked={prices !== null}
-                onChange={(e) =>
-                  onChange({
-                    ...value,
-                    [currency]: e.target.checked
-                      ? {
-                          inputPerMillion: 0,
-                          cachedPerMillion: 0,
-                          outputPerMillion: 0,
-                        }
-                      : null,
-                  })
-                }
-              />
-              {currency} · {t("economics.perMillion")}
-            </label>
-            {prices && (
-              <div className="grid gap-3 sm:grid-cols-3">
-                {(
-                  [
-                    "inputPerMillion",
-                    "cachedPerMillion",
-                    "outputPerMillion",
-                  ] as const
-                ).map((key) => (
-                  <FloatingField key={key} label={t(`economics.${key}`)}>
-                    <FieldInput
-                      aria-label={`${currency} ${t(`economics.${key}`)}`}
-                      type="number"
-                      min={0}
-                      max={1000000}
-                      step="any"
-                      value={Number.isFinite(prices[key]) ? prices[key] : ""}
-                      onChange={(e) =>
-                        onChange({
-                          ...value,
-                          [currency]: {
-                            ...prices,
-                            [key]:
-                              e.target.value === ""
-                                ? NaN
-                                : Number(e.target.value),
-                          },
-                        })
-                      }
-                    />
-                  </FloatingField>
-                ))}
-              </div>
-            )}
-          </fieldset>
-        );
-      })}
-    </div>
-  );
-}
-
-export function Pricing() {
-  const api = useCanaryApi();
-  const canWrite = useCanaryWrite();
-  const { t } = useTranslation("canary");
-  const q = useQuery({
-    queryKey: ["canary-pricing", api.mode],
-    queryFn: () => api.pricing.get(),
-    refetchOnWindowFocus: false,
-  });
-  const [table, setTable] = useState<PricingTable | null>(null);
-  const [key, setKey] = useState("");
-  const [error, setError] = useState<Error | null>(null);
-  const [saved, setSaved] = useState(false);
-  const [busy, setBusy] = useState(false);
-  useEffect(() => {
-    if (q.data) setTable(structuredClone(q.data));
-  }, [q.data]);
-  async function save() {
-    if (!table) return;
-    setBusy(true);
-    setError(null);
-    setSaved(false);
-    try {
-      setTable(await api.pricing.save(table));
-      setSaved(true);
-    } catch (e) {
-      setError(asError(e));
-    } finally {
-      setBusy(false);
-    }
-  }
-  return (
-    <div className="grid gap-4 p-4">
-      <PageBanner
-        title={t("economics.pricing")}
-        description={t("economics.pricingHint")}
-      />
-      {(q.error || error) && <ErrorNotice error={error ?? q.error} />}
-      {q.isLoading && <p>{t("common.loading")}</p>}
-      {table && (
-        <>
-          <FloatingField label={t("economics.defaultCurrency")}>
-            <FieldSelect
-              value={table.currency}
-              disabled={!canWrite || busy}
-              onValueChange={(currency) => {
-                setSaved(false);
-                setTable({ ...table, currency: currency as Currency });
-              }}
-              options={[
-                { value: "USD", label: "USD" },
-                { value: "CNY", label: "CNY" },
-              ]}
-            />
-          </FloatingField>
-          <SectionCard title={t("economics.defaultPrices")}>
-            <PriceFields
-              value={table.default}
-              disabled={!canWrite || busy}
-              onChange={(value) => {
-                setSaved(false);
-                setTable({ ...table, default: value });
-              }}
-            />
-          </SectionCard>
-          {Object.entries(table.models).map(([name, prices]) => (
-            <SectionCard key={name} title={name}>
-              <PriceFields
-                value={prices}
-                disabled={!canWrite || busy}
-                onChange={(value) => {
-                  setSaved(false);
-                  setTable({
-                    ...table,
-                    models: { ...table.models, [name]: value },
-                  });
-                }}
-              />
-              {canWrite && (
-                <Button
-                  className="mt-3"
-                  variant="outline"
-                  disabled={busy}
-                  onClick={() => {
-                    const models = { ...table.models };
-                    delete models[name];
-                    setTable({ ...table, models });
-                    setSaved(false);
-                  }}
-                >
-                  {t("economics.remove")}
-                </Button>
-              )}
-            </SectionCard>
-          ))}
-          {canWrite && (
-            <div className="grid gap-4">
-              <div className="flex max-w-xl flex-col gap-2 sm:flex-row sm:items-center">
-                <FloatingField
-                  label={t("economics.pricingKey")}
-                  className="min-w-0 flex-1"
-                >
-                  <FieldInput
-                    aria-label={t("economics.pricingKey")}
-                    value={key}
-                    onChange={(e) => setKey(e.target.value)}
-                    disabled={busy}
-                  />
-                </FloatingField>
-                <Button
-                  className="self-start sm:self-center"
-                  variant="outline"
-                  disabled={
-                    busy ||
-                    !/^[A-Za-z0-9][A-Za-z0-9._-]{0,199}$/.test(key) ||
-                    key in table.models
-                  }
-                  onClick={() => {
-                    setTable({
-                      ...table,
-                      models: {
-                        ...table.models,
-                        [key]: { USD: null, CNY: null },
-                      },
-                    });
-                    setKey("");
-                    setSaved(false);
-                  }}
-                >
-                  {t("economics.add")}
-                </Button>
-              </div>
-              <div className="flex flex-wrap items-center gap-2">
-                <Button disabled={busy} onClick={() => void save()}>
-                  {busy ? t("common.loading") : t("economics.save")}
-                </Button>
-                <Button
-                  disabled={busy}
-                  variant="outline"
-                  onClick={() => {
-                    setSaved(false);
-                    void q.refetch().then((result) => {
-                      if (result.data) setTable(structuredClone(result.data));
-                    });
-                  }}
-                >
-                  {t("economics.reload")}
-                </Button>
-              </div>
-            </div>
-          )}
-          {saved && <p role="status">{t("economics.saved")}</p>}
-          {table.updatedBy && (
-            <p className="text-xs text-muted-foreground">
-              {table.updatedBy} · {new Date(table.updatedAt!).toLocaleString()}
-            </p>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
diff --git a/web/src/modules/canary/types.ts b/web/src/modules/canary/types.ts
deleted file mode 100644
index 24cd20c..0000000
--- a/web/src/modules/canary/types.ts
+++ /dev/null
@@ -1,433 +0,0 @@
-import type { CANARY_API_VERSION } from "./lib/kubernetes";
-
-/** JSON-ish object used for chart values and layer documents. */
-export type Json =
-  string | number | boolean | null | Json[] | { [key: string]: Json };
-export type JsonObject = { [key: string]: Json };
-
-export type Phase = "Idle" | "Provisioning" | "Serving" | "Draining" | "Failed";
-
-export interface ChartRef {
-  repository?: string;
-  name: string;
-  version: string;
-}
-
-export interface TargetRef {
-  kind: string;
-  name: string;
-  namespace?: string;
-}
-
-/** Optional catalog lineage on an arm. UI-only until the CRD field lands. */
-export interface ArmSource {
-  catalog?: string;
-  model: string;
-  version: string;
-  digest?: string;
-  variant: string;
-  hf?: string;
-}
-
-export interface ArmSpec {
-  name: string;
-  chart: ChartRef;
-  values: JsonObject;
-  source?: ArmSource;
-}
-
-export interface Condition {
-  type: string;
-  status: "True" | "False" | "Unknown";
-  reason?: string;
-  message?: string;
-  lastTransitionTime?: string;
-}
-
-export interface LLMCanarySpec {
-  targetRef: TargetRef;
-  inheritValues?: boolean;
-  arms: ArmSpec[];
-  proxy?: {
-    mode?: "PerArm" | "Shared";
-    chart?: ChartRef;
-    values?: JsonObject;
-    replicas?: number;
-    sessionAffinity?: boolean;
-  };
-  traffic: { production: number; canary: number };
-  gateway: {
-    name: string;
-    namespace: string;
-    hostname?: string;
-    sectionName?: string;
-  };
-  route: {
-    enabled?: boolean;
-    productionOpenrestyService: string;
-    path?: string;
-    servicePort?: number;
-    forceHeader?: { name: string; value: string };
-  };
-  guardrails?: {
-    maxExperimentalRestarts?: number;
-    readinessGracePeriod?: string;
-    requireBaselineHealthy?: boolean;
-  };
-  drain?: { maxWait?: string };
-}
-
-export interface LLMCanaryStatus {
-  phase?: Phase;
-  observedGeneration?: number;
-  armsReadySince?: string;
-  arms?: { name: string; ready?: boolean }[];
-  canaryProxy?: { name: string; arm?: string; ready?: boolean };
-  canaryProxies?: { name: string; arm?: string; ready?: boolean }[];
-  routeName?: string;
-  routePath?: string;
-  gatewayNamespace?: string;
-  drainStartedAt?: string;
-  drainInFlight?: number;
-  conditions?: Condition[];
-}
-
-export interface LLMCanary {
-  apiVersion: typeof CANARY_API_VERSION;
-  kind: "LLMCanary";
-  metadata: {
-    name: string;
-    namespace: string;
-    generation?: number;
-    uid?: string;
-    creationTimestamp?: string;
-    annotations?: Record<string, string>;
-    labels?: Record<string, string>;
-  };
-  spec: LLMCanarySpec;
-  status?: LLMCanaryStatus;
-}
-
-export interface CatalogRequires {
-  gpus: number;
-  nodes?: number;
-  topology?: "single-node" | "lws";
-  gpuProduct?: string[];
-  vendor?: string;
-  rdma?: boolean;
-}
-
-export interface CatalogImage {
-  repository: string;
-  tag: string;
-  digest?: string;
-}
-
-/** One catalog.swiss/v2 Variant file, already resolved for the UI. */
-export interface CatalogVariant {
-  apiVersion: "catalog.swiss/v2";
-  kind: "Variant";
-  model: string;
-  id: string;
-  version: string;
-  servedName?: string;
-  description?: string;
-  engine: "sglang" | "vllm";
-  chart: { name: "sglang" | "vllm"; version: string };
-  /** Exact chart version pinned for the LLMCanary CR (catalog ranges are not allowed on arms). */
-  resolvedChartVersion: string;
-  image?: CatalogImage;
-  requires: CatalogRequires;
-  values: JsonObject;
-  digest?: string;
-  path?: string;
-  deprecated?: boolean | string;
-}
-
-/** Swiss versions permitted by one specific catalog variant revision, newest first. */
-export interface ChartVersions {
-  chart: string;
-  range: string;
-  variant: string;
-  versions: string[];
-}
-
-export type ChartVersionsSource = Pick<ArmSource, "catalog" | "model" | "variant" | "version">;
-
-export interface CatalogIndexVariant {
-  id: string;
-  version: string;
-  digest: string;
-  engine: string;
-  chart: { name: string; version: string };
-  requires: CatalogRequires;
-  servedName?: string;
-  description?: string;
-  default?: boolean;
-  deprecated?: boolean | string;
-  replaces?: string;
-  link?: string;
-}
-
-export interface CatalogIndexModel {
-  name: string;
-  displayName?: string;
-  description?: string;
-  family?: string;
-  tags?: string[];
-  defaultVariant?: string;
-  source?: { hf?: string; revision?: string; sizeGiB?: number };
-  tuning?: {
-    baseline: { id: string; version?: string };
-    optimized: { id: string; version?: string };
-    uplift?: number;
-    report?: string;
-  }[];
-  variants: CatalogIndexVariant[];
-}
-
-/** Swiss's schema-v2 catalog listing, not the raw repository index. */
-export interface CatalogIndexV2 {
-  schema: "v2";
-  name: string;
-  ref?: string;
-  source?: string;
-  site?: string;
-  models: CatalogIndexModel[];
-}
-
-export interface CatalogInfo {
-  name: string;
-  schema?: string;
-  default?: boolean;
-}
-
-export interface ProductionTarget {
-  kind: "HelmRelease";
-  name: string;
-  namespace: string;
-  model?: string;
-  variant?: string;
-  version?: string;
-  /** Production route key. The wizard writes it as spec.route.path (`/` + route). */
-  route?: string;
-  chart?: string;
-  /** Gateway this production path attaches to. The wizard copies it into spec.gateway. */
-  gateway?: {
-    name: string;
-    namespace: string;
-    hostname?: string;
-    sectionName?: string;
-  };
-  /** Production openresty Service in the Gateway namespace. */
-  openrestyService?: string;
-}
-
-export const LAYER_ORDER = [
-  "defaults",
-  "catalog",
-  "site",
-  "derived",
-  "form",
-  "edit",
-] as const;
-export type LayerName = (typeof LAYER_ORDER)[number];
-
-export type LayerDocuments = Partial<Record<LayerName, JsonObject>>;
-
-export interface ArmDraft {
-  pricingKey?: string;
-  gpuCount?: number;
-  name: string;
-  source?: ArmSource;
-  chart: ChartRef;
-  layers: LayerDocuments;
-  replicaCount: number;
-}
-
-export interface CanaryDraft {
-  compareArms?: string[];
-  name: string;
-  namespace: string;
-  targetRef: TargetRef;
-  arms: ArmDraft[];
-  traffic: { production: number; canary: number };
-  gateway: {
-    name: string;
-    namespace: string;
-    hostname?: string;
-    sectionName?: string;
-  };
-  route: {
-    enabled: boolean;
-    productionOpenrestyService: string;
-    path?: string;
-    servicePort?: number;
-    forceHeader: { name: string; value: string };
-  };
-  proxy: {
-    mode: "PerArm";
-    replicas: number;
-    sessionAffinity: boolean;
-    values?: JsonObject;
-  };
-}
-
-export interface Prepared {
-  economics?: Economics;
-  id: string;
-  createdAt: string;
-  draft: CanaryDraft;
-  canary: LLMCanary;
-  plans: JsonObject[];
-  warnings: string[];
-}
-export interface TrafficChange {
-  id: string;
-  from: { production: number; canary: number };
-  to: { production: number; canary: number };
-  requestedAt: string;
-  requestedBy: string;
-  expectedGeneration: number;
-  generation?: number;
-  appliedAt?: string;
-  status: "pending" | "applying" | "applied" | "failed" | "cancelled";
-  error?: string;
-}
-
-export interface Experiment {
-  trafficChanges?: TrafficChange[];
-  id: string;
-  prepareId: string;
-  uid?: string;
-  name: string;
-  namespace: string;
-  creator: string;
-  createdAt: string;
-  canary: LLMCanary;
-  prepared: Prepared;
-  compareArms: string[];
-  state: "Creating" | "Running" | "Stopping" | "Stopped";
-  archived: boolean;
-  stopAt?: string;
-  cleanup: "pending" | "complete";
-  snapshot: "pending" | "failed" | "complete";
-  snapshotError?: string;
-  error?: string;
-  windows: {
-    traffic?: { production: number; canary: number };
-    start: string;
-    end: string;
-    generation: number;
-    bindings: Record<
-      string,
-      { namespace: string; service: string; uid: string }
-    >;
-  }[];
-}
-export type ExperimentSummary = Pick<
-  Experiment,
-  | "id"
-  | "name"
-  | "namespace"
-  | "creator"
-  | "createdAt"
-  | "state"
-  | "archived"
-  | "cleanup"
-  | "snapshot"
-  | "snapshotError"
-  | "error"
-  | "compareArms"
-> & { targetRef: TargetRef; phase?: Phase };
-
-export interface MetricSummary {
-  inputTokens?: number | null;
-  cachedTokens?: number | null;
-  outputTokens?: number | null;
-  ttftMean?: number | null;
-  ttftP50?: number | null;
-  ttftP99?: number | null;
-  ttftP999?: number | null;
-  uncachedTPM: number | null;
-  revenueInputPerMinute: number | null;
-  revenueCachedPerMinute: number | null;
-  revenueOutputPerMinute: number | null;
-  revenuePerMinute: number | null;
-  revenuePerHour: number | null;
-  cacheHit: number | null;
-  inputTPM: number | null;
-  cachedTPM: number | null;
-  outputTPM: number | null;
-  totalTPM: number | null;
-  ttftP95: number | null;
-  overallTPS: number | null;
-  decodeTPS: number | null;
-  requests: number | null;
-  ttftSamples: number | null;
-  completeMinutes: number;
-}
-export interface Metrics {
-  windows?: Experiment["windows"];
-  resolutionSeconds?: number;
-  lastCollectedAt?: string | null;
-  range?: {
-    start: number;
-    end: number;
-    intersections: [number, number][];
-    dataStart: number | null;
-    dataEnd: number | null;
-  };
-  economics?: Economics | null;
-  valuation: ValuationView;
-  experimentId: string;
-  compareArms: string[];
-  eligibleMinutes: number;
-  excludedMinutes?: number;
-  series: {
-    time: number;
-    arms: Record<string, MetricSummary>;
-    error?: string;
-  }[];
-  summary: Record<string, MetricSummary>;
-  delta: MetricSummary;
-  snapshot: string;
-  snapshotError?: string;
-}
-
-export type Currency = "USD" | "CNY";
-export interface TokenPrices {
-  inputPerMillion: number;
-  cachedPerMillion: number;
-  outputPerMillion: number;
-}
-export type ModelPrices = Record<Currency, TokenPrices | null>;
-export interface PricingTable {
-  revision: number;
-  currency: Currency;
-  default: ModelPrices;
-  models: Record<string, ModelPrices>;
-  updatedAt?: string;
-  updatedBy?: string;
-}
-export interface ArmEconomics {
-  model: string;
-  pricingKey: string;
-  resolution: "exact" | "default" | "missing";
-  prices: ModelPrices;
-  gpuCount: number | null;
-  gpuSource: "manual" | "helm-values" | "unknown";
-}
-export interface Economics {
-  revision: number;
-  pricingRevision: number;
-  currency: Currency;
-  frozenAt: string;
-  frozenBy: string;
-  arms: Record<string, ArmEconomics>;
-}
-export interface ValuationView {
-  currency?: Currency;
-  normalization: "raw" | "per-gpu" | "as-if";
-  targetGPUs?: number;
-}
diff --git a/web/src/modules/canary/ui/index.ts b/web/src/modules/canary/ui/index.ts
deleted file mode 100644
index 80e9807..0000000
--- a/web/src/modules/canary/ui/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { cn } from "@modelsphere/ui";
diff --git a/web/src/modules/index.ts b/web/src/modules/index.ts
index 99d42ed..75e3582 100644
--- a/web/src/modules/index.ts
+++ b/web/src/modules/index.ts
@@ -3,8 +3,8 @@ import type { ConsoleModule } from "@/shell";
 import { docsModule } from "@/modules/docs";
 import { iamModule } from "@/modules/iam";
 import { inferencesModule } from "@/modules/inferences";
-import { canaryModule } from "@/modules/canary";
+import { extensions } from "@/extensions/registry";
 import { playgroundModule } from "@/modules/playground";
 import { routerModule } from "@/modules/router";
 
-export const modules: ConsoleModule[] = [inferencesModule, canaryModule, playgroundModule, routerModule, iamModule, docsModule];
+export const modules: ConsoleModule[] = [inferencesModule, ...extensions.modules, playgroundModule, routerModule, iamModule, docsModule];
diff --git a/web/src/modules/inferences/InferenceDetail.tsx b/web/src/modules/inferences/InferenceDetail.tsx
index 05a4463..3218965 100644
--- a/web/src/modules/inferences/InferenceDetail.tsx
+++ b/web/src/modules/inferences/InferenceDetail.tsx
@@ -15,6 +15,8 @@ import { modelLine, parseTab, releaseState, sloBlocked, visibleTabs, type Tab }
 import { statusOf } from "@/modules/inferences/components/StatusDot";
 import { DeploySheet } from "@/modules/inferences/components/DeploySheet";
 import { UninstallDialog } from "@/modules/inferences/components/UninstallDialog";
+import { serviceRelationship } from "./service-relationship";
+import { ServiceRelationshipBadge } from "@/modules/inferences/components/ServiceOwnership";
 import { SLOSheet } from "@/modules/inferences/components/SLOSheet";
 import { Overview } from "@/modules/inferences/tabs/Overview";
 import { Instances } from "@/modules/inferences/tabs/Instances";
@@ -103,12 +105,15 @@ export function InferenceDetail() {
 
   const readOnly = cluster.data ? !cluster.data.allowDeploy : false;
   const removing = isUninstalling(s);
-  const blockedWrite = readOnly ? t("disabled.readOnly") : removing ? t("disabled.uninstalling") : false;
+  const { owned, referenced, assignmentLocked, adaptiveOnly, uninstallLocked } = serviceRelationship(s);
+  const blockedWrite = owned ? t("disabled.serviceManaged") : assignmentLocked ? t("disabled.serviceAssigned") : readOnly ? t("disabled.readOnly") : removing ? t("disabled.uninstalling") : false;
+  const uninstallBlocked = uninstallLocked ? t("disabled.serviceAssigned") : blockedWrite;
+  const upgradeBlocked = adaptiveOnly ? readOnly ? t("disabled.readOnly") : removing ? t("disabled.uninstalling") : false : blockedWrite;
   const source = plan.data?.source;
   const model = modelLine(source ?? {}) || s.model;
   const pods = s.pods.map((p) => p.name);
   const blocked = sloBlocked(s, plan.data);
-  const sloOpen = !removing && (editingSLO || (sloSetup && blocked !== "off" && s.planStatus?.phase !== "failed"));
+  const sloOpen = !owned && !removing && !assignmentLocked && (editingSLO || (sloSetup && blocked !== "off" && s.planStatus?.phase !== "failed"));
   const closeSLO = () => {
     setEditingSLO(false);
     if (!sloSetup) return;
@@ -137,14 +142,14 @@ export function InferenceDetail() {
             {
               key: "upgrade",
               label: t("actions.upgrade"),
-              disabled: blockedWrite || (!plan.data ? t("disabled.untracked") : false),
+              disabled: upgradeBlocked || (!plan.data ? t("disabled.untracked") : false),
               onClick: () => setUpgrading(true),
             },
             {
               key: "uninstall",
               label: t("actions.uninstall"),
               danger: true,
-              disabled: blockedWrite || !s.exists,
+              disabled: uninstallBlocked || !s.exists,
               onClick: () => setUninstalling(true),
             },
           ]}
@@ -156,6 +161,7 @@ export function InferenceDetail() {
           ]}
           metaColumns={4}
         />
+        <ServiceRelationshipBadge service={s} />
         <PanelTabs items={visible.map((key) => ({ value: key, label: t(`tabs.${key}`), count: counts[key] }))} />
 
         <TabsContent value="overview">
@@ -177,7 +183,7 @@ export function InferenceDetail() {
           <Endpoint namespace={namespace} release={release} status={s} access={false} />
         </TabsContent>
         <TabsContent value="versions">
-          <Versions namespace={namespace} release={release} rollbackBlocked={removing ? t("disabled.uninstalling") : readOnly || !plan.data ? t("disabled.readOnly") : false} />
+          <Versions namespace={namespace} release={release} rollbackBlocked={(referenced ? t("disabled.serviceAssigned") : blockedWrite) || (!plan.data ? t("disabled.untracked") : false)} />
         </TabsContent>
         <TabsContent value="runs">
           <Runs namespace={namespace} release={release} />
@@ -191,10 +197,10 @@ export function InferenceDetail() {
         )}
       </Tabs>
 
-      <SLOSheet target={sloOpen ? { namespace, release } : null} canEdit={!readOnly && !removing} setup={sloSetup} waiting={blocked === "pending"} onClose={closeSLO} />
-      <DeploySheet target={upgrading ? { kind: "upgrade", namespace, release } : null} onClose={() => setUpgrading(false)} />
+      <SLOSheet target={sloOpen ? { namespace, release } : null} canEdit={!readOnly && !assignmentLocked && !removing} setup={sloSetup} waiting={blocked === "pending"} onClose={closeSLO} />
+      <DeploySheet target={upgrading && !owned && (!assignmentLocked || adaptiveOnly) && !removing ? { kind: "upgrade", namespace, release } : null} onClose={() => setUpgrading(false)} />
       <UninstallDialog
-        target={uninstalling ? { namespace, release } : null}
+        target={uninstalling && !owned && !uninstallLocked && !removing ? { namespace, release } : null}
         onClose={() => setUninstalling(false)}
         onDone={() => navigate(p(""))}
       />
diff --git a/web/src/modules/inferences/InferenceList.tsx b/web/src/modules/inferences/InferenceList.tsx
index d7ce9f9..d2ac6e9 100644
--- a/web/src/modules/inferences/InferenceList.tsx
+++ b/web/src/modules/inferences/InferenceList.tsx
@@ -18,6 +18,8 @@ import { api, type Deployment } from "@swiss/lib/api";
 import { isUninstalling } from "@swiss/lib/phase";
 import { useT } from "@/modules/inferences/i18n";
 import { detailPath, modelLine, rowState } from "@/modules/inferences/lib";
+import { serviceRelationship } from "./service-relationship";
+import { ServiceRelationshipBadge } from "@/modules/inferences/components/ServiceOwnership";
 import { StatusDot } from "@/modules/inferences/components/StatusDot";
 import { DeploySheet, type DeployTarget } from "@/modules/inferences/components/DeploySheet";
 import { UninstallDialog, type UninstallTarget } from "@/modules/inferences/components/UninstallDialog";
@@ -61,6 +63,7 @@ export function InferenceList() {
             {d.release}
           </Link>
           <div className="truncate text-xs text-muted-foreground" title={modelLine(d) || undefined}>{modelLine(d) || t("list.untracked")}</div>
+          <ServiceRelationshipBadge service={d} compact />
         </div>
       ),
     },
@@ -98,19 +101,19 @@ export function InferenceList() {
     },
   ];
 
-  const writeBlocked = (d: Deployment, untracked = false): boolean | string =>
-    readOnly ? t("disabled.readOnly") : isUninstalling(d) ? t("disabled.uninstalling") : untracked && !d.model ? t("disabled.untracked") : false;
+  const writeBlocked = (d: Deployment, untracked = false, adaptive = false): boolean | string =>
+    serviceRelationship(d).owned ? t("disabled.serviceManaged") : serviceRelationship(d).assignmentLocked && !(adaptive && serviceRelationship(d).adaptiveOnly) ? t("disabled.serviceAssigned") : readOnly ? t("disabled.readOnly") : isUninstalling(d) ? t("disabled.uninstalling") : untracked && !d.model ? t("disabled.untracked") : false;
 
   const rowActions: ResourceRowAction<Row>[] = [
     { key: "detail", label: t("actions.detail"), onClick: open },
-    { key: "upgrade", label: t("actions.upgrade"), onClick: (d) => setUpgrading({ kind: "upgrade", namespace: d.namespace, release: d.release }), disabled: (d) => writeBlocked(d, true) },
+    { key: "upgrade", label: t("actions.upgrade"), onClick: (d) => setUpgrading({ kind: "upgrade", namespace: d.namespace, release: d.release }), disabled: (d) => writeBlocked(d, true, true) },
     { key: "versions", label: t("actions.versions"), onClick: (d) => navigate(p(detailPath(d.release, d.namespace, "versions"))) },
     {
       key: "uninstall",
       label: t("actions.uninstall"),
       danger: true,
       onClick: (d) => setUninstalling({ namespace: d.namespace, release: d.release }),
-      disabled: (d) => writeBlocked(d),
+      disabled: (d) => serviceRelationship(d).uninstallLocked ? t("disabled.serviceAssigned") : writeBlocked(d),
     },
   ];
 
diff --git a/web/src/modules/inferences/adaptive-concurrency.test.tsx b/web/src/modules/inferences/adaptive-concurrency.test.tsx
index 98f4e27..893cca6 100644
--- a/web/src/modules/inferences/adaptive-concurrency.test.tsx
+++ b/web/src/modules/inferences/adaptive-concurrency.test.tsx
@@ -2,7 +2,7 @@ import { describe, expect, it, vi } from "vitest";
 import { renderToStaticMarkup } from "react-dom/server";
 import { EMPTY, planRequest } from "@swiss/components/DeploySettings";
 import type { Plan, PlanRequest } from "@swiss/lib/api";
-import { AdaptivePlanChangedError, composeAdaptivePlan, isAdaptiveOption, toggleAdaptive, withAdaptiveConcurrency } from "./adaptive-concurrency";
+import { AdaptivePlanChangedError, composeAdaptivePlan, composeReferencedPlan, isAdaptiveOption, toggleAdaptive, withAdaptiveConcurrency } from "./adaptive-concurrency";
 import { DeployForm } from "./components/DeployForm";
 import type { RouteDirective, RouteOptions } from "./routeOptions";
 
@@ -109,3 +109,60 @@ describe("unified adaptive concurrency settings", () => {
     expect(compose).toHaveBeenCalledTimes(1);
   });
 });
+
+ describe("assigned experiment arm upgrade", () => {
+ it("disables every section except adaptive concurrency", () => {
+ const html = renderToStaticMarkup(<DeployForm form={form} adaptiveOnly upgrade onChange={() => {}} submitted={false} target={<input aria-label="version" />} defaults={{}} gpuOptions={[]} expanded={{ basic: true, resources: true, routing: true, advanced: true }} onExpand={() => {}} idPrefix="assigned-" routeOptions={options} />);
+ expect(html.match(/<fieldset disabled=""/g)).toHaveLength(5);
+ const adaptive = html.indexOf('aria-label="自适应并发"');
+ expect(adaptive).toBeGreaterThan(0);
+ expect(html.lastIndexOf("</fieldset>", adaptive)).toBeGreaterThan(html.lastIndexOf("<fieldset", adaptive));
+ expect(html).toContain("textarea");
+ const switches = html.match(/<[^>]*role="switch"[^>]*>/g) ?? [];
+ expect(switches.length).toBeGreaterThan(3);
+ for (const control of switches) {
+  if (control.includes('aria-label="自适应并发"')) expect(control).not.toMatch(/aria-disabled="true"|\sdata-disabled=""/);
+  else expect(control).toMatch(/aria-disabled="true"|\sdata-disabled=""/);
+ }
+ });
+ });
+
+
+describe("referenced service UI protection", () => {
+ it("uses general live-plan composition and clears old dependent options", async () => {
+  const live = { ...validated, layers: { form: { modelRoute: { nginx: { values: { adaptive_cc: "true", adaptive_cc_ttl: "60", default_max: "42" } } } } } };
+  const updated = { ...live, layers: { form: { modelRoute: { nginx: { values: { adaptive_cc: "false", adaptive_cc_ttl: null, default_max: "42" } } } } } };
+  const compose = vi.fn().mockResolvedValue(updated);
+  expect(await composeReferencedPlan(live, { ...form, adaptiveCc: false }, options, compose)).toBe(updated);
+  expect(compose).toHaveBeenCalledWith({ reuseSource: true, fromRelease: live.release.name, namespace: live.release.namespace, overrides: { modelRoute: { nginx: { values: { adaptive_cc: "false", adaptive_cc_ttl: null } } } } });
+ });
+ it("allows the adaptive form layer to be created without other changes", async () => {
+  const live = { ...validated, layers: {} };
+  const updated = { ...live, layers: { form: { modelRoute: { nginx: { values: { adaptive_cc: "true" } } } } } };
+  expect(await composeReferencedPlan(live, { ...form, adaptiveCc: true }, options, vi.fn().mockResolvedValue(updated))).toBe(updated);
+ });
+ it("blocks a returned plan that changes source or ordinary values", async () => {
+  const changed = { ...validated, chart: { ...validated.chart, version: "unexpected" } };
+  await expect(composeReferencedPlan(validated, form, options, vi.fn().mockResolvedValue(changed))).rejects.toBeInstanceOf(AdaptivePlanChangedError);
+ });
+});
+
+
+describe("replica scaling controls", () => {
+ it("exposes autoscaling separately from SLO and sends a fixed replica count without YAML edits", () => {
+  const fixed = { ...form, slo: false, scaler: false, replicaCount: "2" };
+  const html = renderToStaticMarkup(<DeployForm form={fixed} onChange={() => {}} submitted={false} target={null} defaults={{}} gpuOptions={[]} expanded={{ basic: true, resources: true, routing: false, advanced: false }} onExpand={() => {}} idPrefix="fixed-" />);
+  expect(html).toContain('aria-label="自动伸缩"');
+  expect(html).toContain('aria-label="副本数"');
+  expect(html).not.toContain('aria-label="最少副本"');
+  expect(planRequest(fixed, { model: "weights" }).overrides).toMatchObject({ scaler: { enabled: false }, replicaCount: 2, sloRequirement: { enabled: false } });
+  expect(planRequest({ ...fixed, scaler: true }, { model: "weights" }).overrides).toMatchObject({ scaler: { enabled: true }, sloRequirement: { enabled: false } });
+ });
+ it("shows scaler bounds when enabled and locks them for assigned experiment arms", () => {
+  const html = renderToStaticMarkup(<DeployForm form={{ ...form, scaler: true }} adaptiveOnly upgrade onChange={() => {}} submitted={false} target={null} defaults={{}} gpuOptions={[]} expanded={{ basic: true, resources: true, routing: false, advanced: false }} onExpand={() => {}} idPrefix="scaled-" />);
+  expect(html).toContain('aria-label="最少副本"');
+  expect(html).toContain('aria-label="最多副本"');
+  const scaler = html.match(/<[^>]*role="switch"[^>]*aria-label="自动伸缩"[^>]*>/)?.[0];
+  expect(scaler).toMatch(/aria-disabled="true"|\sdata-disabled=""/);
+ });
+});
diff --git a/web/src/modules/inferences/adaptive-concurrency.ts b/web/src/modules/inferences/adaptive-concurrency.ts
index 81c3cd5..c6e175d 100644
--- a/web/src/modules/inferences/adaptive-concurrency.ts
+++ b/web/src/modules/inferences/adaptive-concurrency.ts
@@ -63,7 +63,14 @@ export function sameAdaptiveBaseline(before: Plan, after: Plan, options?: RouteO
   const layers = (plan: Plan) => {
     const copy = structuredClone(plan.layers ?? {});
     const values = routeValues(copy.form ?? {});
-    for (const key of Object.keys(values)) if (isAdaptiveOption(key, options)) delete values[key];
+    for (const key of Object.keys(values)) if (key === "adaptive_cc" || isAdaptiveOption(key, options)) delete values[key];
+    const form = object(copy.form);
+    const route = object(form.modelRoute);
+    const nginx = object(route.nginx);
+    if (!Object.keys(values).length) delete nginx.values;
+    if (!Object.keys(nginx).length) delete route.nginx;
+    if (!Object.keys(route).length) delete form.modelRoute;
+    if (!Object.keys(form).length) delete copy.form;
     return canonical(copy);
   };
   return before.release.name === after.release.name && before.release.namespace === after.release.namespace
@@ -71,3 +78,18 @@ export function sameAdaptiveBaseline(before: Plan, after: Plan, options?: RouteO
     && before.engine === after.engine && before.profile === after.profile && layers(before) === layers(after)
     && (["catalog", "catalogName", "model", "variant", "version", "hf", "digest"] as const).every((key) => before.source[key] === after.source[key]);
 }
+
+
+export async function composeReferencedPlan(live: Plan, form: Form, options: RouteOptions | null | undefined, compose: (request: PlanRequest) => Promise<Plan>): Promise<Plan> {
+ const previous = routeValues(live.layers?.form ?? {});
+ const values: Tree = {};
+ for (const key of Object.keys(previous)) if (key === "adaptive_cc" || isAdaptiveOption(key, options)) values[key] = null;
+ values.adaptive_cc = String(form.adaptiveCc);
+ if (form.adaptiveCc) {
+  if (form.adaptiveCcMinFrac.trim()) values.adaptive_cc_min_frac = form.adaptiveCcMinFrac.trim();
+  for (const row of form.nginxExtras) if (isAdaptiveOption(row.key, options) && row.value.trim()) values[row.key] = row.value.trim();
+ }
+ const proposed = await compose({ reuseSource: true, fromRelease: live.release.name, namespace: live.release.namespace, overrides: { modelRoute: { nginx: { values } } } });
+ if (!sameAdaptiveBaseline(live, proposed, options)) throw new AdaptivePlanChangedError();
+ return proposed;
+}
diff --git a/web/src/modules/inferences/components/DeployForm.tsx b/web/src/modules/inferences/components/DeployForm.tsx
index 3d7ed80..25593b0 100644
--- a/web/src/modules/inferences/components/DeployForm.tsx
+++ b/web/src/modules/inferences/components/DeployForm.tsx
@@ -39,6 +39,8 @@ export interface DeployFormProps {
   form: Form;
   onChange: (patch: Partial<Form>) => void;
   upgrade?: boolean;
+  adaptiveOnly?: boolean;
+  bindingLocked?: boolean;
   submitted: boolean;
   target: ReactNode;
   cluster?: ClusterInfo;
@@ -58,7 +60,7 @@ export interface DeployFormProps {
   catalogRoute?: string;
 }
 
-export function DeployForm({ form, onChange, upgrade, submitted, target, cluster, defaults, gpuOptions, gpuListed, gpuResources, capacity, expanded, onExpand, idPrefix, routeOptions, catalogRoute }: DeployFormProps) {
+export function DeployForm({ form, onChange, upgrade, adaptiveOnly, bindingLocked, submitted, target, cluster, defaults, gpuOptions, gpuListed, gpuResources, capacity, expanded, onExpand, idPrefix, routeOptions, catalogRoute }: DeployFormProps) {
   const t = useT();
   const on = effective(form);
   const f = (k: string) => t(`deploy.fields.${k}`);
@@ -73,7 +75,7 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
     return showRuntime && d?.set !== undefined ? `${detail} · ${runtimeText(t, d)}` : detail;
   };
   const text = (k: keyof Form) => ({ value: form[k] as string, onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => onChange({ [k]: e.target.value }) });
-  const sw = (k: keyof Form, label: string) => <Switch aria-label={label} checked={form[k] as boolean} onCheckedChange={(v) => onChange({ [k]: v })} />;
+  const sw = (k: keyof Form, label: string) => <Switch disabled={adaptiveOnly} aria-label={label} checked={form[k] as boolean} onCheckedChange={(v) => onChange({ [k]: v })} />;
   const idError = submitted ? serviceIdError(form.serviceId || defaults.serviceId || "") : undefined;
   const cache = defaults.cache;
   const cacheOn = !!cache && !cache.unsupported && form.cache;
@@ -82,7 +84,7 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
   const section = (id: Section, children: ReactNode) => (
     <div id={`${idPrefix}${id}`}>
       <FormSection id={`${idPrefix}${id}-section`} title={t(`deploy.sections.${upgrade && id === "basic" ? "target" : id}`)} expanded={expanded[id]} onExpandedChange={(o) => onExpand(id, o)}>
-        <div className="flex flex-col gap-3">{children}</div>
+        <fieldset disabled={adaptiveOnly && id !== "routing"} className="flex min-w-0 flex-col gap-3 disabled:opacity-50">{children}</fieldset>
       </FormSection>
     </div>
   );
@@ -103,11 +105,11 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
             expanded={on.modelRoute}
             expandedContent={
               <div className="pb-3">
-                <Suggest bare value={form.route} onChange={(route) => onChange({ route })} suggestion={form.serviceId || defaults.serviceId} aria-label={f("route")} />
+                <Suggest bare disabled={bindingLocked || adaptiveOnly} value={form.route} onChange={(route) => onChange({ route })} suggestion={form.serviceId || defaults.serviceId} aria-label={f("route")} />
               </div>
             }
           >
-            <Switch aria-label={f("modelRoute")} checked={on.modelRoute} onCheckedChange={(v) => onChange(v ? { modelRoute: true } : { modelRoute: false, route: "" })} />
+            <Switch disabled={adaptiveOnly || bindingLocked} aria-label={f("modelRoute")} checked={on.modelRoute} onCheckedChange={(v) => onChange(v ? { modelRoute: true } : { modelRoute: false, route: "" })} />
           </FloatingField>
           <div className={cn(!upgrade && "grid grid-cols-2 gap-3")}>
             <FloatingField value={shown(form.namespace, cluster?.namespace)} label={f("namespace")} hint={upgrade ? f("namespaceLocked") : undefined} disabled={upgrade}>
@@ -128,6 +130,13 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
       {section(
         "resources",
         <>
+          <FloatingField layout="inline" label={f("scaler")} hint={f("scalerHint")}>
+            {sw("scaler", f("scaler"))}
+          </FloatingField>
+          {form.scaler ? <div className="grid grid-cols-2 gap-3">
+            <FloatingField label={f("scalerMin")}><FieldInput {...text("scalerMin")} inputMode="numeric" aria-label={f("scalerMin")} /></FloatingField>
+            <FloatingField label={f("scalerMax")}><FieldInput {...text("scalerMax")} inputMode="numeric" aria-label={f("scalerMax")} /></FloatingField>
+          </div> : <FloatingField label={f("replicas")}><FieldInput {...text("replicaCount")} inputMode="numeric" aria-label={f("replicas")} /></FloatingField>}
           {gpuResources && <GpuResource resources={gpuResources} value={form.gpuResource} onChange={(gpuResource) => onChange({ gpuResource })} />}
           <FloatingField label={f("gpuProducts")} hint={f("gpuProductsHint")} notice={forced.length > 0 ? t("deploy.fields.gpuForced", { products: forced.join(", ") }) : undefined}>
             <FieldSelect multiple values={form.gpuProducts} onValuesChange={(v) => onChange({ gpuProducts: v })} options={gpuOptions.map((o) => ({ value: o, label: o, badge: unlistedProducts(gpuListed, [o]).length ? <Badge variant="warning">{f("gpuUnverified")}</Badge> : <Badge variant="success">{f("gpuVerified")}</Badge> }))} placeholder={gpuOptions.length ? undefined : f("gpuProductsEmpty")} disabled={!gpuOptions.length} />
@@ -176,7 +185,7 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
                 </div>
               }
             >
-              <Switch aria-label={f("image")} checked={!!form.image.trim()} onCheckedChange={(v) => onChange({ image: v ? defaults.image!.site : "" })} />
+              <Switch disabled={adaptiveOnly} aria-label={f("image")} checked={!!form.image.trim()} onCheckedChange={(v) => onChange({ image: v ? defaults.image!.site : "" })} />
             </FloatingField>
           )}
         </>,
@@ -185,6 +194,7 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
       {section(
         "routing",
         <>
+          <fieldset disabled={adaptiveOnly} className="flex min-w-0 flex-col gap-3 disabled:opacity-50">
           <FloatingField layout="inline" label={label("expose_routed_peer", "exposeRoutedPeer")} hint={hint("expose_routed_peer", "exposeRoutedPeerHint")}>
             {sw("exposeRoutedPeer", f("exposeRoutedPeer"))}
           </FloatingField>
@@ -204,6 +214,7 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
           >
             {sw("cart", f("cart"))}
           </FloatingField>
+          </fieldset>
           <FloatingField
             layout="inline"
             label={label("adaptive_cc", "adaptiveCc")}
@@ -220,10 +231,12 @@ export function DeployForm({ form, onChange, upgrade, submitted, target, cluster
           >
             <Switch aria-label={f("adaptiveCc")} checked={form.adaptiveCc} onCheckedChange={(value) => onChange(toggleAdaptive(form, value, routeOptions))} />
           </FloatingField>
+          <fieldset disabled={adaptiveOnly} className="flex min-w-0 flex-col gap-3 disabled:opacity-50">
           <RouteExtras form={form} onChange={onChange} options={routeOptions} showRuntime={showRuntime} mode="other" />
           <FloatingField layout="inline" label={f("serviceMonitor")} hint={f("serviceMonitorHint")}>
             {sw("serviceMonitor", f("serviceMonitor"))}
           </FloatingField>
+          </fieldset>
         </>,
       )}
 
diff --git a/web/src/modules/inferences/components/DeploySheet.tsx b/web/src/modules/inferences/components/DeploySheet.tsx
index 9ed8024..1683c67 100644
--- a/web/src/modules/inferences/components/DeploySheet.tsx
+++ b/web/src/modules/inferences/components/DeploySheet.tsx
@@ -41,7 +41,9 @@ import { detailPath, sloEnabled } from "@/modules/inferences/lib";
 import { SECTIONS, chartChoice, defaultServiceId, pipelineState, serviceIdError, whatMoves, type Section } from "@/modules/inferences/deploy-lib";
 import { DeployForm } from "@/modules/inferences/components/DeployForm";
 import { ExperimentalBadge } from "@/modules/inferences/components/InstallMethodLabel";
-import { AdaptivePlanChangedError, composeAdaptivePlan } from "../adaptive-concurrency";
+import { serviceRelationship } from "../service-relationship";
+import { AdaptivePlanChangedError, composeAdaptivePlan, composeReferencedPlan, isAdaptiveOption } from "../adaptive-concurrency";
+import { assertProductionBinding, ProductionBindingChangedError } from "../production-binding";
 import { readRouteOptions } from "@/modules/inferences/api";
 
 export type DeployTarget =
@@ -181,22 +183,40 @@ function DeploySheetBody({ target, onClose }: { target: DeployTarget; onClose: (
 
   const release = upgrade ? target.release : form.serviceId || defaultServiceId(target.model);
   const namespace = upgrade ? target.namespace : form.namespace || cluster.data?.namespace || "";
-  const live = useQuery({ queryKey: ["status", namespace, release], queryFn: () => api.status(namespace, release), enabled: step === "review" && !!release && !!namespace });
+  const live = useQuery({ queryKey: ["status", namespace, release], queryFn: () => api.status(namespace, release), enabled: (upgrade || step === "review") && !!release && !!namespace });
 
   // A product the variant does not list is one swissd takes only as forced.
   const forceGpuProducts = unlistedProducts(v?.requires.gpuProduct, form.gpuProducts).length > 0;
-  const change = (patch: Partial<Form>) => setForm((f) => ({ ...f, ...patch }));
+  const productionReferenced = upgrade && serviceRelationship(live.data ?? {}).productionReferenced;
+  const adaptiveOnly = upgrade && serviceRelationship(live.data ?? {}).adaptiveOnly;
+  const assignmentBlocked = serviceRelationship(live.data ?? {}).owned || serviceRelationship(live.data ?? {}).assignmentLocked && !adaptiveOnly;
+  const change = (patch: Partial<Form>) => setForm((f) => adaptiveOnly ? {
+    ...f,
+    adaptiveCc: patch.adaptiveCc ?? f.adaptiveCc,
+    adaptiveCcMinFrac: patch.adaptiveCcMinFrac ?? f.adaptiveCcMinFrac,
+    nginxExtras: patch.nginxExtras ? [...f.nginxExtras.filter(row => !isAdaptiveOption(row.key, routeOptions.data)), ...patch.nginxExtras.filter(row => row.key.startsWith("adaptive_cc_"))] : f.nginxExtras,
+  } : { ...f, ...patch });
   const compose = useMutation({
     mutationFn: async () => {
       try {
-        return await composeAdaptivePlan(planRequest(
+        if (adaptiveOnly) {
+          if (!current.data) throw new AdaptivePlanChangedError();
+          return await composeReferencedPlan(current.data, form, routeOptions.data, deployApi.plan);
+        }
+        const proposed = await composeAdaptivePlan(planRequest(
           { ...form, serviceId: form.serviceId || (upgrade ? form.serviceId : defaultServiceId(target.model)) },
           upgrade
             ? { model: recorded!.model, version: version || undefined, variant: variant || undefined, catalog: moveTo || undefined, chartVersion: chartVersion || undefined, fromRelease: target.release, cacheUnsupported: !!cache.unsupported, forceGpuProducts }
             : { model: target.model, version, variant: keptVariant, catalog: target.catalog, chartVersion: chartVersion || undefined, cacheUnsupported: !!cache.unsupported, forceGpuProducts },
           profile.data?.profile,
         ), form, routeOptions.data, deployApi.plan, catalogName);
+        if (productionReferenced) {
+          if (!current.data) throw new ProductionBindingChangedError();
+          assertProductionBinding(current.data, proposed);
+        }
+        return proposed;
       } catch (error) {
+        if (error instanceof ProductionBindingChangedError) throw new Error(t("deploy.fields.productionBindingLocked"));
         if (error instanceof AdaptivePlanChangedError) throw new Error(t("deploy.fields.adaptiveChanged"));
         throw error;
       }
@@ -237,10 +257,10 @@ function DeploySheetBody({ target, onClose }: { target: DeployTarget; onClose: (
     compose.mutate();
   };
 
-  const readOnly = cluster.data && !cluster.data.allowDeploy;
+  const readOnly = !cluster.data?.allowDeploy || assignmentBlocked || (upgrade && (live.isPending || !!live.error));
   // An upgrade waits for the profile too: it decides Monitor (planRequest).
-  const loading = cluster.isPending || (upgrade && current.isPending) || profile.isPending || entry.isPending;
-  const error = cluster.error ?? current.error ?? entry.error;
+  const loading = cluster.isPending || (upgrade && current.isPending) || (!adaptiveOnly && (profile.isPending || entry.isPending));
+  const error = cluster.error ?? current.error ?? (adaptiveOnly ? null : entry.error);
   const keepOption = (label: string) => ({ value: KEEP, label });
 
   const targetFields = (
@@ -402,6 +422,8 @@ function DeploySheetBody({ target, onClose }: { target: DeployTarget; onClose: (
             <AlertDescription>{t("deploy.review.readOnly")}</AlertDescription>
           </Alert>
         )}
+        {productionReferenced && <Alert><AlertDescription>{t("deploy.fields.productionBindingLocked")}</AlertDescription></Alert>}
+        {adaptiveOnly && <Alert><AlertDescription>{t("deploy.fields.assignedAdaptiveOnly")}</AlertDescription></Alert>}
         {routeOptions.error && (
           <Alert variant="warning"><TriangleAlert /><AlertDescription>{t("deploy.routeOptions.error", { error: routeOptions.error.message })}</AlertDescription></Alert>
         )}
@@ -421,6 +443,8 @@ function DeploySheetBody({ target, onClose }: { target: DeployTarget; onClose: (
               form={form}
               onChange={change}
               upgrade={upgrade}
+              adaptiveOnly={adaptiveOnly}
+              bindingLocked={productionReferenced}
               submitted={submitted}
               target={targetFields}
               cluster={cluster.data}
@@ -451,7 +475,7 @@ function DeploySheetBody({ target, onClose }: { target: DeployTarget; onClose: (
               diff={diff}
               diffing={dryRun.isPending}
               diffError={dryRun.error?.message}
-              state={state}
+              state={adaptiveOnly ? { ...state, canForce: false } : state}
               note={note}
               onNote={setNote}
               force={force}
diff --git a/web/src/modules/inferences/components/ServiceOwnership.test.tsx b/web/src/modules/inferences/components/ServiceOwnership.test.tsx
new file mode 100644
index 0000000..e165b17
--- /dev/null
+++ b/web/src/modules/inferences/components/ServiceOwnership.test.tsx
@@ -0,0 +1,25 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { ServiceOwnership } from "./ServiceOwnership";
+import { extensions } from "@/extensions/registry";
+import type { ServiceOwnerProps } from "@/extensions/types";
+
+const original = [...extensions.serviceOwners];
+afterEach(() => { extensions.serviceOwners = [...original]; });
+const owner = { apiVersion: "example.test/v1", kind: "ServiceGroup", namespace: "models", name: "demo", uid: "u1", verified: true };
+
+describe("optional service owner decorations", () => {
+  it("shows safe ownership information without an extension or backend lookup", () => {
+    extensions.serviceOwners = [];
+    const html = renderToStaticMarkup(<ServiceOwnership owner={owner}/>);
+    expect(html).toContain("ServiceGroup models/demo");
+    expect(html).not.toContain("href=");
+    expect(renderToStaticMarkup(<ServiceOwnership owner={{ ...owner, verified: false }}/>)).toContain("归属信息不一致");
+  });
+  it("uses only the registered GVK and passes the exact identity and display flags", () => {
+    const component = ({ owner: o, compact, assigned }: ServiceOwnerProps) => <span>{o.uid}/{String(compact)}/{String(assigned)}</span>;
+    extensions.serviceOwners = [{ apiVersion: owner.apiVersion, kind: owner.kind, component }];
+    expect(renderToStaticMarkup(<ServiceOwnership owner={owner} compact assigned/>)).toContain("u1/true/true");
+    expect(renderToStaticMarkup(<ServiceOwnership owner={{ ...owner, apiVersion: "example.test/v2" }}/>)).toContain("ServiceGroup models/demo");
+  });
+});
diff --git a/web/src/modules/inferences/components/ServiceOwnership.tsx b/web/src/modules/inferences/components/ServiceOwnership.tsx
new file mode 100644
index 0000000..d944e62
--- /dev/null
+++ b/web/src/modules/inferences/components/ServiceOwnership.tsx
@@ -0,0 +1,31 @@
+import { serviceRelationship, type ServiceRelationship } from "../service-relationship";
+import { Badge } from "@modelsphere/ui";
+import { extensions } from "@/extensions/registry";
+import type { ServiceOwnerProps } from "@/extensions/types";
+import { useT } from "@/modules/inferences/i18n";
+
+export function ServiceOwnership(props: ServiceOwnerProps) {
+  const { owner, compact, assigned } = props;
+  const t = useT();
+  const extension = extensions.serviceOwners.find(e => e.apiVersion === owner.apiVersion && e.kind === owner.kind);
+  if (extension) {
+    const Component = extension.component;
+    return <Component {...props} />;
+  }
+  return <div className={compact ? "mt-1 text-xs" : "rounded-md border p-3 text-sm"}>
+    <Badge variant="outline">{t(assigned ? "serviceOwner.assigned" : "serviceOwner.managed")}</Badge>{" "}
+    <span>{owner.kind} {owner.namespace}/{owner.name}</span>
+    {!compact && <p className="mt-2">{t(owner.verified ? "serviceOwner.description" : "serviceOwner.anomaly")}</p>}
+  </div>;
+}
+
+
+export function ServiceRelationshipBadge({ service, compact }: { service: ServiceRelationship; compact?: boolean }) {
+ const t = useT();
+ const { state } = serviceRelationship(service);
+ const owner = state === "owned" ? service.managedBy : state === "referenced" ? service.assignedTo : undefined;
+ return <div className="space-y-1">
+  <Badge variant="outline">{t(`serviceRelationship.${state}`)}</Badge>
+  {owner && <ServiceOwnership owner={owner} compact={compact} assigned={state === "referenced"} />}
+ </div>;
+}
diff --git a/web/src/modules/inferences/components/UninstallDialog.tsx b/web/src/modules/inferences/components/UninstallDialog.tsx
index bbebe1f..525dc70 100644
--- a/web/src/modules/inferences/components/UninstallDialog.tsx
+++ b/web/src/modules/inferences/components/UninstallDialog.tsx
@@ -1,7 +1,8 @@
 import { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { ConfirmDialog } from "@modelsphere/ui";
-import { deployApi } from "@swiss/lib/api";
+import { api, deployApi } from "@swiss/lib/api";
+import { serviceRelationship } from "../service-relationship";
 import { useT } from "@/modules/inferences/i18n";
 
 export interface UninstallTarget {
@@ -23,7 +24,11 @@ export function UninstallDialog({
   // The uninstall succeeded but left its plan ConfigMap behind.
   const [planError, setPlanError] = useState("");
   const run = useMutation({
-    mutationFn: (x: UninstallTarget) => deployApi.uninstall(x.namespace, x.release),
+    mutationFn: async (x: UninstallTarget) => {
+      const relationship = serviceRelationship(await api.status(x.namespace, x.release));
+      if (relationship.owned || relationship.uninstallLocked) throw new Error(t(relationship.owned ? "disabled.serviceManaged" : "disabled.serviceAssigned"));
+      return deployApi.uninstall(x.namespace, x.release);
+    },
     onSuccess: () => qc.invalidateQueries({ queryKey: ["deployments"] }),
   });
 
diff --git a/web/src/modules/inferences/locales/en-US.json b/web/src/modules/inferences/locales/en-US.json
index 92db1ec..de0196e 100644
--- a/web/src/modules/inferences/locales/en-US.json
+++ b/web/src/modules/inferences/locales/en-US.json
@@ -105,7 +105,9 @@
     "current": "This is already the current revision",
     "sloOff": "SLO was not turned on at deploy; turn it on in an upgrade",
     "sloPending": "SLO shows once the deploy has applied",
-    "uninstalling": "This release is uninstalling; wait until its pods are gone"
+    "uninstalling": "This release is uninstalling; wait until its pods are gone",
+    "serviceManaged": "Managed by another resource; change configuration or release it from its owner",
+    "serviceAssigned": "Service configuration is reserved; release the assignment from its owner first"
   },
   "state": {
     "applied": "Applied",
@@ -443,44 +445,125 @@
         "Other": "Other"
       },
       "options": {
-        "adaptive_cc": { "label": "Adaptive concurrency" },
-        "adaptive_cc_min": { "label": "Adaptive floor" },
-        "adaptive_cc_min_frac": { "label": "Floor fraction" },
-        "adaptive_cc_init": { "label": "Start point" },
-        "adaptive_cc_init_frac": { "label": "Start fraction" },
-        "adaptive_cc_hold_when_idle": { "label": "Hold when idle" },
-        "adaptive_cc_use_ttft": { "label": "Judge on TTFT too" },
-        "default_max": { "label": "Default peer maximum" },
-        "max_more_tries": { "label": "Retry budget" },
-        "cross_tier_fallback": { "label": "Cross-tier fallback" },
-        "health_probe_path": { "label": "Probe path" },
-        "session_affinity_enabled": { "label": "Session affinity" },
-        "expose_routed_peer": { "label": "Expose routed peer" },
-        "bodylog_default_pct": { "label": "Body log sample percent" },
-        "adaptive_cc_inc": { "label": "Climb multiplier" },
-        "adaptive_cc_dec": { "label": "Shrink multiplier" },
-        "adaptive_cc_abs": { "label": "Absolute headroom" },
-        "adaptive_cc_pressure_frac": { "label": "Pressure fraction" },
-        "adaptive_cc_slack_frac": { "label": "Slack fraction", "detail": "Slack band relative to the start point; inactive while hold-when-idle is enabled." },
-        "adaptive_cc_ttl": { "label": "Start-point TTL", "detail": "Lifetime of the idle start-point state; inactive while hold-when-idle is enabled." },
-        "adaptive_cc_interval": { "label": "Step interval" },
-        "rt_limit_factor": { "label": "Runtime limit factor", "detail": "Scales the pool's runtime concurrency limit, not each peer's maximum." },
-        "health_check_interval": { "label": "Probe interval" },
-        "health_ban_ttl": { "label": "Ban TTL" },
-        "cluster_avg_interval": { "label": "Cluster average interval" },
-        "ttft_ewma_alpha": { "label": "TTFT EWMA alpha" },
-        "ttft_window": { "label": "TTFT window" },
-        "ttft_ttl": { "label": "TTFT TTL" },
-        "tps_ewma_alpha": { "label": "TPS EWMA alpha" },
-        "tps_window": { "label": "TPS window" },
-        "tps_ttl": { "label": "TPS TTL" },
-        "tps_min_tokens": { "label": "Minimum tokens" },
-        "tps_min_decode_s": { "label": "Minimum decode seconds" },
-        "ttft_probe_window": { "label": "TTFT probe window" },
-        "ttft_probe_per_window": { "label": "TTFT probes per window", "detail": "Probe requests allowed through while TTFT limiting is active, per probe window." },
-        "tps_probe_window": { "label": "TPS probe window" },
-        "tps_probe_per_window": { "label": "TPS probes per window", "detail": "Probe requests allowed through while TPS limiting is active, per probe window." },
-        "reject_rules_status": { "label": "Rejection status" }
+        "adaptive_cc": {
+          "label": "Adaptive concurrency"
+        },
+        "adaptive_cc_min": {
+          "label": "Adaptive floor"
+        },
+        "adaptive_cc_min_frac": {
+          "label": "Floor fraction"
+        },
+        "adaptive_cc_init": {
+          "label": "Start point"
+        },
+        "adaptive_cc_init_frac": {
+          "label": "Start fraction"
+        },
+        "adaptive_cc_hold_when_idle": {
+          "label": "Hold when idle"
+        },
+        "adaptive_cc_use_ttft": {
+          "label": "Judge on TTFT too"
+        },
+        "default_max": {
+          "label": "Default peer maximum"
+        },
+        "max_more_tries": {
+          "label": "Retry budget"
+        },
+        "cross_tier_fallback": {
+          "label": "Cross-tier fallback"
+        },
+        "health_probe_path": {
+          "label": "Probe path"
+        },
+        "session_affinity_enabled": {
+          "label": "Session affinity"
+        },
+        "expose_routed_peer": {
+          "label": "Expose routed peer"
+        },
+        "bodylog_default_pct": {
+          "label": "Body log sample percent"
+        },
+        "adaptive_cc_inc": {
+          "label": "Climb multiplier"
+        },
+        "adaptive_cc_dec": {
+          "label": "Shrink multiplier"
+        },
+        "adaptive_cc_abs": {
+          "label": "Absolute headroom"
+        },
+        "adaptive_cc_pressure_frac": {
+          "label": "Pressure fraction"
+        },
+        "adaptive_cc_slack_frac": {
+          "label": "Slack fraction",
+          "detail": "Slack band relative to the start point; inactive while hold-when-idle is enabled."
+        },
+        "adaptive_cc_ttl": {
+          "label": "Start-point TTL",
+          "detail": "Lifetime of the idle start-point state; inactive while hold-when-idle is enabled."
+        },
+        "adaptive_cc_interval": {
+          "label": "Step interval"
+        },
+        "rt_limit_factor": {
+          "label": "Runtime limit factor",
+          "detail": "Scales the pool's runtime concurrency limit, not each peer's maximum."
+        },
+        "health_check_interval": {
+          "label": "Probe interval"
+        },
+        "health_ban_ttl": {
+          "label": "Ban TTL"
+        },
+        "cluster_avg_interval": {
+          "label": "Cluster average interval"
+        },
+        "ttft_ewma_alpha": {
+          "label": "TTFT EWMA alpha"
+        },
+        "ttft_window": {
+          "label": "TTFT window"
+        },
+        "ttft_ttl": {
+          "label": "TTFT TTL"
+        },
+        "tps_ewma_alpha": {
+          "label": "TPS EWMA alpha"
+        },
+        "tps_window": {
+          "label": "TPS window"
+        },
+        "tps_ttl": {
+          "label": "TPS TTL"
+        },
+        "tps_min_tokens": {
+          "label": "Minimum tokens"
+        },
+        "tps_min_decode_s": {
+          "label": "Minimum decode seconds"
+        },
+        "ttft_probe_window": {
+          "label": "TTFT probe window"
+        },
+        "ttft_probe_per_window": {
+          "label": "TTFT probes per window",
+          "detail": "Probe requests allowed through while TTFT limiting is active, per probe window."
+        },
+        "tps_probe_window": {
+          "label": "TPS probe window"
+        },
+        "tps_probe_per_window": {
+          "label": "TPS probes per window",
+          "detail": "Probe requests allowed through while TPS limiting is active, per probe window."
+        },
+        "reject_rules_status": {
+          "label": "Rejection status"
+        }
       }
     },
     "fields": {
@@ -518,8 +601,8 @@
       "namespaceLocked": "Fixed on an upgrade: another namespace installs a second release",
       "createNamespace": "Create namespace",
       "createNamespaceHint": "Helm creates it during install (helmDefaults.createNamespace in the plan)",
-      "scaler": "Scale Executor",
-      "scalerHint": "Leave it on. After install the SLO config drives the replica count; min and max are only the outer bounds and should cover the SLO's replica range. Empty keeps the chart's bounds",
+      "scaler": "Autoscaling",
+      "scalerHint": "Independent of SLO requirements. Turn off for fixed replicas, including experiment control and candidate services. Empty bounds keep chart defaults.",
       "scalerMin": "Min replicas",
       "scalerMax": "Max replicas",
       "replicas": "Replicas",
@@ -582,6 +665,8 @@
       "adaptiveCc": "Adaptive concurrency",
       "adaptiveCcHint": "AIMD on the effective TPS signal; on by default",
       "adaptiveOff": "Enable adaptive concurrency to add this setting.",
+      "productionBindingLocked": "This service is the production target of an experiment. Upgrades may retain autoscaling, but must preserve the chart and routing/service binding. Stop the experiment before changing that binding or uninstalling the service.",
+      "assignedAdaptiveOnly": "This service is assigned to an experiment. Only Routing → Adaptive concurrency can be changed. Stop the experiment before changing other settings.",
       "adaptiveChanged": "The model source changed or adaptive settings could not be cleared. Compose the plan again before applying.",
       "adaptiveCcMinFrac": "Adaptive floor fraction",
       "adaptiveCcMinFracHint": "Of the static maximum, 0 < value ≤ 1; empty uses the engine default. Unused when the absolute floor is set",
@@ -975,5 +1060,16 @@
     "truncated": "Showing the last {n} lines, at most 2 MiB",
     "init": "init",
     "restarts": "{n} restarts"
+  },
+  "serviceOwner": {
+    "managed": "Managed service",
+    "assigned": "Assigned service",
+    "description": "Configuration and resource release are controlled by the owner.",
+    "anomaly": "Ownership metadata is inconsistent. Ask an administrator to investigate."
+  },
+  "serviceRelationship": {
+    "standalone": "Standalone",
+    "referenced": "Referenced by experiment",
+    "owned": "Owned by experiment"
   }
 }
diff --git a/web/src/modules/inferences/locales/zh-CN.json b/web/src/modules/inferences/locales/zh-CN.json
index 343e6bd..a6004bb 100644
--- a/web/src/modules/inferences/locales/zh-CN.json
+++ b/web/src/modules/inferences/locales/zh-CN.json
@@ -94,7 +94,9 @@
     "current": "这已经是当前版本",
     "sloOff": "部署时没有开启 SLO，可在升级时打开",
     "sloPending": "部署完成后才能查看 SLO",
-    "uninstalling": "这个服务正在卸载，等 Pod 消失后再操作"
+    "uninstalling": "这个服务正在卸载，等 Pod 消失后再操作",
+    "serviceManaged": "该服务由其他资源管理，请从所属资源修改配置或释放服务",
+    "serviceAssigned": "服务配置被占用，请先从所属资源解除占用"
   },
   "state": {
     "applied": "已应用",
@@ -432,44 +434,125 @@
         "Other": "其他"
       },
       "options": {
-        "adaptive_cc": { "label": "自适应并发" },
-        "adaptive_cc_min": { "label": "自适应下限" },
-        "adaptive_cc_min_frac": { "label": "下限比例" },
-        "adaptive_cc_init": { "label": "起始并发" },
-        "adaptive_cc_init_frac": { "label": "起始比例" },
-        "adaptive_cc_hold_when_idle": { "label": "空闲时保持并发" },
-        "adaptive_cc_use_ttft": { "label": "同时依据 TTFT 调整" },
-        "default_max": { "label": "默认节点并发上限" },
-        "max_more_tries": { "label": "重试次数" },
-        "cross_tier_fallback": { "label": "跨层故障切换" },
-        "health_probe_path": { "label": "探测路径" },
-        "session_affinity_enabled": { "label": "会话亲和性" },
-        "expose_routed_peer": { "label": "暴露路由后端" },
-        "bodylog_default_pct": { "label": "请求体日志采样比例" },
-        "adaptive_cc_inc": { "label": "增大倍率" },
-        "adaptive_cc_dec": { "label": "缩小倍率" },
-        "adaptive_cc_abs": { "label": "绝对余量" },
-        "adaptive_cc_pressure_frac": { "label": "压力比例" },
-        "adaptive_cc_slack_frac": { "label": "松弛比例", "detail": "相对起始并发的松弛区间；开启空闲保持时不生效。" },
-        "adaptive_cc_ttl": { "label": "起始状态 TTL", "detail": "空闲起始状态的保留时间；开启空闲保持时不生效。" },
-        "adaptive_cc_interval": { "label": "调整间隔" },
-        "rt_limit_factor": { "label": "运行时并发倍率", "detail": "缩放整个池的运行时并发上限，不是每个节点的上限。" },
-        "health_check_interval": { "label": "探测间隔" },
-        "health_ban_ttl": { "label": "封禁 TTL" },
-        "cluster_avg_interval": { "label": "集群均值计算间隔" },
-        "ttft_ewma_alpha": { "label": "TTFT 平滑系数" },
-        "ttft_window": { "label": "TTFT 时间窗口" },
-        "ttft_ttl": { "label": "TTFT TTL" },
-        "tps_ewma_alpha": { "label": "TPS 平滑系数" },
-        "tps_window": { "label": "TPS 时间窗口" },
-        "tps_ttl": { "label": "TPS TTL" },
-        "tps_min_tokens": { "label": "最少 token 数" },
-        "tps_min_decode_s": { "label": "最短解码时间" },
-        "ttft_probe_window": { "label": "TTFT 探测窗口" },
-        "ttft_probe_per_window": { "label": "每窗口 TTFT 探测请求数", "detail": "TTFT 限流期间每个探测窗口放行的请求数，不是采样率。" },
-        "tps_probe_window": { "label": "TPS 探测窗口" },
-        "tps_probe_per_window": { "label": "每窗口 TPS 探测请求数", "detail": "TPS 限流期间每个探测窗口放行的请求数，不是采样率。" },
-        "reject_rules_status": { "label": "拒绝状态码" }
+        "adaptive_cc": {
+          "label": "自适应并发"
+        },
+        "adaptive_cc_min": {
+          "label": "自适应下限"
+        },
+        "adaptive_cc_min_frac": {
+          "label": "下限比例"
+        },
+        "adaptive_cc_init": {
+          "label": "起始并发"
+        },
+        "adaptive_cc_init_frac": {
+          "label": "起始比例"
+        },
+        "adaptive_cc_hold_when_idle": {
+          "label": "空闲时保持并发"
+        },
+        "adaptive_cc_use_ttft": {
+          "label": "同时依据 TTFT 调整"
+        },
+        "default_max": {
+          "label": "默认节点并发上限"
+        },
+        "max_more_tries": {
+          "label": "重试次数"
+        },
+        "cross_tier_fallback": {
+          "label": "跨层故障切换"
+        },
+        "health_probe_path": {
+          "label": "探测路径"
+        },
+        "session_affinity_enabled": {
+          "label": "会话亲和性"
+        },
+        "expose_routed_peer": {
+          "label": "暴露路由后端"
+        },
+        "bodylog_default_pct": {
+          "label": "请求体日志采样比例"
+        },
+        "adaptive_cc_inc": {
+          "label": "增大倍率"
+        },
+        "adaptive_cc_dec": {
+          "label": "缩小倍率"
+        },
+        "adaptive_cc_abs": {
+          "label": "绝对余量"
+        },
+        "adaptive_cc_pressure_frac": {
+          "label": "压力比例"
+        },
+        "adaptive_cc_slack_frac": {
+          "label": "松弛比例",
+          "detail": "相对起始并发的松弛区间；开启空闲保持时不生效。"
+        },
+        "adaptive_cc_ttl": {
+          "label": "起始状态 TTL",
+          "detail": "空闲起始状态的保留时间；开启空闲保持时不生效。"
+        },
+        "adaptive_cc_interval": {
+          "label": "调整间隔"
+        },
+        "rt_limit_factor": {
+          "label": "运行时并发倍率",
+          "detail": "缩放整个池的运行时并发上限，不是每个节点的上限。"
+        },
+        "health_check_interval": {
+          "label": "探测间隔"
+        },
+        "health_ban_ttl": {
+          "label": "封禁 TTL"
+        },
+        "cluster_avg_interval": {
+          "label": "集群均值计算间隔"
+        },
+        "ttft_ewma_alpha": {
+          "label": "TTFT 平滑系数"
+        },
+        "ttft_window": {
+          "label": "TTFT 时间窗口"
+        },
+        "ttft_ttl": {
+          "label": "TTFT TTL"
+        },
+        "tps_ewma_alpha": {
+          "label": "TPS 平滑系数"
+        },
+        "tps_window": {
+          "label": "TPS 时间窗口"
+        },
+        "tps_ttl": {
+          "label": "TPS TTL"
+        },
+        "tps_min_tokens": {
+          "label": "最少 token 数"
+        },
+        "tps_min_decode_s": {
+          "label": "最短解码时间"
+        },
+        "ttft_probe_window": {
+          "label": "TTFT 探测窗口"
+        },
+        "ttft_probe_per_window": {
+          "label": "每窗口 TTFT 探测请求数",
+          "detail": "TTFT 限流期间每个探测窗口放行的请求数，不是采样率。"
+        },
+        "tps_probe_window": {
+          "label": "TPS 探测窗口"
+        },
+        "tps_probe_per_window": {
+          "label": "每窗口 TPS 探测请求数",
+          "detail": "TPS 限流期间每个探测窗口放行的请求数，不是采样率。"
+        },
+        "reject_rules_status": {
+          "label": "拒绝状态码"
+        }
       }
     },
     "fields": {
@@ -507,8 +590,8 @@
       "namespaceLocked": "升级时不能改：换命名空间等于另装一个",
       "createNamespace": "自动创建命名空间",
       "createNamespaceHint": "安装时由 helm 创建（计划里的 helmDefaults.createNamespace）",
-      "scaler": "伸缩执行器",
-      "scalerHint": "保持开启即可。安装后副本数由 SLO 配置驱动；最少/最多副本只是外层边界，应覆盖 SLO 中的副本范围。留空沿用 chart 的上下限",
+      "scaler": "自动伸缩",
+      "scalerHint": "与 SLO 要求独立。对照、候选等固定副本服务请关闭；副本上下限留空时沿用 chart 默认值。",
       "scalerMin": "最少副本",
       "scalerMax": "最多副本",
       "replicas": "副本数",
@@ -571,6 +654,8 @@
       "adaptiveCc": "自适应并发",
       "adaptiveCcHint": "按有效 TPS 做 AIMD 调整，默认开启",
       "adaptiveOff": "请先开启自适应并发，再添加此参数。",
+      "productionBindingLocked": "此服务是实验的生产目标，可保留自动伸缩。升级需保持 chart 与路由、Service 绑定不变；修改绑定或卸载服务前请先停止实验。",
+      "assignedAdaptiveOnly": "此服务被实验占用，升级仅允许修改「路由 → 自适应并发」。修改其他配置前请先停止实验。",
       "adaptiveChanged": "模型来源发生变化，或自适应参数未能清除，请重新生成计划后再应用。",
       "adaptiveCcMinFrac": "自适应下限比例",
       "adaptiveCcMinFracHint": "占静态并发上限的比例，0 < 值 ≤ 1，留空使用引擎默认值；设置了绝对下限时不使用",
@@ -964,5 +1049,16 @@
     "truncated": "只显示最近 {n} 行，最多 2 MiB",
     "init": "初始化容器",
     "restarts": "重启 {n} 次"
+  },
+  "serviceOwner": {
+    "managed": "托管服务",
+    "assigned": "服务被占用",
+    "description": "配置与资源释放由所属资源管理。",
+    "anomaly": "归属信息不一致，请联系管理员核实。"
+  },
+  "serviceRelationship": {
+    "standalone": "独立服务",
+    "referenced": "被实验引用",
+    "owned": "实验所属服务"
   }
 }
diff --git a/web/src/modules/inferences/production-binding.test.ts b/web/src/modules/inferences/production-binding.test.ts
new file mode 100644
index 0000000..8bbac4b
--- /dev/null
+++ b/web/src/modules/inferences/production-binding.test.ts
@@ -0,0 +1,52 @@
+import { describe, expect, it } from "vitest";
+import type { Plan } from "@swiss/lib/api";
+import { assertProductionBinding, ProductionBindingChangedError } from "./production-binding";
+
+const plan: Plan = {
+  apiVersion: "plan.swiss/v1", release: { name: "model", namespace: "production" },
+  source: { model: "weights", variant: "gpu", version: "1.0.0" },
+  chart: { name: "vllm", version: "0.8.20" }, engine: "vllm", profile: "site", hash: "live",
+  layers: {
+    catalog: { service: { port: 8000 }, modelRoute: { enabled: true } },
+    site: { modelRoute: { nginx: { service: "gateway/entry" } } },
+    form: { replicaCount: 2, scaler: { enabled: true }, modelRoute: { nginx: { route: "inference", values: { adaptive_cc: "true" } } } },
+  },
+};
+
+describe("referenced production upgrade", () => {
+  it("permits model upgrades, replica/scaler settings and adaptive concurrency without changing bindings", () => {
+    const changed = structuredClone(plan);
+    changed.source.version = "2.0.0";
+    changed.layers.form.replicaCount = 4;
+    changed.layers.form.scaler = { enabled: false };
+    changed.layers.edit = { modelRoute: { nginx: { values: { adaptive_cc: "false" } } } };
+    expect(() => assertProductionBinding(plan, changed)).not.toThrow();
+  });
+  it.each([
+    { modelRoute: { enabled: false } },
+    { modelRoute: { name: "new-route" } },
+    { modelRoute: { nginx: { route: "another-prefix" } } },
+    { modelRoute: { nginx: { service: "other/entry" } } },
+    { service: { port: 9000 } },
+    { serviceId: "new-name" },
+    { modelRoute: { nginx: null } },
+  ])("rejects binding changes even when introduced through YAML overrides: %j", (override) => {
+    const changed = structuredClone(plan);
+    changed.layers.edit = override;
+    expect(() => assertProductionBinding(plan, changed)).toThrow(ProductionBindingChangedError);
+  });
+  it("requires stopping before changing chart templates or release identity", () => {
+    expect(() => assertProductionBinding(plan, { ...plan, chart: { ...plan.chart, version: "0.9.0" } })).toThrow(ProductionBindingChangedError);
+    expect(() => assertProductionBinding(plan, { ...plan, release: { ...plan.release, namespace: "other" } })).toThrow(ProductionBindingChangedError);
+  });
+  it("compares effective values and preserves lower-layer bindings when an override is deleted", () => {
+    const before = structuredClone(plan);
+    before.layers.form.service = { port: 9000 };
+    const after = structuredClone(before);
+    after.layers.edit = { service: { port: null } };
+    expect(() => assertProductionBinding(before, after)).toThrow(ProductionBindingChangedError);
+    const equivalent = structuredClone(plan);
+    equivalent.layers.edit = { service: { port: 8000 } };
+    expect(() => assertProductionBinding(plan, equivalent)).not.toThrow();
+  });
+});
diff --git a/web/src/modules/inferences/production-binding.ts b/web/src/modules/inferences/production-binding.ts
new file mode 100644
index 0000000..2a31655
--- /dev/null
+++ b/web/src/modules/inferences/production-binding.ts
@@ -0,0 +1,38 @@
+import type { Plan } from "@swiss/lib/api";
+import { layersOf } from "@swiss/components/Provenance";
+
+type Tree = Record<string, unknown>;
+const object = (value: unknown): Tree => value && typeof value === "object" && !Array.isArray(value) ? value as Tree : {};
+
+function merge(target: Tree, source: Tree): Tree {
+  for (const [key, value] of Object.entries(source)) {
+    if (value === null) delete target[key];
+    else if (value && typeof value === "object" && !Array.isArray(value)) target[key] = merge({ ...object(target[key]) }, object(value));
+    else target[key] = value;
+  }
+  return target;
+}
+
+function canonical(value: unknown): string {
+  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
+  if (value && typeof value === "object") return `{${Object.entries(value).sort(([a], [b]) => a.localeCompare(b)).map(([key, child]) => `${JSON.stringify(key)}:${canonical(child)}`).join(",")}}`;
+  return JSON.stringify(value) ?? "undefined";
+}
+
+function binding(plan: Plan): string {
+  const values = layersOf(plan).reduce((tree, layer) => merge(tree, plan.layers[layer]), {} as Tree);
+  const route = object(values.modelRoute);
+  const nginx = object(route.nginx);
+  return canonical({
+    release: plan.release, chart: plan.chart,
+    serviceId: values.serviceId, nameOverride: values.nameOverride, fullnameOverride: values.fullnameOverride,
+    service: values.service,
+    route: { enabled: route.enabled, name: route.name, discovery: route.discovery, service: nginx.service, path: nginx.route },
+  });
+}
+
+export class ProductionBindingChangedError extends Error {}
+
+export function assertProductionBinding(current: Plan, proposed: Plan): void {
+  if (binding(current) !== binding(proposed)) throw new ProductionBindingChangedError();
+}
diff --git a/web/src/modules/inferences/service-relationship.test.ts b/web/src/modules/inferences/service-relationship.test.ts
new file mode 100644
index 0000000..935fc18
--- /dev/null
+++ b/web/src/modules/inferences/service-relationship.test.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from "vitest";
+import { serviceRelationship } from "./service-relationship";
+import type { ServiceAssignment, ServiceOwner } from "@swiss/lib/api";
+
+const owner: ServiceOwner = { apiVersion: "canary.modelsphere.dev/v1alpha1", kind: "LLMCanary", namespace: "models", name: "experiment", uid: "parent", verified: true };
+const assignment: ServiceAssignment = { ...owner, role: "arm", arm: "candidate" };
+
+describe("service relationship actions", () => {
+ it("keeps independent services writable and owned services under their owner", () => {
+  expect(serviceRelationship({ canaryState: "standalone" })).toMatchObject({ owned: false, assignmentLocked: false, uninstallLocked: false, adaptiveOnly: false });
+  expect(serviceRelationship({ canaryState: "owned", assignedTo: assignment })).toMatchObject({ owned: true, referenced: false, adaptiveOnly: false });
+ });
+ it("permits only adaptive upgrades of verified referenced arms", () => {
+  expect(serviceRelationship({ canaryState: "referenced", assignedTo: assignment })).toMatchObject({ assignmentLocked: true, adaptiveOnly: true });
+  expect(serviceRelationship({ canaryState: "referenced", assignedTo: { ...assignment, role: "production", arm: undefined } })).toMatchObject({ assignmentLocked: false, uninstallLocked: true, adaptiveOnly: false, productionReferenced: true });
+  expect(serviceRelationship({ canaryState: "referenced", assignedTo: { ...assignment, verified: false } })).toMatchObject({ assignmentLocked: true, adaptiveOnly: false });
+  expect(serviceRelationship({ canaryState: "referenced" })).toMatchObject({ assignmentLocked: true, adaptiveOnly: false });
+ });
+ it("keeps compatibility with servers that expose only parent identities", () => {
+  expect(serviceRelationship({}).state).toBe("standalone");
+  expect(serviceRelationship({ managedBy: owner }).state).toBe("owned");
+  expect(serviceRelationship({ assignedTo: assignment }).state).toBe("referenced");
+ });
+});
diff --git a/web/src/modules/inferences/service-relationship.ts b/web/src/modules/inferences/service-relationship.ts
new file mode 100644
index 0000000..94710d3
--- /dev/null
+++ b/web/src/modules/inferences/service-relationship.ts
@@ -0,0 +1,18 @@
+import type { CanaryState, ServiceAssignment, ServiceOwner } from "@swiss/lib/api";
+
+export interface ServiceRelationship {
+ canaryState?: CanaryState;
+ managedBy?: ServiceOwner;
+ assignedTo?: ServiceAssignment;
+}
+
+export function serviceRelationship(service: ServiceRelationship) {
+ const state = service.canaryState ?? (service.managedBy ? "owned" : service.assignedTo ? "referenced" : "standalone");
+ const owned = state === "owned";
+ const referenced = state === "referenced";
+ const assignmentLocked = referenced && (!service.assignedTo?.verified || service.assignedTo.role === "arm");
+ const adaptiveOnly = referenced && !!service.assignedTo?.verified && service.assignedTo.role === "arm";
+ const productionReferenced = referenced && !!service.assignedTo?.verified && service.assignedTo.role === "production";
+ const uninstallLocked = referenced;
+ return { state, owned, referenced, assignmentLocked, adaptiveOnly, productionReferenced, uninstallLocked };
+}
diff --git a/web/src/modules/inferences/uninstalling.test.tsx b/web/src/modules/inferences/uninstalling.test.tsx
index f591c30..48562e1 100644
--- a/web/src/modules/inferences/uninstalling.test.tsx
+++ b/web/src/modules/inferences/uninstalling.test.tsx
@@ -1,4 +1,4 @@
-import { describe, expect, it } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 import { renderToStaticMarkup } from "react-dom/server";
 import { MemoryRouter, Route, Routes } from "react-router";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -7,6 +7,8 @@ import { ModuleProvider } from "@/shell/module";
 import { InferenceDetail } from "@/modules/inferences/InferenceDetail";
 import { InferenceList } from "@/modules/inferences/InferenceList";
 
+vi.mock("@/extensions/registry", () => ({ extensions: { modules: [], serviceOwners: [] } }));
+
 const module = { id: "inferences", title: "模型服务", basePath: "/inferences", pages: [] };
 const cluster = { name: "c", profile: "p", catalog: "u", version: "0", allowDeploy: true };
 const plan = {
@@ -123,6 +125,18 @@ describe("inference detail write actions", () => {
       label: "卸载中",
       enabled: false,
     },
+    {
+      name: "a managed service with a readable deployment plan",
+      status: release({ managedBy: { apiVersion: "example.test/v1", kind: "ServiceGroup", namespace: "models", name: "demo", uid: "parent-uid", verified: true } }),
+      label: "托管服务",
+      enabled: false,
+    },
+    {
+      name: "an arm with inconsistent ownership",
+      status: release({ managedBy: { apiVersion: "example.test/v1", kind: "ServiceGroup", namespace: "models", name: "demo", uid: "parent-uid", verified: false } }),
+      label: "归属信息不一致",
+      enabled: false,
+    },
     {
       name: "a serving release",
       status: release(),
diff --git a/web/src/modules/swiss/components/Provenance.test.tsx b/web/src/modules/swiss/components/Provenance.test.tsx
new file mode 100644
index 0000000..b081d4b
--- /dev/null
+++ b/web/src/modules/swiss/components/Provenance.test.tsx
@@ -0,0 +1,14 @@
+import { expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import type { Plan } from "@swiss/lib/api";
+import { Provenance } from "./Provenance";
+
+it("keeps owner-defined runtime layers visible after standard configuration layers", () => {
+  const plan: Plan = { apiVersion: "v1", release: { name: "demo", namespace: "models" }, source: { model: "demo", variant: "default" }, chart: { name: "vllm", version: "1.0.0" }, engine: "vllm", profile: "test", hash: "h", layers: { "owner-policy": { scaler: { enabled: false } }, autoscale: { replicaCount: 2 }, form: { replicaCount: 1 } } };
+  const html = renderToStaticMarkup(<Provenance plan={plan}/>);
+  expect(html).toContain("owner-policy.yaml");
+  expect(html).toContain("owner-defined runtime policy");
+  expect(html).toContain("replicaCount from PD autoscaling; applied last");
+  expect(html.indexOf("form.yaml")).toBeLessThan(html.indexOf("autoscale.yaml"));
+  expect(html.indexOf("autoscale.yaml")).toBeLessThan(html.indexOf("owner-policy.yaml"));
+});
diff --git a/web/src/modules/swiss/components/Provenance.tsx b/web/src/modules/swiss/components/Provenance.tsx
index 00d9924..044c77a 100644
--- a/web/src/modules/swiss/components/Provenance.tsx
+++ b/web/src/modules/swiss/components/Provenance.tsx
@@ -124,8 +124,8 @@ function filesOf(plan: Plan): File[] {
     out.push({
       key: layer,
       name: `${layer}.yaml`,
-      tone: known(layer) ? TONE[layer] : "default",
-      what: known(layer) ? WHAT[layer] : "a layer this console does not know",
+      tone: known(layer) ? TONE[layer] : "warning",
+      what: known(layer) ? WHAT[layer] : "owner-defined runtime policy; read only",
       count: leafCount(tree),
       body: toYaml(tree),
     });
diff --git a/web/src/modules/swiss/lib/api.ts b/web/src/modules/swiss/lib/api.ts
index b14a9e5..fb56951 100644
--- a/web/src/modules/swiss/lib/api.ts
+++ b/web/src/modules/swiss/lib/api.ts
@@ -65,6 +65,18 @@ export interface Site {
   url: string;
 }
 
+export type CanaryState = "standalone" | "referenced" | "owned";
+
+export interface ServiceOwner {
+  apiVersion: string;
+  kind: string;
+  namespace: string;
+  name: string;
+  uid: string;
+  // Owner reference and UID labels agree; this does not assert the parent still exists.
+  verified: boolean;
+}
+
 export interface Deployment {
   release: string;
   namespace: string;
@@ -88,6 +100,10 @@ export interface Deployment {
   // names no route.
   route?: string;
   backend?: ApplyWith;
+  canaryState?: CanaryState;
+  uid?:string;
+ assignedTo?:ServiceAssignment;
+ managedBy?: ServiceOwner;
   // An LLMService swiss did not write.
   external?: boolean;
 }
@@ -613,6 +629,7 @@ export interface ApplyResult {
 }
 
 export interface PlanRequest {
+  reuseSource?: boolean;
   // The configured catalog to compose from. An upgrade naming none stays on its
   // own; naming another moves it there, if the model there is the same one.
   catalog?: string;
@@ -709,6 +726,10 @@ export interface ReleaseStatus {
   planStatus?: PlanStatus;
   // Set when swiss manages the release; it never changes after install.
   backend?: ApplyWith;
+  canaryState?: CanaryState;
+  uid?:string;
+ assignedTo?:ServiceAssignment;
+ managedBy?: ServiceOwner;
   // Present on the llmsvc backend. phase is "uninstalling" while the LLMService
   // has a deletionTimestamp. Absent on helm and on an older swissd.
   llmservice?: { phase?: string };
@@ -1087,3 +1108,5 @@ export interface SLOEdit {
   ttft?: SLOSection;
   otps?: SLOSection;
 }
+
+export interface ServiceAssignment extends Omit<ServiceOwner,"verified"> {role:"production"|"arm";arm?:string;verified:boolean}
diff --git a/web/src/shell/api.ts b/web/src/shell/api.ts
index 81aa630..9483ed2 100644
--- a/web/src/shell/api.ts
+++ b/web/src/shell/api.ts
@@ -79,7 +79,7 @@ export interface BackendCapability {
 }
 
 export interface Capabilities {
-  canary: BackendCapability;
+  [backend: string]: BackendCapability;
 }
 
 export interface ChangePasswordInput {
diff --git a/web/src/shell/capabilities.test.tsx b/web/src/shell/capabilities.test.tsx
index 78282d6..fed80cb 100644
--- a/web/src/shell/capabilities.test.tsx
+++ b/web/src/shell/capabilities.test.tsx
@@ -1,32 +1,37 @@
 import { describe, expect, it, vi } from "vitest";
 import { renderToStaticMarkup } from "react-dom/server";
 import { CapabilityContext, CapabilityGuard, availableModules, type CapabilityState } from "@/shell/capabilities";
-import { canaryModule } from "@/modules/canary";
+import { FlaskConical, Plus } from "lucide-react";
 import { navGroups, type ConsoleModule } from "@/shell/module";
 import { setLocale } from "@/shell/i18n";
+const optionalModule: ConsoleModule = { id: "optional", title: "Optional", basePath: "/optional", capability: "optional", pages: [
+  { path: "", element: null, menu: { label: "List", icon: FlaskConical } },
+  { path: "new", element: null, permission: "optional.write", requiresWrite: true, menu: { label: "New", icon: Plus } },
+  { path: "pricing", element: null, menu: { label: "Pricing", icon: FlaskConical } },
+] };
 
 const other: ConsoleModule = { id: "other", title: "Other", basePath: "/other", pages: [] };
-const state = (configured: boolean, canRead: boolean, canWrite: boolean): CapabilityState => ({ loading: false, failed: false, retry: vi.fn(), data: { canary: { configured, canRead, canWrite } } });
+const state = (configured: boolean, canRead: boolean, canWrite: boolean): CapabilityState => ({ loading: false, failed: false, retry: vi.fn(), data: { optional: { configured, canRead, canWrite } } });
 const render = (value: CapabilityState, write = false) => renderToStaticMarkup(
-  <CapabilityContext.Provider value={value}><CapabilityGuard capability="canary" write={write}><span>Protected content</span></CapabilityGuard></CapabilityContext.Provider>,
+  <CapabilityContext.Provider value={value}><CapabilityGuard capability="optional" write={write}><span>Protected content</span></CapabilityGuard></CapabilityContext.Provider>,
 );
 
 describe("optional module navigation and direct routes", () => {
-  it.each([undefined, state(false, false, false).data, state(true, false, false).data])("hides Canary without configuration/read access while keeping other modules", (data) => {
-    expect(availableModules([other, canaryModule], data)).toEqual([other]);
+  it.each([undefined, state(false, false, false).data, state(true, false, false).data])("hides optional module without configuration/read access while keeping other modules", (data) => {
+    expect(availableModules([other, optionalModule], data)).toEqual([other]);
   });
 
-  it("reader sees list/pricing navigation and can open existing experiments", () => {
+  it("reader sees list/pricing navigation and can open existing records", () => {
     const value = state(true, true, false);
-    const modules = availableModules([canaryModule], value.data);
-    expect(navGroups(modules, () => true).flatMap((g) => g.items).map((i) => i.to)).toEqual(["/", "/canary", "/canary/pricing"]);
+    const modules = availableModules([optionalModule], value.data);
+    expect(navGroups(modules, () => true).flatMap((g) => g.items).map((i) => i.to)).toEqual(["/", "/optional", "/optional/pricing"]);
     expect(render(value)).toContain("Protected content");
     expect(render(value, true)).not.toContain("Protected content");
   });
 
   it("writer sees create navigation and write routes", () => {
     const value = state(true, true, true);
-    expect(navGroups(availableModules([canaryModule], value.data), () => true).flatMap((g) => g.items).map((i) => i.to)).toContain("/canary/new");
+    expect(navGroups(availableModules([optionalModule], value.data), () => true).flatMap((g) => g.items).map((i) => i.to)).toContain("/optional/new");
     expect(render(value, true)).toContain("Protected content");
   });
 
diff --git a/web/src/shell/locales/shell.en-US.json b/web/src/shell/locales/shell.en-US.json
index 619aa8f..623251a 100644
--- a/web/src/shell/locales/shell.en-US.json
+++ b/web/src/shell/locales/shell.en-US.json
@@ -83,7 +83,7 @@
   "capability": {
     "loading": "Loading feature configuration…",
     "failed": "Could not load feature configuration.",
-    "unconfigured": "Canary is not configured for this Console.",
+    "unconfigured": "This module is not configured for this Console.",
     "forbidden": "You do not have permission to access this page.",
     "retry": "Retry"
   }
diff --git a/web/src/shell/locales/shell.zh-CN.json b/web/src/shell/locales/shell.zh-CN.json
index 8f711d7..66d560c 100644
--- a/web/src/shell/locales/shell.zh-CN.json
+++ b/web/src/shell/locales/shell.zh-CN.json
@@ -80,7 +80,7 @@
   "capability": {
     "loading": "正在加载功能配置…",
     "failed": "无法加载功能配置。",
-    "unconfigured": "此 Console 尚未配置 Canary。",
+    "unconfigured": "此 Console 尚未配置该模块。",
     "forbidden": "你没有访问此页面的权限。",
     "retry": "重试"
   }