create-principles-disciple 1.146.4 → 1.146.6

package/console/dist/ui/pages/control-center/ControlCenterPage.js

@@ -1,509 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-import { useTranslation } from "react-i18next";
-import { toast } from "sonner";
-import { PageShell } from "../../components/layout/page-shell.js";
-import { PageLoading } from "../../components/layout/page-loading.js";
-import { SectionTitle } from "../../components/layout/section-title.js";
-import { fetchConfigSummary, fetchConfigCatalog, updateAgentBinding, updateDefaultRuntime, } from "../../api.js";
-import { computeOverallReadiness, groupAgentsByReadiness, groupAgentsByDependency, isKnownAgentName, redactDiagnosticsForCopy, } from "../../utils/control-center-helpers.js";
-import { enumLabel } from "../../utils/enum-labels.js";
-import { WorkflowDiagram } from "./WorkflowDiagram.js";
-import { AgentGroup } from "./AgentGroup.js";
-import { RuntimeProfileManager } from "./RuntimeProfileManager.js";
-import { DesignGatePanel } from "./DesignGatePanel.js";
-import { AGENT_GROUPS, AGENT_METADATA, } from "../../utils/agent-metadata.js";
-// ── Runtime validators (H section / ERR-001/005/009/013) ─────────────────────
-function validateSource(raw) {
-    if (typeof raw !== "string")
-        return null;
-    switch (raw) {
-        case "defaults": return "defaults";
-        case "user_config": return "user_config";
-        default: return null;
-    }
-}
-/** Type guard: is this a non-null object with own properties (not inherited)? */
-function isRecord(value) {
-    return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-// Overall readiness → the plain-language sentence shown under the internal-agents heading.
-const CONFIG_READINESS_KEY = {
-    ready: "pages.controlCenter.configReady",
-    needs_setup: "pages.controlCenter.configNeedsSetup",
-    not_ready: "pages.controlCenter.configNotReady",
-    unknown: "pages.controlCenter.configUnknown",
-    disabled: "pages.controlCenter.configDisabled",
-};
-function validateReadinessStatus(raw) {
-    if (typeof raw !== "string")
-        return null;
-    switch (raw) {
-        case "ready": return "ready";
-        case "not_ready": return "not_ready";
-        case "needs_setup": return "needs_setup";
-        case "disabled": return "disabled";
-        case "unknown": return "unknown";
-        default: return null;
-    }
-}
-function validateRedactedFeatureSummary(raw) {
-    if (!isRecord(raw))
-        return null;
-    if (!Object.hasOwn(raw, "id") ||
-        !Object.hasOwn(raw, "category") ||
-        !Object.hasOwn(raw, "enabled")) {
-        return null;
-    }
-    const id = raw.id;
-    const category = raw.category;
-    const enabled = raw.enabled;
-    if (typeof id !== "string" ||
-        id.length === 0 ||
-        typeof category !== "string" ||
-        typeof enabled !== "boolean") {
-        return null;
-    }
-    return { id, category, enabled };
-}
-function validateRedactedRuntimeProfileSummary(raw) {
-    if (!isRecord(raw))
-        return null;
-    if (!Object.hasOwn(raw, "id") ||
-        !Object.hasOwn(raw, "type") ||
-        !Object.hasOwn(raw, "label") ||
-        !Object.hasOwn(raw, "readiness")) {
-        return null;
-    }
-    const id = raw.id;
-    const type = raw.type;
-    const label = raw.label;
-    const readiness = validateReadinessStatus(raw.readiness);
-    if (typeof id !== "string" ||
-        id.length === 0 ||
-        typeof type !== "string" ||
-        typeof label !== "string" ||
-        readiness === null) {
-        return null;
-    }
-    const apiKeyEnv = Object.hasOwn(raw, "apiKeyEnv") && typeof raw.apiKeyEnv === "string"
-        ? raw.apiKeyEnv
-        : undefined;
-    // provider/model are optional (set by backend redactPdConfig for both
-    // pi-ai and openclaw profiles). Aligns with
-    // the canonical validator in validators.ts (EP-01: validate fields that
-    // actually exist in the target type).
-    const provider = Object.hasOwn(raw, "provider") && typeof raw.provider === "string"
-        ? raw.provider
-        : undefined;
-    const model = Object.hasOwn(raw, "model") && typeof raw.model === "string"
-        ? raw.model
-        : undefined;
-    return { id, type, label, apiKeyEnv, provider, model, readiness };
-}
-function validateRedactedAgentSummary(raw) {
-    if (!isRecord(raw))
-        return null;
-    if (!Object.hasOwn(raw, "name") ||
-        !Object.hasOwn(raw, "enabled") ||
-        !Object.hasOwn(raw, "runtimeProfileId") ||
-        !Object.hasOwn(raw, "runtimeProfileLabel") ||
-        !Object.hasOwn(raw, "readiness")) {
-        return null;
-    }
-    const name = raw.name;
-    const enabled = raw.enabled;
-    const runtimeProfileId = raw.runtimeProfileId;
-    const runtimeProfileLabel = raw.runtimeProfileLabel;
-    const readiness = validateReadinessStatus(raw.readiness);
-    if (typeof name !== "string" ||
-        name.length === 0 ||
-        typeof enabled !== "boolean" ||
-        typeof runtimeProfileId !== "string" ||
-        typeof runtimeProfileLabel !== "string" ||
-        readiness === null) {
-        return null;
-    }
-    return { name, enabled, runtimeProfileId, runtimeProfileLabel, readiness };
-}
-function validateConfigError(raw) {
-    if (!isRecord(raw))
-        return null;
-    if (!Object.hasOwn(raw, "path") ||
-        !Object.hasOwn(raw, "reason") ||
-        !Object.hasOwn(raw, "nextAction")) {
-        return null;
-    }
-    const path = raw.path;
-    const reason = raw.reason;
-    const nextAction = raw.nextAction;
-    if (typeof path !== "string" ||
-        typeof reason !== "string" ||
-        typeof nextAction !== "string") {
-        return null;
-    }
-    return { path, reason, nextAction };
-}
-function validateConfigSummaryData(raw) {
-    if (!isRecord(raw))
-        return null;
-    // Required fields check (ERR-009: fail loud on missing required fields)
-    if (!Object.hasOwn(raw, "version") ||
-        !Object.hasOwn(raw, "source") ||
-        !Object.hasOwn(raw, "features") ||
-        !Object.hasOwn(raw, "runtimeProfiles") ||
-        !Object.hasOwn(raw, "defaultRuntime") ||
-        !Object.hasOwn(raw, "agents") ||
-        !Object.hasOwn(raw, "ui") ||
-        !Object.hasOwn(raw, "warnings")) {
-        return null;
-    }
-    const version = raw.version;
-    const source = raw.source;
-    const features = raw.features;
-    const runtimeProfiles = raw.runtimeProfiles;
-    const defaultRuntime = raw.defaultRuntime;
-    const agents = raw.agents;
-    const ui = raw.ui;
-    const warnings = raw.warnings;
-    if (typeof version !== "number" ||
-        typeof source !== "string" ||
-        validateSource(source) === null ||
-        !Array.isArray(features) ||
-        !Array.isArray(runtimeProfiles) ||
-        typeof defaultRuntime !== "string" ||
-        !Array.isArray(agents) ||
-        !isRecord(ui) ||
-        !Array.isArray(warnings)) {
-        return null;
-    }
-    // Validate ui.diagnostics (ERR-009)
-    if (!Object.hasOwn(ui, "diagnostics") ||
-        !isRecord(ui.diagnostics)) {
-        return null;
-    }
-    const uiDiag = ui.diagnostics;
-    if (!Object.hasOwn(uiDiag, "mode") || typeof uiDiag.mode !== "string") {
-        return null;
-    }
-    const uiDiagMode = uiDiag.mode;
-    // Validate features array elements (ERR-005/ERR-007)
-    const validatedFeatures = [];
-    for (const f of features) {
-        const validated = validateRedactedFeatureSummary(f);
-        if (validated === null)
-            return null;
-        validatedFeatures.push(validated);
-    }
-    // Validate runtime profiles array elements
-    const validatedProfiles = [];
-    for (const p of runtimeProfiles) {
-        const validated = validateRedactedRuntimeProfileSummary(p);
-        if (validated === null)
-            return null;
-        validatedProfiles.push(validated);
-    }
-    // Validate agents array elements
-    const validatedAgents = [];
-    for (const a of agents) {
-        const validated = validateRedactedAgentSummary(a);
-        if (validated === null)
-            return null;
-        validatedAgents.push(validated);
-    }
-    // Validate warnings array elements (ERR-005)
-    const validatedWarnings = [];
-    for (const w of warnings) {
-        if (typeof w !== "string")
-            return null;
-        validatedWarnings.push(w);
-    }
-    // Validate optional errors array
-    let validatedErrors;
-    if (Object.hasOwn(raw, "errors") && raw.errors !== undefined) {
-        if (!Array.isArray(raw.errors))
-            return null;
-        validatedErrors = [];
-        for (const e of raw.errors) {
-            const validated = validateConfigError(e);
-            if (validated === null)
-                return null;
-            validatedErrors.push(validated);
-        }
-    }
-    const validatedSource = validateSource(source);
-    if (validatedSource === null)
-        return null;
-    return {
-        version,
-        source: validatedSource,
-        features: validatedFeatures,
-        runtimeProfiles: validatedProfiles,
-        defaultRuntime,
-        agents: validatedAgents,
-        ui: {
-            diagnostics: {
-                mode: uiDiagMode,
-            },
-        },
-        warnings: validatedWarnings,
-        errors: validatedErrors,
-    };
-}
-function validateConfigCatalogData(raw) {
-    if (!isRecord(raw))
-        return null;
-    if (!Object.hasOwn(raw, "profiles"))
-        return null;
-    const profiles = raw.profiles;
-    if (!Array.isArray(profiles))
-        return null;
-    const validatedProfiles = [];
-    for (const p of profiles) {
-        const validated = validateRedactedRuntimeProfileSummary(p);
-        if (validated === null)
-            return null;
-        validatedProfiles.push(validated);
-    }
-    // Validate optional errors array
-    let validatedErrors;
-    if (Object.hasOwn(raw, "errors") && raw.errors !== undefined) {
-        if (!Array.isArray(raw.errors))
-            return null;
-        validatedErrors = [];
-        for (const e of raw.errors) {
-            const validated = validateConfigError(e);
-            if (validated === null)
-                return null;
-            validatedErrors.push(validated);
-        }
-    }
-    return { profiles: validatedProfiles, errors: validatedErrors };
-}
-// ── Readiness tag styling ────────────────────────────────────────────────────
-function readinessTagClasses(readiness) {
-    const base = "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase";
-    switch (readiness) {
-        case "ready":
-            return base;
-        case "needs_setup":
-            return base.replace("border-line", "border-amber/35").replace("text-ink-3", "text-amber");
-        case "not_ready":
-            // SPEC-PD-UIUX-001 R5: bare `red` utilities have no matching theme token
-            // (silently unstyled) — use the registered danger token.
-            return base.replace("border-line", "border-danger/35").replace("text-ink-3", "text-danger");
-        default:
-            return base;
-    }
-}
-// ── Sub-components ───────────────────────────────────────────────────────────
-/**
- * CompactStatusBar — 紧凑状态条（替代 OverallStatusCard）
- *
- * 取自原型 control-center.html 第 153-168 行。一行展示：
- * 已启用 N/M · 未就绪 N 项 · 核心管道 状态 · [需配置] pill
- *
- * 核心管道状态 = core_trio + code_chain 中已启用代理的就绪情况：
- * - paralyzed: core_trio 任一 disabled 或有 not_ready
- * - degraded: 有 needs_setup
- * - ok: 全 ready
- *
- * rc-2: 用 Object.hasOwn 守卫 agent.name 查 AGENT_METADATA（无 as 绕过）
- */
-function CompactStatusBar({ readiness, agents, }) {
-    const { t } = useTranslation();
-    const enabledCount = agents.filter((a) => a.enabled).length;
-    const totalCount = agents.length;
-    const notReadyCount = agents.filter((a) => a.enabled && a.readiness !== "ready").length;
-    // 核心管道状态：core_trio + code_chain 中已启用代理
-    // rc-2: 用 isKnownAgentName 类型守卫缩窄，不用 as 绕过
-    const coreAgents = agents.filter((a) => {
-        if (!isKnownAgentName(a.name))
-            return false;
-        const meta = AGENT_METADATA[a.name];
-        return meta.group === "core_trio" || meta.group === "code_chain";
-    });
-    const enabledCoreAgents = coreAgents.filter((a) => a.enabled);
-    const coreTrioAgents = coreAgents.filter((a) => {
-        if (!isKnownAgentName(a.name))
-            return false;
-        const meta = AGENT_METADATA[a.name];
-        return meta.group === "core_trio";
-    });
-    const codeChainAgents = coreAgents.filter((a) => {
-        if (!isKnownAgentName(a.name))
-            return false;
-        const meta = AGENT_METADATA[a.name];
-        return meta.group === "code_chain";
-    });
-    const coreTrioAnyDisabled = coreTrioAgents.some((a) => !a.enabled);
-    const codeChainAnyDisabled = codeChainAgents.some((a) => !a.enabled);
-    const coreAnyNotReady = enabledCoreAgents.some((a) => a.readiness === "not_ready");
-    const coreAnyNeedsSetup = enabledCoreAgents.some((a) => a.readiness === "needs_setup");
-    // 状态优先级（per AGENT_METADATA.impactZh）:
-    // - paralyzed: core_trio 任一 disabled 或 enabled 但 not_ready
-    //   （core_trio 是入口，关掉任何一个整个管道瘫痪）
-    // - degraded: code_chain 任一 disabled（降级运行，非瘫痪）
-    //             或 enabled 但 needs_setup
-    // - ok: 全 ready
-    //
-    // needsConfig 标记仅用于 readiness 异常（not_ready / needs_setup），
-    // 不用于主动 disabled — 主动 disable 是 owner 的有意决策，不是配置缺失。
-    let corePipelineKey;
-    const needsConfig = coreAnyNotReady || coreAnyNeedsSetup;
-    if (coreTrioAnyDisabled || coreAnyNotReady) {
-        corePipelineKey = "pages.controlCenter.status.corePipelineParalyzed";
-    }
-    else if (codeChainAnyDisabled || coreAnyNeedsSetup) {
-        corePipelineKey = "pages.controlCenter.status.corePipelineDegraded";
-    }
-    else {
-        corePipelineKey = "pages.controlCenter.status.corePipelineOk";
-    }
-    return (_jsxs("div", { className: "mt-5 px-[16px] py-[11px] bg-surface border border-line-2 rounded-[4px] flex items-center gap-[16px] text-[12.5px] text-ink-3 flex-wrap", children: [_jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase tracking-[0.04em]", children: t("pages.controlCenter.status.enabled") }), _jsxs("span", { className: "text-ink font-semibold", children: [_jsx("span", { className: "font-mono", children: enabledCount }), " /", " ", _jsx("span", { className: "font-mono", children: totalCount })] })] }), _jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase tracking-[0.04em]", children: t("pages.controlCenter.status.notReady") }), _jsx("span", { className: "text-ink font-semibold", children: _jsx("span", { className: "font-mono", children: notReadyCount }) })] }), _jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase tracking-[0.04em]", children: t("pages.controlCenter.status.corePipeline") }), _jsx("span", { className: "text-ink font-semibold", children: t(corePipelineKey) })] }), needsConfig && (_jsx("span", { className: "ml-auto px-[9px] py-[3px] rounded-[2px] text-[10.5px] font-mono tracking-[0.02em] font-medium border border-amber text-amber bg-amber/10", children: t("pages.controlCenter.status.needsConfig") }))] }));
-}
-function DefaultRuntimeSelector({ currentDefault, profiles, onDefaultChange, saving, }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] px-[18px] py-[14px]", children: [_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.controlCenter.defaultRuntimeDescription") }), _jsx("select", { value: currentDefault, onChange: (e) => {
-                    onDefaultChange(e.target.value);
-                }, disabled: saving, className: "bg-surface border border-line rounded-[3px] px-3 py-[6px] text-[12.5px] text-ink focus:outline-none focus:border-gov disabled:opacity-50 min-w-[200px]", "aria-label": t("pages.controlCenter.defaultRuntime"), children: profiles.map((p) => (_jsxs("option", { value: p.id, children: [p.label, " \u2014 ", enumLabel('readiness', p.readiness, t)] }, p.id))) }), saving && (_jsx("span", { className: "ml-3 text-ink-3 text-[12px]", children: t("pages.controlCenter.saving") }))] }));
-}
-function AdvancedDiagnostics({ config, }) {
-    const { t } = useTranslation();
-    const [copied, setCopied] = useState(false);
-    const diagnostics = {
-        version: config.version,
-        source: config.source,
-        features: config.features,
-        runtimeProfiles: config.runtimeProfiles,
-        defaultRuntime: config.defaultRuntime,
-        agents: config.agents,
-        ui: config.ui,
-        warnings: config.warnings,
-        errors: config.errors,
-    };
-    const handleCopy = useCallback(() => {
-        const text = redactDiagnosticsForCopy(diagnostics);
-        navigator.clipboard.writeText(text).then(() => {
-            setCopied(true);
-            toast.success(t("pages.controlCenter.copyDiagnostics"));
-            setTimeout(() => setCopied(false), 2000);
-        }, () => {
-            toast.error(t("pages.controlCenter.saveFailed"));
-        });
-    }, [diagnostics, t]);
-    const grouped = groupAgentsByReadiness(diagnostics);
-    return (_jsxs("details", { className: "group", children: [_jsx("summary", { className: "text-ink-3 text-[13px] cursor-pointer hover:text-ink-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.controlCenter.advancedDiagnostics") }), _jsxs("div", { className: "mt-4 space-y-5", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.features") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2", children: config.features.length === 0 ? (_jsx("span", { className: "text-ink-4 text-[13px]", children: "\u2014" })) : (_jsx("div", { className: "space-y-1", children: config.features.map((f) => (_jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [_jsx("span", { className: "text-ink-2", children: enumLabel('featureId', f.id, t) }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: "text-ink-3", children: enumLabel('featureCategory', f.category, t) }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: f.enabled ? "text-ink-2" : "text-ink-4 line-through", children: f.enabled
-                                                    ? t("pages.controlCenter.on")
-                                                    : t("pages.controlCenter.off") })] }, f.id))) })) })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.runtimeProfiles") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2", children: config.runtimeProfiles.length === 0 ? (_jsx("span", { className: "text-ink-4 text-[13px]", children: "\u2014" })) : (_jsx("div", { className: "space-y-1", children: config.runtimeProfiles.map((p) => (_jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [_jsx("span", { className: "text-ink-2", children: p.label }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: "text-ink-3", children: p.type }), _jsx("span", { className: readinessTagClasses(p.readiness), children: enumLabel('readiness', p.readiness, t) })] }, p.id))) })) })] }), config.warnings.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.warnings") }), _jsx("div", { className: "bg-surface/60 border border-amber/20 border-l-2 border-l-amber rounded-[6px] px-3 py-2", children: _jsx("ul", { className: "space-y-1", children: config.warnings.map((w, i) => (_jsx("li", { className: "text-ink-2 text-[13px]", children: w }, i))) }) })] })), config.errors && config.errors.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.configErrors") }), _jsx("div", { className: "bg-surface/60 border border-danger/20 border-l-2 border-l-danger rounded-[6px] px-3 py-2", children: _jsx("ul", { className: "space-y-2", children: config.errors.map((e, i) => (_jsxs("li", { className: "text-[13px]", children: [_jsx("span", { className: "text-ink font-medium", children: e.path }), _jsx("span", { className: "text-ink-4", children: " \u2014 " }), _jsx("span", { className: "text-ink-2", children: e.reason }), _jsxs("div", { className: "text-ink-3 text-[12px] mt-0.5", children: ["\u2192 ", e.nextAction] })] }, i))) }) })] })), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.readinessLabel") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2 space-y-2", children: Object.keys(grouped).map((status) => {
-                                    const validatedStatus = validateReadinessStatus(status);
-                                    if (validatedStatus === null)
-                                        return null;
-                                    const agentsInGroup = grouped[validatedStatus];
-                                    if (agentsInGroup.length === 0)
-                                        return null;
-                                    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: readinessTagClasses(validatedStatus), children: enumLabel('readiness', validatedStatus, t) }), _jsx("span", { className: "text-ink-3 text-[13px]", children: agentsInGroup.map((a) => a.name).join(", ") })] }, validatedStatus));
-                                }) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { type: "button", onClick: handleCopy, className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: copied ? "✓" : t("pages.controlCenter.copyDiagnostics") }), _jsx("span", { className: "text-ink-4 text-[12px]", children: t("pages.controlCenter.redactedNote") })] })] })] }));
-}
-export function ControlCenterPage() {
-    const { t, i18n } = useTranslation();
-    const [configData, setConfigData] = useState(null);
-    const [catalogData, setCatalogData] = useState(null);
-    const [loadingState, setLoadingState] = useState("loading");
-    const [errorMessage, setErrorMessage] = useState(null);
-    const [savingAgent, setSavingAgent] = useState(null);
-    const [savingDefault, setSavingDefault] = useState(false);
-    const loadData = useCallback(async () => {
-        setLoadingState("loading");
-        setErrorMessage(null);
-        const [summaryResult, catalogResult] = await Promise.all([
-            fetchConfigSummary(),
-            fetchConfigCatalog(),
-        ]);
-        // Validate summary data (H section / ERR-001/005/009)
-        if (!summaryResult.success) {
-            setLoadingState("error");
-            setErrorMessage(summaryResult.error);
-            return;
-        }
-        const validatedSummary = validateConfigSummaryData(summaryResult.data);
-        if (validatedSummary === null) {
-            setLoadingState("error");
-            setErrorMessage("Config summary data has unexpected shape");
-            return;
-        }
-        setConfigData(validatedSummary);
-        // Validate catalog data (ERR-002: degradation with reason)
-        if (!catalogResult.success) {
-            // Non-fatal: catalog is only needed for profile dropdowns
-            setCatalogData(null);
-        }
-        else {
-            const validatedCatalog = validateConfigCatalogData(catalogResult.data);
-            setCatalogData(validatedCatalog);
-        }
-        setLoadingState("loaded");
-    }, []);
-    useEffect(() => {
-        loadData();
-    }, [loadData]);
-    const handleBindingChange = useCallback(async (agentName, runtimeProfile, enabled) => {
-        setSavingAgent(agentName);
-        const result = await updateAgentBinding(agentName, runtimeProfile, enabled);
-        setSavingAgent(null);
-        if (!result.success) {
-            toast.error(t("pages.controlCenter.saveFailed"));
-            return;
-        }
-        // Refresh config data after successful update
-        await loadData();
-    }, [loadData, t]);
-    const handleDefaultRuntimeChange = useCallback(async (profileId) => {
-        setSavingDefault(true);
-        const result = await updateDefaultRuntime(profileId);
-        setSavingDefault(false);
-        if (!result.success) {
-            toast.error(t("pages.controlCenter.saveFailed"));
-            return;
-        }
-        // Refresh config data after successful update
-        await loadData();
-    }, [loadData, t]);
-    // ── Loading state ────────────────────────────────────────────────────────
-    if (loadingState === "loading") {
-        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 3, label: t("common.loading") }) }));
-    }
-    // ── Error state (ERR-002: degradation with reason) ───────────────────────
-    if (loadingState === "error") {
-        return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.controlCenter.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.controlCenter.title") }), _jsxs("div", { className: "mt-6 p-4 bg-panel border border-line rounded-[6px] text-ink-2 text-sm", children: [_jsx("p", { children: t("pages.controlCenter.loadError") }), errorMessage && (_jsx("p", { className: "mt-2 text-ink-4 text-[13px] font-mono", children: errorMessage }))] })] }));
-    }
-    // ── Loaded state ─────────────────────────────────────────────────────────
-    if (configData === null) {
-        return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.controlCenter.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.controlCenter.title") }), _jsx("div", { className: "mt-6 p-4 bg-panel border border-line rounded-[6px] text-ink-2 text-sm", children: _jsx("p", { children: t("pages.controlCenter.loadError") }) })] }));
-    }
-    const diagnostics = {
-        version: configData.version,
-        source: configData.source,
-        features: configData.features,
-        runtimeProfiles: configData.runtimeProfiles,
-        defaultRuntime: configData.defaultRuntime,
-        agents: configData.agents,
-        ui: configData.ui,
-        warnings: configData.warnings,
-        errors: configData.errors,
-    };
-    const overallReadiness = computeOverallReadiness(diagnostics);
-    const availableProfiles = catalogData?.profiles ?? configData.runtimeProfiles;
-    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.controlCenter.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.controlCenter.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.controlCenter.subtitle") }), _jsx(WorkflowDiagram, {}), _jsx(CompactStatusBar, { readiness: overallReadiness, agents: configData.agents }), _jsx(DesignGatePanel, {}), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-agents", children: [_jsx(SectionTitle, { id: "section-agents", children: t("pages.controlCenter.internalAgents") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.controlCenter.internalAgentsDescription") }), _jsx("p", { className: overallReadiness === "ready"
-                                ? "text-ink-4 text-[13px] leading-relaxed mb-3"
-                                : "text-amber text-[13px] leading-relaxed mb-3", children: t(CONFIG_READINESS_KEY[overallReadiness]) }), (() => {
-                            const { groups, unknown } = groupAgentsByDependency(configData.agents);
-                            const locale = i18n.language.startsWith("en")
-                                ? "en"
-                                : "zh-CN";
-                            return (_jsxs(_Fragment, { children: [AGENT_GROUPS.map((groupMeta) => (_jsx(AgentGroup, { groupMeta: groupMeta, agents: (groups[groupMeta.id] ?? []).filter((a) => a.name !== AGENT_METADATA.signalCollector.name), profiles: availableProfiles, onBindingChange: handleBindingChange, saving: savingAgent, locale: locale }, groupMeta.id))), unknown.length > 0 && (_jsx("div", { className: "mt-3 px-3 py-2 border border-amber/30 border-l-2 border-l-amber rounded-[4px] bg-amber/10 text-[12.5px] text-ink-3", children: t("pages.controlCenter.unknownAgentsWarning", {
-                                            count: unknown.length,
-                                            names: unknown.map((a) => a.name).join(", "),
-                                        }) }))] }));
-                        })()] }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-default-runtime", children: [_jsx(SectionTitle, { id: "section-default-runtime", children: t("pages.controlCenter.defaultRuntime") }), _jsx(DefaultRuntimeSelector, { currentDefault: configData.defaultRuntime, profiles: availableProfiles, onDefaultChange: handleDefaultRuntimeChange, saving: savingDefault })] }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-runtime-profiles", children: [_jsx(SectionTitle, { id: "section-runtime-profiles", children: t("pages.controlCenter.profiles.sectionTitle") }), _jsx(RuntimeProfileManager, { profiles: availableProfiles, defaultRuntimeId: configData.defaultRuntime, onMutated: loadData })] }), _jsx("section", { className: "mt-8", "aria-labelledby": "section-diagnostics", children: _jsx(AdvancedDiagnostics, { config: configData }) }), _jsx("p", { className: "mt-10 pt-[18px] border-t border-line-2 text-ink-4 text-[12px] leading-[1.6] max-w-[60ch] font-mono", children: t("pages.controlCenter.footerNote") })] }) }));
-}

package/console/dist/ui/pages/control-center/DesignGatePanel.d.ts

@@ -1 +0,0 @@
-export declare function DesignGatePanel(): import("react").JSX.Element;