Panel: de-dupe live notifications and expose recovery states on the board

Notification bell: the websocket stream was rendered with a plain filter, so
a stream replay after a reconnect surfaced — and counted — the same
notification twice, inflating the unread badge. De-duplicate by
notification_id (newest copy wins, arrival order preserved) and key the list
on the id instead of array index.

PM kanban: the board had no columns for the recovery states (paused,
needs-revision, awaiting-CEO-approval, cancelled), so a human had no way to
drive a wedged task into them from the UI. Add those columns; dragging a card
issues an admin status override, giving the CEO direct recovery from the board.
This commit is contained in:
Renn F
2026-06-08 04:47:35 +02:00
parent 9bbbd6627f
commit 69da8de4b5
3 changed files with 33 additions and 4 deletions
@@ -4,16 +4,26 @@ import { useState } from "react";
import { TaskStatus, Team } from "@/types";
import { KanbanBoard } from "../core/kanban-board";
// The management board carries a column for every lifecycle state a human
// overseer may need to drive a task into — including the recovery states
// (paused / needs-revision / awaiting-CEO / cancelled) that automatic flow
// never lands on. Dragging a card issues an admin status override, so the CEO
// can recover a wedged task straight from the board. (verifying is omitted: a
// transient dev-internal self-check state, not a destination a human sets.)
const PM_COLUMNS = [
{ id: "backlog", status: TaskStatus.BACKLOG, title: "Backlog", color: "bg-slate-50 dark:bg-slate-900" },
{ id: "incoming", status: TaskStatus.PENDING, title: "Pending", color: "bg-gray-100 dark:bg-gray-800" },
{ id: "assigned", status: TaskStatus.CLAIMED, title: "Assigned", color: "bg-blue-50 dark:bg-blue-950" },
{ id: "in-progress", status: TaskStatus.IN_PROGRESS, title: "In Progress", color: "bg-blue-100 dark:bg-blue-900" },
{ id: "blocked", status: TaskStatus.BLOCKED, title: "Blocked", color: "bg-red-100 dark:bg-red-900" },
{ id: "paused", status: TaskStatus.PAUSED, title: "Paused", color: "bg-amber-50 dark:bg-amber-950" },
{ id: "qa", status: TaskStatus.AWAITING_QA, title: "In QA", color: "bg-yellow-50 dark:bg-yellow-950" },
{ id: "needs-revision", status: TaskStatus.NEEDS_REVISION, title: "Needs Revision", color: "bg-rose-50 dark:bg-rose-950" },
{ id: "docs", status: TaskStatus.AWAITING_DOCUMENTATION, title: "In Docs", color: "bg-purple-50 dark:bg-purple-950" },
{ id: "pm-review", status: TaskStatus.AWAITING_PM_REVIEW, title: "PM Review", color: "bg-orange-50 dark:bg-orange-950" },
{ id: "ceo-approval", status: TaskStatus.AWAITING_CEO_APPROVAL, title: "CEO Approval", color: "bg-indigo-50 dark:bg-indigo-950" },
{ id: "done", status: TaskStatus.COMPLETED, title: "Done", color: "bg-green-50 dark:bg-green-950" },
{ id: "cancelled", status: TaskStatus.CANCELLED, title: "Cancelled", color: "bg-zinc-100 dark:bg-zinc-900" },
];
interface PmKanbanProps {
@@ -58,7 +58,7 @@ export function NotificationBell() {
<div className="space-y-2 max-h-64 overflow-y-auto">
{notifications.slice(-10).reverse().map((notification, i) => (
<div
key={i}
key={notification.notification_id ?? `anon-${i}`}
className="p-2 rounded bg-muted hover:bg-muted/80 cursor-pointer"
>
<div className="flex items-center justify-between">