create-principles-disciple 1.101.0 → 1.103.0

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

@@ -0,0 +1,234 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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: "",
+    type: "openclaw",
+    provider: "",
+    model: "",
+    apiKeyEnv: "",
+    baseUrl: "",
+    source: "",
+};
+/** 状态点样式：与 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.
+ * Only includes fields relevant to the chosen type; omits empty optionals.
+ */
+function buildCreateProfile(form) {
+    const profile = { type: form.type };
+    if (form.type === "pi-ai") {
+        profile.provider = form.provider.trim();
+        profile.model = form.model.trim();
+        profile.apiKeyEnv = form.apiKeyEnv.trim();
+        if (form.baseUrl.trim() !== "") {
+            profile.baseUrl = form.baseUrl.trim();
+        }
+    }
+    else {
+        if (form.source.trim() !== "")
+            profile.source = form.source.trim();
+        if (form.provider.trim() !== "")
+            profile.provider = form.provider.trim();
+        if (form.model.trim() !== "")
+            profile.model = form.model.trim();
+    }
+    return profile;
+}
+/**
+ * Build the patch object for an update request.
+ * Sends `type` (server allows same-type no-op, rejects type change) plus all
+ * non-empty type-relevant fields. Empty optionals are omitted so existing
+ * values are preserved (merge-patch semantics on the server).
+ */
+function buildUpdatePatch(form) {
+    const patch = { type: form.type };
+    if (form.type === "pi-ai") {
+        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();
+    }
+    else {
+        if (form.source.trim() !== "")
+            patch.source = form.source.trim();
+        if (form.provider.trim() !== "")
+            patch.provider = form.provider.trim();
+        if (form.model.trim() !== "")
+            patch.model = form.model.trim();
+    }
+    return patch;
+}
+/** Pre-fill form from an existing profile summary (edit mode). */
+function formFromProfile(p) {
+    // type is validated to be a known ProfileType by the caller before invoking;
+    // here we guard defensively without `as`.
+    const type = p.type === "pi-ai" ? "pi-ai" : "openclaw";
+    return {
+        id: p.id,
+        type,
+        provider: p.provider ?? "",
+        model: p.model ?? "",
+        apiKeyEnv: p.apiKeyEnv ?? "",
+        baseUrl: "",
+        source: "",
+    };
+}
+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.type === "pi-ai") {
+            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-type", children: t("pages.controlCenter.profiles.fieldType") }), _jsxs("select", { id: "rpf-type", value: form.type, onChange: (e) => {
+                                            // rc-2: no `as` bypass — narrow via runtime check.
+                                            // The select only emits "openclaw" | "pi-ai", but we guard
+                                            // defensively so the value is provably ProfileType.
+                                            const v = e.target.value;
+                                            const typed = v === "pi-ai" ? "pi-ai" : "openclaw";
+                                            handleFieldChange("type", typed);
+                                        }, disabled: mode === "edit" || submitting, className: inputClass, children: [_jsx("option", { value: "openclaw", children: t("pages.controlCenter.profiles.typeOpenclaw") }), _jsx("option", { value: "pi-ai", children: t("pages.controlCenter.profiles.typePiAi") })] }), mode === "edit" && (_jsx("p", { className: hintClass, children: t("pages.controlCenter.profiles.fieldIdHint") }))] }), form.type === "pi-ai" && (_jsxs(_Fragment, { children: [_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 })] })] })), form.type === "openclaw" && (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-source", children: t("pages.controlCenter.profiles.fieldSource") }), _jsx("input", { id: "rpf-source", type: "text", value: form.source, onChange: (e) => handleFieldChange("source", e.target.value), disabled: submitting, placeholder: t("pages.controlCenter.profiles.fieldSourcePlaceholder"), className: inputClass, autoComplete: "off", spellCheck: false })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, htmlFor: "rpf-provider-oc", children: t("pages.controlCenter.profiles.fieldProvider") }), _jsx("input", { id: "rpf-provider-oc", 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-oc", children: t("pages.controlCenter.profiles.fieldModel") }), _jsx("input", { id: "rpf-model-oc", 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 })] })] }))] }), formError !== null && (_jsx("div", { className: "mt-3 px-[12px] py-[8px] border border-red/35 rounded-[4px] bg-red/10 text-[12px] text-red 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" }))] }), _jsx("span", { className: "font-mono text-[11.5px] text-ink-3", children: p.type }), _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: [_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-red/40 hover:text-red 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-red", 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/debt/DebtPage.js

@@ -49,7 +49,7 @@ function DebtCard({ item, onArchive, onDeactivate, isProcessing, }) {
     const isStagnant = item.type === "stagnant";
     return (_jsx("article", { className: "p-5 bg-panel border border-line rounded-[6px] hover:border-line-2 transition-colors relative", "aria-label": t("pages.debt.principleAriaLabel", { id: item.id }), children: _jsxs("div", { className: "flex flex-col md:flex-row md:items-start gap-4", children: [_jsxs("div", { className: "flex-1 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-mono text-[11px] uppercase px-2 py-0.5 bg-line rounded text-ink-3", children: item.id }), _jsx("span", { className: `font-mono text-[11px] uppercase px-2 py-0.5 rounded ${isStagnant
                                         ? "bg-amber/10 text-amber"
-                                        : "bg-danger/10 text-danger"}`, children: isStagnant ? t("pages.focus.summaryStagnation") : t("pages.sidebar.debt") })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-ink text-[15px] font-medium leading-relaxed", children: item.text }), item.triggerPattern && (_jsxs("p", { className: "text-ink-3 text-[13px] font-mono leading-relaxed", children: [t("principles.detail.triggerLabel", { defaultValue: "Trigger:" }), " ", item.triggerPattern] }))] }), _jsxs("div", { className: "flex items-start gap-2 pt-1", children: [_jsx(AlertTriangle, { className: "w-4 h-4 text-amber shrink-0 mt-0.5", "aria-hidden": "true" }), _jsxs("div", { className: "text-[13px] leading-relaxed", children: [_jsxs("span", { className: "font-semibold text-ink-3", children: [t("pages.debt.suggestedAction"), ": "] }), renderReason()] })] })] }), _jsx("div", { className: "flex flex-col gap-2 shrink-0 md:w-48", children: !confirmAction ? (_jsxs(_Fragment, { children: [_jsxs("button", { onClick: handleArchiveClick, disabled: isProcessing, className: "w-full inline-flex items-center justify-center gap-1.5 border border-line bg-surface text-ink hover:border-line-2 transition-colors rounded-[3px] px-[14px] py-[6px] text-[12.5px] focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `archive-btn-${item.id}`, children: [_jsx(Archive, { className: "w-4 h-4 text-ink-3", "aria-hidden": "true" }), t("pages.debt.actionArchive")] }), item.activeActivationRecords && item.activeActivationRecords.length > 0 ? (item.activeActivationRecords.map((ar) => (_jsxs("button", { onClick: () => handleDeactivateClick(ar.id), disabled: isProcessing, className: "w-full inline-flex items-center justify-center gap-1.5 border border-danger/20 bg-surface text-danger hover:bg-danger/5 transition-colors rounded-[3px] px-[14px] py-[6px] text-[12.5px] focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `deactivate-btn-${ar.id}`, children: [_jsx(Trash2, { className: "w-4 h-4 text-danger/80", "aria-hidden": "true" }), t("pages.debt.actionDeactivate"), " (", ar.channel, ")"] }, ar.id)))) : (_jsx("button", { disabled: true, className: "w-full inline-flex items-center justify-center gap-1.5 border border-line bg-surface/50 text-ink-4 cursor-not-allowed rounded-[3px] px-[14px] py-[6px] text-[12.5px]", title: t("pages.debt.demoteTooltip"), children: t("pages.debt.actionKeep") }))] })) : (_jsxs("div", { className: "flex flex-col gap-2 p-3 bg-surface border border-amber/20 rounded-[4px] w-full", role: "alert", "data-testid": `confirm-bar-${item.id}`, children: [_jsx("p", { className: "text-ink-2 text-[12px] leading-relaxed", children: confirmAction === "archive"
+                                        : "bg-danger/10 text-danger"}`, children: isStagnant ? t("pages.focus.summaryStagnation") : t("pages.sidebar.debt") })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-ink text-[15px] font-medium leading-relaxed", children: item.text }), item.triggerPattern && (_jsxs("p", { className: "text-ink-3 text-[13px] font-mono leading-relaxed", children: [t("principles.detail.triggerLabel", { defaultValue: "Trigger:" }), " ", item.triggerPattern] }))] }), _jsxs("div", { className: "flex items-start gap-2 pt-1", children: [_jsx(AlertTriangle, { className: "w-4 h-4 text-amber shrink-0 mt-0.5", "aria-hidden": "true" }), _jsxs("div", { className: "text-[13px] leading-relaxed", children: [_jsxs("span", { className: "font-semibold text-ink-3", children: [t("pages.debt.suggestedAction"), ": "] }), renderReason()] })] })] }), _jsx("div", { className: "flex flex-col gap-2 shrink-0 md:w-48", children: !confirmAction ? (_jsxs(_Fragment, { children: [_jsxs("button", { onClick: handleArchiveClick, disabled: isProcessing, className: "w-full inline-flex items-center justify-center gap-1.5 border border-line bg-surface text-ink hover:border-line-2 transition-colors rounded-[3px] px-[14px] py-[6px] text-[12.5px] focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `archive-btn-${item.id}`, children: [_jsx(Archive, { className: "w-4 h-4 text-ink-3", "aria-hidden": "true" }), t("pages.debt.actionArchive")] }), item.activeActivationRecords && item.activeActivationRecords.length > 0 ? (item.activeActivationRecords.map((ar) => (_jsxs("button", { onClick: () => handleDeactivateClick(ar.activationId), disabled: isProcessing, className: "w-full inline-flex items-center justify-center gap-1.5 border border-danger/20 bg-surface text-danger hover:bg-danger/5 transition-colors rounded-[3px] px-[14px] py-[6px] text-[12.5px] focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `deactivate-btn-${ar.activationId}`, children: [_jsx(Trash2, { className: "w-4 h-4 text-danger/80", "aria-hidden": "true" }), t("pages.debt.actionDeactivate"), " (", ar.channel, ")"] }, ar.activationId)))) : (_jsx("button", { disabled: true, className: "w-full inline-flex items-center justify-center gap-1.5 border border-line bg-surface/50 text-ink-4 cursor-not-allowed rounded-[3px] px-[14px] py-[6px] text-[12.5px]", title: t("pages.debt.demoteTooltip"), children: t("pages.debt.actionKeep") }))] })) : (_jsxs("div", { className: "flex flex-col gap-2 p-3 bg-surface border border-amber/20 rounded-[4px] w-full", role: "alert", "data-testid": `confirm-bar-${item.id}`, children: [_jsx("p", { className: "text-ink-2 text-[12px] leading-relaxed", children: confirmAction === "archive"
                                     ? t("pages.debt.confirmArchive")
                                     : t("pages.debt.confirmDeactivate") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "default", size: "sm", onClick: handleConfirm, disabled: isProcessing, className: "flex-1 text-[12px] py-1", "data-testid": `confirm-btn-${item.id}`, children: t("common.confirm") }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, className: "flex-1 text-[12px] py-1", children: t("common.cancel") })] })] })) })] }) }));
 }
@@ -189,7 +189,7 @@ export function DebtPage() {
                 .map((item) => {
                 if (item.id !== principleId)
                     return item;
-                const updatedActivations = item.activeActivationRecords?.filter((ar) => ar.id !== activationId);
+                const updatedActivations = item.activeActivationRecords?.filter((ar) => ar.activationId !== activationId);
                 return {
                     ...item,
                     activeActivationRecords: updatedActivations,

package/console/dist/ui/pages/settings/SettingsPage.js

@@ -7,7 +7,8 @@ import { cn } from "../../../lib/utils.js";
 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 { getToken, setToken, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchOutputLanguage, updateOutputLanguage, } from "../../api.js";
+import { getToken, setToken, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchOutputLanguage, updateOutputLanguage, fetchConfigSummary, patchFeatureFlag, } from "../../api.js";
+import { resetOnboardingState } from "../../utils/onboarding-state.js";
 // ── Runtime validators (H section / ERR-001/005/009/013) ─────────────────────
 /** Type guard: is this a non-null object with own properties (not inherited)? */
 function isRecord(value) {
@@ -86,6 +87,9 @@ export function SettingsPage() {
     const [addPath, setAddPath] = useState("");
     // PRI-332: Principle output language state
     const [outputLanguage, setOutputLanguage] = useState("zh-CN");
+    // spec 2026-06-30 §12.5: new_user_onboarding feature flag toggle state.
+    // null = loading/unknown (button disabled); true/false = persisted state.
+    const [onboardingFlagEnabled, setOnboardingFlagEnabled] = useState(null);
     // Inline confirm for remove (J.1 pattern)
     const [confirmRemove, setConfirmRemove] = useState(null);
     // ── Load data on mount ──────────────────────────────────────────────────
@@ -123,14 +127,34 @@ export function SettingsPage() {
     useEffect(() => {
         loadData();
     }, [loadData]);
+    // spec 2026-06-30 §12.5: load new_user_onboarding flag state from config summary.
+    // Non-blocking — failures keep the toggle disabled (null) and surface a toast
+    // (rc-9: no silent fallback). The flag list comes from GET /api/v1/config/summary
+    // because there is no dedicated GET /features list endpoint.
+    const loadOnboardingFlag = useCallback(async () => {
+        setOnboardingFlagEnabled(null);
+        const result = await fetchConfigSummary();
+        if (!result.success || !result.data) {
+            toast.error(t("components.onboardingFlag.loadFailed"));
+            return;
+        }
+        const flag = result.data.features.find((f) => f.id === "new_user_onboarding");
+        if (!flag) {
+            toast.error(t("components.onboardingFlag.loadFailed"));
+            return;
+        }
+        setOnboardingFlagEnabled(flag.enabled);
+    }, [t]);
+    useEffect(() => { void loadOnboardingFlag(); }, [loadOnboardingFlag]);
     // ── Auth token handlers ────────────────────────────────────────────────
-    const handleSaveToken = useCallback(() => {
+    const handleSaveToken = useCallback(async () => {
         const trimmed = tokenInput.trim();
         if (trimmed.length === 0)
             return;
         setToken(trimmed);
+        await loadOnboardingFlag();
         toast.success(t("pages.settings.tokenSaved"));
-    }, [tokenInput, t]);
+    }, [tokenInput, loadOnboardingFlag, t]);
     // ── Workspace handlers ─────────────────────────────────────────────────
     const handleAddWorkspace = useCallback(async () => {
         const name = addName.trim();
@@ -191,6 +215,41 @@ export function SettingsPage() {
         }
         toast.success(t("pages.settings.languageSaved"));
     }, [t]);
+    // ── Onboarding flag toggle handler (spec 2026-06-30 §12.5) ────────────
+    // Calls the validated PATCH /api/v1/config/features/new_user_onboarding
+    // wrapper (patchFeatureFlag). Response is runtime-validated by validateFeatureFlagUpdate
+    // (rc-1/rc-3) before state is updated.
+    const handleToggleOnboardingFlag = useCallback(async () => {
+        if (onboardingFlagEnabled === null)
+            return;
+        const newEnabled = !onboardingFlagEnabled;
+        const result = await patchFeatureFlag("new_user_onboarding", newEnabled);
+        if (!result.success || !result.data) {
+            // rc-9: surface reason via toast instead of silent rollback
+            toast.error(t("components.onboardingFlag.toggleFailed"));
+            return;
+        }
+        setOnboardingFlagEnabled(result.data.enabled);
+        toast.success(t(newEnabled
+            ? "components.onboardingFlag.enabled"
+            : "components.onboardingFlag.disabled"));
+    }, [onboardingFlagEnabled, t]);
+    // ── Onboarding reset handler ───────────────────────────────────────────
+    // Mirror App.tsx currentWorkspaceId derivation (App.tsx default="default",
+    // then workspaces[0].name after fetch). Using the same key ensures
+    // resetOnboardingState targets the same localStorage entry the onboarding
+    // wizard wrote — avoids a silent no-op reset (EP-09 test-reality gap).
+    const currentWorkspaceId = workspaces[0]?.name ?? "default";
+    const handleResetOnboarding = useCallback(() => {
+        const confirmed = window.confirm(t("components.onboardingReset.resetConfirm"));
+        if (confirmed) {
+            if (!resetOnboardingState(currentWorkspaceId)) {
+                toast.error(t("components.onboardingReset.resetFailed"));
+                return;
+            }
+            toast.success(t("components.onboardingReset.resetSuccess"));
+        }
+    }, [currentWorkspaceId, t]);
     // ── Loading state ────────────────────────────────────────────────────────
     if (loadingState === "loading") {
         return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 3, label: t("common.loading") }) }));
@@ -200,7 +259,7 @@ export function SettingsPage() {
         return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.settings.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.settings.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.settings.loadError") }), errorMessage && (_jsx("p", { className: "mt-2 text-ink-4 text-[13px] font-mono", children: errorMessage }))] })] }));
     }
     // ── Loaded state ─────────────────────────────────────────────────────────
-    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.settings.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.settings.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.settings.subtitle") }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-auth", children: [_jsx(SectionTitle, { id: "section-auth", children: t("pages.settings.auth") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: [_jsx("label", { htmlFor: "bearer-token-input", className: "block text-sm font-medium text-ink mb-2", children: t("pages.settings.bearerToken") }), _jsx("input", { id: "bearer-token-input", type: "password", value: tokenInput, onChange: (e) => setTokenInput(e.target.value), placeholder: t("pages.settings.enterAccessToken"), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" }), _jsxs("div", { className: "flex items-center justify-between mt-3", children: [_jsx("button", { onClick: handleSaveToken, disabled: tokenInput.trim().length === 0, 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 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.save") }), _jsx("span", { className: "text-ink-4 text-[12px]", children: t("pages.settings.tokenSessionOnly") })] })] })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-principle-language", children: [_jsx(SectionTitle, { id: "section-principle-language", children: t("pages.settings.principleLanguage") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: [_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.settings.principleLanguageDescription") }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("label", { htmlFor: "output-language-select", className: "text-sm font-medium text-ink", children: [t("pages.settings.principleLanguage"), ":"] }), _jsxs("select", { id: "output-language-select", value: outputLanguage, onChange: (e) => handleOutputLanguageChange(e.target.value), className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov", children: [_jsx("option", { value: "zh-CN", children: t("pages.settings.languageZhCN") }), _jsx("option", { value: "en", children: t("pages.settings.languageEn") })] })] })] })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-sound-alerts", children: [_jsx(SectionTitle, { id: "section-sound-alerts", children: t("pages.settings.notifications") }), _jsx("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "sound-alerts-toggle", className: "block text-sm font-medium text-ink", children: t("pages.settings.soundAlerts") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mt-1", children: t("pages.settings.soundAlertsDescription") })] }), _jsx("button", { id: "sound-alerts-toggle", type: "button", role: "switch", "aria-checked": soundEnabled, onClick: () => setSoundEnabled(!soundEnabled), className: cn("relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", soundEnabled ? "bg-gov" : "bg-line"), children: _jsx("span", { className: cn("inline-block h-4 w-4 transform rounded-full bg-paper transition-transform", soundEnabled ? "translate-x-6" : "translate-x-1") }) })] }) })] }), _jsxs("section", { "aria-labelledby": "section-workspaces", children: [_jsx(SectionTitle, { id: "section-workspaces", children: t("pages.settings.workspace") }), workspaces.length > 0 ? (_jsx("div", { className: "space-y-[10px] mb-5", children: workspaces.map((ws) => (_jsx("article", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-medium text-ink text-sm", children: ws.name }), _jsx("div", { className: "text-ink-3 text-[13px] mt-1 font-mono break-all", children: ws.path }), _jsxs("div", { className: "text-ink-4 text-[12px] mt-1", children: [t("pages.settings.lastSync"), ":", " ", ws.lastSync ?? "—"] })] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: confirmRemove?.workspaceName === ws.name ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-ink-2 text-[12px]", children: t("pages.settings.confirmDeleteDescription", {
+    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.settings.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.settings.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.settings.subtitle") }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-auth", children: [_jsx(SectionTitle, { id: "section-auth", children: t("pages.settings.auth") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: [_jsx("label", { htmlFor: "bearer-token-input", className: "block text-sm font-medium text-ink mb-2", children: t("pages.settings.bearerToken") }), _jsx("input", { id: "bearer-token-input", type: "password", value: tokenInput, onChange: (e) => setTokenInput(e.target.value), placeholder: t("pages.settings.enterAccessToken"), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" }), _jsxs("div", { className: "flex items-center justify-between mt-3", children: [_jsx("button", { onClick: handleSaveToken, disabled: tokenInput.trim().length === 0, 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 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.save") }), _jsx("span", { className: "text-ink-4 text-[12px]", children: t("pages.settings.tokenSessionOnly") })] })] })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-principle-language", children: [_jsx(SectionTitle, { id: "section-principle-language", children: t("pages.settings.principleLanguage") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: [_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.settings.principleLanguageDescription") }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("label", { htmlFor: "output-language-select", className: "text-sm font-medium text-ink", children: [t("pages.settings.principleLanguage"), ":"] }), _jsxs("select", { id: "output-language-select", value: outputLanguage, onChange: (e) => handleOutputLanguageChange(e.target.value), className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov", children: [_jsx("option", { value: "zh-CN", children: t("pages.settings.languageZhCN") }), _jsx("option", { value: "en", children: t("pages.settings.languageEn") })] })] })] })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-sound-alerts", children: [_jsx(SectionTitle, { id: "section-sound-alerts", children: t("pages.settings.notifications") }), _jsx("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "sound-alerts-toggle", className: "block text-sm font-medium text-ink", children: t("pages.settings.soundAlerts") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mt-1", children: t("pages.settings.soundAlertsDescription") })] }), _jsx("button", { id: "sound-alerts-toggle", type: "button", role: "switch", "aria-checked": soundEnabled, onClick: () => setSoundEnabled(!soundEnabled), className: cn("relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", soundEnabled ? "bg-gov" : "bg-line"), children: _jsx("span", { className: cn("inline-block h-4 w-4 transform rounded-full bg-paper transition-transform", soundEnabled ? "translate-x-6" : "translate-x-1") }) })] }) })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-workspaces", children: [_jsx(SectionTitle, { id: "section-workspaces", children: t("pages.settings.workspace") }), workspaces.length > 0 ? (_jsx("div", { className: "space-y-[10px] mb-5", children: workspaces.map((ws) => (_jsx("article", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-medium text-ink text-sm", children: ws.name }), _jsx("div", { className: "text-ink-3 text-[13px] mt-1 font-mono break-all", children: ws.path }), _jsxs("div", { className: "text-ink-4 text-[12px] mt-1", children: [t("pages.settings.lastSync"), ":", " ", ws.lastSync ?? "—"] })] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: confirmRemove?.workspaceName === ws.name ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-ink-2 text-[12px]", children: t("pages.settings.confirmDeleteDescription", {
                                                             name: ws.name,
-                                                        }) }), _jsx("button", { onClick: () => handleRemoveWorkspace(ws.name), 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 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.confirm") }), _jsx("button", { onClick: () => setConfirmRemove(null), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.cancel") })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => handleSyncWorkspace(ws.name), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.syncWorkspace") }), _jsx("button", { onClick: () => setConfirmRemove({ workspaceName: ws.name }), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.removeWorkspace") })] })) })] }) }, ws.name))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3 mb-5", children: "\u2014" })), _jsx("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-end gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("label", { htmlFor: "add-workspace-name", className: "block text-sm font-medium text-ink mb-2", children: t("pages.settings.name") }), _jsx("input", { id: "add-workspace-name", type: "text", value: addName, onChange: (e) => setAddName(e.target.value), placeholder: t("pages.settings.addNamePlaceholder"), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" })] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("label", { htmlFor: "add-workspace-path", className: "block text-sm font-medium text-ink mb-2", children: t("pages.settings.path") }), _jsx("input", { id: "add-workspace-path", type: "text", value: addPath, onChange: (e) => setAddPath(e.target.value), placeholder: t("pages.settings.addPathPlaceholder"), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" })] }), _jsx("button", { onClick: handleAddWorkspace, disabled: addName.trim().length === 0 || addPath.trim().length === 0, 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 disabled:cursor-not-allowed shrink-0 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.addWorkspace") })] }) })] })] }) }));
+                                                        }) }), _jsx("button", { onClick: () => handleRemoveWorkspace(ws.name), 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 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.confirm") }), _jsx("button", { onClick: () => setConfirmRemove(null), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.cancel") })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => handleSyncWorkspace(ws.name), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.syncWorkspace") }), _jsx("button", { onClick: () => setConfirmRemove({ workspaceName: ws.name }), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.removeWorkspace") })] })) })] }) }, ws.name))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3 mb-5", children: "\u2014" })), _jsx("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-end gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("label", { htmlFor: "add-workspace-name", className: "block text-sm font-medium text-ink mb-2", children: t("pages.settings.name") }), _jsx("input", { id: "add-workspace-name", type: "text", value: addName, onChange: (e) => setAddName(e.target.value), placeholder: t("pages.settings.addNamePlaceholder"), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" })] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("label", { htmlFor: "add-workspace-path", className: "block text-sm font-medium text-ink mb-2", children: t("pages.settings.path") }), _jsx("input", { id: "add-workspace-path", type: "text", value: addPath, onChange: (e) => setAddPath(e.target.value), placeholder: t("pages.settings.addPathPlaceholder"), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" })] }), _jsx("button", { onClick: handleAddWorkspace, disabled: addName.trim().length === 0 || addPath.trim().length === 0, 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 disabled:cursor-not-allowed shrink-0 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.addWorkspace") })] }) })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-onboarding-flag", children: [_jsx(SectionTitle, { id: "section-onboarding-flag", children: t("components.onboardingFlag.title") }), _jsx("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("label", { htmlFor: "onboarding-flag-toggle", className: "block text-sm font-medium text-ink", children: t("components.onboardingFlag.label") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mt-1", children: t("components.onboardingFlag.description") })] }), _jsx("button", { id: "onboarding-flag-toggle", type: "button", role: "switch", "aria-checked": onboardingFlagEnabled ?? false, "aria-label": t("components.onboardingFlag.toggleAriaLabel"), onClick: handleToggleOnboardingFlag, disabled: onboardingFlagEnabled === null, className: cn("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", onboardingFlagEnabled ? "bg-gov" : "bg-line"), children: _jsx("span", { className: cn("inline-block h-4 w-4 transform rounded-full bg-paper transition-transform", onboardingFlagEnabled ? "translate-x-6" : "translate-x-1") }) })] }) })] }), _jsxs("section", { "aria-labelledby": "section-onboarding-reset", children: [_jsx(SectionTitle, { id: "section-onboarding-reset", children: t("components.onboardingReset.title") }), _jsx("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: _jsx("button", { onClick: handleResetOnboarding, className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("components.onboardingReset.resetButton") }) })] })] }) }));
 }

package/console/dist/ui/pages/signal-keywords/KeywordEditDialog.d.ts

@@ -0,0 +1,12 @@
+import type { KeywordCategory } from "../../utils/signal-keywords-types.js";
+interface KeywordEditDialogProps {
+    /** Phase 2: 提交新关键词 */
+    onSubmit?: (data: {
+        term: string;
+        category: KeywordCategory;
+        precision: "high" | "ambiguous";
+        weight: number;
+    }) => void;
+}
+export declare function KeywordEditDialog({ onSubmit }: KeywordEditDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/console/dist/ui/pages/signal-keywords/KeywordEditDialog.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Plus } from "lucide-react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogClose, } from "../../components/ui/dialog.js";
+import { Button } from "../../components/ui/button.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip.js";
+// ── Constants ───────────────────────────────────────────────────────────────
+// ── Component ───────────────────────────────────────────────────────────────
+export function KeywordEditDialog({ onSubmit }) {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const [term, setTerm] = useState("");
+    const [category, setCategory] = useState("correction");
+    const [precision, setPrecision] = useState("high");
+    const [weight, setWeight] = useState(0.8);
+    const handleSubmit = () => {
+        if (!onSubmit)
+            return;
+        if (!term.trim())
+            return;
+        onSubmit({ term: term.trim(), category, precision, weight });
+        setTerm("");
+        setCategory("correction");
+        setPrecision("high");
+        setWeight(0.8);
+        setOpen(false);
+    };
+    const isDisabled = !onSubmit;
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [isDisabled ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsxs(Button, { disabled: true, variant: "default", size: "sm", children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), t("pages.signalKeywords.addKeyword")] }) }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] })) : (_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "default", size: "sm", children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), t("pages.signalKeywords.addKeyword")] }) })), _jsxs(DialogContent, { className: "sm:max-w-[420px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { className: "text-[15px] font-semibold text-ink", children: t("pages.signalKeywords.addKeywordDialogTitle") }) }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-[12px] font-medium text-ink-3", children: t("pages.signalKeywords.colTerm") }), _jsx("input", { type: "text", value: term, onChange: (e) => setTerm(e.target.value), placeholder: t("pages.signalKeywords.searchPlaceholder"), disabled: isDisabled, className: "w-full h-9 px-3 text-[13px] bg-surface border border-line rounded-[4px] text-ink placeholder:text-ink-4 outline-none focus:border-gov transition-colors disabled:opacity-40 disabled:cursor-not-allowed" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-[12px] font-medium text-ink-3", children: t("pages.signalKeywords.colCategory") }), _jsxs("select", { value: category, onChange: (e) => {
+                                            const v = e.target.value;
+                                            if (v === "correction" || v === "empathy") {
+                                                setCategory(v);
+                                            }
+                                        }, disabled: isDisabled, className: "w-full h-9 px-3 text-[13px] bg-surface border border-line rounded-[4px] text-ink outline-none focus:border-gov transition-colors disabled:opacity-40 disabled:cursor-not-allowed", children: [_jsx("option", { value: "correction", children: t("pages.signalKeywords.categoryCorrection") }), _jsx("option", { value: "empathy", children: t("pages.signalKeywords.categoryEmpathy") })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-[12px] font-medium text-ink-3", children: t("pages.signalKeywords.colPrecision") }), _jsxs("select", { value: precision, onChange: (e) => {
+                                            const v = e.target.value;
+                                            if (v === "high" || v === "ambiguous") {
+                                                setPrecision(v);
+                                            }
+                                        }, disabled: isDisabled, className: "w-full h-9 px-3 text-[13px] bg-surface border border-line rounded-[4px] text-ink outline-none focus:border-gov transition-colors disabled:opacity-40 disabled:cursor-not-allowed", children: [_jsx("option", { value: "high", children: t("pages.signalKeywords.precisionHigh") }), _jsx("option", { value: "ambiguous", children: t("pages.signalKeywords.precisionAmbiguous") })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-[12px] font-medium text-ink-3", children: t("pages.signalKeywords.weightLabel", { percent: Math.round(weight * 100) }) }), _jsx("input", { type: "range", min: "0", max: "1", step: "0.05", value: weight, onChange: (e) => setWeight(parseFloat(e.target.value)), disabled: isDisabled, className: "w-full h-1.5 bg-surface rounded-full appearance-none cursor-pointer accent-gov disabled:opacity-40 disabled:cursor-not-allowed [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-gov [&::-webkit-slider-thumb]:shadow-sm" }), _jsxs("div", { className: "flex justify-between text-[10px] text-ink-4", children: [_jsx("span", { children: "0%" }), _jsx("span", { children: "50%" }), _jsx("span", { children: "100%" })] })] })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 mt-2", children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: t("pages.signalKeywords.confirmDeleteCancel") }) }), _jsx(Button, { variant: "default", size: "sm", onClick: handleSubmit, disabled: isDisabled || !term.trim(), children: t("pages.signalKeywords.submitAdd") })] })] })] }));
+}

package/console/dist/ui/pages/signal-keywords/KeywordListSection.d.ts

@@ -0,0 +1,10 @@
+import { type SignalKeyword } from "../../api.js";
+interface KeywordListSectionProps {
+    keywords: SignalKeyword[];
+    /** Phase 2: 删除关键词的回调 */
+    onDelete?: (term: string) => void;
+    /** Phase 2: 归档/恢复关键词的回调 */
+    onToggleArchive?: (term: string) => void;
+}
+export declare function KeywordListSection({ keywords, onDelete, onToggleArchive, }: KeywordListSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/console/dist/ui/pages/signal-keywords/KeywordListSection.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { Search, Trash2, Archive } from "lucide-react";
+import { Badge } from "../../components/ui/badge.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip.js";
+// ── Component ───────────────────────────────────────────────────────────────
+export function KeywordListSection({ keywords, onDelete, onToggleArchive, }) {
+    const { t } = useTranslation();
+    // 搜索文本
+    const [search, setSearch] = useState("");
+    // 筛选标签
+    const [filterTab, setFilterTab] = useState("all");
+    // 过滤后的关键词列表
+    const filtered = useMemo(() => {
+        let list = keywords;
+        // 按 filter tab 过滤
+        // Phase 1: 无 archived 状态，暂不过滤
+        // Phase 2: 添加对 archived 状态的过滤
+        void filterTab;
+        // 按 search 文本过滤
+        if (search.trim()) {
+            const q = search.trim().toLowerCase();
+            list = list.filter((kw) => kw.term.toLowerCase().includes(q));
+        }
+        return list;
+    }, [keywords, search, filterTab]);
+    // 分类中文映射
+    const categoryLabel = {
+        correction: t("pages.signalKeywords.categoryCorrection"),
+        empathy: t("pages.signalKeywords.categoryEmpathy"),
+    };
+    const hasWriteOps = !!onDelete || !!onToggleArchive;
+    return (_jsxs("section", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-[15px] font-semibold text-ink", children: t("pages.signalKeywords.title") }), _jsxs("span", { className: "text-[12px] text-ink-4 tabular-nums", children: [filtered.length, " / ", keywords.length] })] }), _jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-ink-4" }), _jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: t("pages.signalKeywords.searchPlaceholder"), className: "w-full h-9 pl-9 pr-3 text-[13px] bg-surface border border-line rounded-[4px] text-ink placeholder:text-ink-4 outline-none focus:border-gov transition-colors" })] }), _jsx("div", { className: "flex items-center gap-1 p-0.5 bg-surface border border-line rounded-[4px]", children: ["all", "active"].map((tab) => (_jsx("button", { type: "button", onClick: () => setFilterTab(tab), className: `px-3 py-1.5 text-[12px] font-medium rounded-[3px] transition-colors ${filterTab === tab
+                                ? "bg-gov/10 text-gov"
+                                : "text-ink-4 hover:text-ink"}`, children: t(`pages.signalKeywords.filter${tab.charAt(0).toUpperCase() + tab.slice(1)}`) }, tab))) })] }), filtered.length === 0 ? (_jsx("div", { className: "px-4 py-12 text-center text-[13px] text-ink-4 border border-dashed border-line-2 rounded-[4px]", children: search.trim()
+                    ? t("pages.signalKeywords.noSearchResults")
+                    : t("pages.signalKeywords.empty") })) : (_jsxs("div", { className: "border border-line rounded-[4px] overflow-hidden", children: [_jsxs("div", { className: "grid grid-cols-[1fr_100px_90px_90px_80px] gap-3 px-4 py-2.5 bg-surface text-[11px] font-medium text-ink-4 uppercase tracking-[var(--tracking-wide)] border-b border-line", children: [_jsx("span", { children: t("pages.signalKeywords.colTerm") }), _jsx("span", { children: t("pages.signalKeywords.colCategory") }), _jsx("span", { children: t("pages.signalKeywords.colPrecision") }), _jsx("span", { children: t("pages.signalKeywords.colWeight") }), hasWriteOps && _jsx("span", { className: "text-right", children: t("pages.signalKeywords.colActions") })] }), filtered.map((kw) => (_jsxs("div", { className: "grid grid-cols-[1fr_100px_90px_90px_80px] gap-3 px-4 py-3 items-center border-b border-line last:border-b-0 hover:bg-surface/50 transition-colors", children: [_jsx("span", { className: "text-[13px] text-ink font-medium truncate", children: kw.term }), _jsx(Badge, { variant: kw.category === "correction" ? "default" : "amber", children: categoryLabel[kw.category] ?? kw.category }), _jsx("span", { className: "text-[12px] text-ink-3", children: kw.precision === "high" ? (_jsx("span", { className: "text-green", children: t("pages.signalKeywords.precisionHigh") })) : (_jsx("span", { className: "text-amber", children: t("pages.signalKeywords.precisionAmbiguous") })) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1 h-1.5 bg-surface rounded-full overflow-hidden", children: _jsx("div", { className: "h-full rounded-full bg-gov/60 transition-all", style: { width: `${kw.weight * 100}%` } }) }), _jsxs("span", { className: "text-[11px] text-ink-4 tabular-nums w-8 text-right", children: [Math.round(kw.weight * 100), "%"] })] }), hasWriteOps && (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [onToggleArchive && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onToggleArchive(kw.term), disabled: true, className: "p-1.5 text-ink-4 hover:text-ink disabled:opacity-30 disabled:cursor-not-allowed transition-colors", "aria-label": t("pages.signalKeywords.archiveSuccess"), children: _jsx(Archive, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] })), onDelete && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onDelete(kw.term), disabled: true, className: "p-1.5 text-ink-4 hover:text-danger disabled:opacity-30 disabled:cursor-not-allowed transition-colors", "aria-label": t("pages.signalKeywords.confirmDeleteTitle"), children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] }))] }))] }, kw.term)))] }))] }));
+}

package/console/dist/ui/pages/signal-keywords/PendingTermsSection.d.ts

@@ -0,0 +1,14 @@
+import { type PendingSignalTerm } from "../../api.js";
+interface PendingTermsSectionProps {
+    terms: PendingSignalTerm[];
+    /** Phase 2: 确认一个 pending term */
+    onConfirm?: (term: PendingSignalTerm) => void;
+    /** Phase 2: 忽略一个 pending term */
+    onIgnore?: (term: string) => void;
+    /** Phase 2: 批量确认 */
+    onConfirmAll?: () => void;
+    /** Phase 2: 批量忽略 */
+    onIgnoreAll?: () => void;
+}
+export declare function PendingTermsSection({ terms, onConfirm, onIgnore, onConfirmAll, onIgnoreAll, }: PendingTermsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};