create-principles-disciple 1.109.0 → 1.111.0

package/console/dist/ui/pages/report-problem/ReportProblemPage.js

@@ -6,23 +6,62 @@ import { toast } from "sonner";
 import { PageShell } from "../../components/layout/page-shell.js";
 import { PageLoading } from "../../components/layout/page-loading.js";
 import { SectionTitle } from "../../components/layout/section-title.js";
-import { createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, fetchConfigSummary, request, } from "../../api.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from "../../components/ui/dialog.js";
+import { createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, fetchConfigSummary, fetchFeedbackChannels, submitFeedbackReport, markFeedbackReportSent, request, } from "../../api.js";
 import { enumLabel } from "../../utils/enum-labels.js";
-import { parseDraftRecord, parseDraftSummary, parseEnvelopeReport, getErrorMessage, buildFeedbackContextFromSearchParams, buildFeedbackDiagnostics, } from "../ReportProblemValidators.js";
+import { parseDraftRecord, parseDraftSummary, parseEnvelopeReport, getErrorMessage, buildFeedbackContextFromSearchParams, buildFeedbackDiagnostics, deriveFeedbackArea, } from "../ReportProblemValidators.js";
 const INITIAL_FORM = {
     type: "bug",
-    severity: undefined,
     title: "",
     description: "",
     stepsToReproduce: "",
     expectedBehavior: "",
     actualBehavior: "",
+    frequency: undefined,
+    blockingLevel: undefined,
+    goal: "",
+    stuckAt: "",
+    job: "",
+    currentWorkaround: "",
+    sawWhat: "",
+    whereSeen: "",
     submitting: false,
 };
 const FEEDBACK_TYPES = ["bug", "confusing", "privacy_concern", "feature_request", "other"];
-const SEVERITY_OPTIONS = ["low", "medium", "high"];
 const VALID_FEEDBACK_TYPES = new Set(FEEDBACK_TYPES);
-const VALID_SEVERITY_OPTIONS = new Set(SEVERITY_OPTIONS);
+const FREQUENCY_OPTIONS = ["always", "often", "sometimes", "once"];
+const BLOCKING_OPTIONS = ["blocked", "workaround", "minor"];
+const VALID_FREQUENCIES = new Set(FREQUENCY_OPTIONS);
+const VALID_BLOCKING = new Set(BLOCKING_OPTIONS);
+// 每类型对应的"补充细节"条件字段(spec §6)。标题与描述恒显;其余按 type 折叠。
+const PER_TYPE_DETAIL_FIELDS = {
+    bug: ["stepsToReproduce", "expectedBehavior", "actualBehavior", "frequency", "blockingLevel"],
+    confusing: ["goal", "stuckAt", "blockingLevel"],
+    feature_request: ["job", "currentWorkaround"],
+    privacy_concern: ["sawWhat", "whereSeen"],
+    other: [],
+};
+// 文本类字段的 i18n 标签键(select 类频率/阻塞度单独处理)。
+const DETAIL_FIELD_LABEL = {
+    stepsToReproduce: "pages.reportProblem.form.stepsLabel",
+    expectedBehavior: "pages.reportProblem.form.expectedLabel",
+    actualBehavior: "pages.reportProblem.form.actualLabel",
+    goal: "pages.reportProblem.form.goalLabel",
+    stuckAt: "pages.reportProblem.form.stuckAtLabel",
+    job: "pages.reportProblem.form.jobLabel",
+    currentWorkaround: "pages.reportProblem.form.currentWorkaroundLabel",
+    sawWhat: "pages.reportProblem.form.sawWhatLabel",
+    whereSeen: "pages.reportProblem.form.whereSeenLabel",
+};
+const CHANNEL_ORDER = ["ingest", "github", "email", "file"];
+// 类型默认值按来源推断(spec §6):failed-tasks / error 入口 → bug,通用入口 → other。
+function defaultTypeFromParams(searchParams) {
+    const context = buildFeedbackContextFromSearchParams(searchParams);
+    const area = deriveFeedbackArea(context);
+    if (area === "failed_tasks" || area === "error")
+        return "bug";
+    return "other";
+}
 // ── Runtime validator for drafts list envelope (H section / ERR-001/005/009) ─
 function isRecord(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -58,33 +97,89 @@ function PrivacySection({ draft }) {
     }
     return (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-privacy", children: [_jsx(SectionTitle, { id: "section-privacy", children: t("pages.reportProblem.privacy.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-4", children: t("pages.reportProblem.privacy.description") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.reportProblem.privacy.included") }), draft.privacy.includedSections.length > 0 ? (_jsx("ul", { className: "space-y-1", children: draft.privacy.includedSections.map((section, i) => (_jsxs("li", { className: "flex items-center gap-2 text-ink-2 text-[13px]", children: [_jsx("span", { className: "text-green-600", "aria-hidden": "true", children: "\u2713" }), section] }, i))) })) : (_jsx("p", { className: "text-ink-4 text-[13px]", children: "\u2014" }))] }), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.reportProblem.privacy.excluded") }), draft.privacy.excludedByDefault.length > 0 ? (_jsx("ul", { className: "space-y-1", children: draft.privacy.excludedByDefault.map((section, i) => (_jsxs("li", { className: "flex items-center gap-2 text-ink-2 text-[13px]", children: [_jsx("span", { className: "text-red-500", "aria-hidden": "true", children: "\u2717" }), section] }, i))) })) : (_jsx("p", { className: "text-ink-4 text-[13px]", children: "\u2014" }))] }), draft.privacy.redactionNotes.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.reportProblem.privacy.notes") }), _jsx("ul", { className: "space-y-1", children: draft.privacy.redactionNotes.map((note, i) => (_jsxs("li", { className: "text-ink-2 text-[13px]", children: ["\u2022 ", note] }, i))) })] }))] }), _jsx(NoAutoUploadBanner, {})] }));
 }
+function StatusBadge({ draft }) {
+    const { t } = useTranslation();
+    const submitted = draft.status === "submitted";
+    return (_jsxs("span", { className: submitted
+            ? "inline-flex items-center gap-1 px-2 py-[2px] rounded-[3px] text-[11px] font-medium border border-green-200 bg-green-50 text-green-700"
+            : "inline-flex items-center gap-1 px-2 py-[2px] rounded-[3px] text-[11px] font-medium border border-line bg-surface text-ink-3", children: [_jsx("span", { className: submitted ? "w-1.5 h-1.5 rounded-full bg-green-500" : "w-1.5 h-1.5 rounded-full bg-ink-3", "aria-hidden": "true" }), submitted ? t("pages.reportProblem.draft.sentBadge") : t("pages.reportProblem.draft.draftBadge")] }));
+}
 function DraftCard({ draft, onCopyMarkdown, onCopyEmail, onOpenGithub, onOpenEmail, onDelete }) {
     const { t } = useTranslation();
     const [confirmDelete, setConfirmDelete] = useState(false);
-    return (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] p-4", children: [_jsx("div", { className: "font-mono text-[11px] text-ink-3 mb-2", children: t("pages.reportProblem.draft.savedAt", { id: draft.id, at: draft.createdAt }) }), _jsx("div", { className: "font-semibold text-ink mb-3", children: draft.title }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("button", { type: "button", onClick: onCopyMarkdown, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.copyMarkdown") }), _jsx("button", { type: "button", onClick: onCopyEmail, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.copyEmail") }), draft.outputs.githubIssueUrl && (_jsx("button", { type: "button", onClick: onOpenGithub, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.openGithub") })), draft.outputs.mailtoUrl && (_jsx("button", { type: "button", onClick: onOpenEmail, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.openEmail") })), !confirmDelete ? (_jsx("button", { type: "button", onClick: () => setConfirmDelete(true), className: "border border-red-200 text-red-600 rounded-[3px] px-[12px] py-[5px] text-[12px] hover:bg-red-50 transition-colors focus-visible:outline-2 focus-visible:outline-red-400 focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.delete") })) : (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: onDelete, className: "border border-red-400 bg-red-600 text-white rounded-[3px] px-[12px] py-[5px] text-[12px] hover:bg-red-700 transition-colors focus-visible:outline-2 focus-visible:outline-red-400 focus-visible:outline-offset-2", children: [t("pages.reportProblem.draft.delete"), "?"] }), _jsx("button", { type: "button", onClick: () => setConfirmDelete(false), className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors", children: "\u00D7" })] }))] })] }));
+    return (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 mb-2", children: [_jsx("div", { className: "font-mono text-[11px] text-ink-3", children: t("pages.reportProblem.draft.savedAt", { id: draft.id, at: draft.createdAt }) }), _jsx(StatusBadge, { draft: draft })] }), _jsx("div", { className: "font-semibold text-ink mb-1", children: draft.title }), (draft.status === "submitted" || draft.trackingId || draft.submittedVia) && (_jsxs("div", { className: "text-ink-3 text-[12px] mb-2 space-y-0.5", children: [draft.submittedVia && (_jsxs("div", { children: ["via ", draft.submittedVia, draft.submittedAt ? ` · ${draft.submittedAt}` : ""] })), draft.trackingId && (_jsxs("div", { className: "font-mono", children: [t("pages.reportProblem.channel.receiptTrackingId"), ": ", draft.trackingId] })), draft.externalUrl && (_jsx("div", { children: _jsx("a", { href: draft.externalUrl, target: "_blank", rel: "noreferrer noopener", className: "text-gov underline hover:text-gov-2", children: t("pages.reportProblem.channel.openIssue") }) }))] })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("button", { type: "button", onClick: onCopyMarkdown, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.copyMarkdown") }), _jsx("button", { type: "button", onClick: onCopyEmail, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.copyEmail") }), draft.outputs.githubIssueUrl && (_jsx("button", { type: "button", onClick: onOpenGithub, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.openGithub") })), draft.outputs.mailtoUrl && (_jsx("button", { type: "button", onClick: onOpenEmail, className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.openEmail") })), !confirmDelete ? (_jsx("button", { type: "button", onClick: () => setConfirmDelete(true), className: "border border-red-200 text-red-600 rounded-[3px] px-[12px] py-[5px] text-[12px] hover:bg-red-50 transition-colors focus-visible:outline-2 focus-visible:outline-red-400 focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.delete") })) : (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: onDelete, className: "border border-red-400 bg-red-600 text-white rounded-[3px] px-[12px] py-[5px] text-[12px] hover:bg-red-700 transition-colors focus-visible:outline-2 focus-visible:outline-red-400 focus-visible:outline-offset-2", children: [t("pages.reportProblem.draft.delete"), "?"] }), _jsx("button", { type: "button", onClick: () => setConfirmDelete(false), className: "border border-line bg-surface text-ink rounded-[3px] px-[12px] py-[5px] text-[12px] hover:border-line-2 transition-colors", children: "\u00D7" })] }))] })] }));
 }
 function SavedDraftsSection({ drafts, onLoad, onDelete }) {
     const { t } = useTranslation();
-    return (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-saved", children: [_jsx(SectionTitle, { id: "section-saved", children: t("pages.reportProblem.saved.title") }), drafts.length === 0 ? (_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed py-2", children: "\u2014" })) : (_jsx("div", { className: "space-y-3", children: drafts.map((draft) => (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] px-4 py-3 flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "font-mono text-[11px] text-ink-3 mb-1", children: [enumLabel('feedbackType', draft.type, t), " \u00B7 ", draft.createdAt] }), _jsx("div", { className: "text-ink text-sm truncate", children: draft.title })] }), _jsxs("div", { className: "flex gap-2 shrink-0", children: [_jsx("button", { type: "button", onClick: () => onLoad(draft.id), className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.saved.load") }), _jsx("button", { type: "button", onClick: () => onDelete(draft.id), className: "border border-red-200 text-red-600 rounded-[3px] px-[10px] py-[6px] text-[12px] hover:bg-red-50 transition-colors focus-visible:outline-2 focus-visible:outline-red-400 focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.delete") })] })] }, draft.id))) }))] }));
+    return (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-saved", children: [_jsx(SectionTitle, { id: "section-saved", children: t("pages.reportProblem.saved.title") }), drafts.length === 0 ? (_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed py-2", children: "\u2014" })) : (_jsx("div", { className: "space-y-3", children: drafts.map((draft) => (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] px-4 py-3 flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsxs("div", { className: "font-mono text-[11px] text-ink-3", children: [enumLabel('feedbackType', draft.type, t), " \u00B7 ", draft.createdAt] }), draft.status === "submitted" && (_jsx("span", { className: "inline-flex items-center gap-1 px-1.5 py-[1px] rounded-[2px] text-[10px] font-medium border border-green-200 bg-green-50 text-green-700", children: t("pages.reportProblem.draft.sentBadge") }))] }), _jsx("div", { className: "text-ink text-sm truncate", children: draft.title })] }), _jsxs("div", { className: "flex gap-2 shrink-0", children: [_jsx("button", { type: "button", onClick: () => onLoad(draft.id), className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.saved.load") }), _jsx("button", { type: "button", onClick: () => onDelete(draft.id), className: "border border-red-200 text-red-600 rounded-[3px] px-[10px] py-[6px] text-[12px] hover:bg-red-50 transition-colors focus-visible:outline-2 focus-visible:outline-red-400 focus-visible:outline-offset-2", children: t("pages.reportProblem.draft.delete") })] })] }, draft.id))) }))] }));
+}
+// ── Channel ladder (Slice 3, spec §4/§11) ─────────────────────────────────────
+function ChannelSubmitArea({ draft, channels, onSubmitIngest, onSubmitGithub, onOpenEmail, onExportFile, onMarkSent }) {
+    const { t } = useTranslation();
+    const byId = useMemo(() => {
+        const m = new Map();
+        for (const c of channels ?? [])
+            m.set(c.id, c);
+        return m;
+    }, [channels]);
+    const submitted = draft.status === "submitted";
+    const renderChannelButton = (id) => {
+        const status = byId.get(id);
+        const available = status?.available ?? false;
+        // email: 客户端动作,但依赖 maintainer_email 已配置(占位地址不可投递,
+        // 探测不可用时禁用并内联显示原因 + nextAction,与 ingest/github 一致)。
+        if (id === "email") {
+            return (_jsxs("div", { className: "space-y-1", children: [_jsx("button", { type: "button", disabled: !available, onClick: onOpenEmail, className: available
+                            ? "w-full border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[8px] text-[13px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
+                            : "w-full border border-line bg-surface text-ink-4 rounded-[3px] px-[14px] py-[8px] text-[13px] cursor-not-allowed", children: t("pages.reportProblem.channel.email") }), !available && (status?.reason || status?.nextAction) && (_jsxs("p", { className: "text-[11px] text-ink-3 leading-snug", children: [t("pages.reportProblem.channel.disablingReason", { reason: status?.reason ?? "" }), status?.nextAction ? ` · ${status.nextAction}` : ""] })), !submitted && (_jsx("button", { type: "button", onClick: () => onMarkSent("email"), className: "text-[11px] text-ink-3 hover:text-gov underline underline-offset-2 text-left", children: t("pages.reportProblem.draft.markAsSent") }))] }, "email"));
+        }
+        if (id === "file") {
+            return (_jsxs("div", { className: "space-y-1", children: [_jsx("button", { type: "button", onClick: onExportFile, className: "w-full border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[8px] text-[13px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.reportProblem.channel.file") }), !submitted && (_jsx("button", { type: "button", onClick: () => onMarkSent("file"), className: "text-[11px] text-ink-3 hover:text-gov underline underline-offset-2 text-left", children: t("pages.reportProblem.draft.markAsSent") }))] }, "file"));
+        }
+        // ingest / github: 服务端通道,需探测可用性(rc-9: 禁用显示原因 + nextAction)。
+        const isIngest = id === "ingest";
+        const label = isIngest ? t("pages.reportProblem.channel.ingest") : t("pages.reportProblem.channel.github");
+        const onClick = isIngest ? onSubmitIngest : onSubmitGithub;
+        return (_jsxs("div", { className: "space-y-1", children: [_jsx("button", { type: "button", disabled: !available, onClick: onClick, className: available
+                        ? "w-full border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[8px] text-[13px] font-medium hover:bg-gov-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2"
+                        : "w-full border border-line bg-surface text-ink-4 rounded-[3px] px-[14px] py-[8px] text-[13px] cursor-not-allowed", children: label }), !available && (status?.reason || status?.nextAction) && (_jsxs("p", { className: "text-[11px] text-ink-3 leading-snug", children: [t("pages.reportProblem.channel.disablingReason", { reason: status?.reason ?? "" }), status?.nextAction ? ` · ${status.nextAction}` : ""] }))] }, id));
+    };
+    return (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-channel", children: [_jsx(SectionTitle, { id: "section-channel", children: t("pages.reportProblem.channel.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-4", children: t("pages.reportProblem.channel.description") }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3", children: CHANNEL_ORDER.map(renderChannelButton) })] }));
+}
+function ConfirmSubmitDialog({ draft, channel, open, busy, onConfirm, onCancel }) {
+    const { t } = useTranslation();
+    return (_jsx(Dialog, { open: open, onOpenChange: (o) => { if (!o && !busy)
+            onCancel(); }, children: _jsxs(DialogContent, { className: "sm:max-w-xl max-h-[85vh] overflow-hidden flex flex-col", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("pages.reportProblem.channel.confirmTitle") }), _jsx(DialogDescription, { children: channel === "ingest"
+                                ? t("pages.reportProblem.channel.confirmDescription")
+                                : t("pages.reportProblem.channel.github") })] }), _jsxs("div", { className: "flex-1 min-h-0 overflow-auto space-y-2", children: [_jsx("div", { className: "font-mono text-[12px] text-ink-3", children: draft.title }), _jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3", children: t("pages.reportProblem.channel.confirmBodyLabel") }), _jsx("pre", { className: "whitespace-pre-wrap text-ink-2 text-[13px] leading-relaxed bg-surface border border-line rounded-[3px] p-3 max-h-[320px] overflow-auto", children: draft.outputs.markdown })] }), _jsxs(DialogFooter, { children: [_jsx("button", { type: "button", onClick: onCancel, disabled: busy, className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 disabled:opacity-50", children: t("pages.reportProblem.channel.confirmCancel") }), _jsx("button", { type: "button", onClick: onConfirm, disabled: busy, className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 disabled:opacity-50 disabled:cursor-not-allowed", children: busy ? t("pages.reportProblem.form.submitting") : t("pages.reportProblem.channel.confirmSubmit") })] })] }) }));
 }
 export function ReportProblemPage() {
     const { t } = useTranslation();
     const [searchParams] = useSearchParams();
-    const [form, setForm] = useState(INITIAL_FORM);
+    const [form, setForm] = useState(() => ({
+        ...INITIAL_FORM,
+        type: defaultTypeFromParams(searchParams),
+    }));
     const [drafts, setDrafts] = useState([]);
     const [currentDraft, setCurrentDraft] = useState(null);
     const [loadingState, setLoadingState] = useState("loading");
     const [loadError, setLoadError] = useState(null);
     const [showPreview, setShowPreview] = useState(false);
-    // Task 6: read context identifiers (painId, principleId, approvalId,
-    // activationId, taskId, source, page) from URL query params so the feedback
-    // report can be associated with the originating entity.
+    const [showDetails, setShowDetails] = useState(false);
+    // ── Channel ladder state (Slice 3) ──
+    const [channels, setChannels] = useState(null);
+    const [confirmCtx, setConfirmCtx] = useState(null);
+    const [submittingChannel, setSubmittingChannel] = useState(false);
     const contextFromUrl = useMemo(() => buildFeedbackContextFromSearchParams(searchParams), [searchParams]);
-    // ── Load drafts on mount ─────────────────────────────────────────────────
+    const areaFromUrl = useMemo(() => deriveFeedbackArea(contextFromUrl), [contextFromUrl]);
+    // 类型切换时:有细节字段的类型自动展开"补充细节"。
+    useEffect(() => {
+        setShowDetails(PER_TYPE_DETAIL_FIELDS[form.type].length > 0);
+    }, [form.type]);
+    // ── Load drafts + channels on mount ─────────────────────────────────────
     const loadDrafts = useCallback(async () => {
         const result = await listFeedbackReports();
         if (!result.success) {
-            // ERR-002: graceful degradation with reason
             setLoadError(result.error ?? "Failed to load drafts");
             setLoadingState("loaded");
             return;
@@ -100,13 +195,45 @@ export function ReportProblemPage() {
         setLoadError(null);
         setLoadingState("loaded");
     }, []);
+    const loadChannels = useCallback(async () => {
+        const result = await fetchFeedbackChannels();
+        if (!result.success || !result.data) {
+            setChannels(null);
+            return;
+        }
+        setChannels(result.data.channels);
+    }, []);
     useEffect(() => {
         loadDrafts();
-    }, [loadDrafts]);
+        loadChannels();
+    }, [loadDrafts, loadChannels]);
     // ── Form handlers ────────────────────────────────────────────────────────
     const handleFieldChange = useCallback((field, value) => {
         setForm((prev) => ({ ...prev, [field]: value }));
     }, []);
+    const buildInput = useCallback(() => {
+        const base = {
+            type: form.type,
+            title: form.title.trim(),
+            description: form.description.trim(),
+            stepsToReproduce: form.stepsToReproduce.trim() || undefined,
+            expectedBehavior: form.expectedBehavior.trim() || undefined,
+            actualBehavior: form.actualBehavior.trim() || undefined,
+            // 类型化新字段(全部可选,按 type 条件提交)
+            goal: form.goal.trim() || undefined,
+            stuckAt: form.stuckAt.trim() || undefined,
+            job: form.job.trim() || undefined,
+            currentWorkaround: form.currentWorkaround.trim() || undefined,
+            sawWhat: form.sawWhat.trim() || undefined,
+            whereSeen: form.whereSeen.trim() || undefined,
+            frequency: form.frequency ?? undefined,
+            blockingLevel: form.blockingLevel ?? undefined,
+            ...(areaFromUrl ? { area: areaFromUrl } : {}),
+            ...(contextFromUrl?.taskId ? { taskId: contextFromUrl.taskId } : {}),
+            ...(contextFromUrl ? { context: contextFromUrl } : {}),
+        };
+        return base;
+    }, [form, areaFromUrl, contextFromUrl]);
     const handleSubmit = useCallback(async (e) => {
         e.preventDefault();
         if (!form.title.trim() || !form.description.trim()) {
@@ -115,64 +242,37 @@ export function ReportProblemPage() {
         }
         setForm((prev) => ({ ...prev, submitting: true }));
         try {
-            const input = {
-                type: form.type,
-                title: form.title.trim(),
-                description: form.description.trim(),
-                stepsToReproduce: form.stepsToReproduce.trim() || undefined,
-                expectedBehavior: form.expectedBehavior.trim() || undefined,
-                actualBehavior: form.actualBehavior.trim() || undefined,
-                severity: form.severity,
-                // P0-1: 传递顶层 taskId 触发 agentDraft 合并（Task 13）
-                // contextFromUrl.taskId 来自 URL query（FailedTasksPage 跳转时传入）
-                // createFeedbackReport 检查 draft.taskId（顶层）决定是否从 pending_agent_drafts 表读取
-                ...(contextFromUrl?.taskId ? { taskId: contextFromUrl.taskId } : {}),
-                ...(contextFromUrl ? { context: contextFromUrl } : {}),
-            };
-            // ── Collect diagnostics concurrently (Task 5) ───────────────────────
-            // Fetch three APIs in parallel; Promise.allSettled ensures a single
-            // failure doesn't block the others. buildFeedbackDiagnostics then
-            // assembles a diagnostics object with unavailableReason for each failed
-            // field (rc-9-no-silent-fallback).
             const [configSettled, lifecycleSettled, healthSettled] = await Promise.allSettled([
                 fetchConfigSummary(),
                 request('/api/v1/lifecycle/state'),
                 request('/api/health'),
             ]);
             const diagnostics = buildFeedbackDiagnostics(configSettled, lifecycleSettled, healthSettled);
-            const result = await createFeedbackReport(input, diagnostics);
+            const result = await createFeedbackReport(buildInput(), diagnostics);
             if (!result.success) {
                 toast.error(getErrorMessage(result, t("pages.reportProblem.errors.createFailed")));
                 setForm((prev) => ({ ...prev, submitting: false }));
                 return;
             }
-            // Validate response with parseEnvelopeReport (ERR-001/005/009)
-            const parsed = parseEnvelopeReport(result.data);
-            if (parsed === null) {
-                // Try parseDraftRecord directly as fallback — no `as` cast (ERR-001/005)
-                let directParsed = null;
-                if (isRecord(result.data) && Object.hasOwn(result.data, "report")) {
-                    const reportValue = result.data["report"];
-                    directParsed = parseDraftRecord(reportValue);
-                }
-                else {
-                    directParsed = parseDraftRecord(result.data);
-                }
-                if (directParsed === null) {
-                    toast.error(t("pages.reportProblem.errors.createFailed"));
-                    setForm((prev) => ({ ...prev, submitting: false }));
-                    return;
-                }
-                setCurrentDraft(directParsed);
+            let parsed = parseEnvelopeReport(result.data);
+            if (parsed === null && isRecord(result.data) && Object.hasOwn(result.data, "report")) {
+                parsed = parseDraftRecord(result.data["report"]);
             }
-            else {
-                setCurrentDraft(parsed);
+            if (parsed === null) {
+                toast.error(t("pages.reportProblem.errors.createFailed"));
+                setForm((prev) => ({ ...prev, submitting: false }));
+                return;
             }
+            setCurrentDraft(parsed);
             toast.success(t("pages.reportProblem.toast.draftCreated"));
-            // Reset form
-            setForm(INITIAL_FORM);
+            setForm((prev) => ({
+                ...INITIAL_FORM,
+                type: prev.type,
+                frequency: undefined,
+                blockingLevel: undefined,
+                submitting: false,
+            }));
             setShowPreview(false);
-            // Reload drafts list
             await loadDrafts();
         }
         catch {
@@ -181,7 +281,7 @@ export function ReportProblemPage() {
         finally {
             setForm((prev) => ({ ...prev, submitting: false }));
         }
-    }, [form, t, loadDrafts, contextFromUrl]);
+    }, [form, t, loadDrafts, buildInput]);
     // ── Draft actions ────────────────────────────────────────────────────────
     const handleLoadDraft = useCallback(async (id) => {
         const result = await getFeedbackReport(id);
@@ -197,17 +297,26 @@ export function ReportProblemPage() {
         setCurrentDraft(parsed);
         setForm({
             type: parsed.type,
-            severity: parsed.userText.userSeverity,
             title: parsed.title,
             description: parsed.userText.description,
             stepsToReproduce: parsed.userText.stepsToReproduce ?? "",
             expectedBehavior: parsed.userText.expectedBehavior ?? "",
             actualBehavior: parsed.userText.actualBehavior ?? "",
+            frequency: parsed.userText.frequency,
+            blockingLevel: parsed.userText.blockingLevel,
+            goal: parsed.userText.goal ?? "",
+            stuckAt: parsed.userText.stuckAt ?? "",
+            job: parsed.userText.job ?? "",
+            currentWorkaround: parsed.userText.currentWorkaround ?? "",
+            sawWhat: parsed.userText.sawWhat ?? "",
+            whereSeen: parsed.userText.whereSeen ?? "",
             submitting: false,
         });
     }, [t]);
     const handleCopyMarkdown = useCallback(async (draft) => {
         try {
+            if (!draft.outputs.markdown)
+                return;
             await navigator.clipboard.writeText(draft.outputs.markdown);
             toast.success(t("pages.reportProblem.toast.markdownCopied"));
         }
@@ -217,6 +326,8 @@ export function ReportProblemPage() {
     }, [t]);
     const handleCopyEmail = useCallback(async (draft) => {
         try {
+            if (!draft.outputs.emailText)
+                return;
             await navigator.clipboard.writeText(draft.outputs.emailText);
             toast.success(t("pages.reportProblem.toast.emailCopied"));
         }
@@ -234,6 +345,70 @@ export function ReportProblemPage() {
             window.open(draft.outputs.mailtoUrl, "_blank");
         }
     }, []);
+    const handleExportFile = useCallback((draft) => {
+        const blob = new Blob([draft.outputs.markdown], { type: "text/markdown;charset=utf-8" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `PD-feedback-${draft.id}.md`;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        URL.revokeObjectURL(url);
+    }, []);
+    const refreshDraft = useCallback(async (id) => {
+        const result = await getFeedbackReport(id);
+        if (result.success) {
+            const parsed = parseEnvelopeReport(result.data);
+            if (parsed)
+                setCurrentDraft(parsed);
+        }
+    }, []);
+    const handleSubmitChannel = useCallback(async (channel) => {
+        const draft = currentDraft;
+        if (!draft)
+            return;
+        setSubmittingChannel(true);
+        try {
+            const result = await submitFeedbackReport(draft.id, channel);
+            if (!result.success) {
+                toast.error(getErrorMessage(result, t("pages.reportProblem.toast.submitFailed")));
+                return;
+            }
+            await refreshDraft(draft.id);
+            await loadDrafts();
+            const data = result.data;
+            if (data?.writeBackFailed) {
+                toast.error(t("pages.reportProblem.channel.writeBackNote"));
+            }
+            else if (data?.alreadySubmitted) {
+                toast.info(t("pages.reportProblem.channel.alreadySubmitted"));
+            }
+            else {
+                toast.success(t("pages.reportProblem.toast.submitSucceeded", { trackingId: data?.trackingId ?? "" }));
+            }
+        }
+        catch {
+            toast.error(t("pages.reportProblem.toast.submitFailed"));
+        }
+        finally {
+            setSubmittingChannel(false);
+            setConfirmCtx(null);
+        }
+    }, [currentDraft, t, refreshDraft, loadDrafts]);
+    const handleMarkSent = useCallback(async (via) => {
+        const draft = currentDraft;
+        if (!draft)
+            return;
+        const result = await markFeedbackReportSent(draft.id, via);
+        if (!result.success) {
+            toast.error(getErrorMessage(result, t("pages.reportProblem.toast.submitFailed")));
+            return;
+        }
+        toast.success(t("pages.reportProblem.toast.markSentSucceeded"));
+        await refreshDraft(draft.id);
+        await loadDrafts();
+    }, [currentDraft, t, refreshDraft, loadDrafts]);
     const handleDeleteDraft = useCallback(async (id) => {
         const result = await deleteFeedbackReport(id);
         if (!result.success) {
@@ -254,21 +429,39 @@ export function ReportProblemPage() {
     if (loadingState === "error") {
         return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.reportProblem.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.reportProblem.title") }), _jsxs("div", { className: "mt-6 p-4 bg-panel border border-line rounded-[6px] text-ink-2 text-sm", children: [_jsx("p", { children: t("pages.reportProblem.loadError") }), loadError && (_jsx("p", { className: "mt-2 text-ink-4 text-[13px] font-mono", children: loadError }))] })] }));
     }
+    const detailFields = PER_TYPE_DETAIL_FIELDS[form.type];
+    const renderDetailField = (key) => {
+        if (key === "frequency") {
+            const label = t("pages.reportProblem.form.frequencyLabel");
+            return (_jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-frequency", className: "block text-ink-2 text-[13px] mb-1.5", children: label }), _jsxs("select", { id: "feedback-frequency", value: form.frequency ?? "", onChange: (e) => {
+                            const v = e.target.value;
+                            if (v === "")
+                                handleFieldChange("frequency", undefined);
+                            else if (VALID_FREQUENCIES.has(v))
+                                handleFieldChange("frequency", v);
+                        }, className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov", children: [_jsx("option", { value: "", children: t("pages.reportProblem.form.frequencyNotSet") }), FREQUENCY_OPTIONS.map((f) => (_jsx("option", { value: f, children: t(`pages.reportProblem.form.frequency${f.charAt(0).toUpperCase() + f.slice(1)}`) }, f)))] })] }, "frequency"));
+        }
+        if (key === "blockingLevel") {
+            const label = t("pages.reportProblem.form.blockingLevelLabel");
+            return (_jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-blocking", className: "block text-ink-2 text-[13px] mb-1.5", children: label }), _jsxs("select", { id: "feedback-blocking", value: form.blockingLevel ?? "", onChange: (e) => {
+                            const v = e.target.value;
+                            if (v === "")
+                                handleFieldChange("blockingLevel", undefined);
+                            else if (VALID_BLOCKING.has(v))
+                                handleFieldChange("blockingLevel", v);
+                        }, className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov", children: [_jsx("option", { value: "", children: t("pages.reportProblem.form.blockingLevelNotSet") }), BLOCKING_OPTIONS.map((b) => (_jsx("option", { value: b, children: t(`pages.reportProblem.form.blockingLevel${b.charAt(0).toUpperCase() + b.slice(1)}`) }, b)))] })] }, "blockingLevel"));
+        }
+        const value = form[key];
+        const label = t(DETAIL_FIELD_LABEL[key] ?? "pages.reportProblem.form.descriptionLabel");
+        return (_jsxs("div", { children: [_jsx("label", { htmlFor: `feedback-${key}`, className: "block text-ink-2 text-[13px] mb-1.5", children: label }), _jsx("textarea", { id: `feedback-${key}`, value: typeof value === "string" ? value : "", onChange: (e) => handleFieldChange(key, e.target.value), rows: key === "stepsToReproduce" ? 3 : 2, className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov resize-y" })] }, key));
+    };
     // ── Loaded state ─────────────────────────────────────────────────────────
     return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.reportProblem.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.reportProblem.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.reportProblem.subtitle") }), _jsx(NoAutoUploadBanner, {}), _jsxs("section", { "aria-labelledby": "section-form", children: [_jsx(SectionTitle, { id: "section-form", children: t("pages.reportProblem.form.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-4", children: t("pages.reportProblem.form.description") }), _jsxs("form", { onSubmit: handleSubmit, className: "bg-panel border border-line rounded-[6px] p-5 space-y-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-type", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.type") }), _jsx("select", { id: "feedback-type", value: form.type, onChange: (e) => {
                                                 const val = e.target.value;
                                                 if (VALID_FEEDBACK_TYPES.has(val)) {
-                                                    handleFieldChange("type", val);
-                                                }
-                                            }, className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov", children: FEEDBACK_TYPES.map((ft) => (_jsx("option", { value: ft, children: t(`pages.reportProblem.form.types.${ft}`) }, ft))) })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-severity", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.severity") }), _jsxs("select", { id: "feedback-severity", value: form.severity ?? "", onChange: (e) => {
-                                                const val = e.target.value;
-                                                if (val === "") {
-                                                    handleFieldChange("severity", undefined);
-                                                }
-                                                else if (VALID_SEVERITY_OPTIONS.has(val)) {
-                                                    handleFieldChange("severity", val);
+                                                    setForm((prev) => ({ ...prev, type: val, frequency: undefined, blockingLevel: undefined }));
                                                 }
-                                            }, className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov", children: [_jsx("option", { value: "", children: t("pages.reportProblem.form.severityNotSet") }), SEVERITY_OPTIONS.map((sev) => (_jsx("option", { value: sev, children: t(`pages.reportProblem.form.severity${sev.charAt(0).toUpperCase() + sev.slice(1)}`) }, sev)))] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-title", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.titleLabel") }), _jsx("input", { id: "feedback-title", type: "text", value: form.title, onChange: (e) => handleFieldChange("title", e.target.value), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-description", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.descriptionLabel") }), _jsx("textarea", { id: "feedback-description", value: form.description, onChange: (e) => handleFieldChange("description", e.target.value), rows: 4, className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov resize-y" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-steps", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.stepsLabel") }), _jsx("textarea", { id: "feedback-steps", value: form.stepsToReproduce, onChange: (e) => handleFieldChange("stepsToReproduce", e.target.value), rows: 3, className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov resize-y" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-expected", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.expectedLabel") }), _jsx("textarea", { id: "feedback-expected", value: form.expectedBehavior, onChange: (e) => handleFieldChange("expectedBehavior", e.target.value), rows: 2, className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov resize-y" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-actual", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.actualLabel") }), _jsx("textarea", { id: "feedback-actual", value: form.actualBehavior, onChange: (e) => handleFieldChange("actualBehavior", e.target.value), rows: 2, className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov resize-y" })] }), _jsxs("div", { className: "flex items-center gap-3 pt-2", children: [_jsx("button", { type: "submit", disabled: form.submitting, className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: form.submitting ? t("pages.reportProblem.form.submitting") : t("pages.reportProblem.form.submit") }), currentDraft && (_jsx("button", { type: "button", onClick: () => setShowPreview((prev) => !prev), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: showPreview
+                                            }, className: "border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov", children: FEEDBACK_TYPES.map((ft) => (_jsx("option", { value: ft, children: t(`pages.reportProblem.form.types.${ft}`) }, ft))) })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-title", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.titleLabel") }), _jsx("input", { id: "feedback-title", type: "text", value: form.title, onChange: (e) => handleFieldChange("title", e.target.value), className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "feedback-description", className: "block text-ink-2 text-[13px] mb-1.5", children: t("pages.reportProblem.form.descriptionLabel") }), _jsx("textarea", { id: "feedback-description", value: form.description, onChange: (e) => handleFieldChange("description", e.target.value), rows: 4, className: "w-full border border-line bg-surface rounded-[3px] px-3 py-2 text-sm text-ink focus:outline-none focus:border-gov focus:ring-1 focus:ring-gov resize-y" })] }), detailFields.length > 0 && (_jsx("div", { children: _jsx("button", { type: "button", onClick: () => setShowDetails((prev) => !prev), className: "text-gov text-[13px] font-medium underline underline-offset-2 hover:text-gov-2 transition-colors", children: showDetails ? t("pages.reportProblem.form.detailsHide") : t("pages.reportProblem.form.detailsToggle") }) })), showDetails && (_jsx("div", { className: "space-y-4 border-t border-line pt-4", children: detailFields.map(renderDetailField) })), _jsxs("div", { className: "flex items-center gap-3 pt-2", children: [_jsx("button", { type: "submit", disabled: form.submitting, className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: form.submitting ? t("pages.reportProblem.form.submitting") : t("pages.reportProblem.form.submit") }), currentDraft && (_jsx("button", { type: "button", onClick: () => setShowPreview((prev) => !prev), className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: showPreview
                                                 ? t("pages.reportProblem.form.hidePreview")
-                                                : t("pages.reportProblem.form.showPreview") }))] })] }), showPreview && currentDraft && (_jsxs("div", { className: "mt-4 bg-panel border border-line rounded-[6px] p-4", children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-3", children: "Markdown" }), _jsx("pre", { className: "whitespace-pre-wrap text-ink-2 text-[13px] leading-relaxed bg-surface border border-line rounded-[3px] p-3 max-h-[400px] overflow-auto", children: currentDraft.outputs.markdown })] }))] }), _jsx(PrivacySection, { draft: currentDraft }), currentDraft && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-current-draft", children: [_jsx(SectionTitle, { id: "section-current-draft", children: t("pages.reportProblem.draft.title") }), _jsx(DraftCard, { draft: currentDraft, onCopyMarkdown: () => handleCopyMarkdown(currentDraft), onCopyEmail: () => handleCopyEmail(currentDraft), onOpenGithub: () => handleOpenGithub(currentDraft), onOpenEmail: () => handleOpenEmail(currentDraft), onDelete: () => handleDeleteDraft(currentDraft.id) })] })), loadError && (_jsxs("div", { className: "mt-4 p-3 bg-panel border border-amber/20 rounded-[6px] text-ink-2 text-[13px]", children: [_jsx("p", { children: t("pages.reportProblem.loadError") }), _jsx("p", { className: "mt-1 text-ink-4 text-[12px] font-mono", children: loadError })] })), _jsx(SavedDraftsSection, { drafts: drafts, onLoad: handleLoadDraft, onDelete: handleDeleteDraft }), _jsx("footer", { className: "mt-12 pt-6 border-t border-line text-ink-3 text-[13px]", children: t("pages.reportProblem.privacy.guarantee") })] }) }));
+                                                : t("pages.reportProblem.form.showPreview") }))] })] }), showPreview && currentDraft && (_jsxs("div", { className: "mt-4 bg-panel border border-line rounded-[6px] p-4", children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-3", children: "Markdown" }), _jsx("pre", { className: "whitespace-pre-wrap text-ink-2 text-[13px] leading-relaxed bg-surface border border-line rounded-[3px] p-3 max-h-[400px] overflow-auto", children: currentDraft.outputs.markdown })] }))] }), _jsx(PrivacySection, { draft: currentDraft }), currentDraft && (_jsx(ChannelSubmitArea, { draft: currentDraft, channels: channels, onSubmitIngest: () => setConfirmCtx({ channel: "ingest" }), onSubmitGithub: () => setConfirmCtx({ channel: "github" }), onOpenEmail: () => handleOpenEmail(currentDraft), onExportFile: () => handleExportFile(currentDraft), onMarkSent: handleMarkSent })), currentDraft && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-current-draft", children: [_jsx(SectionTitle, { id: "section-current-draft", children: t("pages.reportProblem.draft.title") }), _jsx(DraftCard, { draft: currentDraft, onCopyMarkdown: () => handleCopyMarkdown(currentDraft), onCopyEmail: () => handleCopyEmail(currentDraft), onOpenGithub: () => handleOpenGithub(currentDraft), onOpenEmail: () => handleOpenEmail(currentDraft), onDelete: () => handleDeleteDraft(currentDraft.id) })] })), loadError && (_jsxs("div", { className: "mt-4 p-3 bg-panel border border-amber/20 rounded-[6px] text-ink-2 text-[13px]", children: [_jsx("p", { children: t("pages.reportProblem.loadError") }), _jsx("p", { className: "mt-1 text-ink-4 text-[12px] font-mono", children: loadError })] })), _jsx(SavedDraftsSection, { drafts: drafts, onLoad: handleLoadDraft, onDelete: handleDeleteDraft }), _jsx("footer", { className: "mt-12 pt-6 border-t border-line text-ink-3 text-[13px]", children: t("pages.reportProblem.privacy.guarantee") }), currentDraft && confirmCtx && (_jsx(ConfirmSubmitDialog, { draft: currentDraft, channel: confirmCtx.channel, open: true, busy: submittingChannel, onConfirm: () => handleSubmitChannel(confirmCtx.channel), onCancel: () => setConfirmCtx(null) }))] }) }));
 }

package/console/dist/ui/utils/validators.d.ts

@@ -50,6 +50,28 @@ export interface DeleteEnvelopeData {
     deleted: boolean;
 }
 export declare function validateDeleteEnvelope(v: unknown): DeleteEnvelopeData | null;
+export type FeedbackChannelId = 'ingest' | 'github' | 'email' | 'file';
+export interface FeedbackChannelStatusData {
+    id: FeedbackChannelId;
+    available: boolean;
+    reason?: string;
+    nextAction?: string;
+}
+export interface FeedbackChannelsData {
+    channels: FeedbackChannelStatusData[];
+}
+export declare function validateFeedbackChannels(v: unknown): FeedbackChannelsData | null;
+export interface FeedbackSubmitResultData {
+    ok: boolean;
+    alreadySubmitted: boolean;
+    status: string;
+    submittedVia?: string;
+    trackingId?: string;
+    externalUrl?: string;
+    writeBackFailed?: boolean;
+    nextAction?: string;
+}
+export declare function validateFeedbackSubmitResult(v: unknown): FeedbackSubmitResultData | null;
 interface WorkspaceConfigData {
     workspaceName: string;
     enabled: boolean;

package/console/dist/ui/utils/validators.js

@@ -139,6 +139,72 @@ export function validateDeleteEnvelope(v) {
         return null;
     return { deleted: v.deleted };
 }
+const CHANNEL_IDS = ['ingest', 'github', 'email', 'file'];
+export function validateFeedbackChannels(v) {
+    if (!isObject(v))
+        return null;
+    if (!Object.hasOwn(v, 'channels') || !Array.isArray(v.channels))
+        return null;
+    const channels = [];
+    for (const item of v.channels) {
+        if (!isObject(item))
+            continue;
+        if (!Object.hasOwn(item, 'id') || !isString(item.id) || !CHANNEL_IDS.includes(item.id))
+            continue;
+        if (!Object.hasOwn(item, 'available') || !isBoolean(item.available))
+            continue;
+        const status = {
+            id: item.id,
+            available: item.available,
+        };
+        const reason = readNullableString(item, 'reason');
+        const nextAction = readNullableString(item, 'nextAction');
+        if (!reason.valid)
+            return null;
+        if (!nextAction.valid)
+            return null;
+        if (reason.value !== null)
+            status.reason = reason.value;
+        if (nextAction.value !== null)
+            status.nextAction = nextAction.value;
+        channels.push(status);
+    }
+    return { channels };
+}
+export function validateFeedbackSubmitResult(v) {
+    if (!isObject(v))
+        return null;
+    if (!Object.hasOwn(v, 'ok') || !isBoolean(v.ok))
+        return null;
+    if (!Object.hasOwn(v, 'alreadySubmitted') || !isBoolean(v.alreadySubmitted))
+        return null;
+    if (!Object.hasOwn(v, 'status') || !isString(v.status))
+        return null;
+    const result = {
+        ok: v.ok,
+        alreadySubmitted: v.alreadySubmitted,
+        status: v.status,
+    };
+    const submittedVia = readNullableString(v, 'submittedVia');
+    const trackingId = readNullableString(v, 'trackingId');
+    const externalUrl = readNullableString(v, 'externalUrl');
+    const nextAction = readNullableString(v, 'nextAction');
+    if (!submittedVia.valid || !trackingId.valid || !externalUrl.valid || !nextAction.valid)
+        return null;
+    if (submittedVia.value !== null)
+        result.submittedVia = submittedVia.value;
+    if (trackingId.value !== null)
+        result.trackingId = trackingId.value;
+    if (externalUrl.value !== null)
+        result.externalUrl = externalUrl.value;
+    if (nextAction.value !== null)
+        result.nextAction = nextAction.value;
+    if (Object.hasOwn(v, 'writeBackFailed') && !isBoolean(v.writeBackFailed))
+        return null;
+    if (isBoolean(v.writeBackFailed))
+        result.writeBackFailed = v.writeBackFailed;
+    return result;
+}
 function validateWorkspaceConfig(v) {
     if (!isObject(v))
         return null;