@tomismeta/paperclip-aperture 0.3.2 → 0.4.0

package/README.md

@@ -20,6 +20,7 @@ It is designed as a live attention layer, not an inbox clone:
 - `now` shows the single most interrupting item
 - `next` stages the queue behind it
 - `ambient` keeps low-pressure awareness visible without demanding action
+- unread state is secondary to action pressure, so Focus stays judgment-first instead of becoming a second inbox
 
 Put differently:
 

package/dist/manifest.js

@@ -1,7 +1,7 @@
 const manifest = {
   id: "tomismeta.paperclip-aperture",
   apiVersion: 1,
-  version: "0.3.2",
+  version: "0.4.0",
   displayName: "Paperclip Aperture",
   description: "The live attention layer for Paperclip, powered by Aperture's deterministic attention engine.",
   author: "@tomismeta",
@@ -13,8 +13,10 @@ const manifest = {
     "issue.comments.read",
     "issue.comments.create",
     "issue.documents.read",
+    "activity.log.write",
     "plugin.state.read",
     "plugin.state.write",
+    "telemetry.track",
     "ui.dashboardWidget.register",
     "ui.page.register",
     "ui.sidebar.register"

package/dist/ui/index.js

@@ -1,7 +1,8 @@
 // src/ui/index.tsx
 import {
   usePluginAction,
-  usePluginData
+  usePluginData,
+  usePluginStream
 } from "@paperclipai/plugin-sdk/ui";
 import { useEffect, useMemo, useRef, useState } from "react";
 
@@ -40,14 +41,14 @@ function frameSortScore(frame, lane) {
   const toneWeight = frame.tone === "critical" ? 40 : frame.tone === "focused" ? 25 : 5;
   const consequenceWeight = frame.consequence === "high" ? 30 : frame.consequence === "medium" ? 15 : 0;
   const modeWeight = frame.mode === "approval" ? 12 : frame.mode === "choice" ? 8 : 0;
-  const laneWeight = lane === "active" ? 20 : lane === "queued" ? 10 : 0;
+  const laneWeight = lane === "now" ? 20 : lane === "next" ? 10 : 0;
   const budgetWeight = isBudgetOverride(frame) ? 10 : 0;
   return toneWeight + consequenceWeight + modeWeight + laneWeight + budgetWeight + frameSemanticWeight(frame);
 }
 function emptyLaneCounts() {
   return {
-    active: 0,
-    queued: 0,
+    now: 0,
+    next: 0,
     ambient: 0,
     total: 0
   };
@@ -73,10 +74,10 @@ function isFrameUnread(frame, snapshotUpdatedAt, review) {
 }
 function calculateUnreadCounts(snapshot, review) {
   const unread = emptyLaneCounts();
-  if (snapshot.active && isFrameUnread(snapshot.active, snapshot.updatedAt, review)) unread.active += 1;
-  unread.queued = snapshot.queued.filter((frame) => isFrameUnread(frame, snapshot.updatedAt, review)).length;
+  if (snapshot.now && isFrameUnread(snapshot.now, snapshot.updatedAt, review)) unread.now += 1;
+  unread.next = snapshot.next.filter((frame) => isFrameUnread(frame, snapshot.updatedAt, review)).length;
   unread.ambient = snapshot.ambient.filter((frame) => isFrameUnread(frame, snapshot.updatedAt, review)).length;
-  unread.total = unread.active + unread.queued + unread.ambient;
+  unread.total = unread.now + unread.next + unread.ambient;
   return unread;
 }
 function attachReviewState(snapshot, review) {
@@ -92,33 +93,33 @@ function mergeStoredFrames(snapshot, companyId, candidates, review, nowIso = (/*
   const base = snapshot ?? {
     companyId,
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-    active: null,
-    queued: [],
+    now: null,
+    next: [],
     ambient: [],
     counts: emptyLaneCounts()
   };
   const candidateTaskIds = new Set(candidates.map((candidate) => candidate.frame.taskId));
   const baseEntries = [
-    ...base.active ? [{ frame: base.active, lane: "active" }] : [],
-    ...base.queued.map((frame) => ({ frame, lane: "queued" })),
+    ...base.now ? [{ frame: base.now, lane: "now" }] : [],
+    ...base.next.map((frame) => ({ frame, lane: "next" })),
     ...base.ambient.map((frame) => ({ frame, lane: "ambient" }))
   ].filter((candidate) => !candidateTaskIds.has(candidate.frame.taskId));
   const filtered = [...baseEntries, ...candidates].filter((candidate) => !isFrameSuppressed(candidate.frame, base.updatedAt, review));
   const actionable = filtered.filter((candidate) => candidate.lane !== "ambient").sort((left, right) => compareCandidates(left, right, base.updatedAt));
   const ambient = filtered.filter((candidate) => candidate.lane === "ambient").filter((candidate) => !isAmbientExpired(candidate.frame, base.updatedAt, nowIso)).sort((left, right) => compareCandidates(left, right, base.updatedAt));
-  const active = actionable.shift()?.frame ?? null;
-  const queued = actionable.map((candidate) => candidate.frame);
+  const now = actionable.shift()?.frame ?? null;
+  const next = actionable.map((candidate) => candidate.frame);
   const ambientFrames = ambient.map((candidate) => candidate.frame);
   return attachReviewState({
     ...base,
-    active,
-    queued,
+    now,
+    next,
     ambient: ambientFrames,
     counts: {
-      active: active ? 1 : 0,
-      queued: queued.length,
+      now: now ? 1 : 0,
+      next: next.length,
       ambient: ambientFrames.length,
-      total: (active ? 1 : 0) + queued.length + ambientFrames.length
+      total: (now ? 1 : 0) + next.length + ambientFrames.length
     }
   }, review);
 }
@@ -162,10 +163,10 @@ function relationHintLabel(hint) {
 }
 function laneReason(lane) {
   switch (lane) {
-    case "active":
+    case "now":
       return "This is the most urgent item in the queue right now.";
-    case "queued":
-      return "This is queued behind the current top item.";
+    case "next":
+      return "This is staged behind the current top item.";
     case "ambient":
       return "This is visible for awareness without needing action yet.";
   }
@@ -237,6 +238,7 @@ function decisionContextItem(value) {
 
 // src/aperture/attention-language.ts
 var GENERIC_QUEUED_JUDGMENT = "Important enough to keep visible, but not enough to displace now.";
+var GENERIC_NEXT_JUDGMENT = GENERIC_QUEUED_JUDGMENT;
 function approvalBlockingSummary(budgetOverride) {
   return budgetOverride ? "Budget controls are blocking work until a board decision lands." : "A board decision is blocking work in Paperclip.";
 }
@@ -244,14 +246,14 @@ function approvalBlockingWhyNow(budgetOverride) {
   return budgetOverride ? "Budget controls are blocking work until a board decision lands." : "Paperclip is waiting on a human approval before work can continue.";
 }
 function genericJudgmentLine(frame, lane) {
-  if (lane === "active") {
+  if (lane === "now") {
     if (isBudgetOverride(frame)) return approvalBlockingSummary(true);
     if (frame.mode === "approval") return "A human decision is blocking work right now.";
     if (frame.tone === "critical") return "This surfaced because it can displace the operator now.";
     return "This is the clearest current operator focus.";
   }
   if (isBudgetOverride(frame)) return "Budget review is staged behind the current focus.";
-  if (lane === "queued") return GENERIC_QUEUED_JUDGMENT;
+  if (lane === "next") return GENERIC_NEXT_JUDGMENT;
   return "Useful for awareness, but not interrupting.";
 }
 
@@ -260,12 +262,12 @@ function createEmptySnapshot(companyId) {
   return {
     companyId,
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-    active: null,
-    queued: [],
+    now: null,
+    next: [],
     ambient: [],
     counts: {
-      active: 0,
-      queued: 0,
+      now: 0,
+      next: 0,
       ambient: 0,
       total: 0
     }
@@ -357,7 +359,7 @@ function mergeSnapshotWithApprovals(snapshot, companyId, approvals, review) {
   const approvalFrames = actionableApprovalRecords(approvals).map(approvalRecordToFrame);
   const base = snapshot ?? createEmptySnapshot(companyId);
   const merged = mergeStoredFrames(base, companyId, [
-    ...approvalFrames.map((frame, index) => ({ frame, lane: index === 0 ? "active" : "queued" }))
+    ...approvalFrames.map((frame, index) => ({ frame, lane: index === 0 ? "now" : "next" }))
   ], review);
   return merged;
 }
@@ -411,6 +413,7 @@ var ACCENT_COLOR = "#007ACC";
 var ACCENT_BG = `${ACCENT_COLOR}14`;
 var ACCENT_BORDER = `${ACCENT_COLOR}33`;
 var ACCENT_BG_STYLE = { backgroundColor: ACCENT_COLOR };
+var ATTENTION_UPDATES_STREAM = "attention-updates";
 function currentSurfaceBrand() {
   return {
     key: "focus",
@@ -533,17 +536,21 @@ function requestDescriptor(frame) {
   return driver ? `${sourceLabel(frame)} \xB7 ${driver}` : sourceLabel(frame);
 }
 function postureForSnapshot(snapshot) {
-  const current = snapshot.active;
-  if (current?.tone === "critical" || current?.consequence === "high" || snapshot.counts.active + snapshot.counts.queued >= 3) {
+  const current = snapshot.now;
+  if (current?.tone === "critical" || current?.consequence === "high" || snapshot.counts.now + snapshot.counts.next >= 3) {
     return { glyph: "\u25CF", label: "busy" };
   }
-  if (snapshot.counts.active > 0 || snapshot.counts.queued > 0 || snapshot.counts.ambient > 0) {
+  if (snapshot.counts.now > 0 || snapshot.counts.next > 0 || snapshot.counts.ambient > 0) {
     return { glyph: "\u25D0", label: "elevated" };
   }
   return { glyph: "\u25CB", label: "calm" };
 }
 function actionableCount(snapshot) {
-  return (snapshot.active ? 1 : 0) + snapshot.queued.length;
+  return (snapshot.now ? 1 : 0) + snapshot.next.length;
+}
+function actionableLabel(snapshot) {
+  const actionable = actionableCount(snapshot);
+  return actionable > 0 ? `${actionable} action${actionable === 1 ? "" : "s"}` : null;
 }
 function judgmentLine(frame, lane) {
   if (frame.provenance?.whyNow) return frame.provenance.whyNow;
@@ -554,19 +561,19 @@ function nextPrimaryText(frame) {
   if (recommendedMove) return recommendedMove;
   const summary = frame.summary?.trim();
   if (summary) return summary;
-  const fallback = judgmentLine(frame, "queued");
+  const fallback = judgmentLine(frame, "next");
   return fallback === GENERIC_QUEUED_JUDGMENT ? null : fallback;
 }
 function supportingLine(frame, lane) {
   const owner = actionOwnerValue(frame);
   const target = blockingTargetValue(frame);
-  if (target && lane === "active" && entityTypeFromFrame(frame) === "issue" && driverLabel(frame) === "review required") {
+  if (target && lane === "now" && entityTypeFromFrame(frame) === "issue" && driverLabel(frame) === "review required") {
     return issueBlocksTargetLine(target);
   }
-  if (owner && lane === "active" && entityTypeFromFrame(frame) === "issue") {
+  if (owner && lane === "now" && entityTypeFromFrame(frame) === "issue") {
     return issueNeedsActionFromLine(owner);
   }
-  if (lane === "active") {
+  if (lane === "now") {
     const recommendedMove = recommendedMoveValue(frame)?.trim();
     const summary = frame.summary?.trim();
     const judgment2 = judgmentLine(frame, lane).trim();
@@ -639,21 +646,21 @@ function applyLocalSuppressions(snapshot, suppressedAtByTaskId) {
     if (!suppressedAt) return true;
     return frameUpdatedAt(frame, snapshot.updatedAt).localeCompare(suppressedAt) > 0;
   };
-  const queued = snapshot.queued.filter(keepFrame);
+  const next = snapshot.next.filter(keepFrame);
   const ambient = snapshot.ambient.filter(keepFrame);
-  const activeCandidate = snapshot.active && keepFrame(snapshot.active) ? snapshot.active : null;
-  const active = activeCandidate ?? queued[0] ?? null;
-  const nextQueued = activeCandidate ? queued : queued.slice(1);
+  const nowCandidate = snapshot.now && keepFrame(snapshot.now) ? snapshot.now : null;
+  const now = nowCandidate ?? next[0] ?? null;
+  const nextFrames = nowCandidate ? next : next.slice(1);
   return {
     ...snapshot,
-    active,
-    queued: nextQueued,
+    now,
+    next: nextFrames,
     ambient,
     counts: {
-      active: active ? 1 : 0,
-      queued: nextQueued.length,
+      now: now ? 1 : 0,
+      next: nextFrames.length,
       ambient: ambient.length,
-      total: (active ? 1 : 0) + nextQueued.length + ambient.length
+      total: (now ? 1 : 0) + nextFrames.length + ambient.length
     }
   };
 }
@@ -924,7 +931,16 @@ function useQueueMovement(frames, ttlMs = 3500) {
 function useAttentionModel(companyId) {
   const displayQuery = usePluginData("attention-display", companyId ? { companyId } : void 0);
   const approvalsQuery = usePendingApprovals(companyId);
+  const updates = usePluginStream(
+    ATTENTION_UPDATES_STREAM,
+    companyId ? { companyId } : void 0
+  );
   useAttentionPolling(companyId, [displayQuery.refresh, approvalsQuery.refresh]);
+  useEffect(() => {
+    if (!companyId || !updates.lastEvent) return;
+    displayQuery.refresh();
+    approvalsQuery.refresh();
+  }, [companyId, updates.lastEvent?.updatedAt, updates.lastEvent?.eventType]);
   const snapshot = useMemo(
     () => companyId ? mergeSnapshotWithApprovals(displayQuery.data?.snapshot ?? null, companyId, approvalsQuery.data, displayQuery.data?.reviewState ?? null) : null,
     [displayQuery.data, approvalsQuery.data, companyId]
@@ -1078,10 +1094,10 @@ function InlineExplainability(props) {
     ...explanation.signals.slice(0, 2),
     ...explanation.relationLabels.slice(0, 1)
   ];
-  const label = props.lane === "queued" ? "Why next" : props.lane === "ambient" ? "Why ambient" : "Why now";
+  const label = props.lane === "next" ? "Why next" : props.lane === "ambient" ? "Why ambient" : "Why now";
   const whyNow = explanation.whyNow ?? judgmentLine(props.frame, props.lane);
-  const primaryLine = props.lane === "active" ? props.preferLaneReason ? explanation.laneReason : whyNow : whyNow;
-  const secondaryLine = props.lane === "active" ? !props.preferLaneReason && whyNow !== explanation.laneReason ? explanation.laneReason : null : explanation.laneReason;
+  const primaryLine = props.lane === "now" ? props.preferLaneReason ? explanation.laneReason : whyNow : whyNow;
+  const secondaryLine = props.lane === "now" ? !props.preferLaneReason && whyNow !== explanation.laneReason ? explanation.laneReason : null : explanation.laneReason;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-l-2 pl-4", style: { borderColor: ACCENT_COLOR }, children: [
     /* @__PURE__ */ jsx("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: label }),
     /* @__PURE__ */ jsx("p", { className: "max-w-3xl text-sm leading-relaxed text-foreground/90", children: primaryLine }),
@@ -1094,7 +1110,7 @@ function ExplainabilityPanel(props) {
   const strength = !props.detailOnly && explanation.signalStrength ? signalStrengthLabel(explanation.signalStrength) : null;
   const signalValues = props.detailOnly ? explanation.signals.slice(2) : explanation.signals;
   const relationValues = props.detailOnly ? explanation.relationLabels.slice(1) : explanation.relationLabels;
-  const reasoningLabel = props.lane === "active" ? "Reasoning" : props.lane === "queued" ? "Why it sits here" : "Why it stays quiet";
+  const reasoningLabel = props.lane === "now" ? "Reasoning" : props.lane === "next" ? "Why it sits here" : "Why it stays quiet";
   if (props.detailOnly && signalValues.length === 0 && relationValues.length === 0 && !explanation.continuity) {
     return null;
   }
@@ -1231,7 +1247,7 @@ function NowDetails(props) {
   const activityLink = activityHref(frame, props.companyPrefix);
   const hasContext = visibleContextItems(frame).length > 0;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border pt-4", children: [
-    /* @__PURE__ */ jsx(ExplainabilityPanel, { frame, lane: "active", detailOnly: true }),
+    /* @__PURE__ */ jsx(ExplainabilityPanel, { frame, lane: "now", detailOnly: true }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx("span", { children: requestDescriptor(frame) }),
       /* @__PURE__ */ jsx("span", { children: impactLabel(frame) }),
@@ -1447,14 +1463,14 @@ function NowActionRail(props) {
   );
 }
 function NowPane(props) {
-  const frame = props.snapshot.active;
+  const frame = props.snapshot.now;
   const [detailsOpen, setDetailsOpen] = useState(false);
   const wideLayout = useWideLayout(1120);
   const activeFrameId = frame?.id ?? null;
-  const activeUnread = !!frame && (props.snapshot.review?.unread.active ?? 0) > 0;
+  const activeUnread = !!frame && (props.snapshot.review?.unread.now ?? 0) > 0;
   const itemLink = frame ? itemHref(frame, props.companyPrefix) : null;
   const recommendedMove = frame ? recommendedMoveValue(frame) : null;
-  const helperLine = frame ? supportingLine(frame, "active") : null;
+  const helperLine = frame ? supportingLine(frame, "now") : null;
   const driverBadge = driverBadgeStyle();
   useEffect(() => {
     setDetailsOpen(false);
@@ -1474,13 +1490,13 @@ function NowPane(props) {
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs tabular-nums text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs("span", { className: props.counts.active > 0 ? "font-semibold" : "", children: [
+            /* @__PURE__ */ jsxs("span", { className: props.counts.now > 0 ? "font-semibold" : "", children: [
               "now ",
-              props.counts.active > 0 ? /* @__PURE__ */ jsx(Accent, { children: props.counts.active }) : props.counts.active
+              props.counts.now > 0 ? /* @__PURE__ */ jsx(Accent, { children: props.counts.now }) : props.counts.now
             ] }),
-            /* @__PURE__ */ jsxs("span", { className: props.counts.queued > 0 ? "font-semibold" : "", children: [
+            /* @__PURE__ */ jsxs("span", { className: props.counts.next > 0 ? "font-semibold" : "", children: [
               "next ",
-              props.counts.queued > 0 ? /* @__PURE__ */ jsx(Accent, { children: props.counts.queued }) : props.counts.queued
+              props.counts.next > 0 ? /* @__PURE__ */ jsx(Accent, { children: props.counts.next }) : props.counts.next
             ] }),
             /* @__PURE__ */ jsxs("span", { className: props.counts.ambient > 0 ? "font-semibold" : "", children: [
               "ambient ",
@@ -1509,7 +1525,7 @@ function NowPane(props) {
                     /* @__PURE__ */ jsx(Badge, { className: "border-border bg-secondary text-foreground/80", children: impactLabel(frame) }),
                     driverLabel(frame) ? /* @__PURE__ */ jsx(Badge, { className: driverBadge.className, style: driverBadge.style, children: driverLabel(frame) }) : null
                   ] }),
-                  /* @__PURE__ */ jsx(InlineExplainability, { frame, lane: "active", preferLaneReason: !!helperLine }),
+                  /* @__PURE__ */ jsx(InlineExplainability, { frame, lane: "now", preferLaneReason: !!helperLine }),
                   /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx(Accent, { children: /* @__PURE__ */ jsxs(
                     "button",
                     {
@@ -1538,7 +1554,7 @@ function NowPane(props) {
                   NowActionRail,
                   {
                     frame,
-                    lane: "active",
+                    lane: "now",
                     wide: wideLayout,
                     pendingId: props.pendingId,
                     itemLink,
@@ -1574,7 +1590,7 @@ function NextRow(props) {
   const secondaryText = nextPrimaryText(frame);
   const driver = driverLabel(frame);
   const driverBadge = driverBadgeStyle();
-  const detailText = judgmentLine(frame, "queued");
+  const detailText = judgmentLine(frame, "next");
   const showDetailText = detailText.trim().length > 0 && detailText !== secondaryText && detailText !== GENERIC_QUEUED_JUDGMENT;
   const rankOpacity = Math.max(0.4, 1 - (props.rank - 1) * 0.14);
   return /* @__PURE__ */ jsxs("div", { className: "border-b border-border/80 last:border-b-0", style: expanded ? { borderLeftWidth: 2, borderLeftColor: ACCENT_COLOR } : void 0, children: [
@@ -1610,7 +1626,7 @@ function NextRow(props) {
     ),
     expanded ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 pb-4 pl-12 sm:px-6 sm:pl-14", children: [
       showDetailText ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: detailText }) : null,
-      /* @__PURE__ */ jsx(ExplainabilityStrip, { frame, lane: "queued" }),
+      /* @__PURE__ */ jsx(ExplainabilityStrip, { frame, lane: "next" }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsx("span", { children: impactLabel(frame) }),
         driver ? /* @__PURE__ */ jsx(Accent, { children: driver }) : null,
@@ -1642,7 +1658,7 @@ function NextRow(props) {
           FrameActions,
           {
             frame,
-            lane: "queued",
+            lane: "next",
             pendingId: props.pendingId,
             onApprove: props.onApprove,
             onReject: props.onReject,
@@ -1720,7 +1736,8 @@ function DashboardWidget(props) {
   if (error) return /* @__PURE__ */ jsx(MessageCard, { title: "Plugin error", body: error.message });
   if (!data) return /* @__PURE__ */ jsx(MessageCard, { title: brand.wordmark, body: brand.headingEmptyState });
   const posture = postureForSnapshot(data);
-  const leadingText = data.active ? recommendedMoveValue(data.active) ?? data.active.title : null;
+  const leadingText = data.now ? recommendedMoveValue(data.now) ?? data.now.title : null;
+  const actionable = actionableLabel(data);
   const borderStyle = posture.label === "busy" ? { borderLeftWidth: 2, borderLeftColor: ACCENT_COLOR } : posture.label === "elevated" ? { borderLeftWidth: 2, borderLeftColor: ACCENT_BORDER } : void 0;
   return /* @__PURE__ */ jsxs("a", { href, className: "block border border-border bg-card px-4 py-3 shadow-sm transition-colors hover:bg-accent/40", style: borderStyle, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-xs", children: [
@@ -1728,16 +1745,13 @@ function DashboardWidget(props) {
       /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
         /* @__PURE__ */ jsx(Accent, { className: "font-semibold tracking-[0.04em]", children: brand.wordmark }),
         /* @__PURE__ */ jsx(Accent, { className: "text-[11px]", children: posture.label }),
-        unreadCount(data) > 0 ? /* @__PURE__ */ jsxs(Accent, { className: "text-[11px]", children: [
-          "new ",
-          unreadCount(data)
-        ] }) : null
+        actionable ? /* @__PURE__ */ jsx(Accent, { className: "text-[11px]", children: actionable }) : null
       ] }) }),
       /* @__PURE__ */ jsxs("span", { className: "ml-auto tabular-nums text-muted-foreground", children: [
         "now ",
-        data.counts.active,
+        data.counts.now,
         " \xB7 next ",
-        data.counts.queued,
+        data.counts.next,
         " \xB7 ambient ",
         data.counts.ambient
       ] })
@@ -1776,34 +1790,43 @@ function AttentionSidebarLink({ context }) {
         isActive ? "bg-accent text-foreground" : "text-foreground/80 hover:bg-accent/50 hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx("span", { className: "relative shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            viewBox: "0 0 24 24",
-            className: "h-4 w-4",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "1.9",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
-              /* @__PURE__ */ jsx("path", { d: "m14.3 8 5.2 9" }),
-              /* @__PURE__ */ jsx("path", { d: "M9.7 8h10.4" }),
-              /* @__PURE__ */ jsx("path", { d: "m7.4 12 5.2-9" }),
-              /* @__PURE__ */ jsx("path", { d: "m9.7 16-5.2-9" }),
-              /* @__PURE__ */ jsx("path", { d: "M14.3 16H3.9" }),
-              /* @__PURE__ */ jsx("path", { d: "m16.6 12-5.2 9" })
-            ]
-          }
-        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "relative shrink-0", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              className: "h-4 w-4",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "1.9",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+                /* @__PURE__ */ jsx("path", { d: "m14.3 8 5.2 9" }),
+                /* @__PURE__ */ jsx("path", { d: "M9.7 8h10.4" }),
+                /* @__PURE__ */ jsx("path", { d: "m7.4 12 5.2-9" }),
+                /* @__PURE__ */ jsx("path", { d: "m9.7 16-5.2-9" }),
+                /* @__PURE__ */ jsx("path", { d: "M14.3 16H3.9" }),
+                /* @__PURE__ */ jsx("path", { d: "m16.6 12-5.2 9" })
+              ]
+            }
+          ),
+          unread > 0 ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "absolute -right-1 -top-1 h-2 w-2 rounded-full",
+              style: { backgroundColor: ACCENT_COLOR }
+            }
+          ) : null
+        ] }),
         /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: brand.wordmark }),
-        unread > 0 || actionable > 0 ? unread > 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center rounded-full px-1.5 py-0.5 text-xs leading-none font-medium text-white", style: ACCENT_BG_STYLE, children: unread }) : /* @__PURE__ */ jsx(
+        actionable > 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center rounded-full px-1.5 py-0.5 text-xs leading-none font-medium text-white", style: ACCENT_BG_STYLE, children: actionable }) : unread > 0 ? /* @__PURE__ */ jsx(
           "span",
           {
             className: "inline-flex items-center justify-center rounded-full border px-1.5 py-0.5 text-xs leading-none font-medium",
             style: { color: ACCENT_COLOR, borderColor: ACCENT_BORDER, backgroundColor: "transparent" },
-            children: actionable
+            children: unread
           }
         ) : null
       ]
@@ -1847,7 +1870,7 @@ function AttentionPage(props) {
   const backgroundErrorMessage = displaySnapshot && error ? `Sync issue: ${error.message}` : null;
   const posture = useMemo(() => displaySnapshot ? postureForSnapshot(displaySnapshot) : null, [displaySnapshot]);
   const nextRows = useMemo(
-    () => displaySnapshot ? displaySnapshot.queued.map((frame) => ({ frame, lane: "queued" })) : [],
+    () => displaySnapshot ? displaySnapshot.next.map((frame) => ({ frame, lane: "next" })) : [],
     [displaySnapshot]
   );
   const ambientRows = useMemo(
@@ -1860,8 +1883,8 @@ function AttentionPage(props) {
     setLocalSuppressions((current) => {
       const nextEntries = Object.entries(current).filter(([taskId, suppressedAt]) => {
         const frames = [
-          ...snapshot.active ? [snapshot.active] : [],
-          ...snapshot.queued,
+          ...snapshot.now ? [snapshot.now] : [],
+          ...snapshot.next,
           ...snapshot.ambient
         ];
         const matching = frames.filter((frame) => frame.taskId === taskId);