create-principles-disciple 1.146.4 → 1.146.6

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

@@ -1,457 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-import { useTranslation } from "react-i18next";
-import { toast } from "sonner";
-import { useNotifications } from "../../components/notifications/useNotifications.js";
-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, clearToken, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchOutputLanguage, updateOutputLanguage, fetchConfigSummary, patchFeatureFlag, fetchOwnerIdentity, registerOwnerIdentity, unregisterOwnerIdentity, } 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) {
-    return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-export function validateWorkspaceEntry(raw) {
-    if (!isRecord(raw))
-        return null;
-    if (!Object.hasOwn(raw, "name") ||
-        !Object.hasOwn(raw, "path") ||
-        !Object.hasOwn(raw, "lastSync")) {
-        return null;
-    }
-    const name = raw.name;
-    const path = raw.path;
-    const lastSync = raw.lastSync;
-    if (typeof name !== "string" ||
-        name.length === 0 ||
-        typeof path !== "string" ||
-        path.length === 0) {
-        return null;
-    }
-    if (lastSync !== null && typeof lastSync !== "string") {
-        return null;
-    }
-    // Validate optional config field
-    let config = null;
-    if (Object.hasOwn(raw, "config") && raw.config !== null) {
-        if (!isRecord(raw.config))
-            return null;
-        const cfg = raw.config;
-        if (!Object.hasOwn(cfg, "workspaceName") ||
-            !Object.hasOwn(cfg, "enabled") ||
-            !Object.hasOwn(cfg, "syncEnabled")) {
-            return null;
-        }
-        if (typeof cfg.workspaceName !== "string" ||
-            typeof cfg.enabled !== "boolean" ||
-            typeof cfg.syncEnabled !== "boolean") {
-            return null;
-        }
-        const displayName = Object.hasOwn(cfg, "displayName") && typeof cfg.displayName === "string"
-            ? cfg.displayName
-            : null;
-        config = {
-            workspaceName: cfg.workspaceName,
-            enabled: cfg.enabled,
-            displayName,
-            syncEnabled: cfg.syncEnabled,
-        };
-    }
-    return { name, path, lastSync, config };
-}
-export function validateWorkspaceArray(raw) {
-    if (!Array.isArray(raw))
-        return null;
-    const entries = [];
-    for (const item of raw) {
-        const validated = validateWorkspaceEntry(item);
-        if (validated === null)
-            return null; // ERR-009: fail loud on invalid element
-        entries.push(validated);
-    }
-    return entries;
-}
-function getCompanionBridge() {
-    if (typeof window === "undefined")
-        return undefined;
-    const candidate = window.pdCompanion;
-    return candidate;
-}
-export function SettingsPage() {
-    const { t } = useTranslation();
-    const { soundEnabled, setSoundEnabled } = useNotifications();
-    const [loadingState, setLoadingState] = useState("loading");
-    const [errorMessage, setErrorMessage] = useState(null);
-    // Auth token state
-    const [tokenInput, setTokenInput] = useState("");
-    // Inline confirm for credential clearing (J.1 pattern, same as workspace removal)
-    const [confirmClearToken, setConfirmClearToken] = useState(false);
-    // ADR-0022 (PRI-578): Owner identity registration state
-    const [ownerIdentity, setOwnerIdentity] = useState(null);
-    const [ownerIdInput, setOwnerIdInput] = useState("");
-    const [credentialIdInput, setCredentialIdInput] = useState("");
-    const [ownerActionPending, setOwnerActionPending] = useState(false);
-    // Workspace state
-    const [workspaces, setWorkspaces] = useState([]);
-    const [addName, setAddName] = useState("");
-    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);
-    // PRI-720: prompt_full_pipeline feature flag toggle state (Owner switch for
-    // forcing prompt/defer_archive chains through the full legacy pipeline).
-    // null = loading/unknown (button disabled); true/false = persisted state.
-    const [fullPipelineFlagEnabled, setFullPipelineFlagEnabled] = useState(null);
-    // Inline confirm for remove (J.1 pattern)
-    const [confirmRemove, setConfirmRemove] = useState(null);
-    // ── Load data on mount ──────────────────────────────────────────────────
-    const loadData = useCallback(async () => {
-        setLoadingState("loading");
-        setErrorMessage(null);
-        // Load current token
-        const storedToken = getToken();
-        setTokenInput(storedToken ?? "");
-        // Load workspaces
-        const result = await fetchWorkspaces();
-        if (!result.success) {
-            setLoadingState("error");
-            setErrorMessage(result.error ?? "Unknown error");
-            return;
-        }
-        const validated = validateWorkspaceArray(result.data);
-        if (validated === null) {
-            setLoadingState("error");
-            setErrorMessage("Workspace data has unexpected shape");
-            return;
-        }
-        setWorkspaces(validated);
-        // PRI-332: Load output language preference
-        const langResult = await fetchOutputLanguage();
-        if (langResult.success && langResult.data) {
-            const lang = langResult.data.outputLanguage;
-            if (lang === "zh-CN" || lang === "en") {
-                setOutputLanguage(lang);
-            }
-        }
-        // Non-fatal: if language load fails, keep default zh-CN
-        // ADR-0022 (PRI-578): Load owner identity status
-        const ownerResult = await fetchOwnerIdentity();
-        if (ownerResult.success && ownerResult.data) {
-            setOwnerIdentity(ownerResult.data);
-        }
-        // Non-fatal: failures keep the section collapsed to its loading state
-        setLoadingState("loaded");
-    }, []);
-    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]);
-    // PRI-720: load prompt_full_pipeline flag state from config summary.
-    // Same contract as the onboarding toggle (rc-9: failures keep the toggle
-    // disabled and surface a toast — no silent fallback).
-    const loadFullPipelineFlag = useCallback(async () => {
-        setFullPipelineFlagEnabled(null);
-        const result = await fetchConfigSummary();
-        if (!result.success || !result.data) {
-            toast.error(t("components.fullPipelineFlag.loadFailed"));
-            return;
-        }
-        const flag = result.data.features.find((f) => f.id === "prompt_full_pipeline");
-        if (!flag) {
-            toast.error(t("components.fullPipelineFlag.loadFailed"));
-            return;
-        }
-        setFullPipelineFlagEnabled(flag.enabled);
-    }, [t]);
-    useEffect(() => { void loadFullPipelineFlag(); }, [loadFullPipelineFlag]);
-    // ── ADR-0022 (PRI-578): owner identity handlers ─────────────────────────
-    const handleRegisterOwner = useCallback(async () => {
-        if (ownerIdInput.trim().length === 0 || credentialIdInput.trim().length === 0) {
-            toast.error(t("pages.settings.ownerIdentity.required"));
-            return;
-        }
-        setOwnerActionPending(true);
-        try {
-            const result = await registerOwnerIdentity(ownerIdInput.trim(), credentialIdInput.trim());
-            if (!result.success) {
-                toast.error(t("pages.settings.ownerIdentity.operationFailed"));
-                return;
-            }
-            const refresh = await fetchOwnerIdentity();
-            if (refresh.success && refresh.data)
-                setOwnerIdentity(refresh.data);
-            setOwnerIdInput("");
-            setCredentialIdInput("");
-            toast.success(t("pages.settings.ownerIdentity.registered"));
-        }
-        finally {
-            setOwnerActionPending(false);
-        }
-    }, [ownerIdInput, credentialIdInput, t]);
-    const handleUnregisterOwner = useCallback(async () => {
-        setOwnerActionPending(true);
-        try {
-            const result = await unregisterOwnerIdentity();
-            if (!result.success) {
-                toast.error(t("pages.settings.ownerIdentity.operationFailed"));
-                return;
-            }
-            const refresh = await fetchOwnerIdentity();
-            if (refresh.success && refresh.data)
-                setOwnerIdentity(refresh.data);
-            toast.success(t("pages.settings.ownerIdentity.unregistered"));
-        }
-        finally {
-            setOwnerActionPending(false);
-        }
-    }, [t]);
-    // ── Auth token handlers ────────────────────────────────────────────────
-    const handleSaveToken = useCallback(async () => {
-        const trimmed = tokenInput.trim();
-        if (trimmed.length === 0)
-            return;
-        try {
-            const companion = getCompanionBridge();
-            if (companion !== undefined) {
-                const result = await companion.configureConsoleToken(trimmed);
-                if (!result.persisted) {
-                    toast.error(t("pages.settings.tokenSaveFailed"));
-                    if (result.nextAction)
-                        toast.info(result.nextAction);
-                    return;
-                }
-                if (result.reason === "external_console_attached") {
-                    toast.info(t("pages.settings.tokenExternalAttached"));
-                    if (result.nextAction)
-                        toast.info(result.nextAction, { duration: 8000 });
-                }
-                else if (result.restartRequested) {
-                    toast.success(t("pages.settings.tokenSavedRestarting"));
-                }
-                else {
-                    toast.success(t("pages.settings.tokenSaved"));
-                }
-            }
-            else {
-                toast.success(t("pages.settings.tokenSaved"));
-            }
-            setToken(trimmed);
-            await loadOnboardingFlag();
-        }
-        catch {
-            toast.error(t("pages.settings.tokenSaveFailed"));
-        }
-    }, [tokenInput, loadOnboardingFlag, t]);
-    // Credential lifecycle rollback (SPEC §6.4 清除凭证): drop the durable
-    // credential and return the Console to its pre-binding no-auth state. In a
-    // plain browser there is nothing durable — only the session cache.
-    const handleClearToken = useCallback(async () => {
-        setConfirmClearToken(false);
-        const companion = getCompanionBridge();
-        if (companion === undefined) {
-            clearToken();
-            setTokenInput("");
-            toast.success(t("pages.settings.tokenClearedSession"));
-            return;
-        }
-        try {
-            const result = await companion.clearConsoleToken();
-            if (!result.cleared) {
-                // inherited_env_token: the token comes from the OS environment and
-                // would return on the next launch — refuse the fake-durable clear and
-                // tell the Owner where the real authority lives (rc-9).
-                if (result.reason === "inherited_env_token") {
-                    toast.info(t("pages.settings.tokenInheritedEnv"));
-                }
-                else {
-                    toast.error(t("pages.settings.tokenClearFailed"));
-                }
-                if (result.nextAction)
-                    toast.info(result.nextAction, { duration: 8000 });
-                return;
-            }
-            clearToken();
-            setTokenInput("");
-            if (result.reason === "external_console_attached") {
-                // Clear-specific message: the credential IS cleared on this side;
-                // the external server still enforces its own copy.
-                toast.info(t("pages.settings.tokenClearedExternalAttached"));
-            }
-            else if (result.restartRequested) {
-                toast.success(t("pages.settings.tokenClearedRestarting"));
-            }
-            else {
-                toast.success(t("pages.settings.tokenCleared"));
-            }
-            if (result.nextAction)
-                toast.info(result.nextAction, { duration: 8000 });
-        }
-        catch {
-            toast.error(t("pages.settings.tokenClearFailed"));
-        }
-    }, [t]);
-    // ── Workspace handlers ─────────────────────────────────────────────────
-    const handleAddWorkspace = useCallback(async () => {
-        const name = addName.trim();
-        const path = addPath.trim();
-        if (name.length === 0 || path.length === 0)
-            return;
-        const result = await addWorkspace(name, path);
-        if (!result.success) {
-            toast.error(result.error ?? "Failed to add workspace");
-            return;
-        }
-        // Validate the returned entry before adding to state
-        const validated = validateWorkspaceEntry(result.data);
-        if (validated === null) {
-            // ERR-002: degrade with reason — still reload from server
-            toast.success(t("pages.settings.workspaceAdded"));
-            await loadData();
-            return;
-        }
-        setWorkspaces((prev) => [...prev, validated]);
-        setAddName("");
-        setAddPath("");
-        toast.success(t("pages.settings.workspaceAdded"));
-    }, [addName, addPath, t, loadData]);
-    const handleRemoveWorkspace = useCallback(async (name) => {
-        const result = await removeWorkspace(name);
-        if (!result.success) {
-            toast.error(result.error ?? "Failed to remove workspace");
-            setConfirmRemove(null);
-            return;
-        }
-        setWorkspaces((prev) => prev.filter((w) => w.name !== name));
-        setConfirmRemove(null);
-        toast.success(t("pages.settings.workspaceRemoved"));
-    }, [t]);
-    const handleSyncWorkspace = useCallback(async (name) => {
-        const result = await syncWorkspace(name);
-        if (!result.success) {
-            toast.error(result.error ?? "Failed to sync workspace");
-            return;
-        }
-        // Reload to get fresh lastSync timestamps
-        await loadData();
-        toast.success(t("pages.settings.syncWorkspace"));
-    }, [loadData, t]);
-    // ── PRI-332: Output language handler ────────────────────────────────
-    const handleOutputLanguageChange = useCallback(async (newLang) => {
-        if (newLang !== 'zh-CN' && newLang !== 'en')
-            return;
-        const result = await updateOutputLanguage(newLang);
-        if (!result.success) {
-            toast.error(result.error ?? t("pages.settings.languageLoadError"));
-            return;
-        }
-        // Re-read to confirm persisted state
-        if (result.data && (result.data.outputLanguage === "zh-CN" || result.data.outputLanguage === "en")) {
-            setOutputLanguage(result.data.outputLanguage);
-        }
-        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]);
-    // ── PRI-720 full-pipeline flag toggle handler ───────────────────────────
-    // Calls the validated PATCH /api/v1/config/features/prompt_full_pipeline
-    // wrapper (patchFeatureFlag). Response is runtime-validated by
-    // validateFeatureFlagUpdate (rc-1/rc-3) before state is updated.
-    const handleToggleFullPipelineFlag = useCallback(async () => {
-        if (fullPipelineFlagEnabled === null)
-            return;
-        const newEnabled = !fullPipelineFlagEnabled;
-        const result = await patchFeatureFlag("prompt_full_pipeline", newEnabled);
-        if (!result.success || !result.data) {
-            // rc-9: surface reason via toast instead of silent rollback
-            toast.error(t("components.fullPipelineFlag.toggleFailed"));
-            return;
-        }
-        setFullPipelineFlagEnabled(result.data.enabled);
-        toast.success(t(newEnabled
-            ? "components.fullPipelineFlag.enabled"
-            : "components.fullPipelineFlag.disabled"));
-    }, [fullPipelineFlagEnabled, 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") }) }));
-    }
-    // ── Error state (ERR-002: degradation with reason) ───────────────────────
-    if (loadingState === "error") {
-        return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.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 gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", 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") }), confirmClearToken ? (_jsxs(_Fragment, { children: [_jsx("button", { onClick: handleClearToken, className: "border border-amber bg-amber text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:opacity-90 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.clearTokenConfirm") }), _jsx("button", { onClick: () => setConfirmClearToken(false), className: "border border-line text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:border-gov transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.cancel") })] })) : (_jsx("button", { onClick: () => setConfirmClearToken(true), className: "border border-line text-ink-3 rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:border-gov hover:text-ink transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.settings.clearToken") }))] }), _jsx("span", { className: "text-ink-4 text-[12px]", children: getCompanionBridge() === undefined
-                                                ? t("pages.settings.tokenSessionOnly")
-                                                : t("pages.settings.tokenDesktopStored") })] })] })] }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-owner-identity", children: [_jsx(SectionTitle, { id: "section-owner-identity", children: t("pages.settings.ownerIdentity.title") }), _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.ownerIdentity.intro") }), ownerIdentity === null ? (_jsx("div", { className: "text-ink-4 text-[12px]", children: t("pages.settings.ownerIdentity.loading") })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2 text-[13px] mb-2", "data-testid": "owner-identity-status", children: [_jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${ownerIdentity.resolved.source === "none"
-                                                        ? "bg-amber text-ink"
-                                                        : ownerIdentity.resolved.source === "invalid_env"
-                                                            ? "bg-danger text-paper"
-                                                            : "bg-green text-ink"}`, role: "status", children: ownerIdentity.resolved.source === "none"
-                                                        ? t("pages.settings.ownerIdentity.statusMissing")
-                                                        : ownerIdentity.resolved.source === "invalid_env"
-                                                            ? t("pages.settings.ownerIdentity.statusInvalid")
-                                                            : t("pages.settings.ownerIdentity.statusConfigured") }), _jsxs("span", { className: "text-ink-3 text-[12px]", children: [ownerIdentity.resolved.source === "env" && t("pages.settings.ownerIdentity.sourceEnv"), ownerIdentity.resolved.source === "file" && t("pages.settings.ownerIdentity.sourceFile"), ownerIdentity.resolved.source === "invalid_env" && t("pages.settings.ownerIdentity.sourceInvalid"), ownerIdentity.resolved.source === "none" && t("pages.settings.ownerIdentity.sourceNone")] })] }), _jsxs("div", { className: "flex items-center gap-2 text-[13px] mb-2", "data-testid": "owner-governance-readiness", "data-ready": ownerIdentity.governance.ownerIdentityConfiguration === "configured" && ownerIdentity.governance.authenticationMode === "authenticated" ? "true" : "false", children: [_jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${ownerIdentity.governance.ownerIdentityConfiguration === "configured" && ownerIdentity.governance.authenticationMode === "authenticated" ? "bg-green text-ink" : "bg-amber text-ink"}`, role: "status", children: ownerIdentity.governance.ownerIdentityConfiguration === "configured" && ownerIdentity.governance.authenticationMode === "authenticated"
-                                                        ? t("pages.settings.ownerIdentity.governanceReady")
-                                                        : t("pages.settings.ownerIdentity.governanceNotReady") }), (ownerIdentity.governance.ownerIdentityConfiguration !== "configured" || ownerIdentity.governance.authenticationMode !== "authenticated") && (_jsx("span", { className: "text-ink-3 text-[12px]", children: ownerIdentity.governance.ownerIdentityConfiguration === "configured" && ownerIdentity.governance.authenticationMode === "no_auth"
-                                                        ? t("pages.settings.ownerIdentity.governanceReasonTokenAuth")
-                                                        : t("pages.settings.ownerIdentity.governanceReasonIdentity") }))] }), ownerIdentity.governance.ownerIdentityConfiguration === "configured" &&
-                                            ownerIdentity.governance.authenticationMode === "no_auth" && (_jsx("div", { className: "text-ink-4 text-[12px] mb-3", "data-testid": "owner-governance-next-action", children: t("pages.settings.ownerIdentity.governanceNextActionTokenAuth") })), ownerIdentity.resolved.error !== undefined && (_jsx("div", { className: "text-danger text-[12px] mb-3", "data-testid": "owner-identity-error", children: ownerIdentity.resolved.error })), ownerIdentity.resolved.source === "invalid_env" && (_jsx("div", { className: "text-ink-4 text-[12px] mb-3", "data-testid": "owner-identity-invalid-env-hint", children: t("pages.settings.ownerIdentity.invalidEnvHint") })), ownerIdentity.resolved.source === "file" && ownerIdentity.fileRecord !== null && (_jsxs("div", { className: "text-ink-4 text-[12px] mb-3 font-mono", children: [t("pages.settings.ownerIdentity.ownerIdLabel"), ": ", ownerIdentity.fileRecord.ownerId, " \u00B7", " ", t("pages.settings.ownerIdentity.registeredAt"), " ", ownerIdentity.fileRecord.registeredAt.slice(0, 10)] })), ownerIdentity.fileError !== undefined && (_jsx("div", { className: "text-danger text-[12px] mb-3", "data-testid": "owner-identity-file-error", children: ownerIdentity.fileError })), ownerIdentity.resolved.source === "env" ? (_jsx("div", { className: "text-ink-4 text-[12px]", children: t("pages.settings.ownerIdentity.envHint") })) : (_jsxs("div", { className: "mt-3", children: [_jsx("label", { htmlFor: "owner-id-input", className: "block text-sm font-medium text-ink mb-1", children: t("pages.settings.ownerIdentity.ownerIdLabel") }), _jsx("input", { id: "owner-id-input", type: "text", value: ownerIdInput, onChange: (e) => setOwnerIdInput(e.target.value), disabled: ownerActionPending, placeholder: "owner-alice", 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 disabled:opacity-50" }), _jsx("label", { htmlFor: "credential-id-input", className: "block text-sm font-medium text-ink mt-3 mb-1", children: t("pages.settings.ownerIdentity.credentialIdLabel") }), _jsx("input", { id: "credential-id-input", type: "text", value: credentialIdInput, onChange: (e) => setCredentialIdInput(e.target.value), disabled: ownerActionPending, placeholder: "cred-...", 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 disabled:opacity-50" }), _jsxs("div", { className: "flex items-center gap-2 mt-3", children: [_jsx("button", { type: "button", onClick: handleRegisterOwner, disabled: ownerActionPending, 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("pages.settings.ownerIdentity.register") }), ownerIdentity.resolved.source === "file" && (_jsx("button", { type: "button", onClick: handleUnregisterOwner, disabled: ownerActionPending, className: "border border-line text-ink-3 rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-surface transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.settings.ownerIdentity.unregister") }))] })] }))] }))] })] }), _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") })] }) })] }), _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", { className: "mb-8", "aria-labelledby": "section-full-pipeline-flag", children: [_jsx(SectionTitle, { id: "section-full-pipeline-flag", children: t("components.fullPipelineFlag.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: "full-pipeline-flag-toggle", className: "block text-sm font-medium text-ink", children: t("components.fullPipelineFlag.label") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mt-1", children: t("components.fullPipelineFlag.description") })] }), _jsx("button", { id: "full-pipeline-flag-toggle", type: "button", role: "switch", "aria-checked": fullPipelineFlagEnabled ?? false, "aria-label": t("components.fullPipelineFlag.toggleAriaLabel"), onClick: handleToggleFullPipelineFlag, disabled: fullPipelineFlagEnabled === 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", fullPipelineFlagEnabled ? "bg-gov" : "bg-line"), children: _jsx("span", { className: cn("inline-block h-4 w-4 transform rounded-full bg-paper transition-transform", fullPipelineFlagEnabled ? "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/settings/UpdatePage.d.ts

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