create-principles-disciple 1.146.3 → 1.146.6

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

@@ -1,137 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { SectionTitle } from "../../components/layout/section-title.js";
-import { createDesignGateDeclaration, fetchDesignGateDeclaration, fetchDesignGateSessions, revokeDesignGateDeclaration, updateDesignGateDecision, } from "../../api.js";
-const decisionTranslationKey = {
-    approved: "approved",
-    not_approved: "notApproved",
-    not_required: "notRequired",
-};
-const actionTranslationKey = {
-    read: "read",
-    write: "write",
-    execute: "execute",
-};
-function sessionKey(session) {
-    return `${session.projectWorkspacePath}\u001f${session.hostSessionId}`;
-}
-function parsePaths(value) {
-    return value.split(/\r?\n/).map((path) => path.trim()).filter(Boolean);
-}
-function errorFromResponse(response) {
-    return { error: response.error, nextAction: response.nextAction, status: response.status };
-}
-function fieldClass() {
-    return "mt-1 w-full rounded-[4px] border border-line bg-surface px-3 py-2 text-[13px] text-ink focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2";
-}
-function actionButtonClass() {
-    return "rounded-[4px] border border-line px-3 py-2 text-[12.5px] font-medium text-ink transition-colors hover:border-line-2 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
-}
-export function DesignGatePanel() {
-    const { t } = useTranslation();
-    const [sessions, setSessions] = useState([]);
-    const [selectedKey, setSelectedKey] = useState("");
-    const [declaration, setDeclaration] = useState(null);
-    const [sessionsLoading, setSessionsLoading] = useState(true);
-    const [declarationLoading, setDeclarationLoading] = useState(false);
-    const [pending, setPending] = useState(false);
-    const [error, setError] = useState(null);
-    const [specPath, setSpecPath] = useState("");
-    const [scopePaths, setScopePaths] = useState("");
-    const [scopeActions, setScopeActions] = useState(["write", "execute"]);
-    const [newDecision, setNewDecision] = useState("not_approved");
-    const declarationRequest = useRef(0);
-    const selectedSession = useMemo(() => sessions.find((session) => sessionKey(session) === selectedKey) ?? null, [sessions, selectedKey]);
-    const loadSessions = useCallback(async () => {
-        setSessionsLoading(true);
-        setError(null);
-        const result = await fetchDesignGateSessions();
-        setSessionsLoading(false);
-        if (!result.success) {
-            setError(errorFromResponse(result));
-            return;
-        }
-        setSessions(result.data.sessions);
-        setSelectedKey((current) => result.data.sessions.some((session) => sessionKey(session) === current)
-            ? current
-            : result.data.sessions[0] ? sessionKey(result.data.sessions[0]) : "");
-    }, []);
-    const loadDeclaration = useCallback(async (session) => {
-        const requestNumber = ++declarationRequest.current;
-        setDeclarationLoading(true);
-        setError(null);
-        const result = await fetchDesignGateDeclaration(session.projectWorkspacePath, session.hostSessionId);
-        if (requestNumber !== declarationRequest.current)
-            return;
-        setDeclarationLoading(false);
-        if (!result.success) {
-            setError(errorFromResponse(result));
-            setDeclaration(null);
-            return;
-        }
-        setDeclaration(result.data.declaration);
-    }, []);
-    useEffect(() => { void loadSessions(); }, [loadSessions]);
-    useEffect(() => {
-        if (selectedSession)
-            void loadDeclaration(selectedSession);
-        else {
-            declarationRequest.current += 1;
-            setDeclarationLoading(false);
-            setDeclaration(null);
-        }
-    }, [selectedSession, loadDeclaration]);
-    const runMutation = useCallback(async (mutation) => {
-        setPending(true);
-        setError(null);
-        const result = await mutation();
-        setPending(false);
-        if (!result.success) {
-            const failure = errorFromResponse(result);
-            setError(failure);
-            if (result.status === 409 && selectedSession) {
-                await loadDeclaration(selectedSession);
-                setError(failure);
-            }
-            return;
-        }
-        if (!result.data.declaration) {
-            setError({ error: t("pages.controlCenter.designGate.invalidMutationResponse") });
-            return;
-        }
-        setDeclaration(result.data.declaration);
-    }, [loadDeclaration, selectedSession, t]);
-    const createDeclaration = useCallback(async () => {
-        if (!selectedSession)
-            return;
-        const paths = parsePaths(scopePaths);
-        if (!specPath.trim() || paths.length === 0 || scopeActions.length === 0) {
-            setError({ error: t("pages.controlCenter.designGate.requiredFields") });
-            return;
-        }
-        await runMutation(() => createDesignGateDeclaration({
-            projectWorkspacePath: selectedSession.projectWorkspacePath,
-            hostSessionId: selectedSession.hostSessionId,
-            specPath: specPath.trim(),
-            scope: { paths, actions: scopeActions },
-            decision: newDecision,
-        }));
-    }, [newDecision, runMutation, scopeActions, scopePaths, selectedSession, specPath, t]);
-    const mutateDecision = useCallback((decision) => {
-        if (!declaration)
-            return;
-        void runMutation(() => updateDesignGateDecision(declaration.sourceRef, declaration.revision, decision));
-    }, [declaration, runMutation]);
-    const revoke = useCallback(() => {
-        if (!declaration)
-            return;
-        void runMutation(() => revokeDesignGateDeclaration(declaration.sourceRef, declaration.revision));
-    }, [declaration, runMutation]);
-    const disabled = pending || declarationLoading || sessionsLoading;
-    return (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-design-gate", children: [_jsx(SectionTitle, { id: "section-design-gate", children: t("pages.controlCenter.designGate.title") }), _jsx("p", { className: "mb-4 max-w-[68ch] text-[13px] leading-relaxed text-ink-3", children: t("pages.controlCenter.designGate.description") }), error && (_jsxs("div", { role: "alert", className: "mb-4 rounded-[4px] border border-amber/30 border-l-2 border-l-amber bg-amber/10 p-3 text-[12.5px] text-ink-2", children: [_jsx("p", { children: error.error }), error.nextAction && _jsx("p", { className: "mt-1 text-ink-3", children: error.nextAction }), error.status === 409 && selectedSession && (_jsx("button", { type: "button", className: "mt-2 underline", disabled: disabled, onClick: () => void loadDeclaration(selectedSession), children: t("pages.controlCenter.designGate.refresh") }))] })), sessionsLoading ? (_jsx("p", { className: "text-[13px] text-ink-3", children: t("pages.controlCenter.designGate.loadingSessions") })) : sessions.length === 0 ? (_jsxs("div", { className: "rounded-[4px] border border-line bg-panel p-4 text-[13px] text-ink-3", children: [_jsx("p", { children: t("pages.controlCenter.designGate.noSessions") }), _jsx("button", { type: "button", className: `${actionButtonClass()} mt-3`, disabled: disabled, onClick: () => void loadSessions(), children: t("pages.controlCenter.designGate.refresh") })] })) : (_jsxs("div", { className: "space-y-4 rounded-[4px] border border-line bg-panel p-4", children: [_jsxs("label", { className: "block text-[12.5px] font-medium text-ink", children: [t("pages.controlCenter.designGate.nativeSession"), _jsx("select", { className: fieldClass(), value: selectedKey, disabled: disabled, onChange: (event) => setSelectedKey(event.currentTarget.value), children: sessions.map((session) => (_jsxs("option", { value: sessionKey(session), children: [session.projectWorkspacePath, " \u00B7 ", session.hostSessionId] }, sessionKey(session)))) })] }), declarationLoading ? (_jsx("p", { className: "text-[13px] text-ink-3", children: t("pages.controlCenter.designGate.loadingDeclaration") })) : declaration && !declaration.revoked ? (_jsxs("div", { className: "space-y-3", "aria-live": "polite", children: [_jsxs("div", { className: "grid gap-2 rounded-[4px] border border-line-2 bg-surface p-3 text-[12.5px]", children: [_jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.decision") }), " ", t(`pages.controlCenter.designGate.decisions.${decisionTranslationKey[declaration.decision]}`), declaration.revoked ? ` · ${t("pages.controlCenter.designGate.revoked")}` : ""] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.revision") }), " ", declaration.revision] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.spec") }), " ", _jsx("span", { className: "break-all font-mono", children: declaration.specPath })] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.specDigest") }), " ", _jsx("span", { className: "break-all font-mono", children: declaration.specDigest })] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.scopePaths") }), " ", _jsx("span", { className: "font-mono", children: declaration.scope.paths.join(", ") })] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.scopeActions") }), " ", declaration.scope.actions.map((action) => t(`pages.controlCenter.designGate.actions.${actionTranslationKey[action]}`)).join(", ")] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.owner") }), " ", _jsx("span", { className: "font-mono", children: declaration.actor.ownerId })] }), _jsxs("p", { children: [_jsx("strong", { children: t("pages.controlCenter.designGate.decidedAt") }), " ", declaration.decidedAt] })] }), _jsx("p", { className: "border-l-2 border-amber pl-3 text-[12.5px] leading-relaxed text-ink-3", children: t("pages.controlCenter.designGate.semanticLimit") }), !declaration.revoked && (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("button", { type: "button", className: actionButtonClass(), disabled: disabled || declaration.decision === "approved", onClick: () => mutateDecision("approved"), children: pending ? t("pages.controlCenter.designGate.saving") : t("pages.controlCenter.designGate.approve") }), _jsx("button", { type: "button", className: actionButtonClass(), disabled: disabled || declaration.decision === "not_approved", onClick: () => mutateDecision("not_approved"), children: t("pages.controlCenter.designGate.markPending") }), _jsx("button", { type: "button", className: actionButtonClass(), disabled: disabled, onClick: revoke, children: t("pages.controlCenter.designGate.revoke") })] }))] })) : (_jsxs("div", { className: "space-y-3 border-t border-line pt-4", children: [declaration?.revoked && (_jsxs("div", { className: "rounded-[4px] border border-line-2 bg-surface p-3 text-[12.5px] text-ink-3", children: [_jsx("p", { children: t("pages.controlCenter.designGate.revokedLatest", { revision: declaration.revision }) }), _jsxs("p", { className: "mt-1 break-all font-mono", children: [declaration.specPath, " \u00B7 ", declaration.scope.paths.join(", ")] })] })), _jsx("p", { className: "text-[12.5px] text-ink-3", children: t("pages.controlCenter.designGate.noDeclaration") }), _jsxs("label", { className: "block text-[12.5px] font-medium text-ink", children: [t("pages.controlCenter.designGate.specPath"), _jsx("input", { className: fieldClass(), value: specPath, onChange: (event) => setSpecPath(event.currentTarget.value), placeholder: t("pages.controlCenter.designGate.specPathHint"), disabled: disabled })] }), _jsxs("label", { className: "block text-[12.5px] font-medium text-ink", children: [t("pages.controlCenter.designGate.scopePathsInput"), _jsx("textarea", { className: fieldClass(), rows: 3, value: scopePaths, onChange: (event) => setScopePaths(event.currentTarget.value), placeholder: t("pages.controlCenter.designGate.scopePathsHint"), disabled: disabled })] }), _jsx("p", { className: "-mt-2 text-[12px] leading-relaxed text-ink-4", children: t("pages.controlCenter.designGate.scopePathsHelp") }), _jsxs("fieldset", { disabled: disabled, children: [_jsx("legend", { className: "text-[12.5px] font-medium text-ink", children: t("pages.controlCenter.designGate.scopeActionsInput") }), _jsx("div", { className: "mt-2 flex flex-wrap gap-4", children: ["read", "write", "execute"].map((action) => (_jsxs("label", { className: "flex items-center gap-2 text-[12.5px] text-ink-2", children: [_jsx("input", { type: "checkbox", checked: scopeActions.includes(action), onChange: (event) => setScopeActions((current) => event.currentTarget.checked ? [...current, action] : current.filter((entry) => entry !== action)) }), t(`pages.controlCenter.designGate.actions.${actionTranslationKey[action]}`)] }, action))) })] }), _jsxs("label", { className: "block text-[12.5px] font-medium text-ink", children: [t("pages.controlCenter.designGate.initialDecision"), _jsx("select", { className: fieldClass(), value: newDecision, onChange: (event) => {
-                                            const value = event.currentTarget.value;
-                                            if (value === "approved" || value === "not_approved" || value === "not_required")
-                                                setNewDecision(value);
-                                        }, disabled: disabled, children: ["not_approved", "approved", "not_required"].map((decision) => (_jsx("option", { value: decision, children: t(`pages.controlCenter.designGate.decisions.${decisionTranslationKey[decision]}`) }, decision))) })] }), _jsx("p", { className: "text-[12px] leading-relaxed text-ink-4", children: t("pages.controlCenter.designGate.semanticLimit") }), _jsx("button", { type: "button", className: actionButtonClass(), disabled: disabled, onClick: () => void createDeclaration(), children: pending ? t("pages.controlCenter.designGate.saving") : t("pages.controlCenter.designGate.create") })] }))] }))] }));
-}

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

@@ -1,31 +0,0 @@
-import type { RedactedRuntimeProfileSummary } from "../../api.js";
-/**
- * RuntimeProfileManager — runtime profile CRUD UI.
- *
- * Renders a table of all runtime profiles with Create / Edit / Delete actions.
- * The form is an inline panel (not a modal) to match the subtle, restrained
- * aesthetic of AgentCard. Delete uses an inline confirmation bar.
- *
- * rc 合规:
- * - rc-1: profiles 已由父组件 (ControlCenterPage) 用 validateRuntimeProfileSummary
- *   验证；本组件不再重新解析。
- * - rc-2: 无 as 绕过 — 表单 state 用强类型 ProfileFormState，API 响应用
- *   validateRuntimeProfileMutation 校验。
- * - rc-3: 必填字段 (id / pi-ai 的 provider/model/apiKeyEnv) 缺失时 fail loud，
- *   显示内联校验错误，不发请求。
- * - rc-9: API 失败时通过 toast + 内联错误消息展示原因，不静默。
- *
- * 品牌约束 (PRI-CR1 B.4.4):
- * - 无 translateY / scale hover，无硬编码色值
- * - 状态点色板与 AgentCard 一致 (ready=green, needs_setup/not_ready/unknown=amber,
- *   disabled=ink-4)
- */
-interface RuntimeProfileManagerProps {
-    profiles: RedactedRuntimeProfileSummary[];
-    /** ID of the profile currently set as defaultRuntime (cannot be deleted). */
-    defaultRuntimeId: string;
-    /** Called after a successful create/update/delete so the parent re-fetches. */
-    onMutated: () => void;
-}
-export declare function RuntimeProfileManager({ profiles, defaultRuntimeId, onMutated, }: RuntimeProfileManagerProps): import("react").JSX.Element;
-export {};

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

@@ -1,199 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { toast } from "sonner";
-import { cn } from "../../../lib/utils.js";
-import { enumLabel } from "../../utils/enum-labels.js";
-import { createRuntimeProfile, updateRuntimeProfile, deleteRuntimeProfile, } from "../../api.js";
-const EMPTY_FORM = {
-    id: "",
-    provider: "",
-    model: "",
-    apiKeyEnv: "",
-    baseUrl: "",
-};
-/** 状态点样式：与 AgentCard 一致 (ready=green, needs_setup/not_ready/unknown=amber, disabled=ink-4) */
-function readinessDotClasses(readiness) {
-    const base = "w-2 h-2 rounded-full border-2 shrink-0";
-    switch (readiness) {
-        case "ready":
-            return cn(base, "border-green bg-green");
-        case "needs_setup":
-        case "not_ready":
-        case "unknown":
-            return cn(base, "border-amber bg-surface");
-        case "disabled":
-            return cn(base, "border-ink-4 bg-surface opacity-50");
-        default:
-            return cn(base, "border-ink-4 bg-surface");
-    }
-}
-/**
- * Build the profile object for a create request.
- * Always pi-ai (ADR-0029); empty optional fields are omitted.
- */
-function buildCreateProfile(form) {
-    const profile = {
-        type: "pi-ai",
-        provider: form.provider.trim(),
-        model: form.model.trim(),
-        apiKeyEnv: form.apiKeyEnv.trim(),
-    };
-    if (form.baseUrl.trim() !== "") {
-        profile.baseUrl = form.baseUrl.trim();
-    }
-    return profile;
-}
-/**
- * Build the patch object for an update request.
- * Sends only pi-ai fields. Empty optionals are omitted so existing values are
- * preserved (merge-patch semantics on the server).
- */
-function buildUpdatePatch(form) {
-    const patch = {};
-    if (form.provider.trim() !== "")
-        patch.provider = form.provider.trim();
-    if (form.model.trim() !== "")
-        patch.model = form.model.trim();
-    if (form.apiKeyEnv.trim() !== "")
-        patch.apiKeyEnv = form.apiKeyEnv.trim();
-    if (form.baseUrl.trim() !== "")
-        patch.baseUrl = form.baseUrl.trim();
-    return patch;
-}
-/** Pre-fill form from an existing pi-ai profile summary (edit mode). */
-function formFromProfile(p) {
-    return {
-        id: p.id,
-        provider: p.provider ?? "",
-        model: p.model ?? "",
-        apiKeyEnv: p.apiKeyEnv ?? "",
-        baseUrl: "",
-    };
-}
-export function RuntimeProfileManager({ profiles, defaultRuntimeId, onMutated, }) {
-    const { t } = useTranslation();
-    const [mode, setMode] = useState("closed");
-    const [form, setForm] = useState(EMPTY_FORM);
-    const [formError, setFormError] = useState(null);
-    const [submitting, setSubmitting] = useState(false);
-    const [deleteTarget, setDeleteTarget] = useState(null);
-    const [deleting, setDeleting] = useState(false);
-    const [deleteError, setDeleteError] = useState(null);
-    const openCreate = () => {
-        setForm(EMPTY_FORM);
-        setFormError(null);
-        setMode("create");
-    };
-    const openEdit = (p) => {
-        setForm(formFromProfile(p));
-        setFormError(null);
-        setMode("edit");
-    };
-    const closeForm = () => {
-        setMode("closed");
-        setForm(EMPTY_FORM);
-        setFormError(null);
-    };
-    const handleFieldChange = (key, value) => {
-        setForm((prev) => ({ ...prev, [key]: value }));
-    };
-    /** Validate the form; returns an error message key suffix or null if valid. */
-    function validate() {
-        if (mode === "create" && form.id.trim() === "") {
-            return t("pages.controlCenter.profiles.validationIdRequired");
-        }
-        if (form.provider.trim() === "") {
-            return t("pages.controlCenter.profiles.validationProviderRequired");
-        }
-        if (form.model.trim() === "") {
-            return t("pages.controlCenter.profiles.validationModelRequired");
-        }
-        if (form.apiKeyEnv.trim() === "") {
-            return t("pages.controlCenter.profiles.validationApiKeyEnvRequired");
-        }
-        return null;
-    }
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        const validationError = validate();
-        if (validationError !== null) {
-            setFormError(validationError);
-            return;
-        }
-        setFormError(null);
-        setSubmitting(true);
-        if (mode === "create") {
-            const result = await createRuntimeProfile(form.id.trim(), buildCreateProfile(form));
-            setSubmitting(false);
-            if (!result.success) {
-                // rc-9: surface server error (e.g. "already exists", "validation failed")
-                setFormError(result.error);
-                toast.error(t("pages.controlCenter.profiles.operationFailed"));
-                return;
-            }
-            toast.success(t("pages.controlCenter.profiles.createSuccess"));
-            closeForm();
-            onMutated();
-            return;
-        }
-        // edit mode
-        const result = await updateRuntimeProfile(form.id, buildUpdatePatch(form));
-        setSubmitting(false);
-        if (!result.success) {
-            setFormError(result.error);
-            toast.error(t("pages.controlCenter.profiles.operationFailed"));
-            return;
-        }
-        toast.success(t("pages.controlCenter.profiles.updateSuccess"));
-        closeForm();
-        onMutated();
-    };
-    const handleDeleteConfirm = async () => {
-        if (deleteTarget === null)
-            return;
-        setDeleting(true);
-        setDeleteError(null);
-        const result = await deleteRuntimeProfile(deleteTarget);
-        setDeleting(false);
-        if (!result.success) {
-            // rc-9: surface reason (e.g. "referenced by agents: diagnostician")
-            setDeleteError(result.error);
-            toast.error(t("pages.controlCenter.profiles.operationFailed"));
-            return;
-        }
-        toast.success(t("pages.controlCenter.profiles.deleteSuccess"));
-        setDeleteTarget(null);
-        setDeleteError(null);
-        onMutated();
-    };
-    const handleDeleteCancel = () => {
-        setDeleteTarget(null);
-        setDeleteError(null);
-    };
-    const inputClass = "bg-surface border border-line-2 rounded-[3px] px-[10px] py-[6px] text-[12.5px] text-ink focus:outline-none focus:border-gov disabled:opacity-50 disabled:cursor-not-allowed w-full";
-    const labelClass = "block font-mono text-[10.5px] uppercase tracking-[0.04em] text-ink-4 mb-[4px]";
-    const hintClass = "mt-[3px] text-[11px] text-ink-4 leading-[1.4]";
-    return (_jsxs("div", { id: "runtime-profile-manager", className: "scroll-mt-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-[12px] mb-3", children: [_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed", children: t("pages.controlCenter.profiles.sectionDescription") }), mode === "closed" && (_jsx("button", { type: "button", onClick: openCreate, className: "shrink-0 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: t("pages.controlCenter.profiles.createButton") }))] }), mode !== "closed" && (_jsxs("form", { onSubmit: handleSubmit, className: "mb-[10px] bg-panel border border-line rounded-[6px] px-[16px] py-[14px]", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h4", { className: "text-[13px] font-semibold text-ink", children: mode === "create"
-                                    ? t("pages.controlCenter.profiles.formTitleCreate")
-                                    : t("pages.controlCenter.profiles.formTitleEdit", {
-                                        id: form.id,
-                                    }) }), _jsx("button", { type: "button", onClick: closeForm, className: "text-[12px] text-ink-4 hover:text-ink-2 transition-colors", children: t("pages.controlCenter.profiles.cancelButton") })] }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-x-[14px] gap-y-[12px]", children: [_jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-id", children: t("pages.controlCenter.profiles.fieldId") }), _jsx("input", { id: "rpf-id", type: "text", value: form.id, onChange: (e) => handleFieldChange("id", e.target.value), disabled: mode === "edit" || submitting, placeholder: t("pages.controlCenter.profiles.fieldIdPlaceholder"), className: inputClass, autoComplete: "off", spellCheck: false }), _jsx("p", { className: hintClass, children: t("pages.controlCenter.profiles.fieldIdHint") })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-provider", children: t("pages.controlCenter.profiles.fieldProvider") }), _jsx("input", { id: "rpf-provider", type: "text", value: form.provider, onChange: (e) => handleFieldChange("provider", e.target.value), disabled: submitting, placeholder: t("pages.controlCenter.profiles.fieldProviderPlaceholder"), className: inputClass, autoComplete: "off", spellCheck: false })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-model", children: t("pages.controlCenter.profiles.fieldModel") }), _jsx("input", { id: "rpf-model", type: "text", value: form.model, onChange: (e) => handleFieldChange("model", e.target.value), disabled: submitting, placeholder: t("pages.controlCenter.profiles.fieldModelPlaceholder"), className: inputClass, autoComplete: "off", spellCheck: false })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-apikeyenv", children: t("pages.controlCenter.profiles.fieldApiKeyEnv") }), _jsx("input", { id: "rpf-apikeyenv", type: "text", value: form.apiKeyEnv, onChange: (e) => handleFieldChange("apiKeyEnv", e.target.value), disabled: submitting, placeholder: t("pages.controlCenter.profiles.fieldApiKeyEnvPlaceholder"), className: cn(inputClass, "font-mono"), autoComplete: "off", spellCheck: false }), _jsx("p", { className: hintClass, children: t("pages.controlCenter.profiles.fieldApiKeyEnvHint") })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-baseurl", children: t("pages.controlCenter.profiles.fieldBaseUrl") }), _jsx("input", { id: "rpf-baseurl", type: "text", value: form.baseUrl, onChange: (e) => handleFieldChange("baseUrl", e.target.value), disabled: submitting, placeholder: t("pages.controlCenter.profiles.fieldBaseUrlPlaceholder"), className: inputClass, autoComplete: "off", spellCheck: false })] })] }), formError !== null && (_jsx("div", { className: "mt-3 px-[12px] py-[8px] border border-danger/35 rounded-[4px] bg-danger/10 text-[12px] text-danger font-mono", children: formError })), _jsxs("div", { className: "mt-3 flex items-center gap-[8px]", children: [_jsx("button", { type: "submit", disabled: submitting, className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: submitting
-                                    ? mode === "create"
-                                        ? t("pages.controlCenter.profiles.creating")
-                                        : t("pages.controlCenter.profiles.saving")
-                                    : t("pages.controlCenter.profiles.saveButton") }), _jsx("button", { type: "button", onClick: closeForm, disabled: submitting, className: "border border-line bg-surface text-ink-3 rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:border-line-2 hover:text-ink transition-colors disabled:opacity-50", children: t("pages.controlCenter.profiles.cancelButton") })] })] })), profiles.length === 0 ? (_jsx("div", { className: "bg-surface border border-line-2 rounded-[4px] px-[16px] py-[14px] text-[12.5px] text-ink-4 italic", children: t("pages.controlCenter.profiles.empty") })) : (_jsxs("div", { className: "bg-surface border border-line-2 rounded-[4px] overflow-hidden", children: [_jsxs("div", { className: "grid grid-cols-[12px_1fr_84px_1fr_1fr_1fr_auto] gap-[10px] items-center px-[16px] py-[9px] bg-paper-2 border-b border-line-2 font-mono text-[10.5px] uppercase tracking-[0.04em] text-ink-4", children: [_jsx("span", {}), _jsx("span", { children: t("pages.controlCenter.profiles.columnId") }), _jsx("span", { children: t("pages.controlCenter.profiles.columnType") }), _jsx("span", { children: t("pages.controlCenter.profiles.columnProvider") }), _jsx("span", { children: t("pages.controlCenter.profiles.columnModel") }), _jsx("span", { children: t("pages.controlCenter.profiles.columnApiKeyEnv") }), _jsx("span", { className: "text-right", children: t("pages.controlCenter.profiles.columnActions") })] }), profiles.map((p) => {
-                        const isDefault = p.id === defaultRuntimeId;
-                        const isDeleteTarget = deleteTarget === p.id;
-                        return (_jsxs("div", { className: "border-b border-line-2 last:border-b-0", children: [_jsxs("div", { className: "grid grid-cols-[12px_1fr_84px_1fr_1fr_1fr_auto] gap-[10px] items-center px-[16px] py-[10px] text-[12.5px]", children: [_jsx("div", { className: readinessDotClasses(p.readiness), "aria-label": enumLabel("readiness", p.readiness, t), title: enumLabel("readiness", p.readiness, t) }), _jsxs("div", { className: "min-w-0 flex items-center gap-[6px]", children: [_jsx("span", { className: "font-mono text-[12px] text-ink truncate", children: p.id }), isDefault && (_jsx("span", { className: "shrink-0 text-[9.5px] font-mono px-[5px] py-[1px] rounded-[2px] bg-gov/10 text-gov border border-gov/22 tracking-[0.02em]", children: "default" }))] }), _jsxs("span", { className: "font-mono text-[11.5px] text-ink-3 flex items-center gap-[5px]", children: [p.type, p.type === "openclaw" && (_jsx("span", { className: "text-[9.5px] font-mono px-[5px] py-[1px] rounded-[2px] bg-amber/10 text-amber border border-amber/22 tracking-[0.02em]", children: t("pages.controlCenter.profiles.retiredBadge") }))] }), _jsx("span", { className: "text-ink-3 truncate", children: p.provider ?? "—" }), _jsx("span", { className: "text-ink-3 truncate", children: p.model ?? "—" }), _jsx("span", { className: "font-mono text-[11.5px] text-ink-3 truncate", children: p.apiKeyEnv ?? "—" }), _jsxs("div", { className: "flex items-center justify-end gap-[6px]", children: [p.type !== "openclaw" && (_jsx("button", { type: "button", onClick: () => openEdit(p), disabled: mode !== "closed" || deleting, className: "text-[11.5px] px-[10px] py-[4px] rounded-[3px] border border-line bg-surface text-ink-3 hover:border-line-2 hover:text-ink transition-colors disabled:opacity-40 disabled:cursor-not-allowed", children: t("pages.controlCenter.profiles.editButton") })), _jsx("button", { type: "button", onClick: () => {
-                                                        setDeleteTarget(p.id);
-                                                        setDeleteError(null);
-                                                    }, disabled: mode !== "closed" ||
-                                                        deleting ||
-                                                        deleteTarget !== null, className: "text-[11.5px] px-[10px] py-[4px] rounded-[3px] border border-line bg-surface text-ink-3 hover:border-danger/40 hover:text-danger transition-colors disabled:opacity-40 disabled:cursor-not-allowed", children: t("pages.controlCenter.profiles.deleteButton") })] })] }), isDeleteTarget && (_jsx("div", { className: "px-[16px] pb-[12px]", children: _jsxs("div", { className: "px-[12px] py-[10px] border border-danger rounded-[4px] bg-danger/10 text-[12px] text-ink-2 leading-[1.55]", children: [_jsx("div", { className: "font-medium", children: t("pages.controlCenter.profiles.deleteConfirmMessage", {
-                                                    id: p.id,
-                                                }) }), isDefault && (_jsx("div", { className: "mt-1 text-ink-3", children: t("pages.controlCenter.profiles.sectionDescription") })), deleteError !== null && (_jsx("div", { className: "mt-2 font-mono text-[11.5px] text-danger", children: deleteError })), _jsxs("div", { className: "mt-2 flex gap-[8px]", children: [_jsx("button", { type: "button", onClick: handleDeleteConfirm, disabled: deleting, className: "text-[11.5px] px-[12px] py-[4px] rounded-[3px] border border-transparent bg-danger text-paper font-medium hover:opacity-90 transition-opacity disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: deleting
-                                                            ? t("pages.controlCenter.profiles.deleting")
-                                                            : t("pages.controlCenter.profiles.deleteConfirmAck") }), _jsx("button", { type: "button", onClick: handleDeleteCancel, disabled: deleting, className: "text-[11.5px] px-[12px] py-[4px] rounded-[3px] border border-line bg-transparent text-ink-3 hover:border-line-2 transition-colors disabled:opacity-50", children: t("pages.controlCenter.profiles.deleteConfirmCancel") })] })] }) }))] }, p.id));
-                    })] }))] }));
-}

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

@@ -1,17 +0,0 @@
-/**
- * WorkflowDiagram — PD 行为回路 4 阶段图
- *
- * 纯展示组件，所有文本来自 i18n。Phase 03（Owner 审批）用虚线边框 +
- * gov 色调高亮，强调"人在治理中心"（品牌 Principle 3）。
- *
- * 视觉规格取自 design-prototype/control-center.html 第 115-151 行。
- *
- * rc 合规：
- * - rc-1: 纯展示组件，消费 i18n 字符串（已受控），无 untrusted 数据
- * - rc-8: 无 JSON 序列化路径
- *
- * 品牌约束（PRI-CR1 B.4.4）：
- * - 禁止 translateY / scale hover 效果（仅 rotate 允许用于箭头朝向）
- * - 无硬编码十六进制色值，全用 token
- */
-export declare function WorkflowDiagram(): import("react").JSX.Element;

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { ChevronRight, RefreshCw } from "lucide-react";
-/**
- * WorkflowDiagram — PD 行为回路 4 阶段图
- *
- * 纯展示组件，所有文本来自 i18n。Phase 03（Owner 审批）用虚线边框 +
- * gov 色调高亮，强调"人在治理中心"（品牌 Principle 3）。
- *
- * 视觉规格取自 design-prototype/control-center.html 第 115-151 行。
- *
- * rc 合规：
- * - rc-1: 纯展示组件，消费 i18n 字符串（已受控），无 untrusted 数据
- * - rc-8: 无 JSON 序列化路径
- *
- * 品牌约束（PRI-CR1 B.4.4）：
- * - 禁止 translateY / scale hover 效果（仅 rotate 允许用于箭头朝向）
- * - 无硬编码十六进制色值，全用 token
- */
-export function WorkflowDiagram() {
-    const { t } = useTranslation();
-    const phases = [
-        {
-            num: "01",
-            nameKey: "pages.controlCenter.workflow.phase01",
-            descKey: "pages.controlCenter.workflow.phase01Desc",
-            isHuman: false,
-        },
-        {
-            num: "02",
-            nameKey: "pages.controlCenter.workflow.phase02",
-            descKey: "pages.controlCenter.workflow.phase02Desc",
-            isHuman: false,
-        },
-        {
-            num: "03",
-            nameKey: "pages.controlCenter.workflow.phase03",
-            descKey: "pages.controlCenter.workflow.phase03Desc",
-            isHuman: true,
-        },
-        {
-            num: "04",
-            nameKey: "pages.controlCenter.workflow.phase04",
-            descKey: "pages.controlCenter.workflow.phase04Desc",
-            isHuman: false,
-        },
-    ];
-    return (_jsxs("div", { className: "mt-8 bg-surface border border-line-2 rounded-[8px] px-[22px] py-[18px]", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-[11px] font-mono uppercase tracking-[0.1em] text-ink-4 font-medium", children: t("pages.controlCenter.workflow.title") }), _jsx("span", { className: "text-[11px] font-mono uppercase tracking-[0.1em] text-ink-4", children: t("pages.controlCenter.workflow.subtitle") }), _jsx("span", { className: "flex-1 h-px bg-line-2", "aria-hidden": "true" })] }), _jsx("div", { className: "grid grid-cols-[1fr_24px_1fr_24px_1fr_24px_1fr] items-stretch", children: phases.map((phase, idx) => (_jsxs("div", { className: "contents", children: [_jsxs("div", { className: phase.isHuman
-                                ? "px-[10px] py-[12px] text-center flex flex-col gap-[5px] justify-center border border-dashed border-gov bg-gov/10 rounded-[4px]"
-                                : "px-[10px] py-[12px] text-center flex flex-col gap-[5px] justify-center bg-paper-2 border border-line-2 rounded-[4px]", children: [_jsx("div", { className: "text-[10px] font-mono text-ink-4 tracking-[0.06em]", children: phase.num }), _jsx("div", { className: phase.isHuman
-                                        ? "text-[14px] font-semibold text-gov tracking-[-0.005em]"
-                                        : "text-[14px] font-semibold text-ink tracking-[-0.005em]", children: t(phase.nameKey) }), _jsx("div", { className: phase.isHuman
-                                        ? "text-[11.5px] text-gov-2 italic leading-[1.45] whitespace-pre-line"
-                                        : "text-[11.5px] text-ink-3 leading-[1.45] whitespace-pre-line", children: t(phase.descKey) })] }), idx < phases.length - 1 && (_jsx("div", { className: "flex items-center justify-center text-ink-4 font-mono", children: _jsx(ChevronRight, { className: "w-[18px] h-[18px]", "aria-hidden": "true" }) }))] }, phase.num))) }), _jsxs("div", { className: "mt-[14px] pt-[12px] border-t border-line-2 flex items-center gap-[10px] text-[11.5px] text-ink-4 font-mono leading-[1.5]", children: [_jsx(RefreshCw, { className: "w-[14px] h-[14px] text-gov shrink-0", "aria-hidden": "true" }), _jsx("span", { children: t("pages.controlCenter.workflow.loopHint") })] })] }));
-}

package/console/dist/ui/pages/debt/DebtPage.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function DebtPage(): React.JSX.Element;