create-principles-disciple 1.146.4 → 1.146.6

package/console/dist/ui/pages/principles/PrinciplesPage.d.ts

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

package/console/dist/ui/pages/principles/PrinciplesPage.js

@@ -1,327 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef } from "react";
-import { Link, useSearchParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { PageShell } from "../../components/layout/page-shell.js";
-import { SectionTitle } from "../../components/layout/section-title.js";
-import { Button } from "../../components/ui/button.js";
-import { Skeleton } from "../../components/ui/skeleton.js";
-import { ShinyText } from "../../components/ui/shiny-text.js";
-import { fetchPrinciples, fetchApprovalsGrouped, fetchOwnerDecisionLibrary, } from "../../api.js";
-import { enumLabel } from "../../utils/enum-labels.js";
-import { splitReadingTitleBody, truncateByCodePoints } from "../../utils/reading-layout.js";
-import { formatDate } from "../../utils/format-date.js";
-import { PrinciplesViewNav } from "./PrinciplesViewNav.js";
-// ── Map principle status to review status ───────────────────────────────────
-function toReviewStatus(principleStatus, approvalStatus) {
-    if (approvalStatus === "approved")
-        return "approved";
-    if (approvalStatus === "rejected")
-        return "rejected";
-    if (principleStatus === "active")
-        return "approved";
-    if (principleStatus === "archived")
-        return "parked";
-    if (principleStatus === "deprecated")
-        return "rejected";
-    // PRI-629 INV-02: candidate/probation 是生命周期(内化进行中),不是"待你
-    // 审查"。真实 Owner 决策只在治理焦点 Owner Inbox 呈现。
-    return "candidate";
-}
-// ── Status visual mapping ───────────────────────────────────────────────────
-const STATUS_BORDER = {
-    pending: "border-l-gov",
-    candidate: "border-l-ink-3",
-    approved: "border-l-green",
-    rejected: "border-l-danger",
-    parked: "border-l-ink-3",
-};
-const STATUS_TEXT = {
-    pending: "text-gov",
-    candidate: "text-ink-3",
-    approved: "text-green",
-    rejected: "text-danger",
-    parked: "text-ink-3",
-};
-const CHANNEL_LABELS = {
-    prompt: "channelPrompt",
-    defer_archive: "channelDeferArchive",
-    code_tool_hook: "channelCodeToolHook",
-};
-// ── PRI-558: timeline node fill + status-driven copy (theme tokens, dark-mode safe) ──
-const STATUS_DOT_BG = {
-    pending: "bg-gov",
-    candidate: "bg-ink-3",
-    approved: "bg-green",
-    rejected: "bg-danger",
-    parked: "bg-ink-3",
-};
-// Governance decision row mirrors the true review status — rejected/parked must
-// not read as "awaiting review" (labels reuse the existing status* keys).
-const GOV_DECISION = {
-    approved: { glyph: "✓", labelKey: "principles.govApproved" },
-    pending: { glyph: "⏳", labelKey: "principles.govPending" },
-    candidate: { glyph: "○", labelKey: "principles.statusCandidate" },
-    rejected: { glyph: "✗", labelKey: "principles.statusRejected" },
-    parked: { glyph: "⏸", labelKey: "principles.statusParked" },
-};
-const BLOCK_IMPACT_KEY = {
-    approved: "principles.blockImpactActive",
-    pending: "principles.blockImpactPending",
-    candidate: "principles.blockImpactPending",
-    rejected: "principles.blockImpactRejected",
-    parked: "principles.blockImpactParked",
-};
-// Summary metric tile (one of the three numbers in the metrics bar)
-function Metric({ num, label }) {
-    return (_jsxs("div", { className: "flex-1 min-w-[120px] px-4 py-3 border-r border-line last:border-r-0", children: [_jsx("div", { className: "font-mono text-[22px] font-semibold text-gov leading-none", children: num }), _jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.02em] text-ink-3 mt-1.5", children: label })] }));
-}
-// Evolution block rendered under each principle card
-function EvolutionBlock({ label, children }) {
-    return (_jsxs("div", { className: "mt-3 pt-3 border-t border-line/60", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.02em] text-ink-4 mb-1", children: label }), _jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed", children: children })] }));
-}
-// ── Runtime validation helpers (H section) ──────────────────────────────────
-function isString(v) {
-    return typeof v === "string";
-}
-function isRecord(v) {
-    return typeof v === "object" && v !== null && !Array.isArray(v);
-}
-function isStringArray(v) {
-    return Array.isArray(v) && v.every(isString);
-}
-function validatePrinciplesData(data) {
-    if (!isRecord(data))
-        return null;
-    if (!Object.hasOwn(data, "principles") || !Array.isArray(data.principles))
-        return null;
-    // Validate each principle element has required string fields
-    for (const item of data.principles) {
-        if (!isRecord(item))
-            return null;
-        if (!Object.hasOwn(item, "id") || !isString(item.id))
-            return null;
-        if (!Object.hasOwn(item, "text") || !isString(item.text))
-            return null;
-        if (!Object.hasOwn(item, "status") || !isString(item.status))
-            return null;
-        if (!Object.hasOwn(item, "updatedAt") || !isString(item.updatedAt))
-            return null;
-        if (!Object.hasOwn(item, "createdAt") || !isString(item.createdAt))
-            return null;
-    }
-    return data;
-}
-function validateApprovalsGrouped(data) {
-    if (!isRecord(data))
-        return null;
-    if (!Object.hasOwn(data, "groups") || !Array.isArray(data.groups))
-        return null;
-    // Validate each group element
-    for (const g of data.groups) {
-        if (!isRecord(g))
-            return null;
-        if (!Object.hasOwn(g, "principleId") || !isString(g.principleId))
-            return null;
-        if (!Object.hasOwn(g, "status") || !isString(g.status))
-            return null;
-        if (!Object.hasOwn(g, "records") || !Array.isArray(g.records))
-            return null;
-        for (const r of g.records) {
-            if (!isRecord(r))
-                return null;
-            if (!Object.hasOwn(r, "id") || !isString(r.id))
-                return null;
-            if (!Object.hasOwn(r, "channel") || !isString(r.channel))
-                return null;
-        }
-    }
-    return data;
-}
-// ── Component ───────────────────────────────────────────────────────────────
-export function PrinciplesPage() {
-    const { t, i18n } = useTranslation("pages");
-    const [principles, setPrinciples] = useState([]);
-    const [approvalGroups, setApprovalGroups] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    // PRI-558: summary powers the metrics bar (already returned by /api/principles)
-    const [summary, setSummary] = useState(null);
-    // Search / filter / sort
-    const [searchParams, setSearchParams] = useSearchParams();
-    const updateQuery = (key, value) => { const next = new URLSearchParams(searchParams); next.set(key, value); setSearchParams(next, { replace: true, preventScrollReset: true }); };
-    const search = searchParams.get('q') ?? '';
-    const setSearch = (value) => updateQuery('q', value);
-    const statusParam = searchParams.get('status');
-    const statusFilter = statusParam === 'pending' || statusParam === 'candidate' || statusParam === 'approved' || statusParam === 'rejected' || statusParam === 'parked' ? statusParam : 'all';
-    const setStatusFilter = (value) => updateQuery('status', value);
-    const sortBy = searchParams.get('sort') === 'createdAt' ? 'createdAt' : 'updatedAt';
-    const setSortBy = (value) => updateQuery('sort', value);
-    // PRI-629 (INV-02): 默认展示全部 — candidate 是生命周期而非待办,
-    // "只看待决策"不再作为默认视图 (真实决策在治理焦点)。
-    const filterMode = searchParams.get('mode') === 'actionable' ? 'actionable' : 'all';
-    const setFilterMode = (value) => updateQuery('mode', value);
-    const [categories, setCategories] = useState();
-    // Owner Decision Experience v1: backend semantic titles + decision states
-    // (display-only — the page never re-derives decision qualification).
-    const [ownerDecisionLibrary, setOwnerDecisionLibrary] = useState(null);
-    // PRI-956 (F15, D3): runtime status cannot be confirmed when set
-    const [revocationUnavailable, setRevocationUnavailable] = useState(null);
-    const requestEpoch = useRef(0);
-    // Fetch data
-    const loadData = useCallback(async () => {
-        const epoch = ++requestEpoch.current;
-        setLoading(true);
-        setError(null);
-        try {
-            const [pResult, aResult, dResult] = await Promise.all([
-                fetchPrinciples(filterMode),
-                fetchApprovalsGrouped(),
-                fetchOwnerDecisionLibrary(),
-            ]);
-            if (epoch !== requestEpoch.current)
-                return;
-            setOwnerDecisionLibrary(dResult.success && dResult.data ? dResult.data : null);
-            if (!pResult.success) {
-                setError(pResult.error ?? "Failed to load principles");
-                return;
-            }
-            const pData = validatePrinciplesData(pResult.data);
-            if (!pData) {
-                setError("Invalid principles data received");
-                return;
-            }
-            setPrinciples(pData.principles);
-            // PRI-330: Store categories for UI display
-            setCategories(pData.categories);
-            // PRI-558: expose summary for the metrics bar
-            setSummary(pData.summary);
-            // PRI-956 (F15, D3): propagate revocation check unavailability
-            setRevocationUnavailable(pData.revocationCheckUnavailable ?? null);
-            const aData = aResult.success ? validateApprovalsGrouped(aResult.data) : null;
-            setApprovalGroups(aData?.groups ?? []);
-        }
-        catch (err) {
-            if (epoch !== requestEpoch.current)
-                return;
-            setError(err instanceof Error ? err.message : "Unknown error");
-        }
-        finally {
-            if (epoch === requestEpoch.current)
-                setLoading(false);
-        }
-    }, [filterMode]);
-    useEffect(() => {
-        void loadData();
-        return () => { requestEpoch.current++; };
-    }, [loadData]);
-    // Build approval lookup
-    const approvalByPrinciple = new Map();
-    for (const g of approvalGroups) {
-        approvalByPrinciple.set(g.principleId, g);
-    }
-    // Merge principle + approval data into cards
-    const cards = principles.map((p) => {
-        const ag = approvalByPrinciple.get(p.id);
-        const channels = ag
-            ? ag.records.map((r) => r.channel).filter(isString)
-            : ["prompt"];
-        const uniqueChannels = [...new Set(channels)];
-        // Owner Decision Experience v1 (SPEC §10/§11.2): the card title comes
-        // from the backend Semantic Selector; when no readable principle exists
-        // the card shows a NEUTRAL placeholder — the technical trigger/original
-        // text stays reachable in the collapsed details below (never the title).
-        const decision = ownerDecisionLibrary?.entries[p.id];
-        const semanticTitle = decision?.learnedPrinciple.status === 'known' ? decision.learnedPrinciple.text : undefined;
-        // PRI-332: Determine display title with bounded fallback for unreadable titles
-        const rawTitle = p.triggerPattern || truncateByCodePoints(p.text, 80);
-        const detectedLang = p.detectedLanguage ?? 'unknown';
-        const readWarningCode = p.readabilityWarningCode;
-        let displayTitle = rawTitle;
-        let usedFallback = false;
-        if (semanticTitle !== undefined) {
-            displayTitle = semanticTitle;
-            usedFallback = rawTitle !== semanticTitle;
-        }
-        else if (readWarningCode || decision !== undefined) {
-            // No qualified semantic text: neutral placeholder instead of a
-            // technical trigger as the Owner-facing title.
-            displayTitle = t("principles.readabilityFallbackTitle");
-            usedFallback = true;
-        }
-        return {
-            principleId: p.id,
-            title: splitReadingTitleBody(displayTitle).title,
-            searchText: semanticTitle ?? rawTitle,
-            originalTitle: rawTitle,
-            titleUsedFallback: usedFallback,
-            text: p.text,
-            action: p.action,
-            status: toReviewStatus(p.status, ag?.status),
-            channels: uniqueChannels,
-            evaluability: p.evaluability,
-            decisionState: decision?.decisionState,
-            runtimeDeactivated: p.runtimeDeactivated === true,
-            updatedAt: p.updatedAt,
-            createdAt: p.createdAt,
-            priority: p.priority,
-            detectedLanguage: detectedLang,
-            readabilityWarningCode: readWarningCode,
-        };
-    });
-    // Filter + sort
-    const filtered = cards
-        .filter((c) => {
-        if (statusFilter !== "all" && c.status !== statusFilter)
-            return false;
-        if (search) {
-            const q = search.toLowerCase();
-            if (!c.text.toLowerCase().includes(q) && !c.title.toLowerCase().includes(q) && !c.searchText.toLowerCase().includes(q))
-                return false;
-        }
-        return true;
-    })
-        .sort((a, b) => {
-        const key = sortBy === "updatedAt" ? "updatedAt" : "createdAt";
-        return new Date(b[key]).getTime() - new Date(a[key]).getTime();
-    });
-    const statusFilters = [
-        { value: "all", label: t("principles.allStatuses") },
-        { value: "pending", label: t("principles.statusPending") },
-        { value: "approved", label: t("principles.statusApproved") },
-        { value: "rejected", label: t("principles.statusRejected") },
-        { value: "parked", label: t("principles.statusParked") },
-    ];
-    // PRI-558: most recent update across loaded principles (drives "Last Updated" metric)
-    const latestUpdatedAt = principles.reduce((max, p) => (new Date(p.updatedAt).getTime() > new Date(max).getTime() ? p.updatedAt : max), principles[0]?.updatedAt ?? "");
-    return (_jsxs(PageShell, { children: [revocationUnavailable && (_jsx("div", { className: "mb-4 p-3 bg-amber-50 border border-amber-300 rounded-[var(--radius-md)] text-sm text-amber-800", children: t("principles.revocationStatusUnknown") })), _jsx(SectionTitle, { children: t("principles.reviewTitle") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mb-2", duration: 4.5, brightness: 0.5, disabled: !(filterMode === 'actionable' && (categories?.owner_actionable ?? 0) > 0), children: t("principles.reviewSubtitle") }), _jsx("p", { className: "text-ink-3 text-[14px] leading-relaxed mb-6", children: t("principles.reviewDescription") }), _jsx(PrinciplesViewNav, { view: "workspace" }), _jsxs("div", { className: "flex flex-wrap items-center gap-3 mb-6", children: [_jsxs("div", { className: "flex gap-1", role: "group", "aria-label": "Filter mode", children: [_jsxs("button", { onClick: () => setFilterMode('actionable'), className: "font-mono text-[11px] uppercase tracking-[0.02em] border rounded-[2px] px-2 py-1 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov " +
-                                    (filterMode === 'actionable'
-                                        ? "bg-gov text-paper border-gov"
-                                        : "bg-surface text-ink-3 border-line hover:border-line-2"), children: [t("principles.filterActionable", { defaultValue: "Actionable" }), categories?.owner_actionable ? ` (${categories.owner_actionable})` : ''] }), _jsxs("button", { onClick: () => setFilterMode('all'), className: "font-mono text-[11px] uppercase tracking-[0.02em] border rounded-[2px] px-2 py-1 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov " +
-                                    (filterMode === 'all'
-                                        ? "bg-gov text-paper border-gov"
-                                        : "bg-surface text-ink-3 border-line hover:border-line-2"), children: [t("principles.filterAll", { defaultValue: "Show All" }), categories ? ` (${Object.values(categories).reduce((a, b) => a + b, 0)})` : ''] })] }), _jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: t("principles.searchPlaceholder"), className: "flex-1 min-w-[200px] border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", "aria-label": t("principles.searchPlaceholder") }), _jsx("div", { className: "flex gap-1", role: "group", "aria-label": "Status filter", children: statusFilters.map((sf) => (_jsx("button", { onClick: () => setStatusFilter(sf.value), className: "font-mono text-[11px] uppercase tracking-[0.02em] border rounded-[2px] px-2 py-1 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov " +
-                                (statusFilter === sf.value
-                                    ? "bg-gov text-paper border-gov"
-                                    : "bg-surface text-ink-3 border-line hover:border-line-2"), children: sf.label }, sf.value))) }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "border border-line rounded-[var(--radius-md)] bg-surface text-ink-3 px-2 py-1 text-[12px] font-mono focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", "aria-label": "Sort order", children: [_jsx("option", { value: "updatedAt", children: t("principles.sortByUpdated") }), _jsx("option", { value: "createdAt", children: t("principles.sortByCreated") })] })] }), !loading && !error && summary && (_jsxs("details", { className: "mb-6 text-[12px] text-ink-3", "data-testid": "principle-library-overview", children: [_jsx("summary", { className: "cursor-pointer text-gov", children: t('principles.libraryOverview') }), _jsxs("div", { className: "mt-3 flex flex-wrap border border-line rounded-[var(--radius-md)] bg-panel overflow-hidden", children: [_jsx(Metric, { num: String(summary.total), label: t("principles.metricDeposited") }), _jsx(Metric, { num: String(summary.active), label: t("principles.metricActive") }), _jsx(Metric, { num: latestUpdatedAt ? formatDate(latestUpdatedAt, i18n.language) : "—", label: t("principles.metricLatest") })] })] })), loading && (_jsx("div", { className: "grid gap-3 animate-[pdFadeIn_200ms_ease-out]", role: "status", "aria-live": "polite", "aria-label": t("principles.loading", { defaultValue: "Loading…" }), children: Array.from({ length: 4 }).map((_, i) => (_jsxs("div", { className: "bg-panel border border-line rounded-[var(--radius-md)] p-4 border-l-[3px] border-l-transparent", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-3", children: [_jsx(Skeleton, { className: "h-5 w-[55%] rounded-sm" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-[2px]" })] }), _jsx(Skeleton, { className: "h-4 w-full rounded-sm mb-2" }), _jsx(Skeleton, { className: "h-4 w-[80%] rounded-sm mb-4" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-20 rounded-sm" }), _jsx(Skeleton, { className: "h-3.5 w-24 rounded-sm" })] })] }, i))) })), error && (_jsxs("div", { className: "border border-danger/30 rounded-[var(--radius-md)] p-4 mb-4", children: [_jsx("p", { className: "text-danger text-sm", children: error }), _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, className: "mt-2", children: t("principles.retry", { defaultValue: "Retry" }) })] })), !loading && !error && filtered.length === 0 && principles.length === 0 && (_jsxs("div", { className: "text-center py-12", children: [_jsx("h2", { className: "text-ink-2 text-lg font-semibold mb-2", children: t("principles.emptyTitle") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[480px] mx-auto leading-relaxed", children: filterMode === 'actionable'
-                            ? t("principles.emptyActionable", { defaultValue: "No owner-actionable principles at this time. When PD captures behavior deviation signals, principle candidates will appear here for your review." })
-                            : t("principles.emptyDescription") }), categories && filterMode === 'actionable' && (_jsx("div", { className: "flex justify-center gap-2 flex-wrap mt-4", children: Object.entries(categories).map(([cat, count]) => (_jsxs("span", { className: "font-mono text-[11px] uppercase tracking-[0.02em] border border-line rounded-[2px] px-2 py-0.5 text-ink-4", children: [cat, ": ", count] }, cat))) }))] })), !loading && !error && filtered.length === 0 && principles.length > 0 && (_jsx("p", { className: "text-ink-3 text-sm", children: t("principles.noResults") })), !loading && !error && filtered.length > 0 && (_jsxs("div", { className: "relative pl-6 grid gap-3 animate-[pdFadeIn_400ms_ease-out]", children: [_jsx("span", { className: "absolute left-[12.5px] top-3 bottom-3 w-px bg-line", "aria-hidden": "true" }), filtered.map((card) => {
-                        const ag = approvalByPrinciple.get(card.principleId);
-                        const decision = GOV_DECISION[card.status];
-                        const decisionRecord = ag?.records?.find((r) => r.status === ag.status) ?? ag?.records?.[0];
-                        const decisionDate = decisionRecord?.createdAt;
-                        return (_jsxs("article", { className: "relative bg-panel border border-line rounded-[var(--radius-md)] p-5 " +
-                                "border-l-[3px] " +
-                                STATUS_BORDER[card.status] + " " +
-                                "transition-[border-color,background,transform] duration-150 " +
-                                "hover:border-line-2 " +
-                                "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", children: [_jsx("span", { className: "absolute -left-[19px] top-4 h-2.5 w-2.5 rounded-full border-2 border-paper " +
-                                        STATUS_DOT_BG[card.status], "aria-hidden": "true" }), _jsxs("div", { className: "mb-2 flex flex-wrap items-start justify-between gap-3", children: [_jsx("h3", { className: "min-w-0 flex-1 text-[15px] font-semibold leading-relaxed text-ink", children: _jsx(Link, { className: "rounded-sm hover:text-gov focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", to: `/principles/${card.principleId}`, state: { returnTo: `/principles?${searchParams}` }, children: card.title }) }), _jsx("span", { className: `rounded-[2px] border px-2 py-1 text-[11px] ${STATUS_TEXT[card.status]}`, children: card.decisionState !== undefined ? t(`principles.ownerDecision.state.${card.decisionState}`, { defaultValue: card.decisionState }) : t(decision.labelKey) })] }), card.readabilityWarningCode && (_jsx("div", { className: "mb-2 px-3 py-1.5 bg-amber/5 border border-amber/20 rounded-[3px] text-ink-3 text-[12px] leading-snug", children: t("principles.readabilityWarning." + card.readabilityWarningCode, { defaultValue: t("principles.readabilityFallbackTitle") }) })), card.text.trim() !== card.title.trim() && _jsx("p", { className: "text-ink-3 text-[13px] line-clamp-2 leading-relaxed", children: card.text }), card.runtimeDeactivated === true && _jsx("p", { className: "mt-3 text-[12px] text-amber", role: "status", children: t('principles.runtimeDeactivated') }), _jsxs("details", { className: "mt-4 border-t border-line/60 pt-3", "data-testid": "principle-context-disclosure", children: [_jsx("summary", { className: "cursor-pointer text-[12px] text-gov", children: t('principles.contextDisclosure') }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2 flex-wrap", children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.02em] border rounded-[2px] px-2 py-0.5 " +
-                                                                STATUS_TEXT[card.status] +
-                                                                " border-current/20", children: t("principles.status" + card.status.charAt(0).toUpperCase() + card.status.slice(1)) }), card.channels.map((ch) => (_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.02em] border border-line rounded-[2px] px-2 py-0.5 text-ink-3", children: enumLabel('channel', ch, t) }, ch))), card.detectedLanguage && card.detectedLanguage !== 'unknown' && (_jsx("span", { className: "font-mono text-[11px] tracking-[0.02em] border border-line rounded-[2px] px-2 py-0.5 text-ink-4", children: card.detectedLanguage === 'zh'
-                                                                ? t("principles.languageHintZh")
-                                                                : t("principles.languageHintEn") })), _jsxs("span", { className: "font-mono text-[11px] text-ink-4", children: [t("principles.evaluabilityLabel", { defaultValue: "可评价性" }), ": ", enumLabel('evaluability', card.evaluability, t)] }), card.decisionState !== undefined && (_jsx("span", { className: "font-mono text-[11px] tracking-[0.02em] border border-line rounded-[2px] px-2 py-0.5 text-ink-4", children: t(`principles.ownerDecision.state.${card.decisionState}`, { defaultValue: card.decisionState }) }))] }), card.detectedLanguage && card.detectedLanguage !== 'unknown' && i18n.language && !i18n.language.startsWith(card.detectedLanguage) && (_jsx("div", { className: "mb-2 px-3 py-1.5 bg-surface/60 border-l-2 border-line rounded-[3px] text-ink-4 text-[12px] leading-snug", children: t("principles.languageMismatchHint", { lang: card.detectedLanguage === 'en' ? 'English' : '中文' }) })), card.titleUsedFallback && card.originalTitle && (_jsxs("details", { className: "mb-1", children: [_jsx("summary", { className: "text-ink-4 text-[11px] font-mono cursor-pointer hover:underline", children: t("principles.readabilityOriginalLabel") }), _jsx("div", { className: "text-ink-4 text-[12px] leading-snug mt-1 font-mono bg-surface/40 px-2 py-1 rounded-[3px] break-all", children: card.originalTitle })] })), _jsxs("p", { className: "font-mono text-[11px] text-ink-4 mt-2", children: [t("principles.updatedAt"), ": ", formatDate(card.updatedAt, i18n.language)] }), _jsx(EvolutionBlock, { label: t("principles.blockBasis"), children: t("principles.blockBasisFallback") }), _jsx(EvolutionBlock, { label: t("principles.blockImpact"), children: card.decisionState !== undefined
-                                                        ? t("principles.blockImpactSeeDecisionView", { defaultValue: "以详情页「当前实际执行」为准（本卡片不据此判断影响）。" })
-                                                        : t(BLOCK_IMPACT_KEY[card.status]) }), _jsx(EvolutionBlock, { label: t("principles.blockBehavior"), children: card.action ? card.action : t("principles.blockBehaviorFallback") }), decisionDate && _jsxs("p", { className: "text-[11px] text-ink-4", children: [t('principles.govDecision'), ": ", formatDate(decisionDate, i18n.language)] })] })] }), _jsx(Link, { className: "mt-3 inline-block text-[12px] text-gov underline underline-offset-4", to: `/principles/${card.principleId}`, state: { returnTo: `/principles?${searchParams}` }, children: t('principles.openDetails') })] }, card.principleId));
-                    })] }))] }));
-}

package/console/dist/ui/pages/principles/PrinciplesViewNav.d.ts

@@ -1,8 +0,0 @@
-/**
- * PRI-641: internal navigation inside the Principles section — Workspace
- * Principles vs the read-only PD Core Principles reference surface. The
- * sidebar keeps a single "Principles" entry; this is the only extra nav.
- */
-export declare function PrinciplesViewNav({ view }: {
-    view: "workspace" | "core";
-}): import("react").JSX.Element;

package/console/dist/ui/pages/principles/PrinciplesViewNav.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-/**
- * PRI-641: internal navigation inside the Principles section — Workspace
- * Principles vs the read-only PD Core Principles reference surface. The
- * sidebar keeps a single "Principles" entry; this is the only extra nav.
- */
-export function PrinciplesViewNav({ view }) {
-    const { t } = useTranslation("pages");
-    const base = "font-mono text-[11px] uppercase tracking-[0.02em] border rounded-[2px] px-2 py-1 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov ";
-    const active = "bg-gov text-paper border-gov";
-    const inactive = "bg-surface text-ink-3 border-line hover:border-line-2";
-    return (_jsxs("div", { className: "flex gap-1 mb-6", role: "group", "aria-label": t("principles.viewNavLabel"), children: [_jsx(Link, { to: "/principles", className: base + (view === "workspace" ? active : inactive), "aria-current": view === "workspace" ? "page" : undefined, children: t("principles.tabWorkspace") }), _jsx(Link, { to: "/principles/core", className: base + (view === "core" ? active : inactive), "aria-current": view === "core" ? "page" : undefined, children: t("principles.tabCore") })] }));
-}

package/console/dist/ui/pages/report-problem/ReportProblemPage.d.ts

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