create-principles-disciple 1.104.0 → 1.104.2

package/console/dist/ui/pages/control-center/WorkflowDiagram.d.ts

@@ -14,4 +14,4 @@
  * - 禁止 translateY / scale hover 效果（仅 rotate 允许用于箭头朝向）
  * - 无硬编码十六进制色值，全用 token
  */
-export declare function WorkflowDiagram(): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowDiagram(): import("react").JSX.Element;

package/console/dist/ui/pages/debt/DebtPage.d.ts

@@ -1 +1,2 @@
-export declare function DebtPage(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare function DebtPage(): React.JSX.Element;

package/console/dist/ui/pages/debt/DebtPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";

package/console/dist/ui/pages/design-system/DesignSystemPage.d.ts

@@ -1 +1,2 @@
-export declare function DesignSystemPage(): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+export declare function DesignSystemPage(): React.JSX.Element;

package/console/dist/ui/pages/failed-tasks/FailedTasksPage.d.ts

@@ -0,0 +1 @@
+export declare function FailedTasksPage(): import("react").JSX.Element;

package/console/dist/ui/pages/failed-tasks/FailedTasksPage.js

@@ -0,0 +1,229 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FailedTasksPage — Pipeline observability page showing failed or
+ * needs_human_review tasks, grouped by taskKind.
+ *
+ * Part of the PD feedback-pipeline observability spec (Task 10).
+ * Gated by the `failed_tasks_observability` feature flag. When the flag is
+ * disabled, the backend returns 403 and this page shows a "disabled" state
+ * with guidance on how to enable the flag.
+ *
+ * Each row exposes a "Create Feedback Draft" button that deep-links into the
+ * Report Problem page with the task/pain context pre-filled.
+ *
+ * Runtime Contract (rc-*):
+ * - rc-1: API response is treated as `unknown` and validated before use
+ * - rc-2: no `as` type assertions — runtime type guards only
+ * - rc-5: `Object.hasOwn()` for untrusted object keys
+ * - rc-9: every error/disabled path surfaces a reason + next action
+ */
+import { useState, useEffect, useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { PageShell } from "../../components/layout/page-shell.js";
+import { PageLoading } from "../../components/layout/page-loading.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../../components/ui/card.js";
+import { Button } from "../../components/ui/button.js";
+import { ShinyText } from "../../components/ui/shiny-text.js";
+import { formatDate } from "../../utils/format.js";
+// ── Runtime validators (rc-1, rc-2, rc-5) ───────────────────────────────────
+//
+// The API response is `unknown` until these guards run. No `as` casts.
+function isObject(v) {
+    return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function isString(v) {
+    return typeof v === "string";
+}
+function isNumber(v) {
+    return typeof v === "number" && !Number.isNaN(v);
+}
+function readString(v, key) {
+    if (!Object.hasOwn(v, key))
+        return null;
+    return isString(v[key]) ? v[key] : null;
+}
+function readNullableString(v, key) {
+    if (!Object.hasOwn(v, key))
+        return null;
+    const val = v[key];
+    if (val === null)
+        return null;
+    return isString(val) ? val : null;
+}
+function readNumber(v, key) {
+    if (!Object.hasOwn(v, key))
+        return null;
+    return isNumber(v[key]) ? v[key] : null;
+}
+function validateTask(v) {
+    if (!isObject(v))
+        return null;
+    const taskId = readString(v, "taskId");
+    const taskKind = readString(v, "taskKind");
+    const status = readString(v, "status");
+    const attemptCount = readNumber(v, "attemptCount");
+    const createdAt = readString(v, "createdAt");
+    // Required fields — fail loud when missing or wrong type (rc-3)
+    if (taskId === null ||
+        taskKind === null ||
+        status === null ||
+        attemptCount === null ||
+        createdAt === null) {
+        return null;
+    }
+    const painId = readNullableString(v, "painId");
+    const lastError = readNullableString(v, "lastError");
+    const lastAttemptAt = readNullableString(v, "lastAttemptAt");
+    return {
+        taskId,
+        taskKind,
+        painId,
+        status,
+        lastError,
+        attemptCount,
+        createdAt,
+        lastAttemptAt,
+    };
+}
+function validateFailedTasksData(v) {
+    if (!isObject(v))
+        return null;
+    if (!Object.hasOwn(v, "tasks"))
+        return null;
+    const tasksRaw = v.tasks;
+    if (!Array.isArray(tasksRaw))
+        return null;
+    const tasks = [];
+    for (const item of tasksRaw) {
+        const task = validateTask(item);
+        if (task === null)
+            return null;
+        tasks.push(task);
+    }
+    const total = readNumber(v, "total");
+    if (total === null)
+        return null;
+    const nextAction = readNullableString(v, "nextAction");
+    return { tasks, total, nextAction: nextAction ?? undefined };
+}
+// ── Helpers ──────────────────────────────────────────────────────────────────
+function truncateId(id) {
+    return id.length > 12 ? id.slice(0, 12) + "…" : id;
+}
+function statusToVariant(status) {
+    if (status === "failed")
+        return "destructive";
+    if (status === "needs_human_review")
+        return "amber";
+    return "default";
+}
+function groupTasksByKind(tasks) {
+    const grouped = new Map();
+    for (const task of tasks) {
+        const existing = grouped.get(task.taskKind) ?? [];
+        existing.push(task);
+        grouped.set(task.taskKind, existing);
+    }
+    return grouped;
+}
+// ── Component ────────────────────────────────────────────────────────────────
+export function FailedTasksPage() {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const [state, setState] = useState({ status: "loading" });
+    const loadData = useCallback(async () => {
+        setState({ status: "loading" });
+        try {
+            // Auth header — read from sessionStorage (same storage as api.ts)
+            const token = sessionStorage.getItem("pd_token");
+            const headers = {
+                "Content-Type": "application/json",
+            };
+            if (token) {
+                headers.Authorization = `Bearer ${token}`;
+            }
+            const response = await fetch("/api/v1/failed-tasks", { headers });
+            // 403 = feature flag disabled — show disabled state (rc-9: surface reason)
+            if (response.status === 403) {
+                setState({ status: "disabled" });
+                return;
+            }
+            if (!response.ok) {
+                let errorMessage = `HTTP ${response.status}`;
+                let nextAction;
+                try {
+                    const raw = await response.json();
+                    if (isObject(raw)) {
+                        const msg = readString(raw, "message") ?? readString(raw, "error");
+                        if (msg)
+                            errorMessage = msg;
+                        const na = readNullableString(raw, "nextAction");
+                        if (na)
+                            nextAction = na;
+                    }
+                }
+                catch {
+                    // ignore parse errors — fall back to HTTP status message
+                }
+                setState({ status: "error", message: errorMessage, nextAction });
+                return;
+            }
+            const raw = await response.json();
+            // Unwrap { success: true, data: {...} } envelope
+            const dataRaw = isObject(raw) && Object.hasOwn(raw, "success") && Object.hasOwn(raw, "data")
+                ? raw.data
+                : raw;
+            const validated = validateFailedTasksData(dataRaw);
+            if (validated === null) {
+                setState({
+                    status: "error",
+                    message: t("pages.failedTasks.error"),
+                });
+                return;
+            }
+            setState({ status: "loaded", data: validated });
+        }
+        catch (err) {
+            setState({
+                status: "error",
+                message: err instanceof Error ? err.message : "Network error",
+            });
+        }
+    }, [t]);
+    useEffect(() => {
+        loadData();
+    }, [loadData]);
+    const handleCreateDraft = (task) => {
+        const params = new URLSearchParams({
+            source: "failed_tasks_page",
+            taskId: task.taskId,
+        });
+        if (task.painId) {
+            params.set("painId", task.painId);
+        }
+        navigate(`/report-problem?${params.toString()}`);
+    };
+    return (_jsxs(PageShell, { children: [_jsxs("div", { className: "mb-8", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.14em] text-ink-3", children: t("pages.failedTasks.title") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mt-3 mb-2", duration: 4.5, brightness: 0.5, disabled: state.status !== "loaded" || state.data.tasks.length === 0, children: t("pages.failedTasks.title") }), _jsx("p", { className: "text-ink-3 text-sm leading-relaxed max-w-[712px]", children: t("pages.failedTasks.subtitle") })] }), state.status === "loading" && (_jsx(PageLoading, { cardCount: 3, label: t("common.loading") })), state.status === "disabled" && (_jsxs("div", { className: "py-8", children: [_jsx("div", { className: "p-5 bg-panel border border-amber/20 rounded-[var(--radius-md)] text-amber text-[13px] leading-relaxed", children: t("pages.failedTasks.disabled") }), _jsx("div", { className: "mt-4", children: _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t("common.refresh") }) })] })), state.status === "error" && (_jsxs("div", { className: "py-8", children: [_jsxs("div", { className: "text-danger text-sm mb-2", children: [t("pages.failedTasks.error"), ": ", state.message] }), state.nextAction && (_jsx("div", { className: "text-ink-3 text-[13px] mb-3", children: state.nextAction })), _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t("common.refresh") })] })), state.status === "loaded" && (_jsx("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: _jsx(LoadedContent, { data: state.data, onCreateDraft: handleCreateDraft, t: t }) }))] }));
+}
+function LoadedContent({ data, onCreateDraft, t }) {
+    const hasTasks = data.tasks.length > 0;
+    // Empty state — surface nextAction from the API (rc-9: no silent fallback)
+    if (!hasTasks) {
+        return (_jsx("div", { className: "py-8", children: _jsxs("div", { className: "p-5 bg-panel border border-line rounded-[var(--radius-md)]", children: [_jsx("h3", { className: "text-[17px] font-semibold text-ink mb-2", children: t("pages.failedTasks.empty") }), data.nextAction && (_jsx("p", { className: "text-ink-3 text-sm leading-relaxed", children: data.nextAction }))] }) }));
+    }
+    const grouped = groupTasksByKind(data.tasks);
+    const sortedKinds = Array.from(grouped.keys()).sort();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "space-y-6", children: sortedKinds.map((kind) => {
+                    const tasks = grouped.get(kind);
+                    if (!tasks || tasks.length === 0)
+                        return null;
+                    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: t("pages.failedTasks.kind") }), _jsxs(CardTitle, { className: "text-[15px] font-mono", children: [kind, " (", tasks.length, ")"] })] }) }), _jsx(CardContent, { children: _jsx(TaskTable, { tasks: tasks, onCreateDraft: onCreateDraft, t: t }) })] }, kind));
+                }) }), _jsxs("div", { className: "mt-8 font-mono text-[11px] text-ink-4 space-y-1", children: [_jsxs("div", { children: [t("common.total"), ": ", data.total] }), data.total > data.tasks.length && (_jsx("div", { className: "text-amber/80 leading-relaxed", children: t("pages.failedTasks.partialResults")
+                            .replace("{shown}", String(data.tasks.length))
+                            .replace("{total}", String(data.total)) }))] })] }));
+}
+function TaskTable({ tasks, onCreateDraft, t }) {
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto_minmax(0,1fr)_auto_minmax(0,1fr)_auto] gap-3 pb-2 border-b border-line font-mono text-[10px] uppercase tracking-[0.08em] text-ink-4", children: [_jsx("span", { children: t("pages.failedTasks.taskId") }), _jsx("span", { children: t("pages.failedTasks.painId") }), _jsx("span", { children: t("pages.failedTasks.status") }), _jsx("span", { children: t("pages.failedTasks.lastError") }), _jsx("span", { children: t("pages.failedTasks.attempts") }), _jsx("span", { children: t("pages.failedTasks.lastAttempt") }), _jsx("span", { "aria-hidden": "true" })] }), tasks.map((task) => (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto_minmax(0,1fr)_auto_minmax(0,1fr)_auto] gap-3 py-2 items-center text-[13px] border-b border-line/50 last:border-b-0", children: [_jsx("span", { className: "font-mono text-ink-2 truncate", title: task.taskId, children: truncateId(task.taskId) }), _jsx("span", { className: "font-mono text-ink-3 truncate", title: task.painId ?? "", children: task.painId ? truncateId(task.painId) : t("pages.failedTasks.noPainId") }), _jsx(Badge, { variant: statusToVariant(task.status), children: task.status }), _jsx("span", { className: "text-ink-3 truncate", title: task.lastError ?? "", children: task.lastError ?? "—" }), _jsx("span", { className: "font-mono text-ink-2 text-center", children: task.attemptCount }), _jsx("span", { className: "font-mono text-ink-3 text-[12px]", children: task.lastAttemptAt ? formatDate(task.lastAttemptAt) : "—" }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => onCreateDraft(task), className: "whitespace-nowrap", children: t("pages.failedTasks.createDraft") })] }, task.taskId)))] }));
+}

package/console/dist/ui/pages/focus/FocusPage.d.ts

@@ -10,5 +10,5 @@ export declare function summarizeDecisionResults(results: readonly DecisionResul
     failedCount: number;
     failureReason?: string;
 };
-export declare function FocusPage(): import("react/jsx-runtime").JSX.Element;
+export declare function FocusPage(): import("react").JSX.Element;
 export {};

package/console/dist/ui/pages/focus/FocusPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
@@ -294,7 +294,7 @@ function PendingReviewCard({ group, onDecisionApplied, }) {
             setActionLoading(false);
         }
     };
-    return (_jsxs("article", { className: "relative pl-[22px] py-[18px] pr-[18px] bg-panel border border-line rounded-[6px] transition-colors", children: [_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-[3px] rounded-l-[6px] bg-gov" }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase", children: channelLabel }), isReversible && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: primaryChannel === "prompt" ? t("pages.focus.tagReversible") : t("pages.focus.tagLowRisk") }))] }), _jsx("div", { className: "mt-[14px] mb-2 font-semibold text-ink leading-snug", children: displayTitle }), _jsx("div", { className: "mt-2 px-3 py-2 bg-surface/60 border-l-2 border-gov text-ink-3 text-[13px] leading-snug", children: t("pages.focus.evidenceSummary", { count: group.records.length }) }), _jsxs("div", { className: "flex gap-2 mt-4 flex-wrap items-center", children: [_jsx("button", { type: "button", onClick: handleApprove, disabled: !isActionable || actionLoading, className: "inline-flex items-center 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: actionLoading ? t("common.loading") + "…" : t("pages.focus.approveAction", { defaultValue: "批准" }) }), _jsx("button", { type: "button", onClick: () => { setShowEditInput((v) => !v); setShowRejectInput(false); }, disabled: !isActionable || actionLoading, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.editAction", { defaultValue: "编辑" }) }), _jsx("button", { type: "button", onClick: () => { setShowRejectInput((v) => !v); setShowEditInput(false); }, disabled: !isActionable || actionLoading, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.rejectAction", { defaultValue: "拒绝" }) }), _jsx(Link, { to: "/evidence", className: "inline-flex items-center text-gov text-[12.5px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.viewFullChain") })] }), showRejectInput && (_jsxs("div", { className: "mt-3 p-3 border border-danger/20 rounded-[var(--radius-md)]", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.rejectReasonLabel", { defaultValue: "拒绝原因（必填）" }) }), _jsx("textarea", { value: rejectReason, onChange: (e) => setRejectReason(e.target.value), placeholder: t("pages.focus.rejectReasonPlaceholder", { defaultValue: "请说明拒绝原因" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[80px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" }), _jsxs("div", { className: "flex gap-2 mt-2", children: [_jsx("button", { type: "button", onClick: handleReject, disabled: !rejectReason.trim() || actionLoading, className: "inline-flex items-center border border-danger text-danger bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-danger/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.focus.confirmReject", { defaultValue: "确认拒绝" }) }), _jsx("button", { type: "button", onClick: () => { setShowRejectInput(false); setRejectReason(""); }, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors", children: t("pages.focus.cancelAction", { defaultValue: "取消" }) })] })] })), showEditInput && (_jsxs("div", { className: "mt-3 p-3 border border-gov/20 rounded-[var(--radius-md)]", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.editReasonLabel", { defaultValue: "编辑原因（必填）" }) }), _jsxs("div", { className: "mb-2 text-ink-4 text-[12px] font-mono", children: [t("pages.focus.currentArtifactLabel", { defaultValue: "当前工件" }), ": ", currentArtifactId] }), _jsx("input", { type: "text", value: newArtifactId, onChange: (e) => setNewArtifactId(e.target.value), placeholder: t("pages.focus.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] mb-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", "aria-label": t("pages.focus.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }) }), _jsx("textarea", { value: editReason, onChange: (e) => setEditReason(e.target.value), placeholder: t("pages.focus.editReasonPlaceholder", { defaultValue: "请说明编辑原因" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[80px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" }), _jsxs("div", { className: "flex gap-2 mt-2", children: [_jsx("button", { type: "button", onClick: handleEdit, disabled: !editReason.trim() || !newArtifactId.trim() || actionLoading, className: "inline-flex items-center border border-gov text-gov bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-gov/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.focus.confirmEdit", { defaultValue: "确认编辑" }) }), _jsx("button", { type: "button", onClick: () => { setShowEditInput(false); setEditReason(""); setNewArtifactId(""); }, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors", children: t("pages.focus.cancelAction", { defaultValue: "取消" }) })] })] }))] }));
+    return (_jsxs("article", { className: "relative pl-[22px] py-[18px] pr-[18px] bg-panel border border-line rounded-[6px] transition-colors", children: [_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-[3px] rounded-l-[6px] bg-gov" }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase", children: channelLabel }), isReversible && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: primaryChannel === "prompt" ? t("pages.focus.tagReversible") : t("pages.focus.tagLowRisk") }))] }), _jsx("div", { className: "mt-[14px] mb-2 font-semibold text-ink leading-snug", children: displayTitle }), _jsx("div", { className: "mt-2 px-3 py-2 bg-surface/60 border-l-2 border-gov text-ink-3 text-[13px] leading-snug", children: t("pages.focus.evidenceSummary", { count: group.records.length }) }), _jsxs("div", { className: "flex gap-2 mt-4 flex-wrap items-center", children: [_jsx("button", { type: "button", onClick: handleApprove, disabled: !isActionable || actionLoading, "data-testid": `approve-btn-${group.principleId}`, className: "inline-flex items-center 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: actionLoading ? t("common.loading") + "…" : t("pages.focus.approveAction", { defaultValue: "批准" }) }), _jsx("button", { type: "button", onClick: () => { setShowEditInput((v) => !v); setShowRejectInput(false); }, disabled: !isActionable || actionLoading, "data-testid": `edit-btn-${group.principleId}`, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.editAction", { defaultValue: "编辑" }) }), _jsx("button", { type: "button", onClick: () => { setShowRejectInput((v) => !v); setShowEditInput(false); }, disabled: !isActionable || actionLoading, "data-testid": `reject-btn-${group.principleId}`, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.rejectAction", { defaultValue: "拒绝" }) }), _jsx(Link, { to: "/evidence", className: "inline-flex items-center text-gov text-[12.5px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.viewFullChain") })] }), showRejectInput && (_jsxs("div", { className: "mt-3 p-3 border border-danger/20 rounded-[var(--radius-md)]", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.rejectReasonLabel", { defaultValue: "拒绝原因（必填）" }) }), _jsx("textarea", { value: rejectReason, onChange: (e) => setRejectReason(e.target.value), "data-testid": `reject-reason-${group.principleId}`, placeholder: t("pages.focus.rejectReasonPlaceholder", { defaultValue: "请说明拒绝原因" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[80px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" }), _jsxs("div", { className: "flex gap-2 mt-2", children: [_jsx("button", { type: "button", onClick: handleReject, disabled: !rejectReason.trim() || actionLoading, "data-testid": `confirm-reject-${group.principleId}`, className: "inline-flex items-center border border-danger text-danger bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-danger/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.focus.confirmReject", { defaultValue: "确认拒绝" }) }), _jsx("button", { type: "button", onClick: () => { setShowRejectInput(false); setRejectReason(""); }, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors", children: t("pages.focus.cancelAction", { defaultValue: "取消" }) })] })] })), showEditInput && (_jsxs("div", { className: "mt-3 p-3 border border-gov/20 rounded-[var(--radius-md)]", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.editReasonLabel", { defaultValue: "编辑原因（必填）" }) }), _jsxs("div", { className: "mb-2 text-ink-4 text-[12px] font-mono", children: [t("pages.focus.currentArtifactLabel", { defaultValue: "当前工件" }), ": ", currentArtifactId] }), _jsx("input", { type: "text", value: newArtifactId, onChange: (e) => setNewArtifactId(e.target.value), "data-testid": `edit-new-artifact-${group.principleId}`, placeholder: t("pages.focus.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] mb-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", "aria-label": t("pages.focus.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }) }), _jsx("textarea", { value: editReason, onChange: (e) => setEditReason(e.target.value), "data-testid": `edit-reason-${group.principleId}`, placeholder: t("pages.focus.editReasonPlaceholder", { defaultValue: "请说明编辑原因" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[80px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" }), _jsxs("div", { className: "flex gap-2 mt-2", children: [_jsx("button", { type: "button", onClick: handleEdit, disabled: !editReason.trim() || !newArtifactId.trim() || actionLoading, "data-testid": `confirm-edit-${group.principleId}`, className: "inline-flex items-center border border-gov text-gov bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-gov/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.focus.confirmEdit", { defaultValue: "确认编辑" }) }), _jsx("button", { type: "button", onClick: () => { setShowEditInput(false); setEditReason(""); setNewArtifactId(""); }, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors", children: t("pages.focus.cancelAction", { defaultValue: "取消" }) })] })] }))] }));
 }
 function StagnationSignalCard({ signal }) {
     const { t } = useTranslation();

package/console/dist/ui/pages/intent/IntentOnboarding.d.ts

@@ -28,7 +28,7 @@ interface OnboardingModalProps {
     /** Called when user closes the modal without completing */
     onClose: () => void;
 }
-export declare function OnboardingModal({ onComplete, onSkip, onClose }: OnboardingModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingModal({ onComplete, onSkip, onClose }: OnboardingModalProps): import("react").JSX.Element;
 interface IntentEditorProps {
     /** Initial content to populate the editor (current INTENT.md content) */
     initialContent: string;
@@ -39,7 +39,7 @@ interface IntentEditorProps {
     /** Language for bilingual INTENT.md */
     lang: 'zh-CN' | 'en';
 }
-export declare function IntentEditor({ initialContent, onSaved, onCancel, lang }: IntentEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function IntentEditor({ initialContent, onSaved, onCancel, lang }: IntentEditorProps): import("react").JSX.Element;
 interface CreateIntentButtonProps {
     /**
      * Called after INTENT.md is successfully created (or already existed).
@@ -58,10 +58,10 @@ interface CreateIntentButtonProps {
     /** Language for bilingual INTENT.md */
     lang: 'zh-CN' | 'en';
 }
-export declare function CreateIntentButton({ onCreated, showOnboarding, lang }: CreateIntentButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CreateIntentButton({ onCreated, showOnboarding, lang }: CreateIntentButtonProps): import("react").JSX.Element;
 interface EditButtonProps {
     onClick: () => void;
     loading?: boolean;
 }
-export declare function EditButton({ onClick, loading }: EditButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditButton({ onClick, loading }: EditButtonProps): import("react").JSX.Element;
 export {};

package/console/dist/ui/pages/intent/IntentOnboarding.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * PRI-477 + spec 2026-06-27: Intent Engineering onboarding components.
  *

package/console/dist/ui/pages/intent/IntentPage.d.ts

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

package/console/dist/ui/pages/intent/IntentPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";

package/console/dist/ui/pages/pain/PainPage.d.ts

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

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * PainPage — Behavior Evidence page showing real evidence/pain/diagnosis chain states.
  *

package/console/dist/ui/pages/principles/PrincipleDetailPage.d.ts

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

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { useParams, useNavigate, Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";

package/console/dist/ui/pages/principles/PrinciplesPage.d.ts

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

package/console/dist/ui/pages/report-problem/ReportProblemPage.d.ts

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

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

@@ -1,13 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
+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 { createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, } from "../../api.js";
+import { createFeedbackReport, listFeedbackReports, getFeedbackReport, deleteFeedbackReport, fetchConfigSummary, request, } from "../../api.js";
 import { enumLabel } from "../../utils/enum-labels.js";
-import { parseDraftRecord, parseDraftSummary, parseEnvelopeReport, getErrorMessage, } from "../ReportProblemValidators.js";
+import { parseDraftRecord, parseDraftSummary, parseEnvelopeReport, getErrorMessage, buildFeedbackContextFromSearchParams, buildFeedbackDiagnostics, } from "../ReportProblemValidators.js";
 const INITIAL_FORM = {
     type: "bug",
     severity: undefined,
@@ -57,10 +58,10 @@ 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 DraftCard({ draft, onCopyMarkdown, onCopyEmail, onOpenGithub, onDelete }) {
+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") })), !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: [_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" })] }))] })] }));
 }
 function SavedDraftsSection({ drafts, onLoad, onDelete }) {
     const { t } = useTranslation();
@@ -68,12 +69,17 @@ function SavedDraftsSection({ drafts, onLoad, onDelete }) {
 }
 export function ReportProblemPage() {
     const { t } = useTranslation();
+    const [searchParams] = useSearchParams();
     const [form, setForm] = useState(INITIAL_FORM);
     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 contextFromUrl = useMemo(() => buildFeedbackContextFromSearchParams(searchParams), [searchParams]);
     // ── Load drafts on mount ─────────────────────────────────────────────────
     const loadDrafts = useCallback(async () => {
         const result = await listFeedbackReports();
@@ -117,8 +123,24 @@ export function ReportProblemPage() {
                 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 } : {}),
             };
-            const result = await createFeedbackReport(input, undefined);
+            // ── 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);
             if (!result.success) {
                 toast.error(getErrorMessage(result, t("pages.reportProblem.errors.createFailed")));
                 setForm((prev) => ({ ...prev, submitting: false }));
@@ -159,7 +181,7 @@ export function ReportProblemPage() {
         finally {
             setForm((prev) => ({ ...prev, submitting: false }));
         }
-    }, [form, t, loadDrafts]);
+    }, [form, t, loadDrafts, contextFromUrl]);
     // ── Draft actions ────────────────────────────────────────────────────────
     const handleLoadDraft = useCallback(async (id) => {
         const result = await getFeedbackReport(id);
@@ -207,6 +229,11 @@ export function ReportProblemPage() {
             window.open(draft.outputs.githubIssueUrl, "_blank");
         }
     }, []);
+    const handleOpenEmail = useCallback((draft) => {
+        if (draft.outputs.mailtoUrl) {
+            window.open(draft.outputs.mailtoUrl, "_blank");
+        }
+    }, []);
     const handleDeleteDraft = useCallback(async (id) => {
         const result = await deleteFeedbackReport(id);
         if (!result.success) {
@@ -243,5 +270,5 @@ export function ReportProblemPage() {
                                                 }
                                             }, 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
                                                 ? 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), 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 && (_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") })] }) }));
 }

package/console/dist/ui/pages/settings/SettingsPage.d.ts

@@ -1,4 +1,4 @@
 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-runtime").JSX.Element;
+export declare function SettingsPage(): import("react").JSX.Element;

package/console/dist/ui/pages/settings/SettingsPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";

package/console/dist/ui/pages/settings/UpdatePage.d.ts

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