create-principles-disciple 1.82.0 → 1.83.0

package/console/dist/ui/pages/EvolutionPage.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useSearchParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { fetchEvolutionStats, fetchEvolutionTasks, fetchEvolutionPrinciples, fetchEvolutionQueue } from "../api.js";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Button } from "../components/ui/button.js";
-import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from "../components/ui/select.js";
-import { Badge } from "../components/ui/badge.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { formatDate } from "../utils/format.js";
-const STATUS_COLORS = {
-    pending: "text-amber-500",
-    leased: "text-blue-500",
-    succeeded: "text-primary",
-    retry_wait: "text-purple-500",
-    failed: "text-destructive",
-};
-const PRINCIPLE_STATUS_COLORS = {
-    candidate: "text-amber-500",
-    probation: "text-blue-500",
-    active: "text-primary",
-    deprecated: "text-destructive",
-    archived: "text-muted-foreground",
-};
-function StatCard({ label, value, color }) {
-    return (_jsx(Card, { className: "transition-all duration-200 hover:shadow-md", children: _jsxs(CardContent, { className: "p-4 text-center", children: [_jsx("div", { className: `text-2xl font-bold ${color}`, children: value }), _jsx("div", { className: "text-xs text-muted-foreground mt-1", children: label })] }) }));
-}
-export function EvolutionPage() {
-    const { t } = useTranslation();
-    const [searchParams, setSearchParams] = useSearchParams();
-    const [stats, setStats] = useState(null);
-    const [tasks, setTasks] = useState(null);
-    const [principles, setPrinciples] = useState(null);
-    const [queue, setQueue] = useState(null);
-    const [error, setError] = useState("");
-    const [statusFilter, setStatusFilter] = useState(() => searchParams.get("status") ?? "all");
-    const [page, setPage] = useState(() => {
-        const p = searchParams.get("page");
-        return p ? Math.max(1, parseInt(p, 10) || 1) : 1;
-    });
-    useEffect(() => {
-        const params = new URLSearchParams();
-        if (statusFilter !== "all")
-            params.set("status", statusFilter);
-        if (page > 1)
-            params.set("page", String(page));
-        setSearchParams(params, { replace: true });
-    }, [statusFilter, page, setSearchParams]);
-    useEffect(() => {
-        Promise.all([
-            fetchEvolutionStats(),
-            fetchEvolutionPrinciples(),
-            fetchEvolutionQueue(),
-        ]).then(([statsRes, principlesRes, queueRes]) => {
-            if (statsRes.success)
-                setStats(statsRes.data);
-            if (principlesRes.success)
-                setPrinciples(principlesRes.data);
-            if (queueRes.success)
-                setQueue(queueRes.data);
-            setError("");
-        }).catch((err) => setError(String(err)));
-    }, []);
-    useEffect(() => {
-        fetchEvolutionTasks(statusFilter, page).then((result) => {
-            if (result.success) {
-                setTasks(result.data);
-                setError("");
-            }
-            else {
-                setError(result.error);
-            }
-        });
-    }, [statusFilter, page]);
-    const refreshAll = async () => {
-        try {
-            const [statsRes, principlesRes, queueRes] = await Promise.all([
-                fetchEvolutionStats(),
-                fetchEvolutionPrinciples(),
-                fetchEvolutionQueue(),
-            ]);
-            if (statsRes.success)
-                setStats(statsRes.data);
-            if (principlesRes.success)
-                setPrinciples(principlesRes.data);
-            if (queueRes.success)
-                setQueue(queueRes.data);
-            const tasksRes = await fetchEvolutionTasks(statusFilter, page);
-            if (tasksRes.success)
-                setTasks(tasksRes.data);
-            const errors = [statsRes, principlesRes, queueRes, tasksRes]
-                .filter((r) => !r.success)
-                .map((r) => r.error)
-                .filter(Boolean);
-            if (errors.length > 0) {
-                setError(errors.join("; "));
-            }
-            else {
-                setError("");
-            }
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-        }
-    };
-    if (error && !stats) {
-        return (_jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-destructive", children: error }), _jsx(Button, { variant: "outline", className: "mt-4", onClick: () => window.location.reload(), children: t("components:errorBoundary.retry") })] }) }));
-    }
-    if (!stats) {
-        return (_jsxs("div", { children: [_jsx(Skeleton, { className: "h-8 w-48 mb-6" }), _jsx("div", { className: "flex gap-3 mb-6", children: Array.from({ length: 4 }).map((_, i) => (_jsx(Card, { children: _jsx(CardContent, { className: "p-4", children: _jsx(Skeleton, { className: "h-10 w-20" }) }) }, i))) })] }));
-    }
-    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:evolution.title"), description: t("pages:evolution.description"), onRefresh: refreshAll }), _jsxs("div", { className: "flex gap-3 mb-6 flex-wrap", children: [_jsx(StatCard, { label: t("common:pending"), value: stats.pending, color: STATUS_COLORS.pending }), _jsx(StatCard, { label: t("pages:evolution.inProgress"), value: stats.inProgress, color: STATUS_COLORS.leased }), _jsx(StatCard, { label: t("common:completed"), value: stats.completed, color: STATUS_COLORS.succeeded }), _jsx(StatCard, { label: t("common:failed"), value: stats.failed, color: STATUS_COLORS.failed })] }), principles && (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "text-sm", children: t("pages:evolution.principleLifecycle") }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "flex gap-2 mb-4 flex-wrap", children: [Object.entries(principles.summary)
-                                                .filter(([k]) => k !== "total")
-                                                .map(([key, value]) => (_jsxs(Badge, { variant: "outline", className: PRINCIPLE_STATUS_COLORS[key] ?? "", children: [key, ": ", _jsx("strong", { className: "ml-1", children: value })] }, key))), _jsxs(Badge, { variant: "secondary", children: ["total: ", _jsx("strong", { className: "ml-1", children: principles.summary.total })] })] }), principles.recent.length > 0 && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-2", children: t("pages:evolution.recentTransitions") }), principles.recent.slice(0, 5).map((p, i) => (_jsxs("div", { className: "py-2 border-b border-border last:border-0", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-xs", children: p.principleId }), _jsx(Badge, { variant: "outline", className: "text-xs", children: p.status })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(p.updatedAt) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1 line-clamp-1", children: (p.text ?? "").slice(0, 100) })] }, `${p.principleId}-${i}`)))] }))] })] }), queue && (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "text-sm", children: t("pages:evolution.queueHealth") }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "p-3 rounded-md bg-amber-500/10", children: [_jsx("div", { className: "text-xl font-bold text-amber-500", children: queue.pendingCount }), _jsx("div", { className: "text-xs text-muted-foreground", children: t("common:pending") })] }), _jsxs("div", { className: "p-3 rounded-md bg-primary/10", children: [_jsx("div", { className: "text-xl font-bold text-primary", children: queue.readyTaskCount }), _jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:evolution.ready") })] }), _jsxs("div", { className: "p-3 rounded-md bg-purple-500/10", children: [_jsx("div", { className: "text-xl font-bold text-purple-500", children: queue.retryWaitCount }), _jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:evolution.retryWait") })] }), _jsxs("div", { className: "p-3 rounded-md bg-destructive/10", children: [_jsx("div", { className: "text-xl font-bold text-destructive", children: queue.blockedCount }), _jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:evolution.blocked") })] })] }), queue.noReadyTasksReason && (_jsxs("div", { className: "mt-3 p-2 rounded-md bg-destructive/10 text-xs text-destructive", children: ["No ready tasks: ", queue.noReadyTasksReason] })), Object.keys(queue.countsByTaskKind).length > 0 && (_jsxs("div", { className: "mt-3", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-2", children: t("pages:evolution.byTaskKind") }), Object.entries(queue.countsByTaskKind).map(([kind, count]) => (_jsxs("div", { className: "flex justify-between text-xs py-1", children: [_jsx("span", { className: "text-muted-foreground", children: kind }), _jsx("strong", { children: count })] }, kind)))] }))] })] }))] })), stats.stageDistribution.length > 0 && (_jsx(Card, { className: "mb-6", children: _jsxs(CardContent, { className: "p-4", children: [_jsx("h3", { className: "text-sm font-medium mb-3", children: t("pages:evolution.stageDistribution") }), _jsx("div", { className: "flex gap-2 flex-wrap", children: stats.stageDistribution.map((stage) => (_jsxs(Badge, { variant: "outline", children: [_jsx("span", { className: STATUS_COLORS[stage.stage] ?? "", children: stage.stage }), ": ", stage.count] }, stage.stage))) })] }) })), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(CardTitle, { className: "text-sm", children: t("pages:evolution.taskList") }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground", children: [t("common:status"), ":"] }), _jsxs(Select, { value: statusFilter, onValueChange: (v) => { setStatusFilter(v); setPage(1); }, children: [_jsx(SelectTrigger, { className: "h-8 text-xs w-[120px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("common:all") }), _jsx(SelectItem, { value: "pending", children: t("common:pending") }), _jsx(SelectItem, { value: "leased", children: t("pages:evolution.leased") }), _jsx(SelectItem, { value: "succeeded", children: t("common:completed") }), _jsx(SelectItem, { value: "retry_wait", children: t("pages:evolution.retryWait") }), _jsx(SelectItem, { value: "failed", children: t("common:failed") })] })] })] })] }) }), _jsxs(CardContent, { className: "max-h-[400px] overflow-y-auto", children: [tasks && tasks.items.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("components:zoneSection.empty") })), tasks && tasks.items.map((task) => (_jsxs("div", { className: "py-2 border-b border-border last:border-0", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { children: [_jsxs("span", { className: `font-medium text-xs ${STATUS_COLORS[task.status] ?? ""}`, children: [task.taskId.slice(0, 16), "\u2026"] }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: task.taskKind })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: task.status }), task.leaseOwner && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["leased by ", task.leaseOwner.slice(0, 8)] }))] })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: formatDate(task.createdAt) })] }, task.taskId)))] }), tasks && tasks.pagination.totalPages > 1 && (_jsxs("div", { className: "flex justify-center items-center gap-3 p-3 border-t border-border", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: page <= 1, onClick: () => setPage(page - 1), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [tasks.pagination.page, " / ", tasks.pagination.totalPages] }), _jsx(Button, { variant: "outline", size: "sm", disabled: page >= tasks.pagination.totalPages, onClick: () => setPage(page + 1), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }))] })] }));
-}

package/console/dist/ui/pages/FeedbackPage.d.ts

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

package/console/dist/ui/pages/FeedbackPage.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useAutoRefresh } from "../hooks/useAutoRefresh.js";
-import { fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks } from "../api.js";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Badge } from "../components/ui/badge.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { Separator } from "../components/ui/separator.js";
-import { formatDate } from "../utils/format.js";
-const SEVERITY_VARIANT = {
-    low: "default",
-    medium: "secondary",
-    high: "destructive",
-};
-function GfiGauge({ gfi }) {
-    const { t } = useTranslation();
-    if (!gfi) {
-        return (_jsx(Card, { className: "mb-6", children: _jsxs(CardContent, { className: "p-6", children: [_jsx(Skeleton, { className: "h-4 w-32 mb-4" }), _jsx(Skeleton, { className: "h-10 w-20 mb-2" }), _jsx(Skeleton, { className: "h-3 w-full" })] }) }));
-    }
-    const threshold = gfi.threshold || 1;
-    const percentage = Math.min((gfi.current / threshold) * 100, 100);
-    const barColor = percentage < 50
-        ? "bg-primary"
-        : percentage < 80
-            ? "bg-amber-500"
-            : "bg-destructive";
-    return (_jsx(Card, { className: "mb-6", children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-sm text-muted-foreground mb-3", children: t("pages:feedback.gfiFull") }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "text-4xl font-bold text-primary", children: gfi.current }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "h-3 rounded-full bg-muted overflow-hidden", children: _jsx("div", { className: `h-full rounded-full transition-all duration-300 ${barColor}`, style: { width: `${percentage}%` } }) }), _jsxs("div", { className: "flex justify-between text-xs text-muted-foreground mt-1", children: [_jsx("span", { children: "0" }), _jsxs("span", { children: [t("pages:feedback.source"), ": ", gfi.threshold] })] })] })] }), _jsxs("p", { className: "text-xs text-muted-foreground mt-2", children: [t("pages:feedback.peakToday"), " ", gfi.peakToday] }), Object.keys(gfi.sources).length > 0 && (_jsxs("div", { className: "mt-4", children: [_jsx(Separator, { className: "mb-3" }), _jsx("p", { className: "text-xs text-muted-foreground mb-2", children: t("pages:feedback.source") }), Object.entries(gfi.sources).map(([source, value]) => (_jsxs("div", { className: "flex justify-between text-sm py-1", children: [_jsx("span", { children: source }), _jsx("span", { className: "font-bold", children: value })] }, source)))] }))] }) }));
-}
-export function FeedbackPage() {
-    const { t } = useTranslation();
-    const gfi = useAutoRefresh(fetchFeedbackGfi, 30000);
-    const empathy = useAutoRefresh(() => fetchEmpathyEvents(20), 30000);
-    const blocks = useAutoRefresh(() => fetchFeedbackGateBlocks(20), 30000);
-    const refreshAll = () => {
-        gfi.refresh();
-        empathy.refresh();
-        blocks.refresh();
-    };
-    const lastUpdated = gfi.lastUpdated ?? empathy.lastUpdated ?? blocks.lastUpdated;
-    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:feedback.title"), description: t("pages:feedback.description"), onRefresh: refreshAll, lastUpdated: lastUpdated ? new Date(lastUpdated) : undefined }), _jsx(GfiGauge, { gfi: gfi.data }), _jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:feedback.empathyEvents") }) }), _jsxs(CardContent, { children: [empathy.error && (_jsx("p", { className: "text-destructive mb-3", children: empathy.error })), !empathy.data || empathy.data.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("components:zoneSection.empty") })) : (_jsx("div", { className: "flex flex-col gap-3", children: empathy.data.map((event, i) => (_jsx(Card, { className: `border-l-4 ${event.severity === "high"
-                                        ? "border-l-destructive"
-                                        : event.severity === "medium"
-                                            ? "border-l-amber-500"
-                                            : "border-l-primary"}`, children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Badge, { variant: SEVERITY_VARIANT[event.severity] ?? "secondary", children: event.severity }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(event.timestamp) })] }), _jsx("p", { className: "mt-2 text-sm", children: event.reason }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [t("pages:feedback.origin"), " ", event.origin, " | ", t("pages:feedback.gfiAfter"), " ", event.gfiAfter] })] }) }, i))) }))] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:feedback.gateBlocks") }) }), _jsxs(CardContent, { children: [blocks.error && (_jsx("p", { className: "text-destructive mb-3", children: blocks.error })), !blocks.data || blocks.data.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("components:zoneSection.empty") })) : (_jsx("div", { className: "flex flex-col gap-3", children: blocks.data.map((block, i) => (_jsx(Card, { className: "border-l-4 border-l-destructive", children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "font-bold text-sm", children: block.toolName }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(block.timestamp) })] }), _jsx("p", { className: "mt-2 text-sm", children: block.reason }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Type: ", block.gateType, " | GFI: ", block.gfi, " | Trust Stage:", " ", block.trustStage] })] }) }, i))) }))] })] })] }));
-}

package/console/dist/ui/pages/GatesPage.d.ts

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

package/console/dist/ui/pages/GatesPage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useAutoRefresh } from "../hooks/useAutoRefresh.js";
-import { fetchGateStats, fetchGateBlocks } from "../api.js";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Badge } from "../components/ui/badge.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { formatDate } from "../utils/format.js";
-const STATUS_VARIANT = {
-    healthy: "default",
-    warning: "secondary",
-    critical: "destructive",
-};
-export function GatesPage() {
-    const { t } = useTranslation();
-    const stats = useAutoRefresh(fetchGateStats, 30000);
-    const blocks = useAutoRefresh(() => fetchGateBlocks(50), 30000);
-    const refreshAll = () => {
-        stats.refresh();
-        blocks.refresh();
-    };
-    if (stats.error && !stats.data) {
-        return (_jsx(Card, { children: _jsx(CardContent, { className: "p-6", children: _jsx("p", { className: "text-destructive", children: stats.error }) }) }));
-    }
-    if (!stats.data) {
-        return (_jsxs("div", { children: [_jsx(Skeleton, { className: "h-8 w-48 mb-6" }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsx(Skeleton, { className: "h-4 w-24 mb-3" }), _jsx(Skeleton, { className: "h-8 w-20 mb-2" }), _jsx(Skeleton, { className: "h-3 w-32" })] }) }, i))) })] }));
-    }
-    const statsData = stats.data;
-    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:gates.title"), description: t("pages:gates.description"), onRefresh: refreshAll, lastUpdated: stats.lastUpdated ? new Date(stats.lastUpdated) : undefined }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", children: [_jsx(Card, { className: "border-l-4 border-l-primary", children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t("pages:gates.trustStatus") }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-2xl font-bold capitalize", children: statsData.trust.status }), _jsx(Badge, { variant: STATUS_VARIANT[statsData.trust.status] ?? "secondary", children: statsData.trust.stage })] }), _jsxs("p", { className: "text-sm text-muted-foreground mb-2", children: [t("pages:gates.score"), " ", statsData.trust.score] })] }) }), _jsx(Card, { className: "border-l-4 border-l-amber-500", children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t("pages:gates.gfiLabel") }), _jsx("div", { className: "text-2xl font-bold", children: statsData.gfi.current }), _jsx(Badge, { variant: "secondary", className: "mt-1 capitalize", children: statsData.gfi.stage }), _jsxs("p", { className: "text-xs text-muted-foreground mt-2", children: [t("pages:gates.peak"), " ", statsData.gfi.peakToday, " | ", t("pages:gates.threshold"), " ", statsData.gfi.threshold] })] }) }), _jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t("pages:gates.todayBlocks") }), _jsxs("div", { className: "space-y-1 text-sm", children: [_jsxs("div", { children: [t("pages:gates.gfiBlocks"), ": ", _jsx("strong", { children: statsData.today.gfiBlocks })] }), _jsxs("div", { children: [t("pages:gates.stageBlocks"), ": ", _jsx("strong", { children: statsData.today.stageBlocks })] }), _jsxs("div", { children: [t("pages:gates.bypassAttempts"), ": ", _jsx("strong", { children: statsData.today.bypassAttempts })] })] })] }) })] }), Object.keys(statsData.gfi.sources).length > 0 && (_jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:gates.sourceBreakdown") }) }), _jsx(CardContent, { children: Object.entries(statsData.gfi.sources).map(([source, value]) => (_jsxs("div", { className: "flex justify-between py-2 border-b border-border last:border-0", children: [_jsx("span", { className: "text-sm", children: source }), _jsx("span", { className: "text-sm font-bold", children: value })] }, source))) })] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:gates.blockHistory") }) }), _jsxs(CardContent, { children: [blocks.error && (_jsx("p", { className: "text-destructive mb-3", children: blocks.error })), !blocks.data || blocks.data.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("components:zoneSection.empty") })) : (_jsx("div", { className: "flex flex-col gap-3", children: blocks.data.map((block, i) => (_jsx(Card, { className: "border-l-4 border-l-destructive", children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "font-bold text-sm", children: block.toolName }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(block.timestamp) })] }), _jsx("p", { className: "mt-2 text-sm", children: block.reason }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Type: ", block.gateType, " | GFI: ", block.gfi, " | Trust Stage:", " ", block.trustStage, block.filePath && _jsxs("span", { children: [" | File: ", block.filePath] })] })] }) }, i))) }))] })] })] }));
-}

package/console/dist/ui/pages/LoginPage.d.ts

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

package/console/dist/ui/pages/LoginPage.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { setToken, clearToken, checkAuth } from "../api.js";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../components/ui/card.js";
-import { Button } from "../components/ui/button.js";
-import { Input } from "../components/ui/input.js";
-import { Dna, Eye, EyeOff } from "lucide-react";
-export function LoginPage({ onAuthSuccess }) {
-    const { t } = useTranslation();
-    const [token, setTokenValue] = useState("");
-    const [error, setError] = useState(null);
-    const [checking, setChecking] = useState(false);
-    const [showToken, setShowToken] = useState(false);
-    async function handleSubmit(e) {
-        e.preventDefault();
-        const trimmed = token.trim();
-        if (!trimmed) {
-            setError(t("pages:login.errorEmpty"));
-            return;
-        }
-        setChecking(true);
-        setError(null);
-        setToken(trimmed);
-        const isValid = await checkAuth();
-        setChecking(false);
-        if (isValid) {
-            onAuthSuccess();
-        }
-        else {
-            clearToken();
-            setError(t("pages:login.errorInvalid"));
-        }
-    }
-    return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-background p-4", children: _jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(CardHeader, { className: "text-center pb-2", children: [_jsx("div", { className: "flex justify-center mb-4", children: _jsx("div", { className: "p-3 rounded-full bg-primary/10", children: _jsx(Dna, { className: "h-8 w-8 text-primary" }) }) }), _jsx(CardTitle, { className: "text-2xl", children: "PD Console" }), _jsx("p", { className: "text-sm text-primary font-medium tracking-wider mt-1", children: t("pages:login.slogan") }), _jsx(CardDescription, { className: "mt-2", children: t("pages:login.description") })] }), _jsxs(CardContent, { children: [_jsxs("form", { onSubmit: handleSubmit, children: [_jsx("label", { className: "block text-sm font-medium mb-1.5", children: t("pages:login.bearerToken") }), _jsxs("div", { className: "relative", children: [_jsx(Input, { type: showToken ? "text" : "password", value: token, onChange: (e) => {
-                                                setTokenValue(e.target.value);
-                                                setError(null);
-                                            }, placeholder: t("pages:login.enterAccessToken"), autoFocus: true, className: error ? "border-destructive pr-10" : "pr-10" }), _jsx("button", { type: "button", onClick: () => setShowToken(!showToken), className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground", children: showToken ? _jsx(EyeOff, { className: "h-4 w-4" }) : _jsx(Eye, { className: "h-4 w-4" }) })] }), error && (_jsx("p", { className: "mt-2 text-sm text-destructive", children: error })), _jsx(Button, { type: "submit", disabled: checking || !token.trim(), className: "w-full mt-5", children: checking ? t("pages:login.verifying") : t("pages:login.signIn") })] }), _jsxs("div", { className: "mt-6 pt-4 border-t border-border text-xs text-muted-foreground text-center", children: [t("pages:login.tokenSessionOnly"), _jsx("br", {}), t("pages:login.noAuthFlag")] })] })] }) }));
-}

package/console/dist/ui/pages/OverviewPage.d.ts

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

package/console/dist/ui/pages/OverviewPage.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useAutoRefresh } from "../hooks/useAutoRefresh.js";
-import { fetchOverview, fetchSystemHealth } from "../api.js";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Badge } from "../components/ui/badge.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { HealthDiagnosticCard } from "../components/health-diagnostic-card.js";
-import { DataFreshnessIndicator } from "../components/data-freshness-indicator.js";
-const STATUS_COLORS = {
-    healthy: "default",
-    degraded: "secondary",
-    error: "destructive",
-};
-const STATUS_LABELS = {
-    healthy: "pages:overview.healthy",
-    degraded: "pages:overview.degraded",
-    error: "pages:overview.error",
-};
-function HealthCard({ health }) {
-    const { t } = useTranslation();
-    const statusColor = STATUS_COLORS[health.status] || "secondary";
-    return (_jsx(Card, { className: "border-l-4 border-primary mb-6", children: _jsx(CardContent, { className: "p-6", children: _jsx("div", { className: "flex items-start justify-between", children: _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t("pages:overview.health") }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-2xl font-bold capitalize", children: t(STATUS_LABELS[health.status] || health.status) }), _jsx(Badge, { variant: statusColor, children: health.status.toUpperCase() })] }), _jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: ["GFI: ", health.gfi.current, " (", health.gfi.stage, ")"] })] }) }) }) }));
-}
-function StatCard({ label, value }) {
-    return (_jsx(Card, { className: "transition-all duration-200 hover:shadow-md", children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-sm text-muted-foreground mb-2", children: label }), _jsx("p", { className: "text-3xl font-bold", children: value })] }) }));
-}
-function LoadingSkeleton() {
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx(Skeleton, { className: "h-8 w-32" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-8 w-20" })] })] }), _jsx(Card, { className: "border-l-4 border-primary mb-6", children: _jsxs(CardContent, { className: "p-6", children: [_jsx(Skeleton, { className: "h-4 w-24 mb-4" }), _jsx(Skeleton, { className: "h-8 w-32 mb-2" }), _jsx(Skeleton, { className: "h-4 w-48" })] }) }), _jsx(Skeleton, { className: "h-6 w-40 mb-4" }), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsx(Skeleton, { className: "h-4 w-24 mb-2" }), _jsx(Skeleton, { className: "h-8 w-full" })] }) }, i))) })] }));
-}
-export function OverviewPage() {
-    const { t } = useTranslation();
-    const { data, error, loading, refresh, lastUpdated } = useAutoRefresh(fetchOverview, 30000);
-    const { data: healthData, error: healthError, loading: healthLoading, refresh: refreshHealth, lastUpdated: healthLastUpdated } = useAutoRefresh(fetchSystemHealth, 30000);
-    if (loading && !data) {
-        return _jsx(LoadingSkeleton, {});
-    }
-    if (error && !data) {
-        return (_jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-destructive", children: t("components:errorBoundary.title") }), _jsx("p", { className: "text-muted-foreground mt-2", children: error })] }) }));
-    }
-    if (!data) {
-        return (_jsx(Card, { children: _jsx(CardContent, { className: "p-6 text-center", children: _jsx("p", { className: "text-muted-foreground", children: t("common:loading") }) }) }));
-    }
-    const handleRefreshAll = () => {
-        refresh();
-        refreshHealth();
-    };
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(PageHeader, { title: t("pages:overview.title"), description: t("pages:overview.description"), onRefresh: handleRefreshAll, lastUpdated: lastUpdated ? new Date(lastUpdated) : undefined }), healthData && (_jsx(HealthDiagnosticCard, { overall: healthData.overall, checks: healthData.checks, onRefresh: refreshHealth, loading: healthLoading })), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [healthData?.pipeline.lastPainSignal && (_jsx(DataFreshnessIndicator, { label: t("pages:overview.painSignals"), lastUpdateTime: healthData.pipeline.lastPainSignal })), healthData?.pipeline.lastTaskCreated && (_jsx(DataFreshnessIndicator, { label: t("pages:overview.tasks"), lastUpdateTime: healthData.pipeline.lastTaskCreated })), healthData?.pipeline.lastCandidateGenerated && (_jsx(DataFreshnessIndicator, { label: t("pages:overview.candidates"), lastUpdateTime: healthData.pipeline.lastCandidateGenerated }))] }), _jsx(HealthCard, { health: data.health }), _jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:overview.stats") }) }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4", children: [_jsx(StatCard, { label: t("pages:overview.principles"), value: data.summary.principleEventCount }), _jsx(StatCard, { label: t("pages:overview.painEvents"), value: data.summary.painEvents }), _jsx(StatCard, { label: t("pages:overview.pendingSamples"), value: data.summary.pendingSamples }), _jsx(StatCard, { label: t("pages:overview.approvedSamples"), value: data.summary.approvedSamples }), _jsx(StatCard, { label: t("pages:overview.taskOutcomes"), value: data.summary.taskOutcomes }), _jsx(StatCard, { label: t("pages:overview.gateBlocks"), value: data.summary.gateBlocks })] }) })] }), _jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:overview.principles") }) }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsx(StatCard, { label: t("pages:overview.activePrinciples"), value: data.health.principles.active }), _jsx(StatCard, { label: t("pages:overview.candidatePrinciples"), value: data.health.principles.candidate }), _jsx(StatCard, { label: t("pages:overview.probationPrinciples"), value: data.health.principles.probation }), _jsx(StatCard, { label: t("pages:overview.deprecatedPrinciples"), value: data.health.principles.deprecated })] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:overview.queue") }) }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsx(StatCard, { label: t("common:pending"), value: data.health.queue.pending }), _jsx(StatCard, { label: t("pages:overview.inProgress"), value: data.health.queue.inProgress }), _jsx(StatCard, { label: t("common:completed"), value: data.health.queue.completed })] }) })] })] }));
-}

package/console/dist/ui/pages/PainPage.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useAutoRefresh } from "../hooks/useAutoRefresh.js";
-import { fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks } from "../api.js";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Badge } from "../components/ui/badge.js";
-import { Button } from "../components/ui/button.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { Separator } from "../components/ui/separator.js";
-import { formatDate } from "../utils/format.js";
-const SEVERITY_VARIANT = {
-    low: "default",
-    medium: "secondary",
-    high: "destructive",
-};
-function GfiGauge({ gfi, error, onRetry }) {
-    const { t } = useTranslation();
-    if (error && !gfi) {
-        return (_jsx(Card, { className: "mb-6", children: _jsxs(CardContent, { className: "p-6 text-center", children: [_jsx("p", { className: "text-destructive text-sm", children: error }), _jsx(Button, { variant: "outline", className: "mt-4", onClick: onRetry, children: t("common:refresh") })] }) }));
-    }
-    if (!gfi) {
-        return (_jsx(Card, { className: "mb-6", children: _jsxs(CardContent, { className: "p-6", children: [_jsx(Skeleton, { className: "h-4 w-32 mb-4" }), _jsx(Skeleton, { className: "h-10 w-20 mb-2" }), _jsx(Skeleton, { className: "h-3 w-full" })] }) }));
-    }
-    const threshold = gfi.threshold || 1;
-    const percentage = Math.min((gfi.current / threshold) * 100, 100);
-    const barColor = percentage < 50
-        ? "bg-primary"
-        : percentage < 80
-            ? "bg-amber-500"
-            : "bg-destructive";
-    return (_jsx(Card, { className: "mb-6", children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-sm text-muted-foreground mb-3", children: t("pages:pain.gfiFull") }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "text-4xl font-bold text-primary", children: gfi.current }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "h-3 rounded-full bg-muted overflow-hidden", children: _jsx("div", { className: `h-full rounded-full transition-all duration-300 ${barColor}`, style: { width: `${percentage}%` } }) }), _jsxs("div", { className: "flex justify-between text-xs text-muted-foreground mt-1", children: [_jsx("span", { children: "0" }), _jsxs("span", { children: [t("pages:pain.source"), ": ", gfi.threshold] })] })] })] }), _jsxs("p", { className: "text-xs text-muted-foreground mt-2", children: [t("pages:pain.peakToday"), " ", gfi.peakToday] }), Object.keys(gfi.sources).length > 0 && (_jsxs("div", { className: "mt-4", children: [_jsx(Separator, { className: "mb-3" }), _jsx("p", { className: "text-xs text-muted-foreground mb-2", children: t("pages:pain.source") }), Object.entries(gfi.sources).map(([source, value]) => (_jsxs("div", { className: "flex justify-between text-sm py-1", children: [_jsx("span", { children: source }), _jsx("span", { className: "font-bold", children: value })] }, source)))] }))] }) }));
-}
-export function PainPage() {
-    const { t } = useTranslation();
-    const gfi = useAutoRefresh(fetchFeedbackGfi, 30000);
-    const empathy = useAutoRefresh(() => fetchEmpathyEvents(20), 30000);
-    const blocks = useAutoRefresh(() => fetchFeedbackGateBlocks(20), 30000);
-    const refreshAll = () => {
-        gfi.refresh();
-        empathy.refresh();
-        blocks.refresh();
-    };
-    const lastUpdated = gfi.lastUpdated ?? empathy.lastUpdated ?? blocks.lastUpdated;
-    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:pain.title"), description: t("pages:pain.description"), onRefresh: refreshAll, lastUpdated: lastUpdated ? new Date(lastUpdated) : undefined }), _jsx(GfiGauge, { gfi: gfi.data, error: gfi.error, onRetry: gfi.refresh }), _jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:pain.empathyEvents") }) }), _jsxs(CardContent, { children: [empathy.error && (_jsx("p", { className: "text-destructive mb-3", children: empathy.error })), !empathy.data || empathy.data.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("pages:pain.emptyHint") })) : (_jsx("div", { className: "flex flex-col gap-3", children: empathy.data.map((event, i) => (_jsx(Card, { className: `border-l-4 ${event.severity === "high"
-                                        ? "border-l-destructive"
-                                        : event.severity === "medium"
-                                            ? "border-l-amber-500"
-                                            : "border-l-primary"}`, children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Badge, { variant: SEVERITY_VARIANT[event.severity] ?? "secondary", children: event.severity }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(event.timestamp) })] }), _jsx("p", { className: "mt-2 text-sm", children: event.reason }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [t("pages:pain.origin"), " ", event.origin, " | ", t("pages:pain.gfiAfter"), " ", event.gfiAfter] })] }) }, i))) }))] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:pain.gateBlocks") }) }), _jsxs(CardContent, { children: [blocks.error && (_jsx("p", { className: "text-destructive mb-3", children: blocks.error })), !blocks.data || blocks.data.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("pages:pain.emptyHint") })) : (_jsx("div", { className: "flex flex-col gap-3", children: blocks.data.map((block, i) => (_jsx(Card, { className: "border-l-4 border-l-destructive", children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "font-bold text-sm", children: block.toolName }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(block.timestamp) })] }), _jsx("p", { className: "mt-2 text-sm", children: block.reason }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Type: ", block.gateType, " | GFI: ", block.gfi, " | Trust Stage:", " ", block.trustStage] })] }) }, i))) }))] })] })] }));
-}

package/console/dist/ui/pages/PrincipleDetailPage.js

@@ -1,145 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useParams, useNavigate, Link } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { fetchPrincipleDetail } from "../api.js";
-import { formatDate, formatDateShort } from "../utils/format.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Badge } from "../components/ui/badge.js";
-import { Button } from "../components/ui/button.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { ProgressBar, ValueScoreBar, AdherenceBar } from "../components/ui/progress-bar.js";
-import { MarkdownRenderer, CollapsibleSection, TruncatedText } from "../components/ui/markdown.js";
-import { ArrowLeft, ChevronRight, Copy, Check, Share2, Shield, AlertTriangle, Clock, Zap, Target, FileText, } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-const STATUS_COLORS = {
-    candidate: "text-amber-500",
-    probation: "text-blue-500",
-    active: "text-primary",
-    deprecated: "text-destructive",
-    archived: "text-muted-foreground",
-};
-const STATUS_BG = {
-    candidate: "bg-amber-50 dark:bg-amber-950/20",
-    probation: "bg-blue-50 dark:bg-blue-950/20",
-    active: "bg-primary/10",
-    deprecated: "bg-destructive/10",
-    archived: "bg-muted",
-};
-const PRIORITY_COLORS = {
-    P0: "text-destructive",
-    P1: "text-amber-500",
-    P2: "text-muted-foreground",
-};
-const ENFORCEMENT_COLORS = {
-    block: "text-destructive",
-    warn: "text-amber-500",
-    log: "text-muted-foreground",
-};
-const RULE_TYPE_LABELS = {
-    hook: "Hook",
-    gate: "Gate",
-    skill: "Skill",
-    lora: "LoRA",
-    test: "Test",
-    prompt: "Prompt",
-};
-function MetaCard({ label, value, icon, bgClass = "" }) {
-    return (_jsxs("div", { className: cn("p-4 rounded-lg border border-border", bgClass), children: [_jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mb-1", children: [icon, _jsx("span", { children: label })] }), _jsx("div", { className: "text-sm font-medium", children: value !== null && value !== undefined && value !== "" ? String(value) : "—" })] }));
-}
-function RuleCard({ rule }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "p-4 rounded-lg border border-border bg-card", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: RULE_TYPE_LABELS[rule.type] ?? rule.type }), _jsx(Badge, { variant: "outline", className: cn("text-xs", ENFORCEMENT_COLORS[rule.enforcement] ?? ""), children: rule.enforcement.toUpperCase() }), _jsx(Badge, { variant: "secondary", className: "text-xs", children: rule.status }), _jsx("span", { className: "text-sm font-medium ml-auto", children: rule.name || rule.id })] }), rule.description && (_jsx("div", { className: "text-xs text-muted-foreground mb-3", children: _jsx(MarkdownRenderer, { content: rule.description }) })), _jsxs("div", { className: "space-y-2", children: [rule.triggerCondition && (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Target, { className: "h-3 w-3 mt-0.5 text-muted-foreground flex-shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("span", { className: "text-xs text-muted-foreground font-medium", children: [t("pages:principles.triggerCondition"), ":"] }), _jsx(TruncatedText, { text: rule.triggerCondition, maxLines: 3, className: "text-xs text-foreground break-all" })] })] })), rule.action && (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Zap, { className: "h-3 w-3 mt-0.5 text-muted-foreground flex-shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("span", { className: "text-xs text-muted-foreground font-medium", children: [t("pages:principles.action"), ":"] }), _jsx(TruncatedText, { text: rule.action, maxLines: 3, className: "text-xs text-foreground break-all" })] })] }))] }), (rule.coverageRate > 0 || rule.falsePositiveRate > 0) && (_jsxs("div", { className: "flex gap-4 mt-3 pt-3 border-t border-border", children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.coverageRate") }), _jsx(ProgressBar, { value: rule.coverageRate * 100, max: 100, size: "sm", showLabel: true })] }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.falsePositiveRate") }), _jsx(ProgressBar, { value: rule.falsePositiveRate * 100, max: 100, size: "sm", showLabel: true })] })] }))] }));
-}
-function NotFoundPage({ principleId }) {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-destructive/10 flex items-center justify-center mb-4", children: _jsx(AlertTriangle, { className: "h-8 w-8 text-destructive" }) }), _jsx("h2", { className: "text-xl font-semibold mb-2", children: t("pages:principles.notFound") }), _jsx("p", { className: "text-sm text-muted-foreground mb-6", children: t("pages:principles.notFoundDescription", { id: principleId }) }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { variant: "outline", onClick: () => navigate("/principles"), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), t("pages:principles.backToList")] }), _jsx(Button, { onClick: () => navigate("/principles"), children: t("pages:principles.browsePrinciples") })] })] }));
-}
-function LoadingSkeleton() {
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-10 w-10" }), _jsx(Skeleton, { className: "h-8 w-48" })] }), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => (_jsx(Skeleton, { className: "h-24 w-full" }, i))) }), _jsx(Skeleton, { className: "h-32 w-full" }), _jsx("div", { className: "space-y-3", children: Array.from({ length: 2 }).map((_, i) => (_jsx(Skeleton, { className: "h-32 w-full" }, i))) })] }));
-}
-export function PrincipleDetailPage() {
-    const { t } = useTranslation();
-    const { id } = useParams();
-    const navigate = useNavigate();
-    const [principle, setPrinciple] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [copied, setCopied] = useState(false);
-    useEffect(() => {
-        if (!id) {
-            setError("No principle ID provided");
-            setLoading(false);
-            return;
-        }
-        const controller = new AbortController();
-        setLoading(true);
-        setError(null);
-        fetchPrincipleDetail(id)
-            .then((result) => {
-            if (controller.signal.aborted)
-                return;
-            if (result.success && result.data) {
-                setPrinciple(result.data.principle);
-            }
-            else if (!result.success) {
-                setError(result.error || "Failed to load principle");
-            }
-            else {
-                setError("Failed to load principle");
-            }
-        })
-            .catch((err) => {
-            if (controller.signal.aborted)
-                return;
-            setError(err instanceof Error ? err.message : "Unknown error");
-        })
-            .finally(() => {
-            if (!controller.signal.aborted)
-                setLoading(false);
-        });
-        return () => controller.abort();
-    }, [id]);
-    const handleCopyLink = () => {
-        const url = `${window.location.origin}${window.location.pathname}#principles/${id}`;
-        navigator.clipboard.writeText(url).then(() => {
-            setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
-        }).catch(() => {
-            // clipboard API not available (e.g. non-HTTPS)
-        });
-    };
-    const handleShare = async () => {
-        if (!id)
-            return;
-        const url = `${window.location.origin}${window.location.pathname}#principles/${id}`;
-        if (navigator.share) {
-            try {
-                await navigator.share({
-                    title: `${t("pages:principles.title")} - ${id}`,
-                    text: principle?.text || id,
-                    url,
-                });
-            }
-            catch {
-                // User cancelled or share failed
-            }
-        }
-        else {
-            handleCopyLink();
-        }
-    };
-    if (loading) {
-        return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Button, { variant: "ghost", className: "mb-2", disabled: true, children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), t("pages:principles.backToList")] }), _jsx(LoadingSkeleton, {})] }));
-    }
-    if (error || !principle) {
-        return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Button, { variant: "ghost", className: "mb-2", onClick: () => navigate("/principles"), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-2" }), t("pages:principles.backToList")] }), _jsx(NotFoundPage, { principleId: id || "unknown" })] }));
-    }
-    const bgClass = STATUS_BG[principle.status];
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground mb-2", children: [_jsx(Link, { to: "/principles", className: "hover:text-foreground transition-colors flex items-center gap-1", children: t("pages:principles.title") }), _jsx(ChevronRight, { className: "h-4 w-4" }), _jsx("span", { className: "text-foreground", children: principle.id })] }), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, { variant: "outline", className: cn("text-sm px-3 py-1", STATUS_COLORS[principle.status]), children: principle.status }), _jsx(Badge, { variant: "outline", className: cn("text-sm px-3 py-1", PRIORITY_COLORS[principle.priority]), children: principle.priority }), principle.scope === "domain" && principle.domain && (_jsx(Badge, { variant: "secondary", className: "text-sm px-3 py-1", children: principle.domain }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleCopyLink, children: copied ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-4 w-4 mr-1" }), t("common:copied")] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-4 w-4 mr-1" }), t("pages:principles.copyLink")] })) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleShare, children: [_jsx(Share2, { className: "h-4 w-4 mr-1" }), t("pages:principles.share")] })] })] }), _jsx(Card, { className: cn("border-l-4", bgClass.includes("primary") ? "border-l-primary" : ""), children: _jsxs(CardContent, { className: "p-6", children: [_jsxs("div", { className: "flex items-start gap-3 mb-4", children: [_jsx(FileText, { className: "h-5 w-5 text-muted-foreground mt-0.5" }), _jsxs("div", { children: [_jsx("div", { className: "mb-2", children: _jsx(MarkdownRenderer, { content: principle.text }) }), _jsxs("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Clock, { className: "h-3 w-3" }), t("pages:principles.createdAt"), ":", " ", principle.createdAt
-                                                            ? formatDateShort(principle.createdAt)
-                                                            : "—"] }), _jsxs("span", { children: [t("pages:principles.updatedAt"), ":", " ", principle.updatedAt
-                                                            ? formatDateShort(principle.updatedAt)
-                                                            : "—"] })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium mb-3", children: t("pages:principles.valueMetrics") }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.valueScore") }), _jsx(ValueScoreBar, { valueScore: principle.valueScore })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.adherence") }), _jsx(AdherenceBar, { adherenceRate: principle.adherenceRate })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.painPrevented") }), _jsx("div", { className: "text-2xl font-bold", children: principle.painPreventedCount })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium mb-3", children: t("pages:principles.quickStats") }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "p-3 rounded-lg bg-muted/50", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:principles.ruleCount") }), _jsxs("div", { className: "text-xl font-bold flex items-center gap-1", children: [_jsx(Shield, { className: "h-4 w-4" }), principle.ruleCount] })] }), _jsxs("div", { className: "p-3 rounded-lg bg-muted/50", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:principles.conflictCount") }), _jsxs("div", { className: "text-xl font-bold flex items-center gap-1", children: [_jsx(AlertTriangle, { className: "h-4 w-4" }), principle.conflictsWithPrincipleIds.length] })] })] })] })] })] }) }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsx(MetaCard, { label: t("pages:principles.triggerPattern"), value: principle.triggerPattern, icon: _jsx(Target, { className: "h-3 w-3" }), bgClass: bgClass }), _jsx(MetaCard, { label: t("pages:principles.action"), value: principle.action, icon: _jsx(Zap, { className: "h-3 w-3" }), bgClass: bgClass }), _jsx(MetaCard, { label: t("pages:principles.evaluability"), value: principle.evaluability, icon: _jsx(Check, { className: "h-3 w-3" }), bgClass: bgClass }), _jsx(MetaCard, { label: t("pages:principles.scope"), value: principle.scope + (principle.domain ? ` / ${principle.domain}` : ""), icon: _jsx(FileText, { className: "h-3 w-3" }), bgClass: bgClass })] }), principle.coreAxiomId && (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsx(CardTitle, { className: "text-sm", children: t("pages:principles.coreAxiom") }) }), _jsx(CardContent, { children: _jsx(Badge, { variant: "outline", children: principle.coreAxiomId }) })] })), principle.supersedesPrincipleId && (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsx(CardTitle, { className: "text-sm", children: t("pages:principles.supersedes") }) }), _jsx(CardContent, { children: _jsx(Link, { to: `/principles/${principle.supersedesPrincipleId}`, className: "text-sm text-primary hover:underline", children: principle.supersedesPrincipleId }) })] })), principle.conflictsWithPrincipleIds.length > 0 && (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "text-sm flex items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), t("pages:principles.conflictsWith")] }) }), _jsx(CardContent, { children: _jsx("div", { className: "flex flex-wrap gap-2", children: principle.conflictsWithPrincipleIds.map((conflictId) => (_jsx(Link, { to: `/principles/${conflictId}`, className: cn("px-3 py-1 rounded-full text-sm border transition-colors", "border-destructive/30 bg-destructive/5 text-destructive", "hover:bg-destructive/10 hover:border-destructive/50"), children: conflictId }, conflictId))) }) })] })), principle.lastPainPreventedAt && (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "text-sm flex items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4" }), t("pages:principles.lastPainPrevented")] }) }), _jsx(CardContent, { children: _jsx("p", { className: "text-sm", children: formatDate(principle.lastPainPreventedAt) }) })] })), _jsx(CollapsibleSection, { title: `${t("pages:principles.associatedRules")} (${principle.rules.length})`, defaultOpen: principle.rules.length <= 3, children: principle.rules.length === 0 ? (_jsxs("div", { className: "text-center py-6", children: [_jsx(Shield, { className: "h-8 w-8 text-muted-foreground mx-auto mb-2" }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("pages:principles.noRules") })] })) : (_jsx("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: principle.rules.map((rule) => (_jsx(RuleCard, { rule: rule }, rule.id))) })) }), principle.derivedFromPainIds.length > 0 && (_jsx(CollapsibleSection, { title: `${t("pages:principles.derivedFromPain")} (${principle.derivedFromPainIds.length})`, defaultOpen: false, children: _jsx("div", { className: "flex flex-wrap gap-2", children: principle.derivedFromPainIds.map((painId) => (_jsx(Badge, { variant: "secondary", className: "text-xs", children: painId }, painId))) }) }))] }));
-}