create-principles-disciple 1.82.0 → 1.83.0

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

@@ -1,322 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, useRef, useCallback } from "react";
-import { Link, useSearchParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { fetchPrinciples, fetchPrincipleDetail } from "../api.js";
-import { formatDateShort } from "../utils/format.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 { Button } from "../components/ui/button.js";
-import { Input } from "../components/ui/input.js";
-import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from "../components/ui/select.js";
-import { ValueScoreBar, AdherenceBar } from "../components/ui/progress-bar.js";
-import { DonutChartWithLegend, HorizontalBarChart, CoverageIndicator, Histogram, computeValueBuckets } from "../components/ui/charts.js";
-import { CompareView } from "../components/compare-view.js";
-import { TruncatedText } from "../components/ui/markdown.js";
-import { useDebounce } from "../hooks/useDebounce.js";
-import { useKeyboardNavigation, useFocusSearch } from "../hooks/useKeyboardNavigation.js";
-import { useBookmarks } from "../hooks/useBookmarks.js";
-import { ChevronDown, ChevronRight, Search, Shield, FileSearch, Inbox, X, ExternalLink, BarChart3, Bookmark, BookmarkCheck, CheckSquare, Square, Download, GitCompare, } 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-500/10",
-    probation: "bg-blue-500/10",
-    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 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: cn("text-2xl font-bold", color), children: value }), _jsx("div", { className: "text-xs text-muted-foreground mt-1", children: label })] }) }));
-}
-function RuleCard({ rule }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "p-3 rounded-md border border-border bg-card", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", 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.triggerCondition && (_jsxs("div", { className: "text-xs text-muted-foreground mb-1", children: [_jsxs("span", { className: "font-medium", children: [t("pages:principles.triggerCondition"), ":"] }), " ", rule.triggerCondition] })), rule.action && (_jsxs("div", { className: "text-xs text-muted-foreground", children: [_jsxs("span", { className: "font-medium", children: [t("pages:principles.action"), ":"] }), " ", rule.action] }))] }));
-}
-function PrincipleRow({ principle, expanded, onToggle, detail, detailLoading, isSelected, isBookmarked, onToggleBookmark, selectionMode, isChecked, onToggleCheck }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: cn("border-b border-border last:border-0 transition-colors", isSelected && "bg-accent/70"), children: [_jsxs("div", { className: "flex items-start gap-3 px-4 py-3 cursor-pointer hover:bg-accent/50 transition-colors", role: "button", tabIndex: 0, onClick: selectionMode ? onToggleCheck : onToggle, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    selectionMode ? onToggleCheck() : onToggle();
-                } }, children: [selectionMode && (_jsx("div", { className: "mt-0.5 flex-shrink-0", onClick: (e) => e.stopPropagation(), children: _jsx("button", { onClick: onToggleCheck, className: "text-muted-foreground hover:text-foreground", "aria-label": isChecked ? "Deselect principle" : "Select principle", children: isChecked ? (_jsx(CheckSquare, { className: "h-4 w-4 text-primary" })) : (_jsx(Square, { className: "h-4 w-4" })) }) })), _jsx("div", { className: "mt-0.5 flex-shrink-0", children: expanded ? (_jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" })) : (_jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap mb-1", children: [_jsx("span", { className: "font-medium text-sm", children: principle.id }), _jsx(Link, { to: `/principles/${principle.id}`, onClick: (e) => e.stopPropagation(), className: "text-muted-foreground hover:text-foreground transition-colors", title: t("pages:principles.viewDetail"), children: _jsx(ExternalLink, { className: "h-3 w-3" }) }), _jsx(Badge, { variant: "outline", className: cn("text-xs", STATUS_COLORS[principle.status]), children: principle.status }), _jsx(Badge, { variant: "outline", className: cn("text-xs", PRIORITY_COLORS[principle.priority]), children: principle.priority }), principle.scope === "domain" && principle.domain && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: principle.domain })), principle.ruleCount > 0 && (_jsxs(Badge, { variant: "secondary", className: "text-xs", children: [_jsx(Shield, { className: "h-3 w-3 mr-1" }), principle.ruleCount, " ", t("pages:principles.rules")] }))] }), _jsx(TruncatedText, { text: principle.text, maxLines: 2, className: "text-xs text-muted-foreground" }), _jsxs("div", { className: "flex items-center gap-4 mt-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 flex-1 min-w-0", children: [_jsxs("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.valueScore"), ":"] }), _jsx(ValueScoreBar, { valueScore: principle.valueScore, className: "flex-1" })] }), _jsxs("div", { className: "flex items-center gap-1.5 flex-1 min-w-0", children: [_jsxs("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.adherence"), ":"] }), _jsx(AdherenceBar, { adherenceRate: principle.adherenceRate, className: "flex-1" })] }), _jsxs("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.painPrevented"), ": ", principle.painPreventedCount] })] })] }), _jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [_jsx("button", { onClick: (e) => { e.stopPropagation(); onToggleBookmark(); }, className: cn("p-1 rounded transition-colors", isBookmarked ? "text-primary" : "text-muted-foreground hover:text-foreground"), title: isBookmarked ? t("pages:principles.removeBookmark") : t("pages:principles.addBookmark"), "aria-label": isBookmarked ? "Remove bookmark" : "Add bookmark", children: isBookmarked ? _jsx(BookmarkCheck, { className: "h-4 w-4" }) : _jsx(Bookmark, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-xs text-muted-foreground", children: principle.updatedAt ? formatDateShort(principle.updatedAt) : "" })] })] }), expanded && (_jsxs("div", { className: "px-4 pb-4 pl-11", children: [detailLoading && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-4 w-64" }), _jsx(Skeleton, { className: "h-20 w-full" })] })), detail && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [_jsxs("div", { className: cn("p-2 rounded-md", STATUS_BG[principle.status]), children: [_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:principles.triggerPattern") }), _jsx("div", { className: "text-xs font-medium mt-0.5", children: principle.triggerPattern || "—" })] }), _jsxs("div", { className: cn("p-2 rounded-md", STATUS_BG[principle.status]), children: [_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:principles.action") }), _jsx("div", { className: "text-xs font-medium mt-0.5", children: principle.action || "—" })] }), _jsxs("div", { className: cn("p-2 rounded-md", STATUS_BG[principle.status]), children: [_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:principles.evaluability") }), _jsx("div", { className: "text-xs font-medium mt-0.5", children: principle.evaluability })] }), _jsxs("div", { className: cn("p-2 rounded-md", STATUS_BG[principle.status]), children: [_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:principles.scope") }), _jsxs("div", { className: "text-xs font-medium mt-0.5", children: [principle.scope, principle.domain ? ` / ${principle.domain}` : ""] })] })] }), detail.conflictsWithPrincipleIds.length > 0 && (_jsxs("div", { className: "text-xs text-muted-foreground", children: [t("pages:principles.conflictsWith"), ": ", detail.conflictsWithPrincipleIds.join(", ")] })), detail.rules.length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-xs font-medium text-muted-foreground mb-2", children: [t("pages:principles.associatedRules"), " (", detail.rules.length, ")"] }), _jsx("div", { className: "flex flex-col gap-2", children: detail.rules.map((rule) => (_jsx(RuleCard, { rule: rule }, rule.id))) })] })), detail.rules.length === 0 && (_jsx("div", { className: "text-xs text-muted-foreground italic", children: t("pages:principles.noRules") }))] }))] }))] }));
-}
-function EmptyState({ hasFilters, onClear }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-4", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4", children: hasFilters ? (_jsx(FileSearch, { className: "h-8 w-8 text-muted-foreground" })) : (_jsx(Inbox, { className: "h-8 w-8 text-muted-foreground" })) }), _jsx("h3", { className: "text-lg font-medium mb-2", children: hasFilters ? t("pages:principles.noResults") : t("pages:principles.noPrinciples") }), _jsx("p", { className: "text-sm text-muted-foreground text-center mb-4 max-w-md", children: hasFilters
-                    ? t("pages:principles.noResultsDescription")
-                    : t("pages:principles.noPrinciplesDescription") }), hasFilters && (_jsx(Button, { variant: "outline", onClick: onClear, children: t("common:clear") }))] }));
-}
-export function PrinciplesPage() {
-    const { t } = useTranslation();
-    const [searchParams, setSearchParams] = useSearchParams();
-    const [data, setData] = useState(null);
-    const [error, setError] = useState("");
-    const [loading, setLoading] = useState(true);
-    const [searchQuery, setSearchQuery] = useState(() => searchParams.get("search") ?? "");
-    const [statusFilter, setStatusFilter] = useState(() => searchParams.get("status") ?? "all");
-    const [scopeFilter, setScopeFilter] = useState(() => searchParams.get("scope") ?? "all");
-    const [priorityFilter, setPriorityFilter] = useState(() => searchParams.get("priority") ?? "all");
-    const [evaluabilityFilter, setEvaluabilityFilter] = useState(() => searchParams.get("evaluability") ?? "all");
-    const [sortBy, setSortBy] = useState(() => searchParams.get("sort") ?? "valueScore");
-    const [showBookmarkedOnly, setShowBookmarkedOnly] = useState(() => searchParams.get("bookmarked") === "true");
-    const [expandedIds, setExpandedIds] = useState(new Set());
-    const [principleDetails, setPrincipleDetails] = useState({});
-    const [loadingDetails, setLoadingDetails] = useState(new Set());
-    const [selectedIndex, setSelectedIndex] = useState(-1);
-    const [selectionMode, setSelectionMode] = useState(false);
-    const [selectedIds, setSelectedIds] = useState(new Set());
-    const [compareIds, setCompareIds] = useState(null);
-    const searchInputRef = useRef(null);
-    const debouncedSearchQuery = useDebounce(searchQuery, 300);
-    useEffect(() => {
-        const params = new URLSearchParams();
-        if (searchQuery)
-            params.set("search", searchQuery);
-        if (statusFilter !== "all")
-            params.set("status", statusFilter);
-        if (scopeFilter !== "all")
-            params.set("scope", scopeFilter);
-        if (priorityFilter !== "all")
-            params.set("priority", priorityFilter);
-        if (evaluabilityFilter !== "all")
-            params.set("evaluability", evaluabilityFilter);
-        if (sortBy !== "valueScore")
-            params.set("sort", sortBy);
-        if (showBookmarkedOnly)
-            params.set("bookmarked", "true");
-        setSearchParams(params, { replace: true });
-    }, [searchQuery, statusFilter, scopeFilter, priorityFilter, evaluabilityFilter, sortBy, showBookmarkedOnly, setSearchParams]);
-    const { bookmarks, toggleBookmark, isBookmarked } = useBookmarks();
-    useFocusSearch({ enabled: true });
-    const filteredPrinciples = useMemo(() => {
-        if (!data)
-            return [];
-        let items = data.principles;
-        if (statusFilter !== "all") {
-            items = items.filter((p) => p.status === statusFilter);
-        }
-        if (scopeFilter !== "all") {
-            items = items.filter((p) => p.scope === scopeFilter);
-        }
-        if (priorityFilter !== "all") {
-            items = items.filter((p) => p.priority === priorityFilter);
-        }
-        if (evaluabilityFilter !== "all") {
-            items = items.filter((p) => p.evaluability === evaluabilityFilter);
-        }
-        if (showBookmarkedOnly) {
-            items = items.filter((p) => isBookmarked(p.id));
-        }
-        if (debouncedSearchQuery.trim()) {
-            const q = debouncedSearchQuery.toLowerCase();
-            items = items.filter((p) => p.id.toLowerCase().includes(q) ||
-                p.text.toLowerCase().includes(q) ||
-                p.triggerPattern.toLowerCase().includes(q) ||
-                p.action.toLowerCase().includes(q) ||
-                (p.domain ?? "").toLowerCase().includes(q));
-        }
-        items = [...items].sort((a, b) => {
-            switch (sortBy) {
-                case "valueScore":
-                    return b.valueScore - a.valueScore;
-                case "adherenceRate":
-                    return b.adherenceRate - a.adherenceRate;
-                case "painPreventedCount":
-                    return b.painPreventedCount - a.painPreventedCount;
-                case "updatedAt":
-                    return b.updatedAt.localeCompare(a.updatedAt);
-                case "createdAt":
-                    return b.createdAt.localeCompare(a.createdAt);
-                default:
-                    return 0;
-            }
-        });
-        return items;
-    }, [data, statusFilter, scopeFilter, priorityFilter, evaluabilityFilter, debouncedSearchQuery, sortBy, showBookmarkedOnly, isBookmarked]);
-    const { resetSelection } = useKeyboardNavigation({
-        itemCount: filteredPrinciples.length,
-        onSelect: setSelectedIndex,
-        enabled: true,
-    });
-    useEffect(() => {
-        if (selectedIndex >= filteredPrinciples.length) {
-            setSelectedIndex(filteredPrinciples.length - 1);
-        }
-        else if (selectedIndex < 0 && filteredPrinciples.length > 0) {
-            setSelectedIndex(-1);
-        }
-    }, [filteredPrinciples.length]);
-    useEffect(() => {
-        const controller = new AbortController();
-        loadData(controller.signal);
-        return () => controller.abort();
-    }, []);
-    function loadData(signal) {
-        setLoading(true);
-        setError("");
-        fetchPrinciples()
-            .then((result) => {
-            if (signal?.aborted)
-                return;
-            if (result.success && result.data) {
-                setData(result.data);
-            }
-            else if (!result.success) {
-                setError(result.error);
-            }
-        })
-            .catch((err) => {
-            if (signal?.aborted)
-                return;
-            setError(err instanceof Error ? err.message : String(err));
-        })
-            .finally(() => {
-            if (!signal?.aborted)
-                setLoading(false);
-        });
-    }
-    function refreshData() {
-        loadData();
-    }
-    const toggleExpand = useCallback(async (principleId) => {
-        const next = new Set(expandedIds);
-        if (next.has(principleId)) {
-            next.delete(principleId);
-        }
-        else {
-            next.add(principleId);
-            if (!principleDetails[principleId]) {
-                setLoadingDetails((prev) => new Set(prev).add(principleId));
-                try {
-                    const result = await fetchPrincipleDetail(principleId);
-                    if (result.success && result.data) {
-                        setPrincipleDetails((prev) => ({
-                            ...prev,
-                            [principleId]: result.data.principle,
-                        }));
-                    }
-                }
-                catch {
-                    // ignore detail load errors
-                }
-                finally {
-                    setLoadingDetails((prev) => {
-                        const next = new Set(prev);
-                        next.delete(principleId);
-                        return next;
-                    });
-                }
-            }
-        }
-        setExpandedIds(next);
-    }, [expandedIds, principleDetails]);
-    function handleRowClick(principleId) {
-        const index = filteredPrinciples.findIndex((p) => p.id === principleId);
-        if (index !== -1) {
-            setSelectedIndex(index);
-        }
-        toggleExpand(principleId);
-    }
-    function clearFilters() {
-        setSearchQuery("");
-        setStatusFilter("all");
-        setScopeFilter("all");
-        setPriorityFilter("all");
-        setEvaluabilityFilter("all");
-        setSortBy("valueScore");
-        setShowBookmarkedOnly(false);
-        resetSelection();
-        setSearchParams({}, { replace: true });
-    }
-    function toggleSelect(id) {
-        setSelectedIds((prev) => {
-            const next = new Set(prev);
-            if (next.has(id)) {
-                next.delete(id);
-            }
-            else {
-                next.add(id);
-            }
-            return next;
-        });
-    }
-    function handleExport() {
-        const exportData = selectionMode && selectedIds.size > 0
-            ? filteredPrinciples.filter((p) => selectedIds.has(p.id))
-            : filteredPrinciples;
-        const json = JSON.stringify(exportData, null, 2);
-        const blob = new Blob([json], { type: "application/json" });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement("a");
-        a.href = url;
-        a.download = `principles-export-${new Date().toISOString().slice(0, 10)}.json`;
-        a.click();
-        URL.revokeObjectURL(url);
-    }
-    function handleCompare() {
-        const ids = Array.from(selectedIds);
-        if (ids.length === 2) {
-            setCompareIds([ids[0], ids[1]]);
-        }
-    }
-    const hasActiveFilters = statusFilter !== "all" ||
-        scopeFilter !== "all" ||
-        priorityFilter !== "all" ||
-        evaluabilityFilter !== "all" ||
-        searchQuery.trim() !== "" ||
-        showBookmarkedOnly;
-    if (loading && !data) {
-        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: 5 }).map((_, i) => (_jsx(Card, { children: _jsx(CardContent, { className: "p-4", children: _jsx(Skeleton, { className: "h-10 w-20" }) }) }, i))) }), _jsx(Skeleton, { className: "h-10 w-full mb-4" }), _jsx(Skeleton, { className: "h-64 w-full" })] }));
-    }
-    if (error && !data) {
-        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: refreshData, children: t("components:errorBoundary.retry") })] }) }));
-    }
-    const summary = data?.summary;
-    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(PageHeader, { title: t("pages:principles.title"), description: t("pages:principles.description"), onRefresh: refreshData }), summary && (_jsxs("div", { className: "flex gap-3 mb-4 flex-wrap", children: [_jsx(StatCard, { label: t("pages:principles.active"), value: summary.active, color: STATUS_COLORS.active }), _jsx(StatCard, { label: t("pages:principles.candidate"), value: summary.candidate, color: STATUS_COLORS.candidate }), _jsx(StatCard, { label: t("pages:principles.probation"), value: summary.probation, color: STATUS_COLORS.probation }), _jsx(StatCard, { label: t("pages:principles.deprecated"), value: summary.deprecated, color: STATUS_COLORS.deprecated }), _jsx(StatCard, { label: t("pages:principles.total"), value: summary.total, color: "text-foreground" })] })), data && (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "text-xs font-medium text-muted-foreground flex items-center gap-2", children: [_jsx(BarChart3, { className: "h-3.5 w-3.5" }), t("pages:principles.statusDistribution")] }) }), _jsx(CardContent, { children: _jsx(DonutChartWithLegend, { items: [
-                                        { label: t("pages:principles.active"), value: data.summary.active, color: "hsl(147, 50%, 38%)" },
-                                        { label: t("pages:principles.candidate"), value: data.summary.candidate, color: "hsl(45, 93%, 47%)" },
-                                        { label: t("pages:principles.probation"), value: data.summary.probation, color: "hsl(217, 91%, 60%)" },
-                                        { label: t("pages:principles.deprecated"), value: data.summary.deprecated, color: "hsl(0, 84%, 60%)" },
-                                        { label: t("pages:principles.archived"), value: data.summary.archived, color: "hsl(0, 0%, 60%)" },
-                                    ].filter((item) => item.value > 0), size: 100, strokeWidth: 16 }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "text-xs font-medium text-muted-foreground flex items-center gap-2", children: [_jsx(BarChart3, { className: "h-3.5 w-3.5" }), t("pages:principles.priorityBreakdown")] }) }), _jsx(CardContent, { children: _jsx(HorizontalBarChart, { items: [
-                                        { label: "P0", value: data.principles.filter((p) => p.priority === "P0").length, color: "hsl(0, 84%, 60%)" },
-                                        { label: "P1", value: data.principles.filter((p) => p.priority === "P1").length, color: "hsl(45, 93%, 47%)" },
-                                        { label: "P2", value: data.principles.filter((p) => p.priority === "P2").length, color: "hsl(0, 0%, 60%)" },
-                                    ] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "text-xs font-medium text-muted-foreground flex items-center gap-2", children: [_jsx(Shield, { className: "h-3.5 w-3.5" }), t("pages:principles.ruleCoverage")] }) }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.withRules") }), _jsx(CoverageIndicator, { covered: data.principles.filter((p) => p.ruleCount > 0).length, total: data.principles.length })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("pages:principles.avgRulesPerPrinciple") }), _jsx("div", { className: "text-2xl font-bold", children: data.principles.length > 0
-                                                    ? (data.principles.reduce((sum, p) => sum + p.ruleCount, 0) / data.principles.length).toFixed(1)
-                                                    : "0" })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs(CardTitle, { className: "text-xs font-medium text-muted-foreground flex items-center gap-2", children: [_jsx(BarChart3, { className: "h-3.5 w-3.5" }), t("pages:principles.valueDistribution")] }) }), _jsx(CardContent, { children: _jsx(Histogram, { buckets: computeValueBuckets(data.principles) }) })] })] })), _jsx(Card, { children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[200px]", children: [_jsx(Search, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), _jsx(Input, { ref: searchInputRef, "data-search-input": true, type: "text", placeholder: t("pages:principles.searchPlaceholder"), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "pl-8 pr-10" }), searchQuery && (_jsx("button", { onClick: () => setSearchQuery(""), className: "absolute right-2.5 top-2.5 text-muted-foreground hover:text-foreground", children: _jsx(X, { className: "h-4 w-4" }) }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.status"), ":"] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { className: "h-8 text-xs w-[130px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("pages:principles.allStatuses") }), _jsx(SelectItem, { value: "active", children: "Active" }), _jsx(SelectItem, { value: "candidate", children: "Candidate" }), _jsx(SelectItem, { value: "probation", children: "Probation" }), _jsx(SelectItem, { value: "deprecated", children: "Deprecated" }), _jsx(SelectItem, { value: "archived", children: "Archived" })] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.scope"), ":"] }), _jsxs(Select, { value: scopeFilter, onValueChange: setScopeFilter, children: [_jsx(SelectTrigger, { className: "h-8 text-xs w-[110px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("pages:principles.allScopes") }), _jsx(SelectItem, { value: "general", children: "General" }), _jsx(SelectItem, { value: "domain", children: "Domain" })] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.priorityBreakdown"), ":"] }), _jsxs(Select, { value: priorityFilter, onValueChange: setPriorityFilter, children: [_jsx(SelectTrigger, { className: "h-8 text-xs w-[100px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("pages:principles.allPriorities") }), _jsx(SelectItem, { value: "P0", children: "P0" }), _jsx(SelectItem, { value: "P1", children: "P1" }), _jsx(SelectItem, { value: "P2", children: "P2" })] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("pages:principles.evaluability"), ":"] }), _jsxs(Select, { value: evaluabilityFilter, onValueChange: setEvaluabilityFilter, children: [_jsx(SelectTrigger, { className: "h-8 text-xs w-[140px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("pages:principles.allEvaluabilities") }), _jsx(SelectItem, { value: "deterministic", children: "Deterministic" }), _jsx(SelectItem, { value: "weak_heuristic", children: "Weak Heuristic" }), _jsx(SelectItem, { value: "manual_only", children: "Manual Only" })] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [t("common:sort"), ":"] }), _jsxs(Select, { value: sortBy, onValueChange: setSortBy, children: [_jsx(SelectTrigger, { className: "h-8 text-xs w-[160px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "valueScore", children: t("pages:principles.sortByValue") }), _jsx(SelectItem, { value: "adherenceRate", children: t("pages:principles.sortByAdherence") }), _jsx(SelectItem, { value: "painPreventedCount", children: t("pages:principles.sortByPainPrevented") }), _jsx(SelectItem, { value: "updatedAt", children: t("pages:principles.sortByUpdated") }), _jsx(SelectItem, { value: "createdAt", children: t("pages:principles.sortByCreated") })] })] })] }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "h-4 w-4 mr-1" }), t("common:clear")] }))] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [_jsxs(Button, { variant: showBookmarkedOnly ? "default" : "outline", size: "sm", onClick: () => setShowBookmarkedOnly(!showBookmarkedOnly), children: [_jsx(Bookmark, { className: "h-3.5 w-3.5 mr-1" }), t("pages:principles.bookmarked"), " (", bookmarks.length, ")"] }), _jsxs(Button, { variant: selectionMode ? "default" : "outline", size: "sm", onClick: () => {
-                                        setSelectionMode(!selectionMode);
-                                        if (selectionMode) {
-                                            setSelectedIds(new Set());
-                                        }
-                                    }, children: [_jsx(CheckSquare, { className: "h-3.5 w-3.5 mr-1" }), t("pages:principles.select")] }), selectionMode && selectedIds.size > 0 && (_jsxs(_Fragment, { children: [_jsxs("span", { className: "text-xs text-muted-foreground", children: [selectedIds.size, " ", t("pages:principles.selected")] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [_jsx(Download, { className: "h-3.5 w-3.5 mr-1" }), t("pages:principles.export")] }), selectedIds.size === 2 && (_jsxs(Button, { variant: "outline", size: "sm", onClick: handleCompare, children: [_jsx(GitCompare, { className: "h-3.5 w-3.5 mr-1" }), t("pages:principles.compare")] })), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setSelectedIds(new Set()), children: t("pages:principles.deselectAll") })] })), !selectionMode && (_jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [_jsx(Download, { className: "h-3.5 w-3.5 mr-1" }), t("pages:principles.exportAll")] }))] }), _jsx("div", { className: "mt-2 text-xs text-muted-foreground", children: t("pages:principles.keyboardHint") })] }) }), compareIds && data && (_jsx(CompareView, { principles: filteredPrinciples.filter((p) => compareIds.includes(p.id)), onClose: () => {
-                    setCompareIds(null);
-                    setSelectedIds(new Set());
-                } })), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsx("div", { className: "flex items-center justify-between", children: _jsxs(CardTitle, { className: "text-sm", children: [t("pages:principles.principleList"), " (", filteredPrinciples.length, ")"] }) }) }), _jsx(CardContent, { className: "p-0 max-h-[calc(100vh-420px)] overflow-y-auto", children: filteredPrinciples.length === 0 ? (_jsx(EmptyState, { hasFilters: hasActiveFilters, onClear: clearFilters })) : (filteredPrinciples.map((p, index) => (_jsx(PrincipleRow, { principle: p, expanded: expandedIds.has(p.id), onToggle: () => handleRowClick(p.id), detail: principleDetails[p.id] ?? null, detailLoading: loadingDetails.has(p.id), isSelected: index === selectedIndex, isBookmarked: isBookmarked(p.id), onToggleBookmark: () => toggleBookmark(p.id), selectionMode: selectionMode, isChecked: selectedIds.has(p.id), onToggleCheck: () => toggleSelect(p.id) }, p.id)))) })] })] }));
-}

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

@@ -1,186 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// ReportProblemPage.tsx
-// Console-first MVP seed feedback report generator (PRI-285, Scheme B).
-//
-// This page NEVER uploads the report anywhere automatically. The user fills
-// in the form, the browser calls POST /api/feedback/reports, and the server
-// writes the draft to <workspace>/.pd/feedback/drafts/<id>.json. The page
-// then offers three local-only export actions:
-//   1. Copy Markdown to clipboard
-//   2. Copy email-ready plain text to clipboard
-//   3. Open a pre-filled GitHub issue URL (the user still has to click Submit)
-//
-// The page can be deep-linked via `?source=<tag>&message=<text>` so the error
-// boundary can route here with a pre-filled description.
-import { useEffect, useMemo, useState } from "react";
-import { useSearchParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { toast } from "sonner";
-import { Copy, ExternalLink, Save, Trash2, Eye, EyeOff } from "lucide-react";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../components/ui/card.js";
-import { Button } from "../components/ui/button.js";
-import { Input } from "../components/ui/input.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select.js";
-import { createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport } from "../api.js";
-import { parseDraftRecord, parseDraftSummary, parseEnvelopeReport, getErrorMessage, } from "./ReportProblemValidators.js";
-const FEEDBACK_TYPES = ["bug", "confusing", "privacy_concern", "feature_request", "other"];
-async function tryCopyToClipboard(text) {
-    if (typeof navigator === "undefined" || !navigator.clipboard)
-        return false;
-    try {
-        await navigator.clipboard.writeText(text);
-        return true;
-    }
-    catch {
-        return false;
-    }
-}
-export function ReportProblemPage() {
-    const { t } = useTranslation();
-    const [searchParams] = useSearchParams();
-    // Form state
-    const initialMessage = searchParams.get("message") ?? "";
-    const sourceFromUrl = searchParams.get("source") ?? "";
-    const [type, setType] = useState("bug");
-    const [title, setTitle] = useState("");
-    const [description, setDescription] = useState(initialMessage);
-    const [stepsToReproduce, setStepsToReproduce] = useState("");
-    const [expectedBehavior, setExpectedBehavior] = useState("");
-    const [actualBehavior, setActualBehavior] = useState("");
-    const [userSeverity, setUserSeverity] = useState("");
-    const [showPreview, setShowPreview] = useState(true);
-    const [submitting, setSubmitting] = useState(false);
-    // Result state
-    const [draft, setDraft] = useState(null);
-    const [drafts, setDrafts] = useState([]);
-    const [error, setError] = useState(null);
-    // Refresh the draft list on mount
-    useEffect(() => {
-        void refreshDrafts();
-    }, []);
-    const refreshDrafts = async () => {
-        try {
-            const result = await listFeedbackReports();
-            if (result.success && result.data) {
-                const rawDrafts = result.data.drafts;
-                const items = Array.isArray(rawDrafts) ? rawDrafts : [];
-                const parsed = [];
-                for (const item of items) {
-                    const p = parseDraftSummary(item);
-                    if (p)
-                        parsed.push(p);
-                }
-                setDrafts(parsed);
-            }
-        }
-        catch {
-            // Swallow — draft loading failure must not block the form.
-        }
-    };
-    const onSubmit = async (e) => {
-        e.preventDefault();
-        setError(null);
-        if (!title.trim() || !description.trim()) {
-            setError(t("pages:reportProblem.errors.missingRequired"));
-            return;
-        }
-        setSubmitting(true);
-        try {
-            const input = {
-                type,
-                title: title.trim(),
-                description: description.trim(),
-            };
-            if (stepsToReproduce.trim())
-                input.stepsToReproduce = stepsToReproduce.trim();
-            if (expectedBehavior.trim())
-                input.expectedBehavior = expectedBehavior.trim();
-            if (actualBehavior.trim())
-                input.actualBehavior = actualBehavior.trim();
-            if (userSeverity)
-                input.userSeverity = userSeverity;
-            input.context = { source: 'console', page: sourceFromUrl ? `/report-problem?source=${sourceFromUrl}` : '/report-problem' };
-            const result = await createFeedbackReport(input, {});
-            if (result.success !== true || !result.data) {
-                setError(getErrorMessage(result, t("pages:reportProblem.errors.createFailed")));
-                return;
-            }
-            const parsedDraft = parseDraftRecord(result.data.report);
-            if (!parsedDraft) {
-                setError(t("pages:reportProblem.errors.createFailed"));
-                return;
-            }
-            setDraft(parsedDraft);
-            toast.success(t("pages:reportProblem.toast.draftCreated"));
-            await refreshDrafts();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-        }
-        finally {
-            setSubmitting(false);
-        }
-    };
-    const onCopyMarkdown = async () => {
-        if (!draft)
-            return;
-        const ok = await tryCopyToClipboard(draft.outputs.markdown);
-        if (ok)
-            toast.success(t("pages:reportProblem.toast.markdownCopied"));
-        else
-            toast.error(t("pages:reportProblem.toast.copyFailed"));
-    };
-    const onCopyEmail = async () => {
-        if (!draft)
-            return;
-        const ok = await tryCopyToClipboard(draft.outputs.emailText);
-        if (ok)
-            toast.success(t("pages:reportProblem.toast.emailCopied"));
-        else
-            toast.error(t("pages:reportProblem.toast.copyFailed"));
-    };
-    const onOpenGithub = () => {
-        if (!draft)
-            return;
-        window.open(draft.outputs.githubIssueUrl, "_blank", "noopener,noreferrer");
-    };
-    const onLoadDraft = async (id) => {
-        const result = await getFeedbackReport(id);
-        if (result.success === true && result.data) {
-            const parsed = parseEnvelopeReport(result.data);
-            if (!parsed) {
-                toast.error(t("pages:reportProblem.toast.loadFailed"));
-                return;
-            }
-            setDraft(parsed);
-            setTitle(parsed.title);
-            setType(parsed.type);
-            const ut = parsed.userText;
-            setDescription(ut.description);
-            setStepsToReproduce(ut.stepsToReproduce ?? "");
-            setExpectedBehavior(ut.expectedBehavior ?? "");
-            setActualBehavior(ut.actualBehavior ?? "");
-            setUserSeverity(ut.userSeverity ?? "");
-        }
-        else {
-            toast.error(getErrorMessage(result, t("pages:reportProblem.toast.loadFailed")));
-        }
-    };
-    const onDeleteDraft = async (id) => {
-        const result = await deleteFeedbackReport(id);
-        if (result.success === true) {
-            toast.success(t("pages:reportProblem.toast.draftDeleted"));
-            if (draft?.id === id)
-                setDraft(null);
-            await refreshDrafts();
-        }
-        else {
-            toast.error(getErrorMessage(result, t("pages:reportProblem.toast.deleteFailed")));
-        }
-    };
-    const includedSections = useMemo(() => draft?.privacy.includedSections ?? [], [draft]);
-    const excludedByDefault = useMemo(() => draft?.privacy.excludedByDefault ?? [], [draft]);
-    const redactionNotes = useMemo(() => draft?.privacy.redactionNotes ?? [], [draft]);
-    return (_jsxs("div", { className: "space-y-6", children: [_jsx(PageHeader, { title: t("pages:reportProblem.title"), description: t("pages:reportProblem.description") }), sourceFromUrl ? (_jsx("div", { className: "text-xs text-muted-foreground", children: t("pages:reportProblem.deepLinked", { source: sourceFromUrl }) })) : null, _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [_jsxs(Card, { className: "lg:col-span-2", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t("pages:reportProblem.form.title") }), _jsx(CardDescription, { children: t("pages:reportProblem.form.description") })] }), _jsx(CardContent, { children: _jsxs("form", { onSubmit: onSubmit, className: "space-y-4", "aria-label": "feedback-form", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-type", className: "text-sm font-medium", children: t("pages:reportProblem.form.type") }), _jsxs(Select, { value: type, onValueChange: (v) => setType(v), children: [_jsx(SelectTrigger, { id: "feedback-type", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: FEEDBACK_TYPES.map((tt) => (_jsx(SelectItem, { value: tt, children: t(`pages:reportProblem.form.types.${tt}`) }, tt))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-severity", className: "text-sm font-medium", children: t("pages:reportProblem.form.severity") }), _jsxs(Select, { value: userSeverity || "none", onValueChange: (v) => setUserSeverity(v === "none" ? "" : v), children: [_jsx(SelectTrigger, { id: "feedback-severity", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: t("pages:reportProblem.form.severityNotSet") }), _jsx(SelectItem, { value: "low", children: t("pages:reportProblem.form.severityLow") }), _jsx(SelectItem, { value: "medium", children: t("pages:reportProblem.form.severityMedium") }), _jsx(SelectItem, { value: "high", children: t("pages:reportProblem.form.severityHigh") })] })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-title", className: "text-sm font-medium", children: t("pages:reportProblem.form.titleLabel") }), _jsx(Input, { id: "feedback-title", value: title, onChange: (e) => setTitle(e.target.value), maxLength: 200, required: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-description", className: "text-sm font-medium", children: t("pages:reportProblem.form.descriptionLabel") }), _jsx("textarea", { id: "feedback-description", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, className: "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", required: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-steps", className: "text-sm font-medium", children: t("pages:reportProblem.form.stepsLabel") }), _jsx("textarea", { id: "feedback-steps", value: stepsToReproduce, onChange: (e) => setStepsToReproduce(e.target.value), rows: 3, className: "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-expected", className: "text-sm font-medium", children: t("pages:reportProblem.form.expectedLabel") }), _jsx("textarea", { id: "feedback-expected", value: expectedBehavior, onChange: (e) => setExpectedBehavior(e.target.value), rows: 2, className: "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "feedback-actual", className: "text-sm font-medium", children: t("pages:reportProblem.form.actualLabel") }), _jsx("textarea", { id: "feedback-actual", value: actualBehavior, onChange: (e) => setActualBehavior(e.target.value), rows: 2, className: "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" })] })] }), error ? (_jsx("div", { role: "alert", className: "text-sm text-destructive", children: error })) : null, _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Button, { type: "submit", disabled: submitting, children: [_jsx(Save, { className: "h-4 w-4 mr-2" }), submitting ? t("pages:reportProblem.form.submitting") : t("pages:reportProblem.form.submit")] }), _jsx(Button, { type: "button", variant: "ghost", onClick: () => setShowPreview((v) => !v), children: showPreview ? (_jsxs(_Fragment, { children: [_jsx(EyeOff, { className: "h-4 w-4 mr-2" }), t("pages:reportProblem.form.hidePreview")] })) : (_jsxs(_Fragment, { children: [_jsx(Eye, { className: "h-4 w-4 mr-2" }), t("pages:reportProblem.form.showPreview")] })) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t("pages:reportProblem.privacy.title") }), _jsx(CardDescription, { children: t("pages:reportProblem.privacy.description") })] }), _jsxs(CardContent, { className: "space-y-4 text-sm", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-medium mb-1", children: t("pages:reportProblem.privacy.included") }), _jsxs("ul", { className: "list-disc list-inside text-muted-foreground space-y-1", children: [includedSections.map((s) => (_jsx("li", { children: s }, `i-${s}`))), includedSections.length === 0 ? (_jsx("li", { className: "text-xs italic", children: t("pages:reportProblem.privacy.submitFirst") })) : null] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium mb-1", children: t("pages:reportProblem.privacy.excluded") }), _jsx("ul", { className: "list-disc list-inside text-muted-foreground space-y-1", children: excludedByDefault.map((s) => (_jsx("li", { children: s }, `e-${s}`))) })] }), redactionNotes.length > 0 ? (_jsxs("div", { children: [_jsx("h4", { className: "font-medium mb-1", children: t("pages:reportProblem.privacy.notes") }), _jsx("ul", { className: "list-disc list-inside text-muted-foreground space-y-1", children: redactionNotes.map((n, i) => (_jsx("li", { children: n }, `n-${i}`))) })] })) : null, _jsx("p", { className: "text-xs text-muted-foreground", children: t("pages:reportProblem.privacy.guarantee") })] })] })] }), draft ? (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t("pages:reportProblem.draft.title") }), _jsx(CardDescription, { children: t("pages:reportProblem.draft.savedAt", { id: draft.id, at: draft.createdAt }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { onClick: onCopyMarkdown, variant: "default", children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), t("pages:reportProblem.draft.copyMarkdown")] }), _jsxs(Button, { onClick: onCopyEmail, variant: "outline", children: [_jsx(Copy, { className: "h-4 w-4 mr-2" }), t("pages:reportProblem.draft.copyEmail")] }), _jsxs(Button, { onClick: onOpenGithub, variant: "outline", children: [_jsx(ExternalLink, { className: "h-4 w-4 mr-2" }), t("pages:reportProblem.draft.openGithub")] }), _jsxs(Button, { onClick: () => void onDeleteDraft(draft.id), variant: "ghost", children: [_jsx(Trash2, { className: "h-4 w-4 mr-2" }), t("pages:reportProblem.draft.delete")] })] }), showPreview ? (_jsx("pre", { className: "rounded-md border border-border bg-muted/40 p-4 text-xs whitespace-pre-wrap break-words max-h-[480px] overflow-y-auto", children: draft.outputs.markdown })) : null] })] })) : null, drafts.length > 0 ? (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:reportProblem.saved.title") }) }), _jsx(CardContent, { children: _jsx("ul", { className: "divide-y divide-border", children: drafts.map((d) => (_jsxs("li", { className: "flex items-center justify-between py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: d.title }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [d.type, " \u00B7 ", d.createdAt] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => void onLoadDraft(d.id), children: t("pages:reportProblem.saved.load") }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => void onDeleteDraft(d.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }, d.id))) }) })] })) : null] }));
-}

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

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