create-principles-disciple 1.82.0 → 1.83.0

package/console/dist/ui/api.js

@@ -1,3 +1,5 @@
+import { validateErrorResponse, validateHeaders, validateFeedbackReport, validateFeedbackDraftsList, validateFeedbackDraftEnvelope, validateDeleteEnvelope, validateWorkspaceEntry, validateWorkspaceList, validateRemovedEnvelope, validateSyncResult, validateConfigReadiness, validateConfigSummary, validateConfigCatalog, validateAgentBindingUpdate, validateReadinessCheck, validateDefaultRuntimeUpdate, validateOutputLanguage, validateGovernanceQueue, validateActivations, validateDisableActivation, validateLifecycleMetrics, validateUpdateStatus, validateUpdateHistory, validateApprovalListResult, validateApprovalRecordDirect, validatePrinciplesList, validateApprovalsGrouped, validateEvidenceChain, } from "./utils/validators.js";
+// ── Auth ──────────────────────────────────────────────────────────────────────
 function getToken() {
     return sessionStorage.getItem("pd_token");
 }
@@ -7,7 +9,7 @@ function setToken(token) {
 function clearToken() {
     sessionStorage.removeItem("pd_token");
 }
-async function request(path, options) {
+async function request(path, options, validate) {
     const token = getToken();
     const headers = {
         "Content-Type": "application/json",
@@ -20,30 +22,59 @@ async function request(path, options) {
             ...options,
             headers: {
                 ...headers,
-                ...options?.headers,
+                ...(validateHeaders(options?.headers) ?? {}),
             },
         });
         if (!response.ok) {
+            if (response.status === 401) {
+                const hadToken = getToken() !== null;
+                clearToken();
+                // eslint-disable-next-line no-undef
+                if (hadToken && !window.location.hash.startsWith("#/login")) {
+                    // eslint-disable-next-line no-undef
+                    window.location.hash = "#/login?session_expired=true";
+                }
+            }
             let errorMessage = `HTTP ${response.status}`;
+            let nextAction;
             try {
-                const parsed = await response.json();
-                if (parsed && typeof parsed.message === 'string') {
-                    errorMessage = parsed.message;
-                }
-                else if (parsed && typeof parsed.error === 'string') {
-                    errorMessage = parsed.error;
+                const raw = await response.json();
+                const parsed = validateErrorResponse(raw);
+                if (parsed) {
+                    if (parsed.message) {
+                        errorMessage = parsed.message;
+                    }
+                    else if (parsed.error) {
+                        errorMessage = parsed.error;
+                    }
+                    if (parsed.nextAction) {
+                        ({ nextAction } = parsed);
+                    }
                 }
             }
             catch {
                 // ignore parse errors
             }
-            return { success: false, error: errorMessage };
+            return { success: false, error: errorMessage, nextAction };
         }
-        const json = await response.json();
-        if (json.success === true && json.data !== undefined) {
-            return { success: true, data: json.data };
+        const raw = await response.json();
+        const apiData = (raw && typeof raw === "object" && "success" in raw && "data" in raw)
+            ? raw.data
+            : raw;
+        if (validate) {
+            const validated = validate(apiData);
+            if (validated !== null) {
+                return { success: true, data: validated };
+            }
+            return {
+                success: false,
+                error: "Response validation failed: unexpected data shape from server",
+                nextAction: "Try refreshing the page. If the problem persists, report it.",
+            };
         }
-        return { success: true, data: json };
+        // No validator provided — returns ApiResponse<unknown>.
+        // The caller must not assume a specific data shape.
+        return { success: true, data: apiData };
     }
     catch (err) {
         return {
@@ -56,162 +87,38 @@ async function checkAuth() {
     const result = await request("/api/health");
     return result.success;
 }
-async function fetchTasks() {
-    return request("/api/tasks");
-}
-async function fetchTaskEvidence(id) {
-    return request(`/api/tasks/${id}/evidence`);
-}
-async function approveTask(id) {
-    return request(`/api/tasks/${id}/approve`, { method: "POST" });
-}
-async function rejectTask(id) {
-    return request(`/api/tasks/${id}/reject`, { method: "POST" });
-}
-async function cleanupTask(id) {
-    return request(`/api/tasks/${id}/cleanup`, { method: "POST" });
-}
-async function fetchStatus() {
-    return request("/api/status");
-}
-async function fetchActivity() {
-    return request("/api/activity");
-}
-async function fetchOverview() {
-    return request("/api/overview");
-}
-async function fetchOverviewHealth() {
-    return request("/api/overview/health");
-}
-async function fetchGateStats() {
-    return request("/api/gate/stats");
-}
-async function fetchGateBlocks(limit) {
-    const query = limit ? `?limit=${limit}` : '';
-    return request(`/api/gate/blocks${query}`);
-}
-async function fetchFeedbackGfi() {
-    return request("/api/feedback/gfi");
-}
-async function fetchEmpathyEvents(limit) {
-    const query = limit ? `?limit=${limit}` : '';
-    return request(`/api/feedback/empathy-events${query}`);
-}
-async function fetchFeedbackGateBlocks(limit) {
-    const query = limit ? `?limit=${limit}` : '';
-    return request(`/api/feedback/gate-blocks${query}`);
+// ── Config Readiness (renamed from fetchSystemHealth) ─────────────────────────
+async function fetchConfigReadiness() {
+    return request("/api/health", undefined, validateConfigReadiness);
 }
+// ── Workspaces ────────────────────────────────────────────────────────────────
 async function fetchWorkspaces() {
-    return request("/api/workspaces");
+    return request("/api/workspaces", undefined, validateWorkspaceList);
 }
 async function addWorkspace(name, path) {
     return request("/api/workspaces", {
         method: "POST",
         body: JSON.stringify({ name, path }),
-    });
+    }, validateWorkspaceEntry);
 }
 async function removeWorkspace(name) {
-    return request(`/api/workspaces/${encodeURIComponent(name)}`, { method: "DELETE" });
+    return request(`/api/workspaces/${encodeURIComponent(name)}`, { method: "DELETE" }, validateRemovedEnvelope);
 }
 async function syncWorkspace(name) {
-    return request(`/api/workspaces/${encodeURIComponent(name)}/sync`, { method: "POST" });
-}
-async function fetchCentralOverview() {
-    return request("/api/central/overview");
-}
-async function fetchCentralHealth() {
-    return request("/api/central/health");
-}
-async function fetchSamples(status, page) {
-    const params = new URLSearchParams();
-    if (status && status !== 'all')
-        params.set('status', status);
-    if (page)
-        params.set('page', String(page));
-    const query = params.toString() ? `?${params.toString()}` : '';
-    return request(`/api/samples${query}`);
-}
-async function fetchSampleDetail(sampleId) {
-    return request(`/api/samples/${encodeURIComponent(sampleId)}`);
-}
-async function reviewSample(sampleId, decision) {
-    return request(`/api/samples/${encodeURIComponent(sampleId)}/review`, {
-        method: 'POST',
-        body: JSON.stringify({ decision }),
-    });
+    return request(`/api/workspaces/${encodeURIComponent(name)}/sync`, { method: "POST" }, validateSyncResult);
 }
-async function fetchEvolutionStats() {
-    return request("/api/evolution/stats");
-}
-async function fetchEvolutionTasks(status, page) {
-    const params = new URLSearchParams();
-    if (status && status !== 'all')
-        params.set('status', status);
-    if (page)
-        params.set('page', String(page));
-    const query = params.toString() ? `?${params.toString()}` : '';
-    return request(`/api/evolution/tasks${query}`);
-}
-async function fetchEvolutionPrinciples() {
-    return request("/api/evolution/principles");
-}
-async function fetchPrinciples() {
-    return request("/api/principles");
+// ── Principles ────────────────────────────────────────────────────────────────
+async function fetchPrinciples(filter) {
+    const query = filter && filter !== 'all' ? `?filter=${filter}` : '';
+    return request(`/api/principles${query}`, undefined, validatePrinciplesList);
 }
+// Principle detail is deeply nested; for now we accept unvalidated until a
+// dedicated validator is added (the page already handles missing fields gracefully).
+// This endpoint is marked legacy/deferred for full validation.
 async function fetchPrincipleDetail(principleId) {
     return request(`/api/principles/${encodeURIComponent(principleId)}`);
 }
-async function fetchEvolutionQueue() {
-    return request("/api/evolution/queue");
-}
-async function fetchThinkingModels() {
-    return request("/api/thinking-models");
-}
-async function fetchSystemHealth() {
-    return request("/api/health");
-}
-async function fetchPipelineStats() {
-    return request("/api/pipeline");
-}
-async function fetchEvents(options) {
-    const params = new URLSearchParams();
-    if (options.types)
-        options.types.forEach(type => params.append('type', type));
-    if (options.startDate)
-        params.set('startDate', options.startDate);
-    if (options.endDate)
-        params.set('endDate', options.endDate);
-    if (options.searchQuery)
-        params.set('q', options.searchQuery);
-    if (options.page)
-        params.set('page', options.page.toString());
-    if (options.pageSize)
-        params.set('pageSize', options.pageSize.toString());
-    const queryStr = params.toString() ? `?${params.toString()}` : '';
-    return request(`/api/events${queryStr}`);
-}
-async function fetchEventsGrouped(options) {
-    const params = new URLSearchParams();
-    if (options?.startDate)
-        params.set('startDate', options.startDate);
-    if (options?.endDate)
-        params.set('endDate', options.endDate);
-    const queryStr = params.toString() ? `?${params.toString()}` : '';
-    return request(`/api/events/grouped${queryStr}`);
-}
-async function fetchRelatedEvents(eventId, maxDistance) {
-    const params = new URLSearchParams();
-    if (maxDistance)
-        params.set('maxDistance', maxDistance.toString());
-    const queryStr = params.toString() ? `?${params.toString()}` : '';
-    return request(`/api/events/${encodeURIComponent(eventId)}/related${queryStr}`);
-}
-async function fetchAgents() {
-    return request("/api/agents");
-}
-async function fetchAgentDetail(id) {
-    return request(`/api/agents/${encodeURIComponent(id)}`);
-}
+// ── Approvals ─────────────────────────────────────────────────────────────────
 async function fetchApprovals(params) {
     const searchParams = new URLSearchParams();
     if (params?.status)
@@ -223,38 +130,108 @@ async function fetchApprovals(params) {
     if (params?.pageSize)
         searchParams.set('pageSize', String(params.pageSize));
     const qs = searchParams.toString() ? '?' + searchParams.toString() : '';
-    return request('/api/v1/approvals' + qs);
+    return request('/api/v1/approvals' + qs, undefined, validateApprovalListResult);
 }
 async function fetchApprovalDetail(approvalId) {
-    return request('/api/v1/approvals/' + encodeURIComponent(approvalId));
+    return request('/api/v1/approvals/' + encodeURIComponent(approvalId), undefined, validateApprovalRecordDirect);
 }
 async function approveApproval(approvalId, note) {
     return request('/api/v1/approvals/' + encodeURIComponent(approvalId) + '/approve', {
         method: 'POST',
         body: JSON.stringify({ note }),
-    });
+    }, validateApprovalRecordDirect);
 }
 async function rejectApproval(approvalId, reason) {
     return request('/api/v1/approvals/' + encodeURIComponent(approvalId) + '/reject', {
         method: 'POST',
         body: JSON.stringify({ reason }),
-    });
+    }, validateApprovalRecordDirect);
 }
+// ── MVP seed feedback report drafts (PRI-285) ────────────────────────────────
 async function createFeedbackReport(input, diagnostics) {
     return request('/api/feedback/reports', {
         method: 'POST',
         body: JSON.stringify({ input, diagnostics }),
-    });
+    }, validateFeedbackReport);
 }
 async function listFeedbackReports() {
-    return request('/api/feedback/reports');
+    // The API returns { drafts: [...] } — validate the drafts array inside
+    return request('/api/feedback/reports', undefined, (v) => {
+        const drafts = validateFeedbackDraftsList(v);
+        if (drafts === null)
+            return null;
+        return { drafts };
+    });
 }
 async function getFeedbackReport(id) {
-    return request('/api/feedback/reports/' + encodeURIComponent(id));
+    return request('/api/feedback/reports/' + encodeURIComponent(id), undefined, validateFeedbackDraftEnvelope);
 }
 async function deleteFeedbackReport(id) {
     return request('/api/feedback/reports/' + encodeURIComponent(id), {
         method: 'DELETE',
-    });
+    }, validateDeleteEnvelope);
+}
+// ── Config / Control Center API (PRI-303, PRI-309) ───────────────────────────
+async function fetchConfigSummary() {
+    return request('/api/v1/config/summary', undefined, validateConfigSummary);
+}
+async function fetchConfigCatalog() {
+    return request('/api/v1/config/catalog', undefined, validateConfigCatalog);
+}
+async function updateAgentBinding(agentName, runtimeProfile, enabled) {
+    return request(`/api/v1/config/agents/${encodeURIComponent(agentName)}/binding`, {
+        method: 'PATCH',
+        body: JSON.stringify({ runtimeProfile, enabled }),
+    }, validateAgentBindingUpdate);
+}
+async function checkAgentReadiness(agentName) {
+    return request(`/api/v1/config/readiness/${encodeURIComponent(agentName)}`, undefined, validateReadinessCheck);
+}
+async function updateDefaultRuntime(defaultRuntime) {
+    return request('/api/v1/config/default-runtime', {
+        method: 'PATCH',
+        body: JSON.stringify({ defaultRuntime }),
+    }, validateDefaultRuntimeUpdate);
+}
+// ── Principles Output Language (PRI-332 P1-1) ────────────────────────────────
+async function fetchOutputLanguage() {
+    return request('/api/v1/config/principles/output-language', undefined, validateOutputLanguage);
+}
+async function updateOutputLanguage(outputLanguage) {
+    return request('/api/v1/config/principles/output-language', {
+        method: 'PATCH',
+        body: JSON.stringify({ outputLanguage }),
+    }, validateOutputLanguage);
+}
+// ── CR8: Backend Data Contract (G.1) ─────────────────────────────────────────
+async function fetchGovernanceQueue() {
+    return request('/api/v1/governance/queue', undefined, validateGovernanceQueue);
+}
+async function fetchApprovalsGrouped() {
+    return request('/api/v1/approvals/grouped', undefined, validateApprovalsGrouped);
+}
+async function fetchAllActivations() {
+    return request('/api/v1/activations', undefined, validateActivations);
+}
+async function disableActivation(activationId) {
+    return request(`/api/v1/activations/${encodeURIComponent(activationId)}/disable`, {
+        method: 'POST',
+        body: JSON.stringify({ confirmed: true }),
+    }, validateDisableActivation);
+}
+async function fetchLifecycleMetrics(principleId) {
+    return request(`/api/v1/lifecycle/principles/${encodeURIComponent(principleId)}`, undefined, validateLifecycleMetrics);
+}
+// ── Updates (CR9) ─────────────────────────────────────────────────────────────
+async function fetchUpdateStatus() {
+    return request('/api/update', undefined, validateUpdateStatus);
+}
+async function fetchUpdateHistory() {
+    return request('/api/update/history', undefined, validateUpdateHistory);
+}
+// ── Evidence Chain (PRI-331) ──────────────────────────────────────────────────
+async function fetchEvidenceChain() {
+    return request('/api/v1/evidence-chain', undefined, validateEvidenceChain);
 }
-export { getToken, setToken, clearToken, checkAuth, request, fetchTasks, fetchTaskEvidence, approveTask, rejectTask, cleanupTask, fetchStatus, fetchActivity, fetchOverview, fetchOverviewHealth, fetchGateStats, fetchGateBlocks, fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchCentralOverview, fetchCentralHealth, fetchSamples, fetchSampleDetail, reviewSample, fetchEvolutionStats, fetchEvolutionTasks, fetchEvolutionPrinciples, fetchPrinciples, fetchPrincipleDetail, fetchEvolutionQueue, fetchThinkingModels, fetchSystemHealth, fetchPipelineStats, fetchEvents, fetchEventsGrouped, fetchRelatedEvents, fetchAgents, fetchAgentDetail, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval, createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, };
+// ── Exports ───────────────────────────────────────────────────────────────────
+export { getToken, setToken, clearToken, checkAuth, request, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval, fetchPrinciples, fetchPrincipleDetail, createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, fetchConfigSummary, fetchConfigCatalog, updateAgentBinding, checkAgentReadiness, updateDefaultRuntime, fetchOutputLanguage, updateOutputLanguage, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchConfigReadiness, fetchGovernanceQueue, fetchApprovalsGrouped, fetchAllActivations, disableActivation, fetchLifecycleMetrics, fetchUpdateStatus, fetchUpdateHistory, fetchEvidenceChain, };

package/console/dist/ui/components/approval-card.js

@@ -35,5 +35,5 @@ function getChannelLabel(channel, t) {
 export function ApprovalCard({ approval, onApprove, onReject, onViewDetail, loading, }) {
     const { t } = useTranslation();
     const isPending = approval.status === "pending";
-    return (_jsx(Card, { className: "mb-3 transition-all duration-200 hover:shadow-sm", children: _jsxs(CardContent, { className: "p-4", children: [_jsx("div", { className: "flex items-start justify-between gap-3", children: _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1.5 flex-wrap", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: getChannelLabel(approval.channel, t) }), _jsx(Badge, { className: "text-xs border " + (CONFIDENCE_COLORS[approval.confidenceLabel] ?? CONFIDENCE_COLORS.medium), children: t("components:approvalCard.confidence." + approval.confidenceLabel) }), approval.riskLevel && (_jsx(Badge, { variant: "secondary", className: "text-xs " + (RISK_COLORS[approval.riskLevel] ?? ""), children: t("components:approvalCard.riskLevel." + approval.riskLevel, approval.riskLevel) })), _jsx("span", { className: "text-xs text-muted-foreground", children: timeAgo(new Date(approval.requestedAt), t) })] }), _jsx("p", { className: "font-medium text-sm line-clamp-2", children: approval.summary ?? approval.approvalId })] }) }), isPending && (_jsxs("div", { className: "flex items-center gap-2 mt-3 pt-3 border-t", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: onViewDetail, className: "flex items-center gap-1", disabled: loading, children: [_jsx(Eye, { className: "h-3 w-3" }), t("components:approvalCard.viewDetail")] }), _jsx("div", { className: "flex-1" }), _jsxs(Button, { variant: "destructive", size: "sm", onClick: onReject, className: "flex items-center gap-1", disabled: loading, children: [_jsx(X, { className: "h-3 w-3" }), t("components:approvalCard.reject")] }), _jsxs(Button, { variant: "default", size: "sm", onClick: onApprove, className: "flex items-center gap-1", disabled: loading, children: [_jsx(Check, { className: "h-3 w-3" }), t("components:approvalCard.approve")] })] })), !isPending && (_jsxs("div", { className: "flex items-center gap-2 mt-3 pt-3 border-t", children: [_jsx(Badge, { variant: approval.status === "approved" ? "default" : "secondary", children: t("components:approvalCard.status." + approval.status) }), approval.decidedBy && (_jsx("span", { className: "text-xs text-muted-foreground", children: t("components:approvalCard.decidedBy", { by: approval.decidedBy }) })), _jsx("div", { className: "flex-1" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onViewDetail, disabled: loading, "aria-label": t("components:approvalCard.viewDetail"), children: _jsx(Eye, { className: "h-3 w-3" }) })] }))] }) }));
+    return (_jsx(Card, { className: "mb-3 transition-all duration-200 hover:shadow-sm", children: _jsxs(CardContent, { className: "p-4", children: [_jsx("div", { className: "flex items-start justify-between gap-3", children: _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1.5 flex-wrap", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: getChannelLabel(approval.channel, t) }), _jsx(Badge, { className: "text-xs border " + (CONFIDENCE_COLORS[approval.confidenceLabel ?? 'medium'] ?? CONFIDENCE_COLORS.medium), children: t("components:approvalCard.confidence." + (approval.confidenceLabel ?? 'medium')) }), approval.riskLevel && (_jsx(Badge, { variant: "secondary", className: "text-xs " + (RISK_COLORS[approval.riskLevel] ?? ""), children: t("components:approvalCard.riskLevel." + approval.riskLevel, approval.riskLevel) })), _jsx("span", { className: "text-xs text-muted-foreground", children: timeAgo(new Date(approval.requestedAt), t) })] }), _jsx("p", { className: "font-medium text-sm line-clamp-2", children: approval.summary ?? approval.approvalId })] }) }), isPending && (_jsxs("div", { className: "flex items-center gap-2 mt-3 pt-3 border-t", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: onViewDetail, className: "flex items-center gap-1", disabled: loading, children: [_jsx(Eye, { className: "h-3 w-3" }), t("components:approvalCard.viewDetail")] }), _jsx("div", { className: "flex-1" }), _jsxs(Button, { variant: "destructive", size: "sm", onClick: onReject, className: "flex items-center gap-1", disabled: loading, children: [_jsx(X, { className: "h-3 w-3" }), t("components:approvalCard.reject")] }), _jsxs(Button, { variant: "default", size: "sm", onClick: onApprove, className: "flex items-center gap-1", disabled: loading, children: [_jsx(Check, { className: "h-3 w-3" }), t("components:approvalCard.approve")] })] })), !isPending && (_jsxs("div", { className: "flex items-center gap-2 mt-3 pt-3 border-t", children: [_jsx(Badge, { variant: approval.status === "approved" ? "default" : "secondary", children: t("components:approvalCard.status." + approval.status) }), approval.decidedBy && (_jsx("span", { className: "text-xs text-muted-foreground", children: t("components:approvalCard.decidedBy", { by: approval.decidedBy }) })), _jsx("div", { className: "flex-1" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onViewDetail, disabled: loading, "aria-label": t("components:approvalCard.viewDetail"), children: _jsx(Eye, { className: "h-3 w-3" }) })] }))] }) }));
 }

package/console/dist/ui/components/approval-detail-dialog.js

@@ -16,5 +16,5 @@ export function ApprovalDetailDialog({ approval, open, onOpenChange, onApprove,
         return null;
     const isPending = approval.status === "pending";
     const canAct = isPending && approval.isMvpProven !== false;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg max-h-[80vh] overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "text-base", children: approval.summary ?? approval.approvalId }), _jsx(DialogDescription, { children: _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: t("components:approvalCard.channel." + approval.channel, approval.channel) }), _jsx(Badge, { className: "text-xs border " + (CONFIDENCE_COLORS[approval.confidenceLabel] ?? CONFIDENCE_COLORS.medium), children: t("components:approvalCard.confidence." + approval.confidenceLabel) }), approval.riskLevel && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: t("components:approvalCard.riskLevel." + approval.riskLevel, approval.riskLevel) }))] }) })] }), _jsxs("div", { className: "space-y-4", children: [approval.triggerReason && (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:approvalDetail.whyRecommended") }), _jsx("p", { className: "text-sm", children: approval.triggerReason })] })), approval.confidenceExplanation && (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:approvalDetail.confidenceExplanation") }), _jsx("p", { className: "text-sm", children: approval.confidenceExplanation })] })), approval.effectDescription && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:approvalDetail.whatHappens") }), _jsx("p", { className: "text-sm", children: approval.effectDescription })] })] })), approval.rejectionEffect && (_jsxs("div", { className: "bg-red-50 dark:bg-red-950/20 rounded-md p-3", children: [_jsx("p", { className: "text-xs font-medium text-red-600 dark:text-red-400 mb-1", children: t("components:approvalDetail.ifReject") }), _jsx("p", { className: "text-sm text-red-700 dark:text-red-300", children: approval.rejectionEffect })] }))] }), isPending && approval.isMvpProven === false && (_jsxs("div", { className: "text-xs text-muted-foreground italic pt-2", children: [t("components:approvalCard.channel." + approval.channel, approval.channel), " \u2014 ", t("components:approvalCard.channel.retired", "retired")] })), canAct && (_jsxs(DialogFooter, { children: [_jsxs(Button, { variant: "destructive", size: "sm", onClick: onReject, disabled: loading, className: "flex items-center gap-1", children: [_jsx(X, { className: "h-3 w-3" }), t("components:approvalCard.reject")] }), _jsxs(Button, { size: "sm", onClick: onApprove, disabled: loading, className: "flex items-center gap-1", children: [_jsx(Check, { className: "h-3 w-3" }), t("components:approvalCard.approve")] })] }))] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg max-h-[80vh] overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "text-base", children: approval.summary ?? approval.approvalId }), _jsx(DialogDescription, { children: _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: t("components:approvalCard.channel." + approval.channel, approval.channel) }), _jsx(Badge, { className: "text-xs border " + (CONFIDENCE_COLORS[approval.confidenceLabel ?? 'medium'] ?? CONFIDENCE_COLORS.medium), children: t("components:approvalCard.confidence." + (approval.confidenceLabel ?? 'medium')) }), approval.riskLevel && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: t("components:approvalCard.riskLevel." + approval.riskLevel, approval.riskLevel) }))] }) })] }), _jsxs("div", { className: "space-y-4", children: [approval.triggerReason && (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:approvalDetail.whyRecommended") }), _jsx("p", { className: "text-sm", children: approval.triggerReason })] })), approval.confidenceExplanation && (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:approvalDetail.confidenceExplanation") }), _jsx("p", { className: "text-sm", children: approval.confidenceExplanation })] })), approval.effectDescription && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:approvalDetail.whatHappens") }), _jsx("p", { className: "text-sm", children: approval.effectDescription })] })] })), approval.rejectionEffect && (_jsxs("div", { className: "bg-red-50 dark:bg-red-950/20 rounded-md p-3", children: [_jsx("p", { className: "text-xs font-medium text-red-600 dark:text-red-400 mb-1", children: t("components:approvalDetail.ifReject") }), _jsx("p", { className: "text-sm text-red-700 dark:text-red-300", children: approval.rejectionEffect })] }))] }), isPending && approval.isMvpProven === false && (_jsxs("div", { className: "text-xs text-muted-foreground italic pt-2", children: [t("components:approvalCard.channel." + approval.channel, approval.channel), " \u2014 ", t("components:approvalCard.channel.retired", "retired")] })), canAct && (_jsxs(DialogFooter, { children: [_jsxs(Button, { variant: "destructive", size: "sm", onClick: onReject, disabled: loading, className: "flex items-center gap-1", children: [_jsx(X, { className: "h-3 w-3" }), t("components:approvalCard.reject")] }), _jsxs(Button, { size: "sm", onClick: onApprove, disabled: loading, className: "flex items-center gap-1", children: [_jsx(Check, { className: "h-3 w-3" }), t("components:approvalCard.approve")] })] }))] }) }));
 }

package/console/dist/ui/components/auth/login-form.d.ts

@@ -0,0 +1,3 @@
+export declare function LoginForm({ onAuthSuccess }: {
+    onAuthSuccess: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/console/dist/ui/components/auth/login-form.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslation } from "react-i18next";
+import { ThemeToggle } from "../theme-toggle.js";
+import { setToken, checkAuth } from "../../api.js";
+export function LoginForm({ onAuthSuccess }) {
+    const [token, setTokenInput] = React.useState("");
+    const [error, setError] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    const { t } = useTranslation();
+    React.useEffect(() => {
+        if (window.location.hash.includes("session_expired=true")) {
+            setError("会话已过期或令牌失效，请重新输入。");
+        }
+    }, []);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!token.trim())
+            return;
+        setLoading(true);
+        setError(null);
+        setToken(token.trim());
+        const valid = await checkAuth();
+        if (valid) {
+            onAuthSuccess();
+        }
+        else {
+            setError("令牌无效或服务未就绪，请检查后重试。");
+            setLoading(false);
+        }
+    };
+    return (_jsxs("div", { className: "min-h-screen flex items-center justify-center bg-paper relative", style: {
+            backgroundImage: `linear-gradient(color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px)`,
+            backgroundSize: "32px 32px",
+        }, children: [_jsx("div", { className: "absolute top-4 right-4", children: _jsx(ThemeToggle, {}) }), _jsxs("div", { className: "w-full max-w-[400px] mx-4 p-8 bg-surface rounded-[var(--radius-md)] border border-line shadow-card", children: [_jsxs("div", { className: "flex flex-col items-center mb-6", children: [_jsxs("svg", { viewBox: "0 0 28 28", className: "w-12 h-12 text-gov mb-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [_jsx("path", { d: "M6 4V24M22 4V24M2 14H26", strokeLinecap: "square" }), _jsx("circle", { cx: "14", cy: "14", r: "2.5", fill: "currentColor", stroke: "none" })] }), _jsx("div", { className: "font-mono text-[14px] tracking-[0.16em] font-bold text-ink", children: "PD" }), _jsx("div", { className: "font-mono text-[11px] tracking-[0.14em] text-ink-3 mt-1", children: "GOVERNANCE WORKSPACE" }), _jsx("div", { className: "text-[13px] text-ink-3 mt-3", children: "\u62E5\u6709\u8005\u6CBB\u7406\u5DE5\u4F5C\u53F0" })] }), _jsx("div", { className: "border-t border-line my-5" }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("label", { htmlFor: "bearer-token", className: "font-mono text-[11px] tracking-[0.08em] text-ink-3 uppercase mb-2 block", children: "Bearer Token" }), _jsx("input", { id: "bearer-token", type: "password", value: token, onChange: (e) => setTokenInput(e.target.value), className: "w-full px-3 py-2 bg-panel border border-line rounded-[var(--radius-sm)] font-mono text-[13px] text-ink focus:border-gov focus:outline-2 focus:outline-offset-2 focus:outline-gov transition-colors", placeholder: "\u8F93\u5165\u4EE4\u724C\u2026", autoFocus: true }), error && _jsx("p", { className: "mt-2 text-[13px] text-amber", children: error }), _jsx("button", { type: "submit", disabled: loading || !token.trim(), className: "mt-4 w-full py-2 px-4 bg-gov text-paper rounded-[var(--radius-sm)] text-[12.5px] font-medium hover:bg-gov-2 disabled:opacity-50 transition-colors focus:outline-2 focus:outline-offset-2 focus:outline-gov", children: loading ? "验证中…" : "进入工作台" })] })] })] }));
+}

package/console/dist/ui/components/auth/splash-screen.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Splash screen — 1-2s loading transition (C.0).
+ * Shows threshold mark + "PD" + "GOVERNANCE WORKSPACE" + progress bar.
+ * Auto-redirects after animation completes.
+ */
+export declare function SplashScreen({ onComplete }: {
+    onComplete: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/console/dist/ui/components/auth/splash-screen.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+/**
+ * Splash screen — 1-2s loading transition (C.0).
+ * Shows threshold mark + "PD" + "GOVERNANCE WORKSPACE" + progress bar.
+ * Auto-redirects after animation completes.
+ */
+export function SplashScreen({ onComplete }) {
+    React.useEffect(() => {
+        const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        const timeout = prefersReducedMotion ? 100 : 2200;
+        const timer = setTimeout(onComplete, timeout);
+        return () => clearTimeout(timer);
+    }, [onComplete]);
+    return (_jsxs("div", { className: "min-h-screen flex flex-col items-center justify-center bg-paper", style: {
+            backgroundImage: `linear-gradient(color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px)`,
+            backgroundSize: "32px 32px",
+        }, children: [_jsxs("svg", { viewBox: "0 0 28 28", className: "w-16 h-16 text-gov animate-[fadeIn_200ms_ease-out]", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [_jsx("path", { d: "M6 4V24M22 4V24M2 14H26", strokeLinecap: "square" }), _jsx("circle", { cx: "14", cy: "14", r: "2.5", fill: "currentColor", stroke: "none" })] }), _jsx("div", { className: "mt-6 font-mono text-[14px] tracking-[0.16em] font-bold text-ink animate-[fadeIn_500ms_ease-out_200ms_both]", children: "PD" }), _jsx("div", { className: "mt-2 font-mono text-[11px] tracking-[0.14em] text-ink-3 animate-[fadeIn_500ms_ease-out_400ms_both]", children: "GOVERNANCE WORKSPACE" }), _jsx("div", { className: "mt-8 w-48 h-1 bg-line rounded-full overflow-hidden animate-[fadeIn_500ms_ease-out_600ms_both]", children: _jsx("div", { className: "h-full bg-gov rounded-full animate-[progressFill_600ms_ease-out_1.2s_both]" }) }), _jsx("style", { children: `
+        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        @keyframes progressFill { from { width: 0; } to { width: 100%; } }
+      ` })] }));
+}

package/console/dist/ui/components/layout/app-sidebar.d.ts

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

package/console/dist/ui/components/layout/app-sidebar.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useLocation, useNavigate } from "react-router-dom";
+import { Sun, Moon, Focus, AlertTriangle, BookOpen, Zap, Archive, Settings, MessageSquare, RefreshCw, LogOut, Languages, } from "lucide-react";
+import { useTheme } from "../theme-provider.js";
+import { useTranslation } from "react-i18next";
+import { clearToken } from "../../api.js";
+import { cn } from "../../../lib/utils.js";
+function ThresholdMark({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 28 28", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("path", { d: "M6 4V24M22 4V24M2 14H26", strokeLinecap: "square" }), _jsx("circle", { cx: "14", cy: "14", r: "2.5", fill: "currentColor", stroke: "none" })] }));
+}
+const mainNavItems = [
+    { id: "focus", labelKey: "components.sidebar.focus", href: "/focus", icon: Focus, shortcut: "Alt+3" },
+    { id: "pain", labelKey: "components.sidebar.pain", href: "/pain", icon: AlertTriangle, shortcut: "Alt+4" },
+    { id: "principles", labelKey: "components.sidebar.principles", href: "/principles", icon: BookOpen, shortcut: "Alt+5" },
+    { id: "activation", labelKey: "components.sidebar.activation", href: "/activation", icon: Zap, shortcut: "Alt+6" },
+    { id: "debt", labelKey: "components.sidebar.debt", href: "/debt", icon: Archive, shortcut: "Alt+7" },
+];
+const toolNavItems = [
+    { id: "control-center", labelKey: "components.sidebar.controlCenter", href: "/control-center", icon: Settings, shortcut: "Alt+8" },
+    { id: "report-problem", labelKey: "components.sidebar.reportProblem", href: "/report-problem", icon: MessageSquare, shortcut: "Alt+9" },
+    { id: "settings", labelKey: "components.sidebar.settings", href: "/settings", icon: Settings, shortcut: "Alt+0" },
+    { id: "update", labelKey: "components.sidebar.update", href: "/update", icon: RefreshCw, shortcut: "" },
+];
+export function AppSidebar() {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const { theme, setTheme } = useTheme();
+    const { t, i18n } = useTranslation();
+    const isActive = (href) => {
+        if (href === "/")
+            return location.pathname === "/";
+        return location.pathname === href || location.pathname.startsWith(href + "/");
+    };
+    const handleSignOut = () => {
+        clearToken();
+        navigate("/login");
+    };
+    const toggleLanguage = () => {
+        const nextLang = i18n.language === "zh-CN" ? "en" : "zh-CN";
+        i18n.changeLanguage(nextLang);
+        localStorage.setItem("pd-language", nextLang);
+    };
+    return (_jsxs("aside", { className: "w-[256px] h-screen fixed left-0 top-0 flex flex-col bg-surface border-r border-line flex-shrink-0 z-20", children: [_jsx("div", { className: "px-5 pt-5 pb-4", children: _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx(ThresholdMark, { className: "w-6 h-6 text-gov" }), _jsxs("div", { children: [_jsx("div", { className: "font-mono text-[14px] tracking-[0.16em] font-bold text-ink", children: "PD" }), _jsx("div", { className: "font-mono text-[10px] tracking-[0.14em] text-ink-3", children: "GOVERNANCE WORKSPACE" })] })] }) }), _jsxs("nav", { className: "flex-1 py-2 overflow-y-auto", children: [_jsx("div", { className: "px-2", children: mainNavItems.map((item) => {
+                            const Icon = item.icon;
+                            const active = isActive(item.href);
+                            return (_jsxs(Link, { to: item.href, "data-testid": `nav-${item.id}`, className: cn("flex items-center gap-3 px-3 py-2 rounded-[var(--radius-sm)] text-[13px] transition-colors", active
+                                    ? "border-l-2 border-l-gov bg-paper-2 text-ink"
+                                    : "text-ink-3 hover:text-ink hover:bg-paper-2"), children: [_jsx(Icon, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "flex-1", children: t(item.labelKey) }), item.shortcut && (_jsx("span", { className: "text-ink-4 font-mono text-[11px]", children: item.shortcut }))] }, item.id));
+                        }) }), _jsxs("div", { className: "mt-4 pt-3 border-t border-line mx-4", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] font-mono tracking-[0.1em] uppercase text-ink-4", children: "Tools" }), _jsx("div", { className: "px-0", children: toolNavItems.map((item) => {
+                                    const Icon = item.icon;
+                                    const active = isActive(item.href);
+                                    return (_jsxs(Link, { to: item.href, "data-testid": `nav-${item.id}`, className: cn("flex items-center gap-3 px-3 py-1.5 rounded-[var(--radius-sm)] text-[12px] transition-colors", active
+                                            ? "border-l-2 border-l-gov bg-paper-2 text-ink"
+                                            : "text-ink-4 hover:text-ink-3 hover:bg-paper-2"), children: [_jsx(Icon, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "flex-1", children: t(item.labelKey) }), item.shortcut && (_jsx("span", { className: "text-ink-4 font-mono text-[11px]", children: item.shortcut }))] }, item.id));
+                                }) })] })] }), _jsxs("div", { className: "px-3 py-3 border-t border-line space-y-1", children: [_jsxs("button", { type: "button", onClick: () => setTheme(theme === "dark" ? "light" : "dark"), className: "flex items-center gap-3 px-3 py-1.5 rounded-[var(--radius-sm)] text-[12px] text-ink-4 hover:text-ink-3 hover:bg-paper-2 transition-colors w-full", title: theme === "dark" ? "切换亮色模式" : "切换暗色模式", children: [theme === "dark" ? (_jsx(Sun, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" })) : (_jsx(Moon, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" })), _jsx("span", { children: theme === "dark" ? "亮色模式" : "暗色模式" })] }), _jsxs("button", { type: "button", onClick: toggleLanguage, className: "flex items-center gap-3 px-3 py-1.5 rounded-[var(--radius-sm)] text-[12px] text-ink-4 hover:text-ink-3 hover:bg-paper-2 transition-colors w-full", title: "\u5207\u6362\u8BED\u8A00", children: [_jsx(Languages, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { children: i18n.language === "zh-CN" ? "English" : "中文" })] }), _jsxs("button", { type: "button", onClick: handleSignOut, className: "flex items-center gap-3 px-3 py-1.5 rounded-[var(--radius-sm)] text-[12px] text-ink-4 hover:text-ink-3 hover:bg-paper-2 transition-colors w-full", children: [_jsx(LogOut, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { children: "\u9000\u51FA" })] })] })] }));
+}

package/console/dist/ui/components/layout/page-shell.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface PageShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/**
+ * 712px centered container — the "slow thinking" physical layout.
+ * Blueprint grid background is on body (globals.css), this adds
+ * the centered content column with generous whitespace.
+ */
+export declare function PageShell({ children, className, ...props }: PageShellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/console/dist/ui/components/layout/page-shell.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+/**
+ * 712px centered container — the "slow thinking" physical layout.
+ * Blueprint grid background is on body (globals.css), this adds
+ * the centered content column with generous whitespace.
+ */
+export function PageShell({ children, className, ...props }) {
+    return (_jsx("div", { className: cn("mx-auto max-w-[712px] px-6 py-8", className), ...props, children: children }));
+}

package/console/dist/ui/components/layout/section-title.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface SectionTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+/**
+ * 11px uppercase monospace section title with bottom border (B.4.6).
+ * Used for governance page section headings.
+ */
+export declare function SectionTitle({ children, className, ...props }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/console/dist/ui/components/layout/section-title.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+/**
+ * 11px uppercase monospace section title with bottom border (B.4.6).
+ * Used for governance page section headings.
+ */
+export function SectionTitle({ children, className, ...props }) {
+    return (_jsx("h2", { className: cn("font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3", "border-b border-line pb-2 mb-4", className), ...props, children: children }));
+}

package/console/dist/ui/components/theme-provider.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-type Theme = "light" | "dark" | "system";
+type Theme = "light" | "dark";
 interface ThemeProviderProps {
     children: React.ReactNode;
     defaultTheme?: Theme;