create-principles-disciple 1.76.0 → 1.78.0

package/console/dist/ui/api.d.ts

@@ -494,5 +494,29 @@ declare function fetchApprovals(params?: {
 declare function fetchApprovalDetail(approvalId: string): Promise<ApiResponse<ApprovalRecord>>;
 declare function approveApproval(approvalId: string, note?: string): Promise<ApiResponse<ApprovalRecord>>;
 declare function rejectApproval(approvalId: string, reason: string): Promise<ApiResponse<ApprovalRecord>>;
-export { getToken, setToken, clearToken, checkAuth, request, fetchTasks, fetchTaskEvidence, approveTask, rejectTask, cleanupTask, fetchStatus, fetchActivity, fetchOverview, fetchOverviewHealth, fetchGateStats, fetchGateBlocks, fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchCentralOverview, fetchCentralHealth, fetchSamples, fetchSampleDetail, reviewSample, fetchEvolutionStats, fetchEvolutionTasks, fetchEvolutionPrinciples, fetchPrinciples, fetchPrincipleDetail, fetchEvolutionQueue, fetchThinkingModels, fetchSystemHealth, fetchPipelineStats, fetchEvents, fetchEventsGrouped, fetchRelatedEvents, fetchAgents, fetchAgentDetail, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval, };
-export type { OverviewData, OverviewHealth, GateStats, FeedbackGfi, EmpathyEvent, GateBlockItem, WorkspaceEntry, CentralOverview, CentralHealth, SampleListItem, SampleDetail, SamplesData, EvolutionStats, EvolutionTaskItem, EvolutionTasksData, EvolutionPrinciplesData, PrincipleListItem, RuleItem, PrincipleDetail, PrinciplesListData, PrincipleDetailData, QueueHealthData, ThinkingModelOverview, HealthCheckItem, PipelineTimestamps, SystemHealthStatus, PipelineStage, Bottleneck, PipelineStats, EventLogEntry, EventsResponse, RelatedEventsResponse, AgentInfo, AgentDetail, ApprovalRecord, ApprovalListResult, };
+type FeedbackDraftSummary = {
+    id: string;
+    createdAt: string;
+    type: string;
+    title: string;
+};
+type FeedbackReportEnvelope = {
+    id: string;
+    createdAt: string;
+    report: Record<string, unknown>;
+};
+type FeedbackDraftsListEnvelope = {
+    drafts: FeedbackDraftSummary[];
+};
+type FeedbackDraftEnvelope = {
+    report: Record<string, unknown>;
+};
+type FeedbackDeleteEnvelope = {
+    deleted: boolean;
+};
+declare function createFeedbackReport(input: unknown, diagnostics: unknown): Promise<ApiResponse<FeedbackReportEnvelope>>;
+declare function listFeedbackReports(): Promise<ApiResponse<FeedbackDraftsListEnvelope>>;
+declare function getFeedbackReport(id: string): Promise<ApiResponse<FeedbackDraftEnvelope>>;
+declare function deleteFeedbackReport(id: string): Promise<ApiResponse<FeedbackDeleteEnvelope>>;
+export { getToken, setToken, clearToken, checkAuth, request, fetchTasks, fetchTaskEvidence, approveTask, rejectTask, cleanupTask, fetchStatus, fetchActivity, fetchOverview, fetchOverviewHealth, fetchGateStats, fetchGateBlocks, fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchCentralOverview, fetchCentralHealth, fetchSamples, fetchSampleDetail, reviewSample, fetchEvolutionStats, fetchEvolutionTasks, fetchEvolutionPrinciples, fetchPrinciples, fetchPrincipleDetail, fetchEvolutionQueue, fetchThinkingModels, fetchSystemHealth, fetchPipelineStats, fetchEvents, fetchEventsGrouped, fetchRelatedEvents, fetchAgents, fetchAgentDetail, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval, createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, };
+export type { OverviewData, OverviewHealth, ApiResponse, FeedbackDraftSummary, FeedbackReportEnvelope, FeedbackDraftsListEnvelope, FeedbackDraftEnvelope, FeedbackDeleteEnvelope, GateStats, FeedbackGfi, EmpathyEvent, GateBlockItem, WorkspaceEntry, CentralOverview, CentralHealth, SampleListItem, SampleDetail, SamplesData, EvolutionStats, EvolutionTaskItem, EvolutionTasksData, EvolutionPrinciplesData, PrincipleListItem, RuleItem, PrincipleDetail, PrinciplesListData, PrincipleDetailData, QueueHealthData, ThinkingModelOverview, HealthCheckItem, PipelineTimestamps, SystemHealthStatus, PipelineStage, Bottleneck, PipelineStats, EventLogEntry, EventsResponse, RelatedEventsResponse, AgentInfo, AgentDetail, ApprovalRecord, ApprovalListResult, };

package/console/dist/ui/api.js

@@ -240,4 +240,21 @@ async function rejectApproval(approvalId, reason) {
         body: JSON.stringify({ reason }),
     });
 }
-export { getToken, setToken, clearToken, checkAuth, request, fetchTasks, fetchTaskEvidence, approveTask, rejectTask, cleanupTask, fetchStatus, fetchActivity, fetchOverview, fetchOverviewHealth, fetchGateStats, fetchGateBlocks, fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchCentralOverview, fetchCentralHealth, fetchSamples, fetchSampleDetail, reviewSample, fetchEvolutionStats, fetchEvolutionTasks, fetchEvolutionPrinciples, fetchPrinciples, fetchPrincipleDetail, fetchEvolutionQueue, fetchThinkingModels, fetchSystemHealth, fetchPipelineStats, fetchEvents, fetchEventsGrouped, fetchRelatedEvents, fetchAgents, fetchAgentDetail, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval, };
+async function createFeedbackReport(input, diagnostics) {
+    return request('/api/feedback/reports', {
+        method: 'POST',
+        body: JSON.stringify({ input, diagnostics }),
+    });
+}
+async function listFeedbackReports() {
+    return request('/api/feedback/reports');
+}
+async function getFeedbackReport(id) {
+    return request('/api/feedback/reports/' + encodeURIComponent(id));
+}
+async function deleteFeedbackReport(id) {
+    return request('/api/feedback/reports/' + encodeURIComponent(id), {
+        method: 'DELETE',
+    });
+}
+export { getToken, setToken, clearToken, checkAuth, request, fetchTasks, fetchTaskEvidence, approveTask, rejectTask, cleanupTask, fetchStatus, fetchActivity, fetchOverview, fetchOverviewHealth, fetchGateStats, fetchGateBlocks, fetchFeedbackGfi, fetchEmpathyEvents, fetchFeedbackGateBlocks, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace, fetchCentralOverview, fetchCentralHealth, fetchSamples, fetchSampleDetail, reviewSample, fetchEvolutionStats, fetchEvolutionTasks, fetchEvolutionPrinciples, fetchPrinciples, fetchPrincipleDetail, fetchEvolutionQueue, fetchThinkingModels, fetchSystemHealth, fetchPipelineStats, fetchEvents, fetchEventsGrouped, fetchRelatedEvents, fetchAgents, fetchAgentDetail, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval, createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, };

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Link, useLocation } from "react-router-dom";
-import { Flame, ScrollText, ShieldCheck, Settings, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, AlertTriangle, Activity, FileText, Dna, Wrench, } from "lucide-react";
+import { Flame, ScrollText, ShieldCheck, Settings, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, AlertTriangle, Activity, FileText, Dna, Wrench, MessageSquare, } from "lucide-react";
 import { cn } from "../../lib/utils.js";
 import { isNavActive } from "../utils/navigation.js";
 import { Button } from "./ui/button.js";
@@ -11,6 +11,7 @@ const mvpNavItems = [
     { id: "pain", label: "Pain", icon: Flame, href: "/pain", alsoActive: ["/"] },
     { id: "principles", label: "Principle", icon: ScrollText, href: "/principles" },
     { id: "approvals", label: "Approval", icon: ShieldCheck, href: "/approvals" },
+    { id: "report-problem", label: "Report Problem", icon: MessageSquare, href: "/report-problem" },
 ];
 const diagnosticNavItems = [
     { id: "overview", label: "Overview", icon: Activity, href: "/overview" },

package/console/dist/ui/components/error-boundary.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
 import i18n from "../i18n/index.js";
 import { Card, CardContent } from "./ui/card.js";
 import { Button } from "./ui/button.js";
-import { AlertCircle } from "lucide-react";
+import { AlertCircle, MessageSquare } from "lucide-react";
 export class ErrorBoundary extends Component {
     constructor(props) {
         super(props);
@@ -16,8 +17,14 @@ export class ErrorBoundary extends Component {
         if (this.state.hasError) {
             if (this.props.fallback)
                 return this.props.fallback;
-            return (_jsx(Card, { className: "border-destructive/50", children: _jsxs(CardContent, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx(AlertCircle, { className: "h-5 w-5 text-destructive" }), _jsx("h3", { className: "font-semibold text-destructive", children: i18n.t("components:errorBoundary.title") })] }), _jsx("p", { className: "text-sm text-muted-foreground mb-4", children: this.state.error?.message ?? i18n.t("components:errorBoundary.description") }), _jsx(Button, { variant: "outline", onClick: () => this.setState({ hasError: false, error: null }), children: i18n.t("components:errorBoundary.retry") })] }) }));
+            return (_jsx(ErrorBoundaryCard, { error: this.state.error, onRetry: () => this.setState({ hasError: false, error: null }) }));
         }
         return this.props.children;
     }
 }
+function ErrorBoundaryCard({ error, onRetry }) {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const reportHref = `/report-problem?source=${encodeURIComponent("error")}&message=${encodeURIComponent(error?.message ?? "")}&from=${encodeURIComponent(location.pathname + location.search)}`;
+    return (_jsx(Card, { className: "border-destructive/50", children: _jsxs(CardContent, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx(AlertCircle, { className: "h-5 w-5 text-destructive" }), _jsx("h3", { className: "font-semibold text-destructive", children: i18n.t("components:errorBoundary.title") })] }), _jsx("p", { className: "text-sm text-muted-foreground mb-4", children: error?.message ?? i18n.t("components:errorBoundary.description") }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { variant: "outline", onClick: onRetry, children: i18n.t("components:errorBoundary.retry") }), _jsxs(Button, { variant: "ghost", onClick: () => navigate(reportHref), children: [_jsx(MessageSquare, { className: "h-4 w-4 mr-2" }), i18n.t("components:errorBoundary.reportAction")] })] })] }) }));
+}

package/console/dist/ui/i18n/en.json

@@ -154,6 +154,71 @@
             "origin": "Origin:",
             "gfiAfter": "GFI after:"
         },
+        "reportProblem": {
+            "title": "Report a Problem",
+            "description": "Generate a privacy-preserving local feedback draft. The Console never auto-uploads — you choose what to share, how to share it, and when.",
+            "deepLinked": "Deep-linked from {{source}}.",
+            "form": {
+                "title": "Describe what happened",
+                "description": "Only fields below are stored. Raw prompts, chat history, file contents, paths, env vars, and tokens are excluded by default.",
+                "type": "Type",
+                "severity": "Severity",
+                "severityNotSet": "Not set",
+                "severityLow": "Low",
+                "severityMedium": "Medium",
+                "severityHigh": "High",
+                "titleLabel": "Title",
+                "descriptionLabel": "Description",
+                "stepsLabel": "Steps to reproduce (optional)",
+                "expectedLabel": "Expected behavior (optional)",
+                "actualLabel": "Actual behavior (optional)",
+                "submit": "Save local draft",
+                "submitting": "Saving…",
+                "hidePreview": "Hide markdown preview",
+                "showPreview": "Show markdown preview",
+                "types": {
+                    "bug": "Bug",
+                    "confusing": "Confusing",
+                    "privacy_concern": "Privacy concern",
+                    "feature_request": "Feature request",
+                    "other": "Other"
+                }
+            },
+            "privacy": {
+                "title": "Privacy boundary",
+                "description": "What this report will and will not include.",
+                "included": "Included",
+                "excluded": "Excluded by default",
+                "notes": "Redaction notes",
+                "submitFirst": "Save a draft to see exactly which sections are included.",
+                "guarantee": "No automatic upload. Drafts are stored at <workspace>/.pd/feedback/drafts/. You decide what to do with them."
+            },
+            "draft": {
+                "title": "Draft saved locally",
+                "savedAt": "id: {{id}} · saved at {{at}}",
+                "copyMarkdown": "Copy Markdown",
+                "copyEmail": "Copy email text",
+                "openGithub": "Open GitHub issue URL",
+                "delete": "Delete draft"
+            },
+            "saved": {
+                "title": "Saved drafts",
+                "load": "Load"
+            },
+            "toast": {
+                "draftCreated": "Draft saved locally",
+                "draftDeleted": "Draft deleted",
+                "markdownCopied": "Markdown copied to clipboard",
+                "emailCopied": "Email text copied to clipboard",
+                "copyFailed": "Copy failed",
+                "loadFailed": "Failed to load draft",
+                "deleteFailed": "Failed to delete draft"
+            },
+            "errors": {
+                "missingRequired": "Title and description are required.",
+                "createFailed": "Failed to create draft."
+            }
+        },
         "gates": {
             "title": "Gates",
             "description": "Manage Security Gates",
@@ -422,7 +487,8 @@
         "errorBoundary": {
             "title": "An Error Occurred",
             "description": "An error occurred while loading the page",
-            "retry": "Retry"
+            "retry": "Retry",
+            "reportAction": "Report this problem"
         },
         "zoneSection": {
             "empty": "No data",

package/console/dist/ui/i18n/zh-CN.json

@@ -154,6 +154,71 @@
             "origin": "来源：",
             "gfiAfter": "GFI 之后："
         },
+        "reportProblem": {
+            "title": "报告问题",
+            "description": "生成本地隐私可控的反馈草稿。Console 不会自动上传——你决定分享什么、如何分享、何时分享。",
+            "deepLinked": "从 {{source}} 跳转而来。",
+            "form": {
+                "title": "描述发生了什么",
+                "description": "仅存储以下字段。原始 prompt、聊天记录、文件内容、路径、环境变量和令牌默认排除。",
+                "type": "类型",
+                "severity": "严重程度",
+                "severityNotSet": "未设置",
+                "severityLow": "低",
+                "severityMedium": "中",
+                "severityHigh": "高",
+                "titleLabel": "标题",
+                "descriptionLabel": "描述",
+                "stepsLabel": "复现步骤（可选）",
+                "expectedLabel": "预期行为（可选）",
+                "actualLabel": "实际行为（可选）",
+                "submit": "保存本地草稿",
+                "submitting": "保存中…",
+                "hidePreview": "隐藏 Markdown 预览",
+                "showPreview": "显示 Markdown 预览",
+                "types": {
+                    "bug": "缺陷",
+                    "confusing": "体验困惑",
+                    "privacy_concern": "隐私问题",
+                    "feature_request": "功能请求",
+                    "other": "其他"
+                }
+            },
+            "privacy": {
+                "title": "隐私边界",
+                "description": "本报告将包含什么、不包含什么。",
+                "included": "已包含",
+                "excluded": "默认排除",
+                "notes": "脱敏说明",
+                "submitFirst": "保存一份草稿后可看到具体包含哪些部分。",
+                "guarantee": "不会自动上传。草稿保存在 <workspace>/.pd/feedback/drafts/。你可以自行决定如何使用。"
+            },
+            "draft": {
+                "title": "草稿已本地保存",
+                "savedAt": "id：{{id}} · 保存于 {{at}}",
+                "copyMarkdown": "复制 Markdown",
+                "copyEmail": "复制邮件文本",
+                "openGithub": "打开 GitHub issue 链接",
+                "delete": "删除草稿"
+            },
+            "saved": {
+                "title": "已保存的草稿",
+                "load": "加载"
+            },
+            "toast": {
+                "draftCreated": "草稿已本地保存",
+                "draftDeleted": "草稿已删除",
+                "markdownCopied": "Markdown 已复制到剪贴板",
+                "emailCopied": "邮件文本已复制到剪贴板",
+                "copyFailed": "复制失败",
+                "loadFailed": "加载草稿失败",
+                "deleteFailed": "删除草稿失败"
+            },
+            "errors": {
+                "missingRequired": "标题和描述为必填项。",
+                "createFailed": "创建草稿失败。"
+            }
+        },
         "gates": {
             "title": "门控",
             "description": "管理安全门控",
@@ -422,7 +487,8 @@
         "errorBoundary": {
             "title": "发生错误",
             "description": "页面加载时发生错误",
-            "retry": "重试"
+            "retry": "重试",
+            "reportAction": "报告此问题"
         },
         "zoneSection": {
             "empty": "暂无数据",

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

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

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

@@ -0,0 +1,186 @@
+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/ReportProblemValidators.d.ts

@@ -0,0 +1,51 @@
+export type FeedbackType = 'bug' | 'confusing' | 'privacy_concern' | 'feature_request' | 'other';
+export type UserSeverity = 'low' | 'medium' | 'high';
+export type DraftRecord = {
+    id: string;
+    createdAt: string;
+    type: FeedbackType;
+    title: string;
+    userText: {
+        description: string;
+        stepsToReproduce?: string;
+        expectedBehavior?: string;
+        actualBehavior?: string;
+        userSeverity?: UserSeverity;
+    };
+    diagnosticSummary: {
+        versions: Record<string, unknown>;
+        platform: Record<string, unknown>;
+        featureFlags: Record<string, unknown>;
+        canary: {
+            status: 'available' | 'unavailable';
+            summary?: string;
+            unavailableReason?: string;
+        };
+        recentEvents: {
+            type: string;
+            at: string;
+            severity?: string;
+            summary: string;
+        }[];
+    };
+    privacy: {
+        includedSections: string[];
+        excludedByDefault: string[];
+        redactionNotes: string[];
+    };
+    outputs: {
+        markdown: string;
+        emailText: string;
+        githubIssueUrl: string;
+    };
+};
+export type FeedbackDraftSummary = {
+    id: string;
+    createdAt: string;
+    type: string;
+    title: string;
+};
+export declare function parseDraftRecord(value: unknown): DraftRecord | null;
+export declare function parseDraftSummary(value: unknown): FeedbackDraftSummary | null;
+export declare function parseEnvelopeReport(value: unknown): DraftRecord | null;
+export declare function getErrorMessage(result: unknown, fallback: string): string;

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

@@ -0,0 +1,114 @@
+// ReportProblemValidators.ts
+// Runtime validators for feedback draft payloads received from the server.
+// Extracted from ReportProblemPage.tsx so they can be unit-tested without
+// pulling in React/JSX (vitest in this package runs in `node` environment).
+//
+// The server returns JSON parsed via the standard fetch path. Per ERR-001
+// and ERR-005, every field must be runtime-validated before use; no `as`
+// casts are allowed to bypass validation.
+function isString(value) {
+    return typeof value === 'string';
+}
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function isStringArray(value) {
+    return Array.isArray(value) && value.every(isString);
+}
+function asRecord(v) {
+    return isRecord(v) ? v : {};
+}
+export function parseDraftRecord(value) {
+    if (!isRecord(value))
+        return null;
+    if (!isString(value.id) || !isString(value.createdAt) || !isString(value.title))
+        return null;
+    if (value.type !== 'bug' &&
+        value.type !== 'confusing' &&
+        value.type !== 'privacy_concern' &&
+        value.type !== 'feature_request' &&
+        value.type !== 'other') {
+        return null;
+    }
+    const userText = asRecord(value.userText);
+    if (!isString(userText.description))
+        return null;
+    const outputs = asRecord(value.outputs);
+    if (!isString(outputs.markdown) ||
+        !isString(outputs.emailText) ||
+        !isString(outputs.githubIssueUrl)) {
+        return null;
+    }
+    const privacy = asRecord(value.privacy);
+    if (!isStringArray(privacy.includedSections) ||
+        !isStringArray(privacy.excludedByDefault) ||
+        !isStringArray(privacy.redactionNotes)) {
+        return null;
+    }
+    const diagnostic = asRecord(value.diagnosticSummary);
+    const rawCanary = diagnostic.canary;
+    const canaryRecord = isRecord(rawCanary) ? rawCanary : null;
+    let canaryStatus = null;
+    if (canaryRecord && typeof canaryRecord.status === 'string' && (canaryRecord.status === 'available' || canaryRecord.status === 'unavailable')) {
+        canaryStatus = canaryRecord.status;
+    }
+    const validCanary = canaryStatus
+        ? { status: canaryStatus, summary: typeof canaryRecord?.summary === 'string' ? canaryRecord.summary : undefined, unavailableReason: typeof canaryRecord?.unavailableReason === 'string' ? canaryRecord.unavailableReason : undefined }
+        : null;
+    return {
+        id: value.id,
+        createdAt: value.createdAt,
+        type: value.type,
+        title: value.title,
+        userText: {
+            description: userText.description,
+            stepsToReproduce: isString(userText.stepsToReproduce) ? userText.stepsToReproduce : undefined,
+            expectedBehavior: isString(userText.expectedBehavior) ? userText.expectedBehavior : undefined,
+            actualBehavior: isString(userText.actualBehavior) ? userText.actualBehavior : undefined,
+            userSeverity: userText.userSeverity === 'low' || userText.userSeverity === 'medium' || userText.userSeverity === 'high'
+                ? userText.userSeverity
+                : undefined,
+        },
+        diagnosticSummary: {
+            versions: asRecord(diagnostic.versions),
+            platform: asRecord(diagnostic.platform),
+            featureFlags: asRecord(diagnostic.featureFlags),
+            canary: validCanary ?? { status: 'unavailable', unavailableReason: 'diagnostic summary unavailable' },
+            recentEvents: Array.isArray(diagnostic.recentEvents) ? diagnostic.recentEvents : [],
+        },
+        privacy: {
+            includedSections: privacy.includedSections,
+            excludedByDefault: privacy.excludedByDefault,
+            redactionNotes: privacy.redactionNotes,
+        },
+        outputs: {
+            markdown: outputs.markdown,
+            emailText: outputs.emailText,
+            githubIssueUrl: outputs.githubIssueUrl,
+        },
+    };
+}
+export function parseDraftSummary(value) {
+    if (!isRecord(value))
+        return null;
+    if (!isString(value.id) || !isString(value.createdAt) || !isString(value.type) || !isString(value.title)) {
+        return null;
+    }
+    return {
+        id: value.id,
+        createdAt: value.createdAt,
+        type: value.type,
+        title: value.title,
+    };
+}
+export function parseEnvelopeReport(value) {
+    if (!isRecord(value))
+        return null;
+    return parseDraftRecord(value.report);
+}
+export function getErrorMessage(result, fallback) {
+    if (isRecord(result) && result.success === false && isString(result.error)) {
+        return result.error;
+    }
+    return fallback;
+}