Add user feedback status notifications

frontend/components/dashboard/scan-terminal/__tests__/feedbackStatusNotification.test.ts

@@ -0,0 +1,40 @@
+import {
+  buildFeedbackNotificationKey,
+  countUnseenFeedbackUpdates,
+  feedbackStatusLabel,
+} from "@/components/dashboard/scan-terminal/feedback-status";
+
+function assert(condition: unknown, message: string): asserts condition {
+  if (!condition) throw new Error(message);
+}
+
+export function runTests() {
+  assert(feedbackStatusLabel("open", false) === "已收到", "open feedback should read as received to users");
+  assert(feedbackStatusLabel("triaged", false) === "已确认", "triaged feedback should read as confirmed to users");
+  assert(feedbackStatusLabel("investigating", false) === "处理中", "investigating feedback should read as in progress");
+  assert(feedbackStatusLabel("resolved", false) === "已解决", "resolved feedback should read as handled");
+  assert(feedbackStatusLabel("closed", true) === "Closed", "closed feedback should have English copy");
+
+  const firstVersion = {
+    id: 7,
+    status: "open",
+    updated_at: "2026-06-06T10:00:00",
+  };
+  const handledVersion = {
+    ...firstVersion,
+    status: "resolved",
+    updated_at: "2026-06-06T10:30:00",
+  };
+  const firstKey = buildFeedbackNotificationKey(firstVersion);
+  const handledKey = buildFeedbackNotificationKey(handledVersion);
+
+  assert(firstKey !== handledKey, "status and updated_at changes should create a new notification key");
+  assert(
+    countUnseenFeedbackUpdates([firstVersion, handledVersion], new Set([firstKey])) === 1,
+    "already seen feedback versions should not count, but later handled versions should",
+  );
+  assert(
+    countUnseenFeedbackUpdates([firstVersion, handledVersion], new Set([firstKey, handledKey])) === 0,
+    "opening the status panel should be able to clear all visible feedback update badges",
+  );
+}

frontend/components/dashboard/scan-terminal/__tests__/feedbackWorkflow.test.ts

@@ -16,14 +16,22 @@ export function runTests() {
     "utf8",
   );
   const modalPath = path.join(projectRoot, "components", "dashboard", "scan-terminal", "UserFeedbackModal.tsx");
+  const statusButtonPath = path.join(projectRoot, "components", "dashboard", "scan-terminal", "UserFeedbackStatusButton.tsx");
   const opsSidebarSource = fs.readFileSync(
     path.join(projectRoot, "components", "ops", "layout", "AdminSidebar.tsx"),
     "utf8",
   );
   const opsApiSource = fs.readFileSync(path.join(projectRoot, "lib", "ops-api.ts"), "utf8");
+  const feedbackRouteSource = fs.readFileSync(path.join(projectRoot, "app", "api", "feedback", "route.ts"), "utf8");
 
   assert(fs.existsSync(modalPath), "terminal must ship a user feedback modal component");
+  assert(fs.existsSync(statusButtonPath), "terminal must ship a user-facing feedback status notification component");
   const modalSource = fs.readFileSync(modalPath, "utf8");
+  const statusButtonSource = fs.readFileSync(statusButtonPath, "utf8");
+  const statusHelperSource = fs.readFileSync(
+    path.join(projectRoot, "components", "dashboard", "scan-terminal", "feedback-status.ts"),
+    "utf8",
+  );
 
   assert(
     dashboardSource.includes("onFeedbackClick") &&
@@ -40,9 +48,30 @@ export function runTests() {
   assert(
     modalSource.includes("/api/feedback") &&
       modalSource.includes("getAnalyticsClientId") &&
+      modalSource.includes("onSubmitted") &&
       modalSource.includes("navigator.userAgent") &&
       modalSource.includes("type=\"textarea\"") === false,
-    "feedback modal must submit to the feedback API and attach client/session diagnostics without using invalid textarea input types",
+    "feedback modal must submit to the feedback API, notify the dashboard after success, and attach client/session diagnostics without using invalid textarea input types",
+  );
+  assert(
+    feedbackRouteSource.includes("export async function GET") &&
+      feedbackRouteSource.includes("method: \"GET\"") &&
+      feedbackRouteSource.includes("limit"),
+    "feedback API proxy must expose a GET endpoint for the current user's feedback status list",
+  );
+  assert(
+    dashboardSource.includes("<UserFeedbackStatusButton") &&
+      dashboardSource.includes("feedbackRefreshKey") &&
+      dashboardSource.includes("setFeedbackRefreshKey"),
+    "terminal header must expose a small feedback status notification icon and refresh it after submissions",
+  );
+  assert(
+    statusButtonSource.includes("/api/feedback") &&
+      statusButtonSource.includes("localStorage") &&
+      statusButtonSource.includes("Bell") &&
+      statusHelperSource.includes("triaged") &&
+      statusHelperSource.includes("resolved"),
+    "feedback status notification must poll the user feedback API, badge unseen status changes, and translate handled states",
   );
   assert(
     opsSidebarSource.includes("/ops/feedback") &&