create-principles-disciple 1.100.0 → 1.102.0

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
 import { ChevronRight } from "lucide-react";
 import { cn } from "../../../lib/utils.js";
 /** 状态点样式：ready / notready / off */
@@ -68,6 +69,7 @@ function renderTextWithCode(text) {
 }
 export function AgentCard({ agent, meta, profiles, onBindingChange, saving, locale, }) {
     const { t } = useTranslation();
+    const navigate = useNavigate();
     const isSaving = saving === agent.name;
     // L2 / L3 / confirm 状态
     const [isOpen, setIsOpen] = useState(false);
@@ -81,14 +83,16 @@ export function AgentCard({ agent, meta, profiles, onBindingChange, saving, loca
     const impact = isZh ? meta.impactZh : meta.impactEn;
     const techDetail = isZh ? meta.techDetailZh : meta.techDetailEn;
     const mvpNote = isZh ? meta.mvpNoteZh : meta.mvpNoteEn;
+    const actionLinkText = isZh ? meta.action?.linkTextZh : meta.action?.linkTextEn;
     // 段落用 \n\n 分隔
     const detailParagraphs = detail.split("\n\n").filter((p) => p.length > 0);
-    // 头部点击：toggle isOpen（但点击 toggle 按钮 / confirm-bar / tech-toggle 不触发）
+    // 头部点击：toggle isOpen（但点击 toggle 按钮 / confirm-bar / tech-toggle / action-row 不触发）
     const handleHeadClick = (e) => {
         const target = e.target;
         if (target.closest("[data-agent-toggle]") ||
             target.closest("[data-confirm-bar]") ||
-            target.closest("[data-tech-toggle]")) {
+            target.closest("[data-tech-toggle]") ||
+            target.closest("[data-action-row]")) {
             return;
         }
         setIsOpen((prev) => !prev);
@@ -146,7 +150,10 @@ export function AgentCard({ agent, meta, profiles, onBindingChange, saving, loca
                             ? t("pages.controlCenter.saving")
                             : agent.enabled
                                 ? t("pages.controlCenter.on")
-                                : t("pages.controlCenter.off") }), _jsx(ChevronRight, { className: cn("w-[14px] h-[14px] text-ink-4 transition-transform shrink-0", isOpen && "rotate-90"), "aria-hidden": "true" })] }), isOpen && (_jsxs("div", { className: "px-[16px] pb-[14px] border-t border-line-2 bg-panel", children: [_jsx("div", { className: "pt-[14px] text-[13px] text-ink-3 leading-[1.62]", children: detailParagraphs.map((para, i) => (_jsx("p", { className: i > 0 ? "mt-2" : undefined, children: renderTextWithCode(para) }, i))) }), mvpNote && (_jsx("div", { className: "mt-3 text-[12px] text-ink-4 font-mono italic", children: mvpNote })), _jsxs("div", { className: cn("mt-[12px] px-[12px] py-[10px] border border-line-2 border-l-[2.5px] rounded-[4px] bg-paper-2 text-[12.5px] text-ink-3 leading-[1.55]", impactBorderClass(meta.impactLevel)), children: [_jsx("span", { className: cn("block mb-[3px] text-[10px] font-mono uppercase tracking-[0.08em] font-medium", impactLabelClass(meta.impactLevel)), children: t("pages.controlCenter.impact.label") }), impact] }), Object.keys(techDetail).length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { "data-tech-toggle": true, className: "mt-[12px] pt-[12px] border-t border-line-2 flex items-center gap-[6px] cursor-pointer text-[11px] text-ink-4 font-mono uppercase tracking-[0.04em] hover:text-ink-2 transition-colors", onClick: handleTechToggleClick, role: "button", tabIndex: 0, "aria-expanded": showTechDetail, onKeyDown: (e) => {
+                                : t("pages.controlCenter.off") }), _jsx(ChevronRight, { className: cn("w-[14px] h-[14px] text-ink-4 transition-transform shrink-0", isOpen && "rotate-90"), "aria-hidden": "true" })] }), isOpen && (_jsxs("div", { className: "px-[16px] pb-[14px] border-t border-line-2 bg-panel", children: [_jsx("div", { className: "pt-[14px] text-[13px] text-ink-3 leading-[1.62]", children: detailParagraphs.map((para, i) => (_jsx("p", { className: i > 0 ? "mt-2" : undefined, children: renderTextWithCode(para) }, i))) }), mvpNote && (_jsx("div", { className: "mt-3 text-[12px] text-ink-4 font-mono italic", children: mvpNote })), _jsxs("div", { className: cn("mt-[12px] px-[12px] py-[10px] border border-line-2 border-l-[2.5px] rounded-[4px] bg-paper-2 text-[12.5px] text-ink-3 leading-[1.55]", impactBorderClass(meta.impactLevel)), children: [_jsx("span", { className: cn("block mb-[3px] text-[10px] font-mono uppercase tracking-[0.08em] font-medium", impactLabelClass(meta.impactLevel)), children: t("pages.controlCenter.impact.label") }), impact] }), meta.action && actionLinkText && (_jsx("div", { "data-action-row": true, className: "mt-[12px] pt-[12px] border-t border-line-2", children: _jsxs("button", { type: "button", onClick: (e) => {
+                                e.stopPropagation();
+                                navigate(meta.action.to);
+                            }, className: "flex items-center gap-[6px] text-[12px] text-gov hover:text-gov-2 transition-colors font-medium", children: [_jsx("span", { children: actionLinkText }), _jsx(ChevronRight, { className: "w-[12px] h-[12px]", "aria-hidden": "true" })] }) })), Object.keys(techDetail).length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { "data-tech-toggle": true, className: "mt-[12px] pt-[12px] border-t border-line-2 flex items-center gap-[6px] cursor-pointer text-[11px] text-ink-4 font-mono uppercase tracking-[0.04em] hover:text-ink-2 transition-colors", onClick: handleTechToggleClick, role: "button", tabIndex: 0, "aria-expanded": showTechDetail, onKeyDown: (e) => {
                                     if (e.key === "Enter" || e.key === " ") {
                                         e.preventDefault();
                                         e.stopPropagation();

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

@@ -503,7 +503,7 @@ export function ControlCenterPage() {
                             const locale = i18n.language.startsWith("en")
                                 ? "en"
                                 : "zh-CN";
-                            return (_jsxs(_Fragment, { children: [AGENT_GROUPS.map((groupMeta) => (_jsx(AgentGroup, { groupMeta: groupMeta, agents: groups[groupMeta.id], profiles: availableProfiles, onBindingChange: handleBindingChange, saving: savingAgent, locale: locale }, groupMeta.id))), unknown.length > 0 && (_jsx("div", { className: "mt-3 px-3 py-2 border border-amber/30 border-l-2 border-l-amber rounded-[4px] bg-amber/10 text-[12.5px] text-ink-3", children: t("pages.controlCenter.unknownAgentsWarning", {
+                            return (_jsxs(_Fragment, { children: [AGENT_GROUPS.map((groupMeta) => (_jsx(AgentGroup, { groupMeta: groupMeta, agents: (groups[groupMeta.id] ?? []).filter((a) => a.name !== AGENT_METADATA.signalCollector.name), profiles: availableProfiles, onBindingChange: handleBindingChange, saving: savingAgent, locale: locale }, groupMeta.id))), unknown.length > 0 && (_jsx("div", { className: "mt-3 px-3 py-2 border border-amber/30 border-l-2 border-l-amber rounded-[4px] bg-amber/10 text-[12.5px] text-ink-3", children: t("pages.controlCenter.unknownAgentsWarning", {
                                             count: unknown.length,
                                             names: unknown.map((a) => a.name).join(", "),
                                         }) }))] }));

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 {};

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Check, X, CheckCheck, XCircle } from "lucide-react";
+import { Badge } from "../../components/ui/badge.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip.js";
+// ── Helpers ─────────────────────────────────────────────────────────────────
+// ── Component ───────────────────────────────────────────────────────────────
+export function PendingTermsSection({ terms, onConfirm, onIgnore, onConfirmAll, onIgnoreAll, }) {
+    const { t, i18n } = useTranslation();
+    const [selected, setSelected] = useState(new Set());
+    const hasBatchOps = !!onConfirmAll || !!onIgnoreAll;
+    const hasRowOps = !!onConfirm || !!onIgnore;
+    // 分类中文映射
+    const categoryLabel = {
+        correction: t("pages.signalKeywords.categoryCorrection"),
+        empathy: t("pages.signalKeywords.categoryEmpathy"),
+    };
+    // 切换选中
+    const toggleSelected = (term) => {
+        setSelected((prev) => {
+            const next = new Set(prev);
+            if (next.has(term)) {
+                next.delete(term);
+            }
+            else {
+                next.add(term);
+            }
+            return next;
+        });
+    };
+    return (_jsxs("section", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-[15px] font-semibold text-ink", children: t("pages.signalKeywords.pendingTerms.title") }), _jsx("p", { className: "mt-0.5 text-[12px] text-ink-4 leading-[1.5]", children: t("pages.signalKeywords.pendingTerms.subtitle") })] }), _jsx("span", { className: "text-[12px] text-ink-4 tabular-nums", children: t("pages.signalKeywords.nTerms", { count: terms.length }) })] }), terms.length > 0 && hasBatchOps && (_jsxs("div", { className: "flex items-center justify-between mb-3 px-3 py-2 bg-surface border border-line rounded-[4px]", children: [_jsx("span", { className: "text-[12px] text-ink-4", children: selected.size > 0
+                            ? t("pages.signalKeywords.selectedNOfTotal", { selected: selected.size, total: terms.length })
+                            : t("pages.signalKeywords.nTermsPendingReview", { count: terms.length }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: () => onConfirmAll?.(), disabled: true, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-[12px] font-medium text-green bg-green/10 rounded-[3px] disabled:opacity-30 disabled:cursor-not-allowed hover:bg-green/20 transition-colors", children: [_jsx(CheckCheck, { className: "h-3.5 w-3.5" }), t("pages.signalKeywords.pendingTerms.confirmBatch")] }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: () => onIgnoreAll?.(), disabled: true, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-[12px] font-medium text-ink-4 bg-surface border border-line rounded-[3px] disabled:opacity-30 disabled:cursor-not-allowed hover:text-danger hover:border-danger/30 transition-colors", children: [_jsx(XCircle, { className: "h-3.5 w-3.5" }), t("pages.signalKeywords.pendingTerms.ignoreBatch")] }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] })] })] })), terms.length === 0 ? (_jsxs("div", { className: "px-4 py-12 text-center text-[13px] text-ink-4 border border-dashed border-line-2 rounded-[4px]", children: [_jsx("p", { children: t("pages.signalKeywords.pendingTerms.empty") }), _jsx("p", { className: "mt-2 text-[12px]", children: t("pages.signalKeywords.pendingTerms.emptyDescription") })] })) : (_jsxs("div", { className: "border border-line rounded-[4px] overflow-hidden", children: [_jsxs("div", { className: "grid grid-cols-[24px_1fr_100px_90px_1fr_100px] 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 items-center", children: [_jsx("span", {}), _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.colReason") }), hasRowOps && _jsx("span", { className: "text-right", children: t("pages.signalKeywords.colActions") })] }), terms.map((term) => (_jsxs("div", { className: "grid grid-cols-[24px_1fr_100px_90px_1fr_100px] gap-3 px-4 py-3 items-start border-b border-line last:border-b-0 hover:bg-surface/50 transition-colors", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("input", { type: "checkbox", checked: selected.has(term.term), onChange: () => toggleSelected(term.term), disabled: true, className: "mt-0.5 h-3.5 w-3.5 rounded border-line text-gov disabled:opacity-30 disabled:cursor-not-allowed" }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("span", { className: "text-[13px] text-ink font-medium block truncate", children: term.term }), _jsx("span", { className: "text-[11px] text-ink-4 mt-0.5 block", children: new Date(term.discoveredAt).toLocaleDateString(i18n.language) })] }), _jsx(Badge, { variant: term.suggestedCategory === "correction" ? "default" : "amber", children: categoryLabel[term.suggestedCategory] ?? term.suggestedCategory }), _jsx("span", { className: "text-[12px] text-ink-3", children: term.suggestedPrecision === "high" ? (_jsx("span", { className: "text-green", children: t("pages.signalKeywords.precisionHigh") })) : (_jsx("span", { className: "text-amber", children: t("pages.signalKeywords.precisionAmbiguous") })) }), _jsx("span", { className: "text-[12px] text-ink-3 leading-[1.5] line-clamp-2", children: term.reason }), hasRowOps && (_jsxs("div", { className: "flex items-center justify-end gap-1", children: [onConfirm && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onConfirm(term), disabled: true, className: "p-1.5 text-ink-4 hover:text-green disabled:opacity-30 disabled:cursor-not-allowed transition-colors", "aria-label": t("pages.signalKeywords.pendingTerms.confirm"), children: _jsx(Check, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] })), onIgnore && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onIgnore(term.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.pendingTerms.ignore"), children: _jsx(X, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: t("pages.signalKeywords.phase2Tooltip") })] }))] }))] }, term.term)))] }))] }));
+}

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

@@ -0,0 +1 @@
+export declare function SignalKeywordsPage(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { ArrowLeft } from "lucide-react";
+import { listActiveSignalKeywords, listPendingSignalTerms, } from "../../api.js";
+import { KeywordListSection } from "./KeywordListSection.js";
+import { PendingTermsSection } from "./PendingTermsSection.js";
+import { KeywordEditDialog } from "./KeywordEditDialog.js";
+export function SignalKeywordsPage() {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const [keywords, setKeywords] = useState([]);
+    const [pendingTerms, setPendingTerms] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const loadData = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const [kwResult, ptResult] = await Promise.all([
+                listActiveSignalKeywords(),
+                listPendingSignalTerms(),
+            ]);
+            if (!kwResult.success) {
+                setError(t("pages.signalKeywords.loadError"));
+                return;
+            }
+            if (!ptResult.success) {
+                setError(t("pages.signalKeywords.loadError"));
+                return;
+            }
+            setKeywords(kwResult.data ?? []);
+            setPendingTerms(ptResult.data ?? []);
+        }
+        catch {
+            setError(t("pages.signalKeywords.loadError"));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [t]);
+    useEffect(() => {
+        loadData();
+    }, [loadData]);
+    return (_jsxs("div", { className: "max-w-[960px] mx-auto px-6 py-8", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsxs("button", { type: "button", onClick: () => navigate("/control-center"), className: "flex items-center gap-1.5 text-[13px] text-ink-3 hover:text-ink transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), t("pages.controlCenter.eyebrow")] }), _jsx("span", { className: "text-ink-4 text-[13px]", children: "/" }), _jsx("span", { className: "text-[13px] text-ink font-medium", children: t("pages.signalKeywords.title") })] }), error && (_jsx("div", { className: "mb-6 px-4 py-3 border border-danger rounded-[4px] bg-danger/10 text-[13px] text-danger", children: error })), loading && (_jsx("div", { className: "flex items-center justify-center py-20", children: _jsx("div", { className: "w-6 h-6 border-2 border-gov border-t-transparent rounded-full animate-spin" }) })), !loading && !error && (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-[20px] font-semibold text-ink tracking-[-0.01em]", children: t("pages.signalKeywords.title") }), _jsx("p", { className: "mt-1 text-[13px] text-ink-3 leading-[1.55]", children: t("pages.signalKeywords.subtitle") })] }), _jsx(KeywordListSection, { keywords: keywords }), _jsx(PendingTermsSection, { terms: pendingTerms }), _jsx("div", { className: "pt-2 border-t border-line", children: _jsx(KeywordEditDialog
+                        // Phase 2: onSubmit
+                        , {}) })] }))] }));
+}

package/console/dist/ui/pages/welcome/WelcomePage.d.ts

@@ -0,0 +1,5 @@
+interface WelcomePageProps {
+    workspaceId: string;
+}
+export declare function WelcomePage({ workspaceId }: WelcomePageProps): import("react/jsx-runtime").JSX.Element;
+export {};