create-principles-disciple 1.146.3 → 1.146.6

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

@@ -1,467 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { useSearchParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-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 { 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, deriveFeedbackArea, } from "../ReportProblemValidators.js";
-const INITIAL_FORM = {
-    type: "bug",
-    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 VALID_FEEDBACK_TYPES = new Set(FEEDBACK_TYPES);
-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);
-}
-function validateDraftsList(raw) {
-    if (!isRecord(raw)) {
-        return { ok: false, reason: "Drafts list response is not an object" };
-    }
-    if (!Object.hasOwn(raw, "drafts")) {
-        return { ok: false, reason: "Drafts list response missing 'drafts' field" };
-    }
-    if (!Array.isArray(raw.drafts)) {
-        return { ok: false, reason: "Drafts list 'drafts' field is not an array" };
-    }
-    const result = [];
-    for (const item of raw.drafts) {
-        const parsed = parseDraftSummary(item);
-        if (parsed !== null) {
-            result.push(parsed);
-        }
-    }
-    return { ok: true, drafts: result };
-}
-// ── Sub-components ────────────────────────────────────────────────────────────
-function NoAutoUploadBanner() {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "flex items-center gap-2 px-4 py-3 bg-gov/8 border border-gov/20 rounded-[6px] mb-6", children: [_jsx("svg", { className: "shrink-0 w-4 h-4 text-gov", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" }) }), _jsx("span", { className: "text-ink text-sm font-medium", children: t("pages.reportProblem.noAutoUpload") })] }));
-}
-function PrivacySection({ draft }) {
-    const { t } = useTranslation();
-    if (draft === null) {
-        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", children: t("pages.reportProblem.privacy.submitFirst") }), _jsx(NoAutoUploadBanner, {})] }));
-    }
-    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: [_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: "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,
-        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);
-    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]);
-    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) {
-            setLoadError(result.error ?? "Failed to load drafts");
-            setLoadingState("loaded");
-            return;
-        }
-        const validated = validateDraftsList(result.data);
-        if (!validated.ok) {
-            setLoadError(validated.reason);
-            setDrafts([]);
-            setLoadingState("loaded");
-            return;
-        }
-        setDrafts(validated.drafts);
-        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();
-        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()) {
-            toast.error(t("pages.reportProblem.errors.missingRequired"));
-            return;
-        }
-        setForm((prev) => ({ ...prev, submitting: true }));
-        try {
-            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(buildInput(), diagnostics);
-            if (!result.success) {
-                toast.error(getErrorMessage(result, t("pages.reportProblem.errors.createFailed")));
-                setForm((prev) => ({ ...prev, submitting: false }));
-                return;
-            }
-            let parsed = parseEnvelopeReport(result.data);
-            if (parsed === null && isRecord(result.data) && Object.hasOwn(result.data, "report")) {
-                parsed = parseDraftRecord(result.data["report"]);
-            }
-            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"));
-            setForm((prev) => ({
-                ...INITIAL_FORM,
-                type: prev.type,
-                frequency: undefined,
-                blockingLevel: undefined,
-                submitting: false,
-            }));
-            setShowPreview(false);
-            await loadDrafts();
-        }
-        catch {
-            toast.error(t("pages.reportProblem.errors.createFailed"));
-        }
-        finally {
-            setForm((prev) => ({ ...prev, submitting: false }));
-        }
-    }, [form, t, loadDrafts, buildInput]);
-    // ── Draft actions ────────────────────────────────────────────────────────
-    const handleLoadDraft = useCallback(async (id) => {
-        const result = await getFeedbackReport(id);
-        if (!result.success) {
-            toast.error(t("pages.reportProblem.toast.loadFailed"));
-            return;
-        }
-        const parsed = parseEnvelopeReport(result.data);
-        if (parsed === null) {
-            toast.error(t("pages.reportProblem.toast.loadFailed"));
-            return;
-        }
-        setCurrentDraft(parsed);
-        setForm({
-            type: parsed.type,
-            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"));
-        }
-        catch {
-            toast.error(t("pages.reportProblem.toast.copyFailed"));
-        }
-    }, [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"));
-        }
-        catch {
-            toast.error(t("pages.reportProblem.toast.copyFailed"));
-        }
-    }, [t]);
-    const handleOpenGithub = useCallback((draft) => {
-        if (draft.outputs.githubIssueUrl) {
-            window.open(draft.outputs.githubIssueUrl, "_blank");
-        }
-    }, []);
-    const handleOpenEmail = useCallback((draft) => {
-        if (draft.outputs.mailtoUrl) {
-            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) {
-            toast.error(t("pages.reportProblem.toast.deleteFailed"));
-            return;
-        }
-        toast.success(t("pages.reportProblem.toast.draftDeleted"));
-        setDrafts((prev) => prev.filter((d) => d.id !== id));
-        if (currentDraft?.id === id) {
-            setCurrentDraft(null);
-        }
-    }, [t, currentDraft]);
-    // ── Loading state ────────────────────────────────────────────────────────
-    if (loadingState === "loading") {
-        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 3, label: t("common.loading") }) }));
-    }
-    // ── Error state (ERR-002: degradation with reason) ───────────────────────
-    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)) {
-                                                    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: 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 && (_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/pages/settings/SettingsPage.d.ts

@@ -1,4 +0,0 @@
-import type { WorkspaceEntry } from "../../api.js";
-export declare function validateWorkspaceEntry(raw: unknown): WorkspaceEntry | null;
-export declare function validateWorkspaceArray(raw: unknown): WorkspaceEntry[] | null;
-export declare function SettingsPage(): import("react").JSX.Element;