@tomismeta/paperclip-aperture 0.5.1 → 0.6.0

package/dist/ui/index.js

@@ -1,7 +1,37 @@
 // src/ui/index.tsx
-import { useEffect as useEffect5, useMemo as useMemo2, useState as useState5 } from "react";
+import {
+  useHostContext as useHostContext2
+} from "@paperclipai/plugin-sdk/ui";
+import { useEffect as useEffect5, useMemo as useMemo2, useState as useState6 } from "react";
 
 // src/aperture/contracts.ts
+function parsePaperclipRunMetadata(value) {
+  const record = asRecord(value);
+  if (!record) return null;
+  const runId = readString(record.runId);
+  const legacyIdentity = record.legacyIdentity === true;
+  if (!runId && !legacyIdentity) return null;
+  const status = record.status;
+  if (status !== void 0 && status !== "running" && status !== "failed" && status !== "completed" && status !== "cancelled") return null;
+  const timestamp = (value2) => {
+    const text = readString(value2);
+    return text && Number.isFinite(Date.parse(text)) ? new Date(text).toISOString() : void 0;
+  };
+  return {
+    ...runId && !legacyIdentity ? { runId } : {},
+    ...legacyIdentity ? { legacyIdentity: true } : {},
+    agentId: readString(record.agentId),
+    issueId: readString(record.issueId),
+    status,
+    hostStatus: readString(record.hostStatus),
+    errorCode: readString(record.errorCode),
+    startedAt: timestamp(record.startedAt),
+    finishedAt: timestamp(record.finishedAt)
+  };
+}
+function readPaperclipRunMetadata(frame) {
+  return parsePaperclipRunMetadata(asRecord(frame.metadata)?.paperclipRun);
+}
 function asRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
 }
@@ -26,6 +56,26 @@ function readRelationHints(value) {
   });
   return hints.length > 0 ? hints : void 0;
 }
+function readInteractionDecision(value) {
+  const record = asRecord(value);
+  if (!record) return void 0;
+  const policy = record.effectiveResolverPolicy;
+  const effectiveResolverPolicy = policy === "anyone" || policy === "not_creator" || policy === "human_only" ? policy : void 0;
+  const validBooleans = ["inline", "rejectRequiresReason", "allowDeclineReason", "preparing"].every((key) => typeof record[key] === "boolean");
+  const validIdentities = ["addresseeUserId", "createdByUserId"].every((key) => record[key] === void 0 || readString(record[key]) !== void 0);
+  return {
+    inline: record.inline === true && validBooleans && validIdentities && effectiveResolverPolicy !== void 0,
+    acceptLabel: readString(record.acceptLabel) ?? "Confirm",
+    rejectLabel: readString(record.rejectLabel) ?? "Decline",
+    rejectRequiresReason: record.rejectRequiresReason === true,
+    allowDeclineReason: record.allowDeclineReason === true,
+    rejectReasonLabel: readString(record.rejectReasonLabel) ?? "Reason",
+    preparing: record.preparing === true,
+    addresseeUserId: readString(record.addresseeUserId),
+    effectiveResolverPolicy,
+    createdByUserId: readString(record.createdByUserId)
+  };
+}
 function readFocusMetadata(frame) {
   const metadata = asRecord(frame.metadata);
   const attention = asRecord(metadata?.attention);
@@ -35,6 +85,10 @@ function readFocusMetadata(frame) {
   const decision = asRecord(metadata?.decision);
   return {
     entityType: readString(metadata?.entityType),
+    issueId: readString(metadata?.issueId),
+    paperclipInteractionId: readString(metadata?.paperclipInteractionId),
+    interactionKind: readString(metadata?.interactionKind),
+    interactionDecision: readInteractionDecision(metadata?.interactionDecision),
     issueStatus: readString(metadata?.issueStatus),
     issuePriority: readString(metadata?.issuePriority),
     approvalStatus: readString(metadata?.approvalStatus),
@@ -70,6 +124,31 @@ function readFocusMetadata(frame) {
   };
 }
 
+// src/aperture/task-ref.ts
+function decodeComponent(value) {
+  try {
+    const decoded = decodeURIComponent(value);
+    return decoded.trim().length > 0 ? decoded : null;
+  } catch {
+    return null;
+  }
+}
+function parseTaskId(taskId) {
+  if (typeof taskId !== "string") return null;
+  const separatorIndex = taskId.indexOf(":");
+  if (separatorIndex <= 0 || separatorIndex >= taskId.length - 1) return null;
+  const kind = decodeComponent(taskId.slice(0, separatorIndex));
+  const id = decodeComponent(taskId.slice(separatorIndex + 1));
+  if (!kind || !id) return null;
+  return { kind, id };
+}
+function taskKind(taskId) {
+  return parseTaskId(taskId)?.kind ?? null;
+}
+function taskEntityId(taskId) {
+  return parseTaskId(taskId)?.id ?? null;
+}
+
 // src/aperture/frame-model.ts
 var AMBIENT_MAX_AGE_MS = 5 * 60 * 1e3;
 function isBudgetOverride(frame) {
@@ -277,8 +356,9 @@ function QueueMovementBadge({ movement }) {
 }
 
 // src/ui/focus-model.tsx
-import { usePluginData } from "@paperclipai/plugin-sdk/ui";
-import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { usePluginData, usePluginStream } from "@paperclipai/plugin-sdk/ui";
+import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function currentSurfaceBrand() {
   return {
     key: "focus",
@@ -349,6 +429,108 @@ function useAttentionPolling(companyId, refreshers, intervalMs = 15e3) {
     };
   }, [companyId, intervalMs]);
 }
+function AttentionStreamSubscription(props) {
+  const stream = usePluginStream("attention-updates", { companyId: props.companyId });
+  const wasConnected = useRef2(false);
+  const everConnected = useRef2(false);
+  const disconnected = useRef2(false);
+  const rotated = useRef2(false);
+  const lastEvent = useRef2(null);
+  useEffect2(() => {
+    if (stream.connected && !wasConnected.current) {
+      everConnected.current = true;
+      disconnected.current = false;
+      props.onSignal(props.epoch, "open");
+    }
+    wasConnected.current = stream.connected;
+    if (stream.lastEvent && stream.lastEvent !== lastEvent.current) {
+      lastEvent.current = stream.lastEvent;
+      if (stream.lastEvent.companyId === props.companyId) props.onSignal(props.epoch, "notification");
+    }
+    if (stream.events.length >= 128 && !rotated.current) {
+      rotated.current = true;
+      props.onSignal(props.epoch, "rotate");
+    } else if (!disconnected.current && (stream.error || everConnected.current && !stream.connecting && !stream.connected)) {
+      disconnected.current = true;
+      props.onSignal(props.epoch, "disconnect");
+    }
+  }, [stream.connected, stream.connecting, stream.error, stream.events.length, stream.lastEvent, props.companyId, props.epoch, props.onSignal]);
+  return null;
+}
+function AttentionLiveUpdates(props) {
+  const [epoch, setEpoch] = useState2(0);
+  const currentEpoch = useRef2(0);
+  const active = useRef2(true);
+  const refresh = useRef2(props.refresh);
+  refresh.current = props.refresh;
+  const dirty = useRef2(false);
+  const refreshTimer = useRef2(null);
+  const retryTimer = useRef2(null);
+  const pendingReconnect = useRef2(false);
+  const queueRefresh = useCallback(() => {
+    dirty.current = true;
+    if (document.visibilityState === "hidden" || refreshTimer.current !== null) return;
+    refreshTimer.current = window.setTimeout(() => {
+      refreshTimer.current = null;
+      if (!active.current || document.visibilityState === "hidden" || !dirty.current) return;
+      dirty.current = false;
+      refresh.current();
+    }, 100);
+  }, []);
+  const reopen = useCallback(() => {
+    if (retryTimer.current !== null) window.clearTimeout(retryTimer.current);
+    retryTimer.current = null;
+    pendingReconnect.current = false;
+    currentEpoch.current += 1;
+    setEpoch(currentEpoch.current);
+  }, []);
+  const onSignal = useCallback((sourceEpoch, signal) => {
+    if (!active.current || !props.companyId || sourceEpoch !== currentEpoch.current) return;
+    if (signal === "open") {
+      if (retryTimer.current !== null) window.clearTimeout(retryTimer.current);
+      retryTimer.current = null;
+      pendingReconnect.current = false;
+      queueRefresh();
+    } else if (signal === "notification") {
+      queueRefresh();
+    } else if (signal === "rotate") {
+      queueRefresh();
+      reopen();
+    } else if (retryTimer.current === null && !pendingReconnect.current) {
+      retryTimer.current = window.setTimeout(() => {
+        retryTimer.current = null;
+        if (!active.current) return;
+        if (document.visibilityState === "hidden") {
+          pendingReconnect.current = true;
+        } else {
+          reopen();
+        }
+      }, 15e3);
+    }
+  }, [props.companyId, queueRefresh, reopen]);
+  useEffect2(() => {
+    active.current = true;
+    function handleVisibilityChange() {
+      if (document.visibilityState !== "visible") return;
+      dirty.current = false;
+      if (refreshTimer.current !== null) window.clearTimeout(refreshTimer.current);
+      refreshTimer.current = null;
+      if (pendingReconnect.current) reopen();
+    }
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      active.current = false;
+      dirty.current = false;
+      pendingReconnect.current = false;
+      if (refreshTimer.current !== null) window.clearTimeout(refreshTimer.current);
+      if (retryTimer.current !== null) window.clearTimeout(retryTimer.current);
+      refreshTimer.current = null;
+      retryTimer.current = null;
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [reopen]);
+  return props.companyId ? /* @__PURE__ */ jsx2(AttentionStreamSubscription, { companyId: props.companyId, epoch, onSignal }, `${props.companyId}:${epoch}`) : null;
+}
 function useQueueMovement(frames, ttlMs = 3500) {
   const previousPositionsRef = useRef2({});
   const timersRef = useRef2({});
@@ -389,15 +571,20 @@ function useQueueMovement(frames, ttlMs = 3500) {
 function useAttentionModel(companyId) {
   const displayQuery = usePluginData("attention-display", companyId ? { companyId } : void 0);
   useAttentionPolling(companyId, [displayQuery.refresh]);
-  return useMemo(() => ({
-    snapshot: displayQuery.data?.snapshot ?? null,
-    review: displayQuery.data?.reviewState ?? null,
-    loading: displayQuery.loading,
-    error: displayQuery.error,
-    refresh() {
-      displayQuery.refresh();
-    }
-  }), [displayQuery]);
+  return useMemo(() => {
+    const payload = displayQuery.data?.snapshot.companyId === companyId ? displayQuery.data : null;
+    const awaitingCompany = Boolean(displayQuery.data && !payload);
+    return {
+      snapshot: payload?.snapshot ?? null,
+      review: payload?.reviewState ?? null,
+      loading: displayQuery.loading || awaitingCompany,
+      error: awaitingCompany ? null : displayQuery.error,
+      syncError: payload?.reconciliationSyncError ?? payload?.approvalSyncError ?? null,
+      refresh() {
+        displayQuery.refresh();
+      }
+    };
+  }, [displayQuery, companyId]);
 }
 
 // src/aperture/attention-context.ts
@@ -425,31 +612,6 @@ var ATTENTION_CONTEXT_IDS = {
   agentTitle: "agent-title"
 };
 
-// src/aperture/task-ref.ts
-function decodeComponent(value) {
-  try {
-    const decoded = decodeURIComponent(value);
-    return decoded.trim().length > 0 ? decoded : null;
-  } catch {
-    return null;
-  }
-}
-function parseTaskId(taskId) {
-  if (typeof taskId !== "string") return null;
-  const separatorIndex = taskId.indexOf(":");
-  if (separatorIndex <= 0 || separatorIndex >= taskId.length - 1) return null;
-  const kind = decodeComponent(taskId.slice(0, separatorIndex));
-  const id = decodeComponent(taskId.slice(separatorIndex + 1));
-  if (!kind || !id) return null;
-  return { kind, id };
-}
-function taskKind(taskId) {
-  return parseTaskId(taskId)?.kind ?? null;
-}
-function taskEntityId(taskId) {
-  return parseTaskId(taskId)?.id ?? null;
-}
-
 // src/aperture/issue-intelligence.ts
 function issueBlocksTargetLine(target) {
   return `Blocks ${target} until the review lands.`;
@@ -459,7 +621,7 @@ function issueNeedsActionFromLine(owner) {
 }
 
 // src/ui/frame-helpers.tsx
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 function contextValue(frame, id) {
   const item = frame.context?.items?.find((entry) => entry.id === id);
   return typeof item?.value === "string" && item.value.trim().length > 0 ? item.value : void 0;
@@ -566,7 +728,21 @@ function itemHref(frame, companyPrefix) {
   const entityType = entityTypeFromFrame(frame);
   const entityId = entityIdFromFrame(frame);
   if (!entityType || !entityId || !companyPrefix) return null;
-  const pluralType = entityType === "run" ? "runs" : entityType === "approval" ? "approvals" : entityType === "issue" ? "issues" : entityType === "agent" ? "agents" : null;
+  if (entityType === "interaction") {
+    const issueId = readFocusMetadata(frame).issueId;
+    return issueId ? `/${companyPrefix}/issues/${encodeURIComponent(issueId)}` : null;
+  }
+  if (entityType === "run") {
+    const run = readPaperclipRunMetadata(frame);
+    if (!run) return null;
+    if (run.runId && run.agentId && !run.legacyIdentity) {
+      return `/${companyPrefix}/agents/${encodeURIComponent(run.agentId)}/runs/${encodeURIComponent(run.runId)}`;
+    }
+    if (run.issueId) return `/${companyPrefix}/issues/${encodeURIComponent(run.issueId)}`;
+    if (run.agentId) return `/${companyPrefix}/agents/${encodeURIComponent(run.agentId)}`;
+    return null;
+  }
+  const pluralType = entityType === "approval" ? "approvals" : entityType === "issue" ? "issues" : entityType === "agent" ? "agents" : null;
   if (!pluralType) return null;
   return `/${companyPrefix}/${pluralType}/${entityId}`;
 }
@@ -581,6 +757,8 @@ function activityHref(frame, companyPrefix) {
 function primaryLinkLabel(frame) {
   const entityType = entityTypeFromFrame(frame);
   switch (entityType) {
+    case "interaction":
+      return "Open decision in Paperclip";
     case "approval":
       return "Open approval";
     case "issue":
@@ -594,10 +772,16 @@ function primaryLinkLabel(frame) {
   }
 }
 function responseKind(frame, lane) {
-  if (approvalIdForFrame(frame) && (frame.responseSpec?.kind === "approval" || frame.mode === "approval")) {
-    return "approval";
+  if (entityTypeFromFrame(frame) === "interaction") {
+    return readFocusMetadata(frame).interactionDecision?.inline ? "interaction" : "none";
+  }
+  if (entityTypeFromFrame(frame) === "run") {
+    return lane !== "ambient" && readPaperclipRunMetadata(frame)?.status === "failed" ? "acknowledge" : "none";
   }
-  if (lane !== "ambient" && (frame.responseSpec?.kind === "acknowledge" || frame.mode === "status" || frame.responseSpec?.kind === "approval")) {
+  if (frame.responseSpec?.kind === "approval" || frame.mode === "approval") {
+    return approvalIdForFrame(frame) ? "approval" : "none";
+  }
+  if (lane !== "ambient" && (frame.responseSpec?.kind === "acknowledge" || frame.mode === "status")) {
     return "acknowledge";
   }
   return "none";
@@ -622,17 +806,17 @@ function HighlightedTitle({ text }) {
     }
     const token = match[1] ?? match[2] ?? match[0];
     parts.push(
-      /* @__PURE__ */ jsx2(Accent, { children: match[1] ? token : `"${token}"` }, match.index)
+      /* @__PURE__ */ jsx3(Accent, { children: match[1] ? token : `"${token}"` }, match.index)
     );
     lastIndex = re.lastIndex;
   }
   if (lastIndex < text.length) {
     parts.push(text.slice(lastIndex));
   }
-  return /* @__PURE__ */ jsx2(Fragment, { children: parts });
+  return /* @__PURE__ */ jsx3(Fragment, { children: parts });
 }
 function renderTitle(frame) {
-  return /* @__PURE__ */ jsx2(HighlightedTitle, { text: compactTitle(frame) });
+  return /* @__PURE__ */ jsx3(HighlightedTitle, { text: compactTitle(frame) });
 }
 function visibleContextItems(frame) {
   return (frame.context?.items ?? []).filter((item) => item.id !== ATTENTION_CONTEXT_IDS.recommendedMove);
@@ -706,11 +890,11 @@ function explainFrame(frame, lane) {
 }
 
 // src/ui/frame-explainability.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function ContextItems({ frame }) {
   const items = visibleContextItems(frame);
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx3("div", { className: "grid gap-2 md:grid-cols-2", children: items.map((item) => /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx4("div", { className: "grid gap-2 md:grid-cols-2", children: items.map((item) => /* @__PURE__ */ jsxs2(
     "div",
     {
       className: cn(
@@ -718,8 +902,8 @@ function ContextItems({ frame }) {
         item.id === ATTENTION_CONTEXT_IDS.latestComment && "md:col-span-2"
       ),
       children: [
-        /* @__PURE__ */ jsx3("div", { className: "text-xs font-medium text-muted-foreground", children: item.label }),
-        /* @__PURE__ */ jsx3("div", { className: "mt-1 text-sm text-foreground", children: item.value ?? "Available" })
+        /* @__PURE__ */ jsx4("div", { className: "text-xs font-medium text-muted-foreground", children: item.label }),
+        /* @__PURE__ */ jsx4("div", { className: "mt-1 text-sm text-foreground", children: item.value ?? "Available" })
       ]
     },
     item.id
@@ -727,7 +911,7 @@ function ContextItems({ frame }) {
 }
 function ExplainabilityBadges(props) {
   if (props.values.length === 0) return null;
-  return /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap items-center gap-2", children: props.values.map((value) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap items-center gap-2", children: props.values.map((value) => /* @__PURE__ */ jsx4(
     Badge,
     {
       className: props.accent ? "border-transparent" : "border-border bg-background/70 text-foreground/80",
@@ -749,10 +933,10 @@ function InlineExplainability(props) {
   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__ */ jsxs2("div", { className: "space-y-2 border-l-2 pl-4", style: { borderColor: ACCENT_COLOR }, children: [
-    /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx3("p", { className: "max-w-3xl text-sm leading-relaxed text-foreground/90", children: primaryLine }),
-    secondaryLine ? /* @__PURE__ */ jsx3("p", { className: "text-xs leading-relaxed text-muted-foreground", children: secondaryLine }) : null,
-    chips.length > 0 ? /* @__PURE__ */ jsx3(ExplainabilityBadges, { values: chips, accent: true }) : null
+    /* @__PURE__ */ jsx4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx4("p", { className: "max-w-3xl text-sm leading-relaxed text-foreground/90", children: primaryLine }),
+    secondaryLine ? /* @__PURE__ */ jsx4("p", { className: "text-xs leading-relaxed text-muted-foreground", children: secondaryLine }) : null,
+    chips.length > 0 ? /* @__PURE__ */ jsx4(ExplainabilityBadges, { values: chips, accent: true }) : null
   ] });
 }
 function ExplainabilityPanel(props) {
@@ -767,61 +951,80 @@ function ExplainabilityPanel(props) {
   return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
     !props.detailOnly ? /* @__PURE__ */ jsxs2("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1fr)_16rem]", children: [
       /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: reasoningLabel }),
-        /* @__PURE__ */ jsx3("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground", children: explanation.laneReason })
+        /* @__PURE__ */ jsx4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: reasoningLabel }),
+        /* @__PURE__ */ jsx4("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground", children: explanation.laneReason })
       ] }),
       strength ? /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Confidence" }),
-        /* @__PURE__ */ jsx3("p", { className: "mt-1 text-sm text-foreground/90", children: strength })
+        /* @__PURE__ */ jsx4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Confidence" }),
+        /* @__PURE__ */ jsx4("p", { className: "mt-1 text-sm text-foreground/90", children: strength })
       ] }) : null
     ] }) : null,
     signalValues.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: props.detailOnly ? "More signals" : "Signals" }),
-      /* @__PURE__ */ jsx3(ExplainabilityBadges, { values: signalValues })
+      /* @__PURE__ */ jsx4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: props.detailOnly ? "More signals" : "Signals" }),
+      /* @__PURE__ */ jsx4(ExplainabilityBadges, { values: signalValues })
     ] }) : null,
     relationValues.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: props.detailOnly ? "More thread context" : "Thread context" }),
-      /* @__PURE__ */ jsx3(ExplainabilityBadges, { values: relationValues, accent: true })
+      /* @__PURE__ */ jsx4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: props.detailOnly ? "More thread context" : "Thread context" }),
+      /* @__PURE__ */ jsx4(ExplainabilityBadges, { values: relationValues, accent: true })
     ] }) : null,
     explanation.continuity ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Related activity" }),
-      /* @__PURE__ */ jsx3("p", { className: "text-sm leading-relaxed text-muted-foreground", children: explanation.continuity })
+      /* @__PURE__ */ jsx4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Related activity" }),
+      /* @__PURE__ */ jsx4("p", { className: "text-sm leading-relaxed text-muted-foreground", children: explanation.continuity })
     ] }) : null
   ] });
 }
 function ExplainabilityStrip(props) {
-  return /* @__PURE__ */ jsx3("div", { className: "space-y-2 border-t border-border/60 pt-3", children: /* @__PURE__ */ jsx3(InlineExplainability, { frame: props.frame, lane: props.lane }) });
+  return /* @__PURE__ */ jsx4("div", { className: "space-y-2 border-t border-border/60 pt-3", children: /* @__PURE__ */ jsx4(InlineExplainability, { frame: props.frame, lane: props.lane }) });
 }
 
 // src/ui/issue-comment-composer.tsx
 import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useHostContext } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function IssueCommentComposer(props) {
+  const { companyId } = useHostContext();
   const [open, setOpen] = useState3(false);
   const [body, setBody] = useState3("");
+  const [submitting, setSubmitting] = useState3(false);
+  const submittingRef = useRef3(false);
+  const lifecycleRef = useRef3(0);
   const textareaRef = useRef3(null);
   const issueFrame = isIssueFrame(props.frame);
-  const isPending = props.pendingId === props.frame.id;
+  const isPending = submitting || props.pendingId === props.frame.id;
   useEffect3(() => {
+    lifecycleRef.current += 1;
+    submittingRef.current = false;
+    setSubmitting(false);
     setOpen(false);
     setBody("");
-  }, [props.frame.id]);
+  }, [companyId, props.frame.taskId, props.frame.interactionId]);
   useEffect3(() => {
     if (open && issueFrame) textareaRef.current?.focus();
   }, [open, issueFrame]);
   if (!issueFrame) return null;
   async function submit() {
     const nextBody = body.trim();
-    if (!nextBody) return;
-    await props.onComment(props.frame, nextBody);
-    setBody("");
-    setOpen(false);
+    if (!nextBody || submittingRef.current || isPending) return;
+    const lifecycle = lifecycleRef.current;
+    submittingRef.current = true;
+    setSubmitting(true);
+    try {
+      await props.onComment(props.frame, nextBody);
+      if (lifecycleRef.current !== lifecycle) return;
+      setBody("");
+      setOpen(false);
+    } finally {
+      if (lifecycleRef.current === lifecycle) {
+        submittingRef.current = false;
+        setSubmitting(false);
+      }
+    }
   }
   if (!open) {
     const label = props.triggerLabel ?? "Leave comment";
     const triggerTone = props.triggerTone ?? "link";
     if (triggerTone === "link") {
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(
         "button",
         {
           type: "button",
@@ -834,7 +1037,7 @@ function IssueCommentComposer(props) {
         }
       );
     }
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       ActionButton,
       {
         label,
@@ -853,12 +1056,13 @@ function IssueCommentComposer(props) {
       "Commenting on ",
       compactTitle(props.frame)
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "text-[11px] text-muted-foreground", children: "Posts to the issue thread without leaving Focus." }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5("div", { className: "text-[11px] text-muted-foreground", children: "Posts to the issue thread without leaving Focus." }),
+    /* @__PURE__ */ jsx5(
       "textarea",
       {
         ref: textareaRef,
         value: body,
+        disabled: isPending,
         onChange: (event) => setBody(event.target.value),
         onKeyDown: (event) => {
           if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
@@ -877,7 +1081,7 @@ function IssueCommentComposer(props) {
       }
     ),
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ActionButton,
         {
           label: "Cancel",
@@ -889,7 +1093,7 @@ function IssueCommentComposer(props) {
           }
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ActionButton,
         {
           label: isPending ? "Posting\u2026" : "Post comment",
@@ -934,12 +1138,6 @@ function approvalDecisionSuccessMessage(title, decision) {
 function approvalDecisionFailureMessage(error) {
   return actionErrorMessage(error, "Failed to submit approval decision.");
 }
-function approvalRevisionSuccessMessage(title) {
-  return `Requested revision for ${title}.`;
-}
-function approvalRevisionFailureMessage(error) {
-  return actionErrorMessage(error, "Failed to request approval revision.");
-}
 
 // src/ui/use-focus-page-actions.ts
 var FOCUS_HOLD_CONTEXT_MS = 2e4;
@@ -950,6 +1148,7 @@ function useFocusPageActions(input) {
   const engageFocus = usePluginAction("engage-focus");
   const markAttentionViewed = usePluginAction("mark-attention-viewed");
   const recordApprovalResponse = usePluginAction("record-approval-response");
+  const respondToInteraction = usePluginAction("respond-to-interaction");
   const setFocusPresence = usePluginAction("set-focus-presence");
   const [pendingId, setPendingId] = useState4(null);
   const [statusOverride, setStatusOverride] = useState4(null);
@@ -957,6 +1156,12 @@ function useFocusPageActions(input) {
   const lastViewedInteractionRef = useRef4(null);
   const markAttentionViewedRef = useRef4(markAttentionViewed);
   const setFocusPresenceRef = useRef4(setFocusPresence);
+  const companyRef = useRef4(input.companyId);
+  const companyEpochRef = useRef4(0);
+  if (companyRef.current !== input.companyId) {
+    companyRef.current = input.companyId;
+    companyEpochRef.current += 1;
+  }
   markAttentionViewedRef.current = markAttentionViewed;
   setFocusPresenceRef.current = setFocusPresence;
   useEffect4(() => {
@@ -970,11 +1175,13 @@ function useFocusPageActions(input) {
   }, [statusOverride]);
   useEffect4(() => {
     return () => {
+      companyEpochRef.current += 1;
       if (focusReleaseTimerRef.current) {
         window.clearTimeout(focusReleaseTimerRef.current);
+        focusReleaseTimerRef.current = null;
       }
     };
-  }, []);
+  }, [input.companyId]);
   useEffect4(() => {
     const companyId = input.companyId;
     if (!companyId) return;
@@ -1010,6 +1217,7 @@ function useFocusPageActions(input) {
     const companyId = input.companyId;
     if (!companyId) return;
     if (input.displaySnapshot?.now?.interactionId !== frame.interactionId) return;
+    const companyEpoch = companyEpochRef.current;
     const durationMs = reason === "comment_compose" ? FOCUS_HOLD_COMPOSE_MS : FOCUS_HOLD_CONTEXT_MS;
     try {
       await engageFocus({
@@ -1019,6 +1227,7 @@ function useFocusPageActions(input) {
         reason,
         durationMs
       });
+      if (companyEpochRef.current !== companyEpoch) return;
       input.refresh();
       if (focusReleaseTimerRef.current) {
         window.clearTimeout(focusReleaseTimerRef.current);
@@ -1053,8 +1262,10 @@ function useFocusPageActions(input) {
     }
     setPendingId(frame.id);
     try {
-      await commentOnIssue({ companyId, taskId: frame.taskId, issueId, body });
-      setStatusOverride(commentSuccessMessage(compactTitle(frame)));
+      const result = await commentOnIssue({ companyId, taskId: frame.taskId, issueId, body });
+      setStatusOverride(
+        result && typeof result === "object" && "syncWarning" in result && typeof result.syncWarning === "string" ? result.syncWarning : commentSuccessMessage(compactTitle(frame))
+      );
       input.refresh();
     } catch (actionError) {
       setStatusOverride(commentFailureMessage(actionError));
@@ -1071,13 +1282,23 @@ function useFocusPageActions(input) {
     }
     setPendingId(frame.id);
     try {
-      await recordApprovalResponse({
+      const result = await recordApprovalResponse({
         companyId,
         taskId: frame.taskId,
         interactionId: frame.interactionId,
         decision
       });
-      setStatusOverride(approvalDecisionSuccessMessage(compactTitle(frame), decision));
+      if (result && typeof result === "object" && "applied" in result && result.applied === false) {
+        await markAttentionViewed({
+          companyId,
+          taskId: frame.taskId,
+          interactionId: frame.interactionId,
+          surface: "focus"
+        });
+      }
+      setStatusOverride(
+        result && typeof result === "object" && "applied" in result && result.applied === false ? "This approval was already resolved in Paperclip." : approvalDecisionSuccessMessage(compactTitle(frame), decision)
+      );
       input.refresh();
     } catch (actionError) {
       setStatusOverride(approvalDecisionFailureMessage(actionError));
@@ -1085,25 +1306,31 @@ function useFocusPageActions(input) {
       setPendingId(null);
     }
   }
-  async function requestApprovalRevision(frame) {
+  async function submitInteractionDecision(frame, decision, reason) {
     const companyId = input.companyId;
-    const approvalId = approvalIdForFrame(frame);
-    if (!companyId || !approvalId) {
-      setStatusOverride(approvalFrameUnsupportedMessage());
-      return;
+    const metadata = readFocusMetadata(frame);
+    if (!companyId || !metadata.issueId || !metadata.paperclipInteractionId) return false;
+    if (decision === "reject" && metadata.interactionDecision?.rejectRequiresReason && !reason?.trim()) {
+      setStatusOverride("A reason is required to decline this decision.");
+      return false;
     }
     setPendingId(frame.id);
     try {
-      await recordApprovalResponse({
+      const result = await respondToInteraction({
         companyId,
         taskId: frame.taskId,
         interactionId: frame.interactionId,
-        decision: "request-revision"
+        issueId: metadata.issueId,
+        decision,
+        ...reason?.trim() ? { reason: reason.trim() } : {}
       });
-      setStatusOverride(approvalRevisionSuccessMessage(compactTitle(frame)));
+      const converged = result && typeof result === "object" && "applied" in result && result.applied === false;
+      setStatusOverride(converged ? "This decision was already resolved in Paperclip." : decision === "accept" ? "Decision confirmed in Paperclip." : "Decision declined in Paperclip.");
       input.refresh();
-    } catch (actionError) {
-      setStatusOverride(approvalRevisionFailureMessage(actionError));
+      return true;
+    } catch (error) {
+      setStatusOverride(error instanceof Error ? error.message : "Failed to respond to this decision.");
+      return false;
     } finally {
       setPendingId(null);
     }
@@ -1115,45 +1342,123 @@ function useFocusPageActions(input) {
     acknowledgeFrame,
     commentOnIssueFrame,
     submitApprovalDecision,
-    requestApprovalRevision
+    submitInteractionDecision
   };
 }
 
+// src/ui/interaction-actions.tsx
+import { useId, useState as useState5 } from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function InteractionActions(props) {
+  const decision = readFocusMetadata(props.frame).interactionDecision;
+  const [declining, setDeclining] = useState5(false);
+  const [reason, setReason] = useState5("");
+  const [error, setError] = useState5(null);
+  const reasonId = useId();
+  if (!decision?.inline || !props.userId || decision.addresseeUserId && decision.addresseeUserId !== props.userId || decision.effectiveResolverPolicy === "not_creator" && decision.createdByUserId === props.userId) {
+    return null;
+  }
+  const pending = props.pendingId === props.frame.id;
+  async function decline() {
+    if (!decision) return;
+    if ((decision.rejectRequiresReason || decision.allowDeclineReason) && !declining) {
+      setDeclining(true);
+      return;
+    }
+    if (decision.rejectRequiresReason && !reason.trim()) {
+      setError("A reason is required to decline this decision.");
+      return;
+    }
+    setError(null);
+    if (await props.onRespond(props.frame, "reject", reason.trim() || void 0)) {
+      setDeclining(false);
+      setReason("");
+    }
+  }
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+    declining ? /* @__PURE__ */ jsxs4("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx6("label", { htmlFor: reasonId, className: "text-xs font-medium", children: decision.rejectReasonLabel }),
+      /* @__PURE__ */ jsx6(
+        "textarea",
+        {
+          id: reasonId,
+          value: reason,
+          onChange: (event) => {
+            setReason(event.target.value);
+            setError(null);
+          },
+          disabled: pending,
+          required: decision.rejectRequiresReason,
+          "aria-invalid": !!error,
+          "aria-describedby": error ? `${reasonId}-error` : void 0,
+          rows: 3,
+          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm"
+        }
+      ),
+      error ? /* @__PURE__ */ jsx6("p", { id: `${reasonId}-error`, role: "alert", className: "text-xs text-destructive", children: error }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx6(
+        ActionButton,
+        {
+          label: decision.preparing ? "Preparing approval\u2026" : decision.acceptLabel,
+          tone: "accent",
+          disabled: pending || decision.preparing,
+          onClick: () => void props.onRespond(props.frame, "accept")
+        }
+      ),
+      /* @__PURE__ */ jsx6(ActionButton, { label: decision.rejectLabel, tone: "accent", disabled: pending, onClick: () => void decline() }),
+      declining ? /* @__PURE__ */ jsx6(ActionButton, { label: "Cancel", tone: "secondary", disabled: pending, onClick: () => {
+        setDeclining(false);
+        setError(null);
+      } }) : null
+    ] })
+  ] });
+}
+
 // src/ui/index.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function FrameActions(props) {
   const actionMode = responseKind(props.frame, props.lane);
   const isPending = props.pendingId === props.frame.id;
+  const revisionHref = isBudgetOverride(props.frame) ? itemHref(props.frame, props.companyPrefix) : null;
   if (actionMode === "none") return null;
-  return /* @__PURE__ */ jsx5("div", { className: cn("flex items-center gap-2", props.compact && "justify-end"), children: actionMode === "approval" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    isBudgetOverride(props.frame) ? /* @__PURE__ */ jsx5(
-      ActionButton,
+  if (actionMode === "interaction") {
+    return /* @__PURE__ */ jsx7(InteractionActions, { frame: props.frame, pendingId: props.pendingId, userId: props.userId, onRespond: props.onRespond }, props.frame.interactionId);
+  }
+  return /* @__PURE__ */ jsx7("div", { className: cn("flex items-center gap-2", props.compact && "justify-end"), children: actionMode === "approval" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    revisionHref ? /* @__PURE__ */ jsxs5(
+      "a",
       {
-        label: "Request revision",
-        tone: "secondary",
-        disabled: isPending,
-        onClick: () => void props.onRequestRevision(props.frame)
+        href: revisionHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",
+        children: [
+          "Request revision in Paperclip",
+          /* @__PURE__ */ jsx7(ExternalLinkIcon, {})
+        ]
       }
     ) : null,
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx7(
       ActionButton,
       {
         label: isPending ? "Submitting\u2026" : "Approve",
-        tone: "primary",
+        tone: "accent",
         disabled: isPending,
         onClick: () => void props.onApprove(props.frame)
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx7(
       ActionButton,
       {
         label: "Reject",
-        tone: "danger",
+        tone: "accent",
         disabled: isPending,
         onClick: () => void props.onReject(props.frame)
       }
     )
-  ] }) : /* @__PURE__ */ jsx5(
+  ] }) : /* @__PURE__ */ jsx7(
     ActionButton,
     {
       label: isPending ? "Saving\u2026" : "Acknowledge",
@@ -1169,24 +1474,25 @@ function NowDetails(props) {
   const budgetHref = isBudgetOverride(frame) ? costsHref(props.companyPrefix) : null;
   const activityLink = activityHref(frame, props.companyPrefix);
   const hasContext = visibleContextItems(frame).length > 0;
-  return /* @__PURE__ */ jsxs4("div", { className: "space-y-3 border-t border-border pt-4", children: [
-    /* @__PURE__ */ jsx5(ExplainabilityPanel, { frame, lane: "now", detailOnly: true }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx5("span", { children: requestDescriptor(frame) }),
-      /* @__PURE__ */ jsx5("span", { children: impactLabel(frame) }),
-      /* @__PURE__ */ jsx5("span", { children: formatRelativeTime(frameUpdatedAt(frame, snapshotUpdatedAt)) }),
-      requestedAmount(frame) ? /* @__PURE__ */ jsxs4("span", { children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "min-w-0 space-y-3 border-t border-border pt-4 [overflow-wrap:anywhere]", children: [
+    props.fallbackSummary ? /* @__PURE__ */ jsx7("p", { className: "whitespace-pre-wrap text-sm leading-relaxed text-muted-foreground", children: props.fallbackSummary }) : null,
+    /* @__PURE__ */ jsx7(ExplainabilityPanel, { frame, lane: "now", detailOnly: true }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx7("span", { children: requestDescriptor(frame) }),
+      /* @__PURE__ */ jsx7("span", { children: impactLabel(frame) }),
+      /* @__PURE__ */ jsx7("span", { children: formatRelativeTime(frameUpdatedAt(frame, snapshotUpdatedAt)) }),
+      requestedAmount(frame) ? /* @__PURE__ */ jsxs5("span", { children: [
         "Amount requested: ",
         requestedAmount(frame)
       ] }) : null,
-      budgetReason(frame) ? /* @__PURE__ */ jsx5("span", { children: budgetReason(frame) }) : null
+      budgetReason(frame) ? /* @__PURE__ */ jsx7("span", { children: budgetReason(frame) }) : null
     ] }),
-    hasContext ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-      /* @__PURE__ */ jsx5("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Context" }),
-      /* @__PURE__ */ jsx5(ContextItems, { frame })
+    hasContext ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      /* @__PURE__ */ jsx7("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Context" }),
+      /* @__PURE__ */ jsx7(ContextItems, { frame })
     ] }) : null,
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-3", children: [
-      href ? /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-3", children: [
+      href ? /* @__PURE__ */ jsxs5(
         "a",
         {
           href,
@@ -1195,11 +1501,11 @@ function NowDetails(props) {
           className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",
           children: [
             primaryLinkLabel(frame),
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
+            /* @__PURE__ */ jsx7(ExternalLinkIcon, {})
           ]
         }
       ) : null,
-      activityLink ? /* @__PURE__ */ jsxs4(
+      activityLink ? /* @__PURE__ */ jsxs5(
         "a",
         {
           href: activityLink,
@@ -1208,11 +1514,11 @@ function NowDetails(props) {
           className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",
           children: [
             "Open activity",
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
+            /* @__PURE__ */ jsx7(ExternalLinkIcon, {})
           ]
         }
       ) : null,
-      budgetHref ? /* @__PURE__ */ jsx5(Accent, { children: /* @__PURE__ */ jsxs4(
+      budgetHref ? /* @__PURE__ */ jsx7(Accent, { children: /* @__PURE__ */ jsxs5(
         "a",
         {
           href: budgetHref,
@@ -1222,7 +1528,7 @@ function NowDetails(props) {
           style: { color: "inherit" },
           children: [
             "Review in Costs",
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
+            /* @__PURE__ */ jsx7(ExternalLinkIcon, {})
           ]
         }
       ) }) : null
@@ -1230,57 +1536,60 @@ function NowDetails(props) {
   ] });
 }
 function QuietNow() {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex min-h-20 items-center gap-3", children: [
-    /* @__PURE__ */ jsx5(QuietMark, { size: "md" }),
-    /* @__PURE__ */ jsx5("div", { className: "text-sm text-muted-foreground", children: "Nothing active right now." })
+  return /* @__PURE__ */ jsxs5("div", { className: "flex min-h-20 items-center gap-3", children: [
+    /* @__PURE__ */ jsx7(QuietMark, { size: "md" }),
+    /* @__PURE__ */ jsx7("div", { className: "text-sm text-muted-foreground", children: "Nothing active right now." })
   ] });
 }
 function NowActionRail(props) {
   const actionMode = responseKind(props.frame, props.lane);
   const isPending = props.pendingId === props.frame.id;
   const commentEnabled = actionMode === "acknowledge" && isIssueFrame(props.frame);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "space-y-3 rounded-md border border-border/60 bg-secondary/20 px-3 py-3",
       style: props.wide ? { width: 320, flexShrink: 0, position: "sticky", top: 16, alignSelf: "flex-start" } : void 0,
       children: [
-        /* @__PURE__ */ jsx5("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Actions" }),
-        actionMode === "approval" ? /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx7("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: "Actions" }),
+        actionMode === "interaction" ? /* @__PURE__ */ jsx7(InteractionActions, { frame: props.frame, pendingId: props.pendingId, userId: props.userId, onRespond: props.onRespond }, props.frame.interactionId) : actionMode === "approval" ? /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx7(
               ActionButton,
               {
                 label: isPending ? "Submitting\u2026" : "Approve",
-                tone: "primary",
+                tone: "accent",
                 disabled: isPending,
                 className: "w-full",
                 onClick: () => void props.onApprove(props.frame)
               }
             ),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx7(
               ActionButton,
               {
                 label: "Reject",
-                tone: "danger",
+                tone: "accent",
                 disabled: isPending,
                 className: "w-full",
                 onClick: () => void props.onReject(props.frame)
               }
             )
           ] }),
-          isBudgetOverride(props.frame) ? /* @__PURE__ */ jsx5(
-            ActionButton,
+          isBudgetOverride(props.frame) && props.itemLink ? /* @__PURE__ */ jsxs5(
+            "a",
             {
-              label: "Request revision",
-              tone: "secondary",
-              disabled: isPending,
-              className: "w-full",
-              onClick: () => void props.onRequestRevision(props.frame)
+              href: props.itemLink,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",
+              children: [
+                "Request revision in Paperclip",
+                /* @__PURE__ */ jsx7(ExternalLinkIcon, {})
+              ]
             }
           ) : null
-        ] }) : actionMode === "acknowledge" ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
-          commentEnabled ? /* @__PURE__ */ jsx5(
+        ] }) : actionMode === "acknowledge" ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2", children: [
+          commentEnabled ? /* @__PURE__ */ jsx7(
             IssueCommentComposer,
             {
               frame: props.frame,
@@ -1293,7 +1602,7 @@ function NowActionRail(props) {
               panelClassName: "w-full space-y-2 rounded-md border border-border bg-background/80 p-3"
             }
           ) : null,
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx7(
             ActionButton,
             {
               label: isPending ? "Saving\u2026" : "Acknowledge",
@@ -1303,7 +1612,7 @@ function NowActionRail(props) {
             }
           )
         ] }) : null,
-        props.itemLink ? /* @__PURE__ */ jsxs4(
+        props.itemLink ? /* @__PURE__ */ jsxs5(
           "a",
           {
             href: props.itemLink,
@@ -1312,7 +1621,7 @@ function NowActionRail(props) {
             className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",
             children: [
               primaryLinkLabel(props.frame),
-              /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
+              /* @__PURE__ */ jsx7(ExternalLinkIcon, {})
             ]
           }
         ) : null
@@ -1322,7 +1631,7 @@ function NowActionRail(props) {
 }
 function NowPane(props) {
   const frame = props.snapshot.now;
-  const [detailsOpen, setDetailsOpen] = useState5(false);
+  const [detailsOpen, setDetailsOpen] = useState6(false);
   const wideLayout = useWideLayout(1120);
   const activeFrameId = frame?.id ?? null;
   const activeUnread = !!frame && (props.snapshot.review?.unread.now ?? 0) > 0;
@@ -1333,58 +1642,63 @@ function NowPane(props) {
   useEffect5(() => {
     setDetailsOpen(false);
   }, [activeFrameId]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "section",
     {
-      className: "border border-border bg-card shadow-sm",
+      className: "min-w-0 max-w-full border border-border bg-card shadow-sm [overflow-wrap:anywhere]",
       style: frame ? { borderLeftWidth: 3, borderLeftColor: ACCENT_COLOR } : void 0,
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-3 border-b border-border bg-accent px-4 py-3 sm:px-6", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx5(Accent, { className: "text-sm leading-none", children: props.posture.glyph }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2", children: [
-              /* @__PURE__ */ jsx5(Accent, { className: "text-base leading-none font-semibold tracking-[0.04em]", children: props.brand.wordmark }),
-              /* @__PURE__ */ jsx5("span", { className: "text-[11px] leading-none text-muted-foreground", children: props.posture.label })
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-border bg-accent px-4 py-3 sm:px-6", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx7(Accent, { className: "text-sm leading-none", children: props.posture.glyph }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
+              /* @__PURE__ */ jsx7(Accent, { className: "text-base leading-none font-semibold tracking-[0.04em]", children: props.brand.wordmark }),
+              /* @__PURE__ */ jsx7("span", { className: "text-[11px] leading-none text-muted-foreground", children: props.posture.label })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 text-xs tabular-nums text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs4("span", { className: props.counts.now > 0 ? "font-semibold" : "", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 text-xs tabular-nums text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs5("span", { className: props.counts.now > 0 ? "font-semibold" : "", children: [
               "now ",
-              props.counts.now > 0 ? /* @__PURE__ */ jsx5(Accent, { children: props.counts.now }) : props.counts.now
+              props.counts.now > 0 ? /* @__PURE__ */ jsx7(Accent, { children: props.counts.now }) : props.counts.now
             ] }),
-            /* @__PURE__ */ jsxs4("span", { className: props.counts.next > 0 ? "font-semibold" : "", children: [
+            /* @__PURE__ */ jsxs5("span", { className: props.counts.next > 0 ? "font-semibold" : "", children: [
               "next ",
-              props.counts.next > 0 ? /* @__PURE__ */ jsx5(Accent, { children: props.counts.next }) : props.counts.next
+              props.counts.next > 0 ? /* @__PURE__ */ jsx7(Accent, { children: props.counts.next }) : props.counts.next
             ] }),
-            /* @__PURE__ */ jsxs4("span", { className: props.counts.ambient > 0 ? "font-semibold" : "", children: [
+            /* @__PURE__ */ jsxs5("span", { className: props.counts.ambient > 0 ? "font-semibold" : "", children: [
               "ambient ",
-              props.counts.ambient > 0 ? /* @__PURE__ */ jsx5(Accent, { children: props.counts.ambient }) : props.counts.ambient
+              props.counts.ambient > 0 ? /* @__PURE__ */ jsx7(Accent, { children: props.counts.ambient }) : props.counts.ambient
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx5("div", { className: "px-5 py-5 sm:px-6", children: !frame ? /* @__PURE__ */ jsx5(QuietNow, {}) : /* @__PURE__ */ jsxs4("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsx7("div", { className: "px-5 py-5 sm:px-6", children: !frame ? /* @__PURE__ */ jsx7(QuietNow, {}) : /* @__PURE__ */ jsxs5("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxs5(
             "div",
             {
               className: wideLayout ? "flex items-start gap-6" : "space-y-4",
               children: [
-                /* @__PURE__ */ jsxs4("div", { className: "space-y-4", style: wideLayout ? { minWidth: 0, flex: 1 } : void 0, children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx5("span", { children: "Now" }),
-                    /* @__PURE__ */ jsx5("span", { className: "normal-case tracking-normal text-muted-foreground/70", children: sourceLabel(frame) })
+                /* @__PURE__ */ jsxs5("div", { className: "min-w-0 space-y-4", style: wideLayout ? { flex: 1 } : void 0, children: [
+                  /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx7("span", { children: "Now" }),
+                    /* @__PURE__ */ jsx7("span", { className: "normal-case tracking-normal text-muted-foreground/70", children: sourceLabel(frame) })
                   ] }),
-                  recommendedMove ? /* @__PURE__ */ jsx5("div", { className: "max-w-4xl text-3xl font-semibold leading-tight text-foreground", children: recommendedMove }) : frame.summary ? /* @__PURE__ */ jsx5("div", { className: "max-w-4xl text-3xl font-semibold leading-tight text-foreground", children: frame.summary }) : null,
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-2 text-xl font-medium leading-snug text-foreground/80", children: [
-                    /* @__PURE__ */ jsx5(UnreadDot, { visible: activeUnread }),
-                    /* @__PURE__ */ jsx5("span", { children: renderTitle(frame) })
+                  recommendedMove ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                    /* @__PURE__ */ jsx7("div", { className: "max-w-4xl text-3xl font-semibold leading-tight text-foreground", children: recommendedMove }),
+                    /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2 text-xl font-medium leading-snug text-foreground/80", children: [
+                      /* @__PURE__ */ jsx7(UnreadDot, { visible: activeUnread }),
+                      /* @__PURE__ */ jsx7("span", { className: "min-w-0", children: renderTitle(frame) })
+                    ] })
+                  ] }) : /* @__PURE__ */ jsxs5("div", { className: "flex max-w-4xl items-start gap-2 text-3xl font-semibold leading-tight text-foreground", children: [
+                    /* @__PURE__ */ jsx7(UnreadDot, { visible: activeUnread }),
+                    /* @__PURE__ */ jsx7("span", { className: "min-w-0", children: renderTitle(frame) })
                   ] }),
-                  helperLine ? /* @__PURE__ */ jsx5("p", { className: "max-w-3xl text-sm leading-relaxed text-muted-foreground", children: helperLine }) : null,
-                  /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
-                    /* @__PURE__ */ jsx5(Badge, { className: "border-border bg-secondary text-foreground/80", children: impactLabel(frame) }),
-                    driverLabel(frame) ? /* @__PURE__ */ jsx5(Badge, { className: driverBadge.className, style: driverBadge.style, children: driverLabel(frame) }) : null
+                  helperLine ? /* @__PURE__ */ jsx7("p", { className: "max-w-3xl text-sm leading-relaxed text-muted-foreground", children: helperLine }) : null,
+                  /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ jsx7(Badge, { className: "border-border bg-secondary text-foreground/80", children: impactLabel(frame) }),
+                    driverLabel(frame) ? /* @__PURE__ */ jsx7(Badge, { className: driverBadge.className, style: driverBadge.style, children: driverLabel(frame) }) : null
                   ] }),
-                  /* @__PURE__ */ jsx5(InlineExplainability, { frame, lane: "now", preferLaneReason: !!helperLine }),
-                  /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx5(Accent, { children: /* @__PURE__ */ jsxs4(
+                  /* @__PURE__ */ jsx7(InlineExplainability, { frame, lane: "now", preferLaneReason: !!helperLine }),
+                  /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx7(Accent, { children: /* @__PURE__ */ jsxs5(
                     "button",
                     {
                       type: "button",
@@ -1398,14 +1712,14 @@ function NowPane(props) {
                       className: "flex items-center gap-1.5 text-xs font-medium transition-opacity hover:opacity-100",
                       style: { color: "inherit" },
                       children: [
-                        /* @__PURE__ */ jsx5(
+                        /* @__PURE__ */ jsx7(
                           "svg",
                           {
                             viewBox: "0 0 16 16",
                             className: cn("h-3 w-3 transition-transform", detailsOpen && "rotate-90"),
                             fill: "currentColor",
                             "aria-hidden": "true",
-                            children: /* @__PURE__ */ jsx5("path", { d: "M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z" })
+                            children: /* @__PURE__ */ jsx7("path", { d: "M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z" })
                           }
                         ),
                         detailsOpen ? "Hide context" : "Show context"
@@ -1413,9 +1727,11 @@ function NowPane(props) {
                     }
                   ) }) })
                 ] }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx7(
                   NowActionRail,
                   {
+                    userId: props.userId,
+                    onRespond: props.onRespond,
                     frame,
                     lane: "now",
                     wide: wideLayout,
@@ -1424,7 +1740,6 @@ function NowPane(props) {
                     onEngageFocus: props.onEngageFocus,
                     onApprove: props.onApprove,
                     onReject: props.onReject,
-                    onRequestRevision: props.onRequestRevision,
                     onAcknowledge: props.onAcknowledge,
                     onComment: props.onComment
                   }
@@ -1432,12 +1747,13 @@ function NowPane(props) {
               ]
             }
           ),
-          detailsOpen ? /* @__PURE__ */ jsx5(
+          detailsOpen ? /* @__PURE__ */ jsx7(
             NowDetails,
             {
               frame,
               snapshotUpdatedAt: props.snapshot.updatedAt,
-              companyPrefix: props.companyPrefix
+              companyPrefix: props.companyPrefix,
+              fallbackSummary: !recommendedMove ? frame.summary ?? null : null
             }
           ) : null
         ] }) })
@@ -1447,7 +1763,7 @@ function NowPane(props) {
 }
 function NextRow(props) {
   const { frame } = props;
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState6(false);
   const unread = isFrameUnreadInSnapshot(frame, props.snapshot);
   const activityLink = activityHref(frame, props.companyPrefix);
   const itemLink = itemHref(frame, props.companyPrefix);
@@ -1457,8 +1773,8 @@ function NextRow(props) {
   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__ */ jsxs4("div", { className: "border-b border-border/80 last:border-b-0", style: expanded ? { borderLeftWidth: 2, borderLeftColor: ACCENT_COLOR } : void 0, children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5("div", { className: "border-b border-border/80 last:border-b-0", style: expanded ? { borderLeftWidth: 2, borderLeftColor: ACCENT_COLOR } : void 0, children: [
+    /* @__PURE__ */ jsxs5(
       "button",
       {
         type: "button",
@@ -1466,40 +1782,40 @@ function NextRow(props) {
         "aria-expanded": expanded,
         className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50 sm:px-6",
         children: [
-          /* @__PURE__ */ jsx5(UnreadDot, { visible: unread }),
-          /* @__PURE__ */ jsx5("span", { className: "w-5 shrink-0", style: { opacity: rankOpacity }, children: /* @__PURE__ */ jsx5(Accent, { className: "text-xs font-medium tabular-nums", children: String(props.rank).padStart(2, "0") }) }),
-          /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium leading-5 text-foreground", children: renderTitle(frame) }),
-            secondaryText ? /* @__PURE__ */ jsx5("div", { className: "mt-0.5 max-w-3xl text-xs leading-5 text-muted-foreground", children: secondaryText }) : null
+          /* @__PURE__ */ jsx7(UnreadDot, { visible: unread }),
+          /* @__PURE__ */ jsx7("span", { className: "w-5 shrink-0", style: { opacity: rankOpacity }, children: /* @__PURE__ */ jsx7(Accent, { className: "text-xs font-medium tabular-nums", children: String(props.rank).padStart(2, "0") }) }),
+          /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx7("div", { className: "text-sm font-medium leading-5 text-foreground", children: renderTitle(frame) }),
+            secondaryText ? /* @__PURE__ */ jsx7("div", { className: "mt-0.5 max-w-3xl text-xs leading-5 text-muted-foreground", children: secondaryText }) : null
           ] }),
-          /* @__PURE__ */ jsx5(QueueMovementBadge, { movement: props.movement }),
-          driver ? /* @__PURE__ */ jsx5(Badge, { className: cn("shrink-0", driverBadge.className), style: driverBadge.style, children: driver }) : null,
-          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-muted-foreground", style: { opacity: 0.7 }, children: formatRelativeTime(frameUpdatedAt(frame, props.snapshotUpdatedAt)) }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx7(QueueMovementBadge, { movement: props.movement }),
+          driver ? /* @__PURE__ */ jsx7(Badge, { className: cn("shrink-0", driverBadge.className), style: driverBadge.style, children: driver }) : null,
+          /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs text-muted-foreground", style: { opacity: 0.7 }, children: formatRelativeTime(frameUpdatedAt(frame, props.snapshotUpdatedAt)) }),
+          /* @__PURE__ */ jsx7(
             "svg",
             {
               viewBox: "0 0 16 16",
               className: cn("h-3 w-3 shrink-0 text-muted-foreground transition-transform", expanded && "rotate-90"),
               fill: "currentColor",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx5("path", { d: "M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z" })
+              children: /* @__PURE__ */ jsx7("path", { d: "M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z" })
             }
           )
         ]
       }
     ),
-    expanded ? /* @__PURE__ */ jsxs4("div", { className: "space-y-3 px-4 pb-4 pl-12 sm:px-6 sm:pl-14", children: [
-      showDetailText ? /* @__PURE__ */ jsx5("p", { className: "text-sm leading-relaxed text-muted-foreground", children: detailText }) : null,
-      /* @__PURE__ */ jsx5(ExplainabilityStrip, { frame, lane: "next" }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx5("span", { children: impactLabel(frame) }),
-        driver ? /* @__PURE__ */ jsx5(Accent, { children: driver }) : null,
-        props.movement ? /* @__PURE__ */ jsx5(Accent, { children: props.movement === "up" ? "rising in queue" : "falling in queue" }) : null,
-        /* @__PURE__ */ jsxs4("span", { children: [
+    expanded ? /* @__PURE__ */ jsxs5("div", { className: "space-y-3 px-4 pb-4 pl-12 sm:px-6 sm:pl-14", children: [
+      showDetailText ? /* @__PURE__ */ jsx7("p", { className: "text-sm leading-relaxed text-muted-foreground", children: detailText }) : null,
+      /* @__PURE__ */ jsx7(ExplainabilityStrip, { frame, lane: "next" }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx7("span", { children: impactLabel(frame) }),
+        driver ? /* @__PURE__ */ jsx7(Accent, { children: driver }) : null,
+        props.movement ? /* @__PURE__ */ jsx7(Accent, { children: props.movement === "up" ? "rising in queue" : "falling in queue" }) : null,
+        /* @__PURE__ */ jsxs5("span", { children: [
           "updated ",
           formatRelativeTime(frameUpdatedAt(frame, props.snapshotUpdatedAt))
         ] }),
-        itemLink ? /* @__PURE__ */ jsx5(
+        itemLink ? /* @__PURE__ */ jsx7(
           "a",
           {
             href: itemLink,
@@ -1507,7 +1823,7 @@ function NextRow(props) {
             children: primaryLinkLabel(frame)
           }
         ) : null,
-        activityLink ? /* @__PURE__ */ jsx5(
+        activityLink ? /* @__PURE__ */ jsx7(
           "a",
           {
             href: activityLink,
@@ -1516,17 +1832,19 @@ function NextRow(props) {
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
-        /* @__PURE__ */ jsx5(IssueCommentComposer, { frame, pendingId: props.pendingId, onComment: props.onComment }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
+        /* @__PURE__ */ jsx7(IssueCommentComposer, { frame, pendingId: props.pendingId, onComment: props.onComment }),
+        /* @__PURE__ */ jsx7(
           FrameActions,
           {
+            userId: props.userId,
+            onRespond: props.onRespond,
             frame,
             lane: "next",
             pendingId: props.pendingId,
             onApprove: props.onApprove,
             onReject: props.onReject,
-            onRequestRevision: props.onRequestRevision,
+            companyPrefix: props.companyPrefix,
             onAcknowledge: props.onAcknowledge
           }
         )
@@ -1535,11 +1853,13 @@ function NextRow(props) {
   ] });
 }
 function NextLane(props) {
-  return /* @__PURE__ */ jsxs4("section", { className: "border border-border/80 bg-card", children: [
-    /* @__PURE__ */ jsx5("div", { className: "border-b border-border/80 px-4 py-2.5 sm:px-6", children: /* @__PURE__ */ jsx5("h2", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Next" }) }),
-    props.rows.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "px-4 py-4 text-sm text-muted-foreground sm:px-6", style: { opacity: 0.7 }, children: "Nothing is staged behind the current focus." }) : props.rows.map((row, i) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5("section", { className: "border border-border/80 bg-card", children: [
+    /* @__PURE__ */ jsx7("div", { className: "border-b border-border/80 px-4 py-2.5 sm:px-6", children: /* @__PURE__ */ jsx7("h2", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Next" }) }),
+    props.rows.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "px-4 py-4 text-sm text-muted-foreground sm:px-6", style: { opacity: 0.7 }, children: "Nothing is staged behind the current focus." }) : props.rows.map((row, i) => /* @__PURE__ */ jsx7(
       NextRow,
       {
+        userId: props.userId,
+        onRespond: props.onRespond,
         rank: i + 1,
         frame: row.frame,
         movement: props.movement[row.frame.interactionId],
@@ -1549,11 +1869,10 @@ function NextLane(props) {
         pendingId: props.pendingId,
         onApprove: props.onApprove,
         onReject: props.onReject,
-        onRequestRevision: props.onRequestRevision,
         onAcknowledge: props.onAcknowledge,
         onComment: props.onComment
       },
-      row.frame.id
+      JSON.stringify([row.frame.taskId, row.frame.interactionId])
     ))
   ] });
 }
@@ -1561,21 +1880,21 @@ function AmbientRow(props) {
   const { frame, snapshotUpdatedAt } = props;
   const href = itemHref(frame, props.companyPrefix);
   const unread = isFrameUnreadInSnapshot(frame, props.snapshot);
-  const content = /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 px-4 py-2.5 sm:px-6", children: [
-    /* @__PURE__ */ jsx5(UnreadDot, { visible: unread, tone: "muted", reserveSpace: true }),
-    /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate text-[13px] text-muted-foreground", children: renderTitle(frame) }),
-    /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-muted-foreground/80", children: sourceLabel(frame) }),
-    /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-muted-foreground/70", children: formatRelativeTime(frameUpdatedAt(frame, snapshotUpdatedAt)) })
+  const content = /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 px-4 py-2.5 sm:px-6", children: [
+    /* @__PURE__ */ jsx7(UnreadDot, { visible: unread, tone: "muted", reserveSpace: true }),
+    /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate text-[13px] text-muted-foreground", children: renderTitle(frame) }),
+    /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs text-muted-foreground/80", children: sourceLabel(frame) }),
+    /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs text-muted-foreground/70", children: formatRelativeTime(frameUpdatedAt(frame, snapshotUpdatedAt)) })
   ] });
-  return /* @__PURE__ */ jsx5("div", { style: { borderBottomWidth: 1, borderBottomColor: "var(--border)" }, className: "last:border-b-0", children: href ? /* @__PURE__ */ jsx5("a", { href, className: "block transition-colors hover:bg-accent/40", children: content }) : content });
+  return /* @__PURE__ */ jsx7("div", { style: { borderBottomWidth: 1, borderBottomColor: "var(--border)" }, className: "last:border-b-0", children: href ? /* @__PURE__ */ jsx7("a", { href, className: "block transition-colors hover:bg-accent/40", children: content }) : content });
 }
 function AmbientLane(props) {
-  return /* @__PURE__ */ jsxs4("section", { style: { borderWidth: 1, borderColor: "var(--border)" }, className: "mt-2 bg-card", "aria-label": "Ambient attention", children: [
-    /* @__PURE__ */ jsx5("div", { style: { borderBottomWidth: 1, borderBottomColor: "var(--border)" }, className: "px-4 py-2.5 sm:px-6", children: /* @__PURE__ */ jsx5("h2", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground/80", children: "Ambient" }) }),
-    props.rows.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 px-4 py-4 text-sm text-muted-foreground sm:px-6", children: [
-      /* @__PURE__ */ jsx5(QuietMark, {}),
-      /* @__PURE__ */ jsx5("span", { children: "Nothing in peripheral view." })
-    ] }) : props.rows.map((row) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5("section", { style: { borderWidth: 1, borderColor: "var(--border)" }, className: "mt-2 bg-card", "aria-label": "Ambient attention", children: [
+    /* @__PURE__ */ jsx7("div", { style: { borderBottomWidth: 1, borderBottomColor: "var(--border)" }, className: "px-4 py-2.5 sm:px-6", children: /* @__PURE__ */ jsx7("h2", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground/80", children: "Ambient" }) }),
+    props.rows.length === 0 ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 px-4 py-4 text-sm text-muted-foreground sm:px-6", children: [
+      /* @__PURE__ */ jsx7(QuietMark, {}),
+      /* @__PURE__ */ jsx7("span", { children: "Nothing in peripheral view." })
+    ] }) : props.rows.map((row) => /* @__PURE__ */ jsx7(
       AmbientRow,
       {
         frame: row.frame,
@@ -1592,47 +1911,63 @@ function DashboardWidget(props) {
   const brand = currentSurfaceBrand();
   const href = pluginPagePath(props.context.companyPrefix);
   const model = useAttentionModel(companyId);
+  const liveUpdates = /* @__PURE__ */ jsx7(AttentionLiveUpdates, { companyId, refresh: model.refresh }, companyId);
   const data = model.snapshot;
   const loading = model.loading;
   const error = model.error;
-  if (!companyId) return /* @__PURE__ */ jsx5(MessageCard, { title: `Open ${brand.wordmark}`, body: `Open a company to see ${brand.wordmark}.` });
-  if (loading) return /* @__PURE__ */ jsx5(WidgetLoadingState, { label: brand.loadingLabel });
-  if (error) return /* @__PURE__ */ jsx5(MessageCard, { title: "Plugin error", body: error.message });
-  if (!data) return /* @__PURE__ */ jsx5(MessageCard, { title: brand.wordmark, body: brand.headingEmptyState });
+  if (!companyId) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(MessageCard, { title: `Open ${brand.wordmark}`, body: `Open a company to see ${brand.wordmark}.` })
+  ] });
+  if (loading) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(WidgetLoadingState, { label: brand.loadingLabel })
+  ] });
+  if (error) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(MessageCard, { title: "Plugin error", body: error.message })
+  ] });
+  if (!data) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(MessageCard, { title: brand.wordmark, body: brand.headingEmptyState })
+  ] });
   const posture = postureForSnapshot(data);
   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__ */ jsxs4("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__ */ jsxs4("div", { className: "flex items-start gap-2 text-xs", children: [
-      /* @__PURE__ */ jsx5(Accent, { className: "pt-0.5 text-sm", children: posture.glyph }),
-      /* @__PURE__ */ jsx5("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2", children: [
-        /* @__PURE__ */ jsx5(Accent, { className: "font-semibold tracking-[0.04em]", children: brand.wordmark }),
-        /* @__PURE__ */ jsx5(Accent, { className: "text-[11px]", children: posture.label }),
-        actionable ? /* @__PURE__ */ jsx5(Accent, { className: "text-[11px]", children: actionable }) : null
-      ] }) }),
-      /* @__PURE__ */ jsxs4("span", { className: "ml-auto tabular-nums text-muted-foreground", children: [
-        "now ",
-        data.counts.now,
-        " \xB7 next ",
-        data.counts.next,
-        " \xB7 ambient ",
-        data.counts.ambient
-      ] })
-    ] }),
-    leadingText ? /* @__PURE__ */ jsx5(
-      "div",
-      {
-        className: "mt-2 text-sm font-medium leading-5 text-foreground",
-        style: {
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden"
-        },
-        children: leadingText
-      }
-    ) : /* @__PURE__ */ jsx5("div", { className: "mt-2 text-sm text-muted-foreground", children: "No active interruption right now." })
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsxs5("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__ */ jsxs5("div", { className: "flex items-start gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx7(Accent, { className: "pt-0.5 text-sm", children: posture.glyph }),
+        /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
+          /* @__PURE__ */ jsx7(Accent, { className: "font-semibold tracking-[0.04em]", children: brand.wordmark }),
+          /* @__PURE__ */ jsx7(Accent, { className: "text-[11px]", children: posture.label }),
+          actionable ? /* @__PURE__ */ jsx7(Accent, { className: "text-[11px]", children: actionable }) : null
+        ] }) }),
+        /* @__PURE__ */ jsxs5("span", { className: "ml-auto tabular-nums text-muted-foreground", children: [
+          "now ",
+          data.counts.now,
+          " \xB7 next ",
+          data.counts.next,
+          " \xB7 ambient ",
+          data.counts.ambient
+        ] })
+      ] }),
+      leadingText ? /* @__PURE__ */ jsx7(
+        "div",
+        {
+          className: "mt-2 text-sm font-medium leading-5 text-foreground",
+          style: {
+            display: "-webkit-box",
+            WebkitLineClamp: 2,
+            WebkitBoxOrient: "vertical",
+            overflow: "hidden"
+          },
+          children: leadingText
+        }
+      ) : /* @__PURE__ */ jsx7("div", { className: "mt-2 text-sm text-muted-foreground", children: "No active interruption right now." })
+    ] })
   ] });
 }
 function AttentionSidebarLink({ context }) {
@@ -1641,66 +1976,72 @@ function AttentionSidebarLink({ context }) {
   const href = pluginPagePath(context.companyPrefix);
   const isActive = typeof window !== "undefined" && window.location.pathname === href;
   const model = useAttentionModel(companyId);
+  const liveUpdates = /* @__PURE__ */ jsx7(AttentionLiveUpdates, { companyId, refresh: model.refresh }, companyId);
   const merged = model.snapshot;
   const actionable = merged ? actionableCount(merged) : 0;
   const unread = unreadCount(merged);
-  return /* @__PURE__ */ jsxs4(
-    "a",
-    {
-      href,
-      "aria-current": isActive ? "page" : void 0,
-      className: cn(
-        "flex items-center gap-2.5 px-3 py-2 text-[13px] font-medium transition-colors",
-        isActive ? "bg-accent text-foreground" : "text-foreground/80 hover:bg-accent/50 hover:text-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs4("span", { className: "relative shrink-0", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsxs4(
-            "svg",
-            {
-              viewBox: "0 0 24 24",
-              className: "h-4 w-4",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "1.9",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: [
-                /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "9" }),
-                /* @__PURE__ */ jsx5("path", { d: "m14.3 8 5.2 9" }),
-                /* @__PURE__ */ jsx5("path", { d: "M9.7 8h10.4" }),
-                /* @__PURE__ */ jsx5("path", { d: "m7.4 12 5.2-9" }),
-                /* @__PURE__ */ jsx5("path", { d: "m9.7 16-5.2-9" }),
-                /* @__PURE__ */ jsx5("path", { d: "M14.3 16H3.9" }),
-                /* @__PURE__ */ jsx5("path", { d: "m16.6 12-5.2 9" })
-              ]
-            }
-          ),
-          unread > 0 ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsxs5(
+      "a",
+      {
+        href,
+        "aria-current": isActive ? "page" : void 0,
+        className: cn(
+          "flex items-center gap-2.5 px-3 py-2 text-[13px] font-medium transition-colors",
+          isActive ? "bg-accent text-foreground" : "text-foreground/80 hover:bg-accent/50 hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs5("span", { className: "relative shrink-0", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsxs5(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                className: "h-4 w-4",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.9",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "9" }),
+                  /* @__PURE__ */ jsx7("path", { d: "m14.3 8 5.2 9" }),
+                  /* @__PURE__ */ jsx7("path", { d: "M9.7 8h10.4" }),
+                  /* @__PURE__ */ jsx7("path", { d: "m7.4 12 5.2-9" }),
+                  /* @__PURE__ */ jsx7("path", { d: "m9.7 16-5.2-9" }),
+                  /* @__PURE__ */ jsx7("path", { d: "M14.3 16H3.9" }),
+                  /* @__PURE__ */ jsx7("path", { d: "m16.6 12-5.2 9" })
+                ]
+              }
+            ),
+            unread > 0 ? /* @__PURE__ */ jsx7(
+              "span",
+              {
+                className: "absolute -right-1 -top-1 h-2 w-2 rounded-full",
+                style: { backgroundColor: ACCENT_COLOR }
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsx7("span", { className: "flex-1 truncate", children: brand.wordmark }),
+          actionable > 0 ? /* @__PURE__ */ jsx7("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__ */ jsx7(
             "span",
             {
-              className: "absolute -right-1 -top-1 h-2 w-2 rounded-full",
-              style: { backgroundColor: ACCENT_COLOR }
+              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: unread
             }
           ) : null
-        ] }),
-        /* @__PURE__ */ jsx5("span", { className: "flex-1 truncate", children: brand.wordmark }),
-        actionable > 0 ? /* @__PURE__ */ jsx5("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__ */ jsx5(
-          "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: unread
-          }
-        ) : null
-      ]
-    }
-  );
+        ]
+      }
+    )
+  ] });
 }
 function AttentionPage(props) {
+  const { userId } = useHostContext2();
   const companyId = props.context.companyId;
   const brand = currentSurfaceBrand();
   const model = useAttentionModel(companyId);
+  const liveUpdates = /* @__PURE__ */ jsx7(AttentionLiveUpdates, { companyId, refresh: model.refresh }, companyId);
   const snapshot = model.snapshot;
   const loading = model.loading;
   const error = model.error;
@@ -1723,68 +2064,85 @@ function AttentionPage(props) {
     acknowledgeFrame,
     commentOnIssueFrame,
     submitApprovalDecision,
-    requestApprovalRevision
+    submitInteractionDecision
   } = useFocusPageActions({
     companyId,
     displaySnapshot,
     refresh: model.refresh
   });
-  if (!companyId) return /* @__PURE__ */ jsx5(MessageCard, { title: `Open ${brand.wordmark}`, body: `Select a company to open ${brand.wordmark}.` });
-  if (!displaySnapshot && loading) return /* @__PURE__ */ jsx5(PageLoadingState, { label: "Loading attention center" });
-  if (!displaySnapshot && error) return /* @__PURE__ */ jsx5(MessageCard, { title: "Plugin error", body: error.message });
+  if (!companyId) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(MessageCard, { title: `Open ${brand.wordmark}`, body: `Select a company to open ${brand.wordmark}.` })
+  ] });
+  if (!displaySnapshot && loading) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(PageLoadingState, { label: "Loading attention center" })
+  ] });
+  if (!displaySnapshot && error) return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsx7(MessageCard, { title: "Plugin error", body: error.message })
+  ] });
   if (!displaySnapshot || !posture) {
-    return /* @__PURE__ */ jsx5(
-      MessageCard,
-      {
-        title: `No ${brand.wordmark} State Yet`,
-        body: `No ${brand.key === "focus" ? "focus" : "attention"} state has been captured for this company yet.`
-      }
-    );
+    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      liveUpdates,
+      /* @__PURE__ */ jsx7(
+        MessageCard,
+        {
+          title: `No ${brand.wordmark} State Yet`,
+          body: `No ${brand.key === "focus" ? "focus" : "attention"} state has been captured for this company yet.`
+        }
+      )
+    ] });
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx5(
-      NowPane,
-      {
-        snapshot: displaySnapshot,
-        posture,
-        brand,
-        companyPrefix: props.context.companyPrefix,
-        counts: displaySnapshot.counts,
-        pendingId,
-        onEngageFocus: holdNowFrame,
-        onApprove: (frame) => submitApprovalDecision(frame, "approve"),
-        onReject: (frame) => submitApprovalDecision(frame, "reject"),
-        onRequestRevision: requestApprovalRevision,
-        onAcknowledge: acknowledgeFrame,
-        onComment: commentOnIssueFrame
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      NextLane,
-      {
-        snapshot: displaySnapshot,
-        rows: nextRows,
-        movement: nextMovement,
-        snapshotUpdatedAt: displaySnapshot.updatedAt,
-        companyPrefix: props.context.companyPrefix,
-        pendingId,
-        onApprove: (frame) => submitApprovalDecision(frame, "approve"),
-        onReject: (frame) => submitApprovalDecision(frame, "reject"),
-        onRequestRevision: requestApprovalRevision,
-        onAcknowledge: acknowledgeFrame,
-        onComment: commentOnIssueFrame
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      AmbientLane,
-      {
-        snapshot: displaySnapshot,
-        rows: ambientRows,
-        snapshotUpdatedAt: displaySnapshot.updatedAt,
-        companyPrefix: props.context.companyPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx5(StatusToast, { message: statusOverride ?? backgroundErrorMessage })
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    liveUpdates,
+    /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx7(
+        NowPane,
+        {
+          userId,
+          onRespond: submitInteractionDecision,
+          snapshot: displaySnapshot,
+          posture,
+          brand,
+          companyPrefix: props.context.companyPrefix,
+          counts: displaySnapshot.counts,
+          pendingId,
+          onEngageFocus: holdNowFrame,
+          onApprove: (frame) => submitApprovalDecision(frame, "approve"),
+          onReject: (frame) => submitApprovalDecision(frame, "reject"),
+          onAcknowledge: acknowledgeFrame,
+          onComment: commentOnIssueFrame
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        NextLane,
+        {
+          userId,
+          onRespond: submitInteractionDecision,
+          snapshot: displaySnapshot,
+          rows: nextRows,
+          movement: nextMovement,
+          snapshotUpdatedAt: displaySnapshot.updatedAt,
+          companyPrefix: props.context.companyPrefix,
+          pendingId,
+          onApprove: (frame) => submitApprovalDecision(frame, "approve"),
+          onReject: (frame) => submitApprovalDecision(frame, "reject"),
+          onAcknowledge: acknowledgeFrame,
+          onComment: commentOnIssueFrame
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        AmbientLane,
+        {
+          snapshot: displaySnapshot,
+          rows: ambientRows,
+          snapshotUpdatedAt: displaySnapshot.updatedAt,
+          companyPrefix: props.context.companyPrefix
+        }
+      ),
+      /* @__PURE__ */ jsx7(StatusToast, { message: statusOverride ?? backgroundErrorMessage ?? model.syncError })
+    ] })
   ] });
 }
 export {