@tomismeta/paperclip-aperture 0.4.2 → 0.4.3

package/dist/ui/index.js

@@ -1,1851 +1 @@
-// src/ui/index.tsx
-import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef5, useState as useState5 } from "react";
-
-// src/aperture/frame-model.ts
-var AMBIENT_MAX_AGE_MS = 5 * 60 * 1e3;
-function isBudgetOverride(frame) {
-  return frame.provenance?.factors?.includes("budget stop") ?? false;
-}
-function frameUpdatedAt(frame, snapshotUpdatedAt) {
-  return frame.timing.updatedAt || snapshotUpdatedAt;
-}
-
-// 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.";
-}
-function genericJudgmentLine(frame, lane) {
-  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 === "next") return GENERIC_NEXT_JUDGMENT;
-  return "Useful for awareness, but not interrupting.";
-}
-
-// src/ui/chrome.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ACCENT_COLOR = "#007ACC";
-var ACCENT_BG = `${ACCENT_COLOR}14`;
-var ACCENT_BORDER = `${ACCENT_COLOR}33`;
-var ACCENT_BG_STYLE = { backgroundColor: ACCENT_COLOR };
-function cn(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-function useAccentColor() {
-  const ref = useRef(null);
-  useEffect(() => {
-    ref.current?.style.setProperty("color", ACCENT_COLOR, "important");
-  });
-  return ref;
-}
-function Accent({ children, className }) {
-  const ref = useAccentColor();
-  return /* @__PURE__ */ jsx("span", { ref, className, children });
-}
-function QuietMark({ size = "sm" }) {
-  const dimension = size === "md" ? 10 : 8;
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: "inline-block shrink-0 rounded-full border",
-      style: { width: dimension, height: dimension, borderColor: ACCENT_BORDER }
-    }
-  );
-}
-function useWideLayout(minWidth = 1024) {
-  const [matches, setMatches] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const query = window.matchMedia(`(min-width: ${minWidth}px)`);
-    const update = () => setMatches(query.matches);
-    update();
-    query.addEventListener("change", update);
-    return () => query.removeEventListener("change", update);
-  }, [minWidth]);
-  return matches;
-}
-function UnreadDot(props) {
-  const tone = props.tone ?? "default";
-  if (!props.visible && !props.reserveSpace) return null;
-  const style = props.visible ? tone === "muted" ? { backgroundColor: ACCENT_BORDER } : ACCENT_BG_STYLE : { backgroundColor: "transparent" };
-  return /* @__PURE__ */ jsx("span", { className: "inline-block h-2 w-2 rounded-full shrink-0", style, "aria-label": props.visible ? "Unread attention item" : void 0 });
-}
-function ExternalLinkIcon() {
-  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", className: "h-3 w-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("path", { d: "M6.5 3.5h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-3" }),
-    /* @__PURE__ */ jsx("path", { d: "M8.5 1.5h6v6" }),
-    /* @__PURE__ */ jsx("path", { d: "M14.5 1.5l-7 7" })
-  ] });
-}
-function SkeletonLine(props) {
-  return /* @__PURE__ */ jsx("div", { className: cn("animate-pulse rounded bg-secondary/80", props.className), "aria-hidden": "true" });
-}
-function MessageCard(props) {
-  return /* @__PURE__ */ jsxs("div", { className: "border border-border bg-card p-4 shadow-sm", children: [
-    /* @__PURE__ */ jsx("div", { className: cn("text-sm font-medium", props.accent && "text-foreground"), children: props.title }),
-    /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: props.body })
-  ] });
-}
-function WidgetLoadingState({ label }) {
-  return /* @__PURE__ */ jsxs("div", { className: "border border-border bg-card px-4 py-3 shadow-sm", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx(SkeletonLine, { className: "mt-0.5 h-3 w-3 rounded-full" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-3 w-20" }),
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-48" })
-      ] }),
-      /* @__PURE__ */ jsx(SkeletonLine, { className: "h-3 w-24" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "sr-only", children: label })
-  ] });
-}
-function PageLoadingState({ label }) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", "aria-label": label, children: [
-    /* @__PURE__ */ jsx("div", { className: "border border-border bg-card px-4 py-3 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-44" }),
-      /* @__PURE__ */ jsx(SkeletonLine, { className: "h-8 w-28" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "border border-border bg-card shadow-sm", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-border px-4 py-3 sm:px-6", children: /* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-36" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-4 py-5 sm:px-6", children: [
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-3 w-16" }),
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-7 w-2/3" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(SkeletonLine, { className: "h-6 w-24" }),
-          /* @__PURE__ */ jsx(SkeletonLine, { className: "h-6 w-20" }),
-          /* @__PURE__ */ jsx(SkeletonLine, { className: "h-6 w-16" })
-        ] }),
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-10 w-56" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "border border-border bg-card shadow-sm", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-border px-4 py-3 sm:px-6", children: /* @__PURE__ */ jsx(SkeletonLine, { className: "h-3 w-12" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 py-4 sm:px-6", children: [
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-full" }),
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-5/6" }),
-        /* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-2/3" })
-      ] })
-    ] })
-  ] });
-}
-function StatusToast({ message }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "pointer-events-none fixed bottom-6 left-1/2 z-50 -translate-x-1/2 transition-all duration-200",
-        message ? "translate-y-0 opacity-100" : "translate-y-2 opacity-0"
-      ),
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      children: message ? /* @__PURE__ */ jsx("div", { className: "min-w-72 max-w-md rounded-lg border border-border bg-card px-4 py-3 text-sm text-foreground shadow-lg", children: message }) : null
-    }
-  );
-}
-function Badge(props) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap shrink-0",
-        props.className
-      ),
-      style: props.style,
-      children: props.children
-    }
-  );
-}
-function ActionButton(props) {
-  const [hovered, setHovered] = useState(false);
-  const toneClass = props.tone === "primary" ? "bg-green-700 text-white hover:bg-green-600" : props.tone === "accent" ? "text-white" : props.tone === "danger" ? "bg-destructive text-white hover:bg-destructive/90 dark:bg-destructive/60" : "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50";
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: props.onClick,
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false),
-      disabled: props.disabled,
-      className: cn(
-        "inline-flex h-8 items-center justify-center gap-2 rounded-md px-3 text-sm font-medium",
-        "transition-[color,background-color,border-color,box-shadow,opacity,filter]",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "disabled:pointer-events-none disabled:opacity-50",
-        props.disabled && /…|\.\.\./.test(props.label) && "animate-pulse",
-        toneClass,
-        props.className
-      ),
-      style: props.tone === "accent" ? { ...ACCENT_BG_STYLE, filter: hovered && !props.disabled ? "brightness(1.08)" : void 0 } : void 0,
-      children: props.label
-    }
-  );
-}
-function QueueMovementBadge({ movement }) {
-  if (!movement) return null;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium",
-      style: {
-        color: ACCENT_COLOR,
-        backgroundColor: ACCENT_BG,
-        borderColor: ACCENT_BORDER
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: movement === "up" ? "\u2191" : "\u2193" }),
-        movement === "up" ? "moved up" : "moved down"
-      ]
-    }
-  );
-}
-
-// src/ui/focus-model.tsx
-import { usePluginData, usePluginStream } from "@paperclipai/plugin-sdk/ui";
-import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
-var ATTENTION_UPDATES_STREAM = "attention-updates";
-function currentSurfaceBrand() {
-  return {
-    key: "focus",
-    wordmark: "Focus",
-    headingEmptyState: "No focus state yet.",
-    loadingLabel: "Loading Focus\u2026"
-  };
-}
-function pluginPagePath(companyPrefix) {
-  return companyPrefix ? `/${companyPrefix}/aperture` : "/aperture";
-}
-function formatRelativeTime(value) {
-  const timestamp = new Date(value).getTime();
-  if (Number.isNaN(timestamp)) return "recently";
-  const elapsedMs = timestamp - Date.now();
-  const elapsedMinutes = Math.round(elapsedMs / 6e4);
-  const formatter = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
-  if (Math.abs(elapsedMinutes) < 60) return formatter.format(elapsedMinutes, "minute");
-  const elapsedHours = Math.round(elapsedMinutes / 60);
-  if (Math.abs(elapsedHours) < 24) return formatter.format(elapsedHours, "hour");
-  const elapsedDays = Math.round(elapsedHours / 24);
-  return formatter.format(elapsedDays, "day");
-}
-function sourceLabel(frame) {
-  return frame.source?.label ?? "Paperclip";
-}
-function postureForSnapshot(snapshot) {
-  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.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.now ? 1 : 0) + snapshot.next.length;
-}
-function actionableLabel(snapshot) {
-  const actionable = actionableCount(snapshot);
-  return actionable > 0 ? `${actionable} action${actionable === 1 ? "" : "s"}` : null;
-}
-function unreadCount(snapshot) {
-  return snapshot?.review?.unread.total ?? 0;
-}
-function useAttentionPolling(companyId, refreshers, intervalMs = 15e3) {
-  const refreshersRef = useRef2(refreshers);
-  refreshersRef.current = refreshers;
-  useEffect2(() => {
-    if (!companyId) return;
-    function refreshVisible() {
-      if (typeof document !== "undefined" && document.visibilityState === "hidden") return;
-      for (const refresh of refreshersRef.current) refresh();
-    }
-    const timer = window.setInterval(() => {
-      refreshVisible();
-    }, intervalMs);
-    function handleVisibilityChange() {
-      if (typeof document !== "undefined" && document.visibilityState === "visible") {
-        for (const refresh of refreshersRef.current) refresh();
-      }
-    }
-    document.addEventListener("visibilitychange", handleVisibilityChange);
-    return () => {
-      window.clearInterval(timer);
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
-    };
-  }, [companyId, intervalMs]);
-}
-function useQueueMovement(frames, ttlMs = 3500) {
-  const previousPositionsRef = useRef2({});
-  const timersRef = useRef2({});
-  const [movementById, setMovementById] = useState2({});
-  useEffect2(() => {
-    const nextPositions = Object.fromEntries(frames.map((frame, index) => [frame.interactionId, index]));
-    setMovementById((current) => {
-      const updates = {};
-      for (const frame of frames) {
-        const previousIndex = previousPositionsRef.current[frame.interactionId];
-        const nextIndex = nextPositions[frame.interactionId];
-        if (typeof previousIndex !== "number" || previousIndex === nextIndex) continue;
-        updates[frame.interactionId] = nextIndex < previousIndex ? "up" : "down";
-      }
-      if (Object.keys(updates).length === 0) return current;
-      const merged = { ...current, ...updates };
-      for (const [interactionId, movement] of Object.entries(updates)) {
-        window.clearTimeout(timersRef.current[interactionId]);
-        timersRef.current[interactionId] = window.setTimeout(() => {
-          setMovementById((active) => {
-            if (active[interactionId] !== movement) return active;
-            const next = { ...active };
-            delete next[interactionId];
-            return next;
-          });
-          delete timersRef.current[interactionId];
-        }, ttlMs);
-      }
-      return merged;
-    });
-    previousPositionsRef.current = nextPositions;
-    return () => {
-      for (const timer of Object.values(timersRef.current)) window.clearTimeout(timer);
-    };
-  }, [frames, ttlMs]);
-  return movementById;
-}
-function useAttentionModel(companyId) {
-  const displayQuery = usePluginData("attention-display", companyId ? { companyId } : void 0);
-  const updates = usePluginStream(
-    ATTENTION_UPDATES_STREAM,
-    companyId ? { companyId } : void 0
-  );
-  useAttentionPolling(companyId, [displayQuery.refresh]);
-  useEffect2(() => {
-    if (!companyId || !updates.lastEvent) return;
-    displayQuery.refresh();
-  }, [companyId, updates.lastEvent?.updatedAt, updates.lastEvent?.eventType]);
-  return useMemo(() => ({
-    snapshot: displayQuery.data?.snapshot ?? null,
-    review: displayQuery.data?.reviewState ?? null,
-    loading: displayQuery.loading,
-    error: displayQuery.error,
-    refresh() {
-      displayQuery.refresh();
-    }
-  }), [displayQuery]);
-}
-
-// src/aperture/contracts.ts
-function asRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
-}
-function readString(value) {
-  return typeof value === "string" && value.trim().length > 0 ? value : void 0;
-}
-function readNullableString(value) {
-  if (value === null) return null;
-  return readString(value);
-}
-function readStringArray(value) {
-  if (!Array.isArray(value)) return void 0;
-  const entries = value.filter((entry) => typeof entry === "string" && entry.trim().length > 0);
-  return entries.length > 0 ? entries : void 0;
-}
-function readRelationHints(value) {
-  if (!Array.isArray(value)) return void 0;
-  const hints = value.filter((entry) => {
-    if (typeof entry !== "object" || entry === null) return false;
-    const hint = entry;
-    return hint.kind === "same_issue" || hint.kind === "resolves" || hint.kind === "supersedes" || hint.kind === "repeats" || hint.kind === "escalates";
-  });
-  return hints.length > 0 ? hints : void 0;
-}
-function readFocusMetadata(frame) {
-  const metadata = asRecord(frame.metadata);
-  const attention = asRecord(metadata?.attention);
-  const semantic = asRecord(metadata?.semantic);
-  const episode = asRecord(metadata?.episode);
-  const issueIntelligence = asRecord(metadata?.issueIntelligence);
-  return {
-    entityType: readString(metadata?.entityType),
-    issueStatus: readString(metadata?.issueStatus),
-    issuePriority: readString(metadata?.issuePriority),
-    approvalStatus: readString(metadata?.approvalStatus),
-    approvalType: readString(metadata?.approvalType),
-    agentStatus: readString(metadata?.agentStatus),
-    pauseReason: readNullableString(metadata?.pauseReason),
-    liveReconciled: typeof metadata?.liveReconciled === "boolean" ? metadata.liveReconciled : void 0,
-    activityPath: readString(metadata?.activityPath),
-    attention: attention ? {
-      rationale: readStringArray(attention.rationale)
-    } : void 0,
-    semantic: semantic ? {
-      confidence: semantic.confidence === "low" || semantic.confidence === "medium" || semantic.confidence === "high" ? semantic.confidence : void 0,
-      relationHints: readRelationHints(semantic.relationHints)
-    } : void 0,
-    episode: episode ? {
-      size: typeof episode.size === "number" ? episode.size : void 0,
-      state: readString(episode.state)
-    } : void 0,
-    issueIntelligence: issueIntelligence ? {
-      matchedRuleIds: readStringArray(issueIntelligence.matchedRuleIds),
-      owner: readNullableString(issueIntelligence.owner),
-      ownerKind: issueIntelligence.ownerKind === "agent" || issueIntelligence.ownerKind === "human" ? issueIntelligence.ownerKind : issueIntelligence.ownerKind === null ? null : void 0,
-      blockingTarget: readNullableString(issueIntelligence.blockingTarget)
-    } : void 0
-  };
-}
-
-// src/aperture/attention-context.ts
-var ATTENTION_CONTEXT_IDS = {
-  approvalType: "approval-type",
-  requestedAmount: "requested-amount",
-  budgetReason: "budget-reason",
-  decisionContext: "decision-context",
-  linkedIssues: "linked-issues",
-  needsActionFrom: "needs-action-from",
-  blocksTarget: "blocks-target",
-  recommendedMove: "recommended-move",
-  issueStatus: "issue-status",
-  issuePriority: "issue-priority",
-  latestComment: "latest-comment",
-  agentStatus: "agent-status",
-  pauseReason: "pause-reason",
-  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.`;
-}
-function issueNeedsActionFromLine(owner) {
-  return `Needs action from ${owner}.`;
-}
-
-// src/ui/frame-helpers.tsx
-import { Fragment, jsx as jsx2 } 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;
-}
-function requestedAmount(frame) {
-  return contextValue(frame, ATTENTION_CONTEXT_IDS.requestedAmount);
-}
-function budgetReason(frame) {
-  return contextValue(frame, ATTENTION_CONTEXT_IDS.budgetReason);
-}
-function recommendedMoveValue(frame) {
-  return contextValue(frame, ATTENTION_CONTEXT_IDS.recommendedMove);
-}
-function actionOwnerValue(frame) {
-  return contextValue(frame, ATTENTION_CONTEXT_IDS.needsActionFrom);
-}
-function blockingTargetValue(frame) {
-  return contextValue(frame, ATTENTION_CONTEXT_IDS.blocksTarget);
-}
-function impactLabel(frame) {
-  return `${frame.consequence} impact`;
-}
-function operatorDriverLabel(value) {
-  switch (value) {
-    case "in_review":
-      return "review required";
-    case "pending_approval":
-      return "approval required";
-    default:
-      return value.replace(/_/g, " ");
-  }
-}
-function driverLabel(frame) {
-  if (isBudgetOverride(frame)) return "budget stop";
-  const metadata = readFocusMetadata(frame);
-  const issueStatus = metadata.issueStatus;
-  if (typeof issueStatus === "string" && issueStatus.trim().length > 0) {
-    return operatorDriverLabel(issueStatus);
-  }
-  const pauseReason = metadata.pauseReason;
-  if (typeof pauseReason === "string" && pauseReason.trim().length > 0) {
-    return operatorDriverLabel(pauseReason);
-  }
-  const agentStatus = metadata.agentStatus;
-  if (typeof agentStatus === "string" && agentStatus.trim().length > 0) {
-    return operatorDriverLabel(agentStatus);
-  }
-  return null;
-}
-function driverBadgeStyle() {
-  return {
-    className: "border-transparent",
-    style: { color: ACCENT_COLOR, backgroundColor: ACCENT_BG, borderColor: ACCENT_BORDER }
-  };
-}
-function requestDescriptor(frame) {
-  const driver = driverLabel(frame);
-  return driver ? `${sourceLabel(frame)} \xB7 ${driver}` : sourceLabel(frame);
-}
-function judgmentLine(frame, lane) {
-  if (frame.provenance?.whyNow) return frame.provenance.whyNow;
-  return genericJudgmentLine(frame, lane);
-}
-function nextPrimaryText(frame) {
-  const recommendedMove = recommendedMoveValue(frame);
-  if (recommendedMove) return recommendedMove;
-  const summary = frame.summary?.trim();
-  if (summary) return summary;
-  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 === "now" && entityTypeFromFrame(frame) === "issue" && driverLabel(frame) === "review required") {
-    return issueBlocksTargetLine(target);
-  }
-  if (owner && lane === "now" && entityTypeFromFrame(frame) === "issue") {
-    return issueNeedsActionFromLine(owner);
-  }
-  if (lane === "now") {
-    const recommendedMove = recommendedMoveValue(frame)?.trim();
-    const summary = frame.summary?.trim();
-    const judgment2 = judgmentLine(frame, lane).trim();
-    if (recommendedMove && summary && summary !== recommendedMove && summary !== judgment2) {
-      return summary;
-    }
-    return null;
-  }
-  const judgment = judgmentLine(frame, lane);
-  return judgment.trim().length > 0 ? judgment : null;
-}
-function approvalIdForFrame(frame) {
-  const taskRef = parseTaskId(frame.taskId);
-  return taskRef?.kind === "approval" ? taskRef.id : null;
-}
-function entityIdFromFrame(frame) {
-  return taskEntityId(frame.taskId);
-}
-function entityTypeFromFrame(frame) {
-  return taskKind(frame.taskId);
-}
-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 (!pluralType) return null;
-  return `/${companyPrefix}/${pluralType}/${entityId}`;
-}
-function costsHref(companyPrefix) {
-  return companyPrefix ? `/${companyPrefix}/costs` : null;
-}
-function activityHref(frame, companyPrefix) {
-  if (!companyPrefix) return null;
-  const metadata = readFocusMetadata(frame);
-  return metadata.activityPath ? `/${companyPrefix}/${metadata.activityPath}` : null;
-}
-function primaryLinkLabel(frame) {
-  const entityType = entityTypeFromFrame(frame);
-  switch (entityType) {
-    case "approval":
-      return "Open approval";
-    case "issue":
-      return "Open issue";
-    case "run":
-      return "Open run";
-    case "agent":
-      return "Open agent";
-    default:
-      return "Open in Paperclip";
-  }
-}
-function responseKind(frame, lane) {
-  if (approvalIdForFrame(frame) && (frame.responseSpec?.kind === "approval" || frame.mode === "approval")) {
-    return "approval";
-  }
-  if (lane !== "ambient" && (frame.responseSpec?.kind === "acknowledge" || frame.mode === "status")) {
-    return "acknowledge";
-  }
-  return "none";
-}
-function isFrameUnreadInSnapshot(frame, snapshot) {
-  const seenAt = snapshot.review?.lastSeenAt;
-  if (!seenAt) return true;
-  return frameUpdatedAt(frame, snapshot.updatedAt).localeCompare(seenAt) > 0;
-}
-function compactTitle(frame) {
-  return frame.title.trim().length > 0 ? frame.title : "Untitled frame";
-}
-var ENTITY_PATTERN = /\b([A-Z][A-Z0-9]+-\d+)\b|"([^"]+)"/g;
-function HighlightedTitle({ text }) {
-  const parts = [];
-  let lastIndex = 0;
-  let match;
-  const re = new RegExp(ENTITY_PATTERN.source, "g");
-  while ((match = re.exec(text)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push(text.slice(lastIndex, match.index));
-    }
-    const token = match[1] ?? match[2] ?? match[0];
-    parts.push(
-      /* @__PURE__ */ jsx2(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 });
-}
-function renderTitle(frame) {
-  return /* @__PURE__ */ jsx2(HighlightedTitle, { text: compactTitle(frame) });
-}
-function visibleContextItems(frame) {
-  return (frame.context?.items ?? []).filter((item) => item.id !== ATTENTION_CONTEXT_IDS.recommendedMove);
-}
-function isIssueFrame(frame) {
-  return entityTypeFromFrame(frame) === "issue";
-}
-
-// src/aperture/explainability.ts
-function readStringArray2(value) {
-  if (!Array.isArray(value)) return [];
-  return value.filter((entry) => typeof entry === "string" && entry.trim().length > 0);
-}
-function readSemanticConfidence(frame) {
-  const confidence = readFocusMetadata(frame).semantic?.confidence;
-  return confidence === "low" || confidence === "medium" || confidence === "high" ? confidence : null;
-}
-function readSemanticRelationHints(frame) {
-  return readFocusMetadata(frame).semantic?.relationHints ?? [];
-}
-function relationHintLabel(hint) {
-  switch (hint.kind) {
-    case "same_issue":
-      return "Part of the same thread";
-    case "resolves":
-      return "Resolves an earlier blocker";
-    case "supersedes":
-      return "Moves the request forward";
-    case "repeats":
-      return "Repeats an earlier ask";
-    case "escalates":
-      return "Raises the urgency";
-  }
-}
-function laneReason(lane) {
-  switch (lane) {
-    case "now":
-      return "This is the most urgent item in the queue right now.";
-    case "next":
-      return "This is staged behind the current top item.";
-    case "ambient":
-      return "This is visible for awareness without needing action yet.";
-  }
-}
-function continuitySummary(frame) {
-  const episode = readFocusMetadata(frame).episode;
-  const size = episode?.size ?? null;
-  const state = episode?.state?.replace(/_/g, " ") ?? null;
-  if (!size || size <= 1) return null;
-  if (state) return `Part of a ${state} thread with ${size} related interactions.`;
-  return `Part of a thread with ${size} related interactions.`;
-}
-function frameSignals(frame) {
-  const rationale = readFocusMetadata(frame).attention?.rationale ?? [];
-  const factors = readStringArray2(frame.provenance?.factors);
-  return [.../* @__PURE__ */ new Set([...rationale.length > 0 ? rationale : factors, ...factors])];
-}
-function signalStrengthLabel(confidence) {
-  return `${confidence} confidence`;
-}
-function explainFrame(frame, lane) {
-  const relationLabels = [...new Set(readSemanticRelationHints(frame).map(relationHintLabel))];
-  return {
-    whyNow: frame.provenance?.whyNow ?? frame.summary ?? null,
-    laneReason: laneReason(lane),
-    signalStrength: readSemanticConfidence(frame),
-    signals: frameSignals(frame),
-    relationLabels,
-    continuity: continuitySummary(frame)
-  };
-}
-
-// src/ui/frame-explainability.tsx
-import { jsx as jsx3, 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(
-    "div",
-    {
-      className: cn(
-        "border border-border bg-secondary/50 px-3 py-2",
-        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" })
-      ]
-    },
-    item.id
-  )) });
-}
-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(
-    Badge,
-    {
-      className: props.accent ? "border-transparent" : "border-border bg-background/70 text-foreground/80",
-      style: props.accent ? { color: ACCENT_COLOR, backgroundColor: ACCENT_BG, borderColor: ACCENT_BORDER } : void 0,
-      children: value
-    },
-    value
-  )) });
-}
-function InlineExplainability(props) {
-  const explanation = explainFrame(props.frame, props.lane);
-  const chips = [
-    ...explanation.signalStrength ? [signalStrengthLabel(explanation.signalStrength)] : [],
-    ...explanation.signals.slice(0, 2),
-    ...explanation.relationLabels.slice(0, 1)
-  ];
-  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 === "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
-  ] });
-}
-function ExplainabilityPanel(props) {
-  const explanation = explainFrame(props.frame, props.lane);
-  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 === "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;
-  }
-  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 })
-      ] }),
-      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 })
-      ] }) : 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 })
-    ] }) : 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 })
-    ] }) : 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 })
-    ] }) : 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 }) });
-}
-
-// 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";
-function IssueCommentComposer(props) {
-  const [open, setOpen] = useState3(false);
-  const [body, setBody] = useState3("");
-  const textareaRef = useRef3(null);
-  const issueFrame = isIssueFrame(props.frame);
-  const isPending = props.pendingId === props.frame.id;
-  useEffect3(() => {
-    setOpen(false);
-    setBody("");
-  }, [props.frame.id]);
-  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 (!open) {
-    const label = props.triggerLabel ?? "Leave comment";
-    const triggerTone = props.triggerTone ?? "link";
-    if (triggerTone === "link") {
-      return /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          className: "text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",
-          onClick: () => setOpen(true),
-          children: label
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx4(
-      ActionButton,
-      {
-        label,
-        tone: triggerTone,
-        className: props.triggerFullWidth ? "w-full" : void 0,
-        disabled: isPending,
-        onClick: () => setOpen(true)
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs3("div", { className: "w-full space-y-2 rounded-md border border-border bg-secondary/40 p-3", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: [
-      "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(
-      "textarea",
-      {
-        ref: textareaRef,
-        value: body,
-        onChange: (event) => setBody(event.target.value),
-        onKeyDown: (event) => {
-          if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-            event.preventDefault();
-            void submit();
-          }
-          if (event.key === "Escape") {
-            event.preventDefault();
-            setOpen(false);
-            setBody("");
-          }
-        },
-        rows: 3,
-        placeholder: "Add a short operator note back to the issue\u2026",
-        className: "w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs outline-none transition focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]"
-      }
-    ),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx4(
-        ActionButton,
-        {
-          label: "Cancel",
-          tone: "secondary",
-          disabled: isPending,
-          onClick: () => {
-            setOpen(false);
-            setBody("");
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx4(
-        ActionButton,
-        {
-          label: isPending ? "Posting\u2026" : "Post comment",
-          tone: "accent",
-          disabled: isPending || body.trim().length === 0,
-          onClick: () => void submit()
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/ui/use-focus-page-actions.ts
-import { usePluginAction } from "@paperclipai/plugin-sdk/ui";
-import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
-
-// src/ui/interaction-copy.ts
-function actionErrorMessage(error, fallback) {
-  return error instanceof Error ? error.message : fallback;
-}
-function acknowledgeSuccessMessage(title) {
-  return `Acknowledged ${title}.`;
-}
-function acknowledgeFailureMessage(error) {
-  return actionErrorMessage(error, "Failed to acknowledge frame.");
-}
-function issueFrameUnsupportedMessage() {
-  return "This frame is not backed by a Paperclip issue.";
-}
-function commentSuccessMessage(title) {
-  return `Posted a comment on ${title}.`;
-}
-function commentFailureMessage(error) {
-  return actionErrorMessage(error, "Failed to post comment.");
-}
-function approvalFrameUnsupportedMessage() {
-  return "This frame is not backed by a Paperclip approval.";
-}
-function approvalDecisionSuccessMessage(title, decision) {
-  return `${decision === "approve" ? "Approved" : "Rejected"} ${title}.`;
-}
-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;
-var FOCUS_HOLD_COMPOSE_MS = 45e3;
-function useFocusPageActions(input) {
-  const acknowledge = usePluginAction("acknowledge-frame");
-  const commentOnIssue = usePluginAction("comment-on-issue");
-  const engageFocus = usePluginAction("engage-focus");
-  const markAttentionViewed = usePluginAction("mark-attention-viewed");
-  const recordApprovalResponse = usePluginAction("record-approval-response");
-  const setFocusPresence = usePluginAction("set-focus-presence");
-  const [pendingId, setPendingId] = useState4(null);
-  const [statusOverride, setStatusOverride] = useState4(null);
-  const focusReleaseTimerRef = useRef4(null);
-  const lastViewedInteractionRef = useRef4(null);
-  const markAttentionViewedRef = useRef4(markAttentionViewed);
-  const setFocusPresenceRef = useRef4(setFocusPresence);
-  markAttentionViewedRef.current = markAttentionViewed;
-  setFocusPresenceRef.current = setFocusPresence;
-  useEffect4(() => {
-    if (!statusOverride) return;
-    const timer = window.setTimeout(() => {
-      setStatusOverride(null);
-    }, 4e3);
-    return () => {
-      window.clearTimeout(timer);
-    };
-  }, [statusOverride]);
-  useEffect4(() => {
-    return () => {
-      if (focusReleaseTimerRef.current) {
-        window.clearTimeout(focusReleaseTimerRef.current);
-      }
-    };
-  }, []);
-  useEffect4(() => {
-    const companyId = input.companyId;
-    if (!companyId) return;
-    void setFocusPresenceRef.current({ companyId, presence: "present" }).catch(() => {
-    });
-    return () => {
-      void setFocusPresenceRef.current({ companyId, presence: "absent" }).catch(() => {
-      });
-    };
-  }, [input.companyId]);
-  useEffect4(() => {
-    const companyId = input.companyId;
-    const frame = input.displaySnapshot?.now;
-    if (!companyId || !frame) {
-      lastViewedInteractionRef.current = null;
-      return;
-    }
-    const viewKey = `${companyId}:${frame.interactionId}`;
-    if (lastViewedInteractionRef.current === viewKey) return;
-    lastViewedInteractionRef.current = viewKey;
-    void markAttentionViewedRef.current({
-      companyId,
-      taskId: frame.taskId,
-      interactionId: frame.interactionId,
-      surface: "focus"
-    }).catch(() => {
-      if (lastViewedInteractionRef.current === viewKey) {
-        lastViewedInteractionRef.current = null;
-      }
-    });
-  }, [input.companyId, input.displaySnapshot?.now?.interactionId]);
-  async function holdNowFrame(frame, reason) {
-    const companyId = input.companyId;
-    if (!companyId) return;
-    if (input.displaySnapshot?.now?.interactionId !== frame.interactionId) return;
-    const durationMs = reason === "comment_compose" ? FOCUS_HOLD_COMPOSE_MS : FOCUS_HOLD_CONTEXT_MS;
-    try {
-      await engageFocus({
-        companyId,
-        taskId: frame.taskId,
-        interactionId: frame.interactionId,
-        reason,
-        durationMs
-      });
-      input.refresh();
-      if (focusReleaseTimerRef.current) {
-        window.clearTimeout(focusReleaseTimerRef.current);
-      }
-      focusReleaseTimerRef.current = window.setTimeout(() => {
-        input.refresh();
-        focusReleaseTimerRef.current = null;
-      }, durationMs + 150);
-    } catch {
-    }
-  }
-  async function acknowledgeFrame(frame) {
-    const companyId = input.companyId;
-    if (!companyId) return;
-    setPendingId(frame.id);
-    try {
-      await acknowledge({ companyId, taskId: frame.taskId, interactionId: frame.interactionId });
-      setStatusOverride(acknowledgeSuccessMessage(compactTitle(frame)));
-      input.refresh();
-    } catch (actionError) {
-      setStatusOverride(acknowledgeFailureMessage(actionError));
-    } finally {
-      setPendingId(null);
-    }
-  }
-  async function commentOnIssueFrame(frame, body) {
-    const companyId = input.companyId;
-    const issueId = entityIdFromFrame(frame);
-    if (!companyId || !issueId || entityTypeFromFrame(frame) !== "issue") {
-      setStatusOverride(issueFrameUnsupportedMessage());
-      return;
-    }
-    setPendingId(frame.id);
-    try {
-      await commentOnIssue({ companyId, taskId: frame.taskId, issueId, body });
-      setStatusOverride(commentSuccessMessage(compactTitle(frame)));
-      input.refresh();
-    } catch (actionError) {
-      setStatusOverride(commentFailureMessage(actionError));
-    } finally {
-      setPendingId(null);
-    }
-  }
-  async function submitApprovalDecision(frame, decision) {
-    const companyId = input.companyId;
-    const approvalId = approvalIdForFrame(frame);
-    if (!companyId || !approvalId) {
-      setStatusOverride(approvalFrameUnsupportedMessage());
-      return;
-    }
-    setPendingId(frame.id);
-    try {
-      await recordApprovalResponse({
-        companyId,
-        taskId: frame.taskId,
-        interactionId: frame.interactionId,
-        decision
-      });
-      setStatusOverride(approvalDecisionSuccessMessage(compactTitle(frame), decision));
-      input.refresh();
-    } catch (actionError) {
-      setStatusOverride(approvalDecisionFailureMessage(actionError));
-    } finally {
-      setPendingId(null);
-    }
-  }
-  async function requestApprovalRevision(frame) {
-    const companyId = input.companyId;
-    const approvalId = approvalIdForFrame(frame);
-    if (!companyId || !approvalId) {
-      setStatusOverride(approvalFrameUnsupportedMessage());
-      return;
-    }
-    setPendingId(frame.id);
-    try {
-      await recordApprovalResponse({
-        companyId,
-        taskId: frame.taskId,
-        interactionId: frame.interactionId,
-        decision: "request-revision"
-      });
-      setStatusOverride(approvalRevisionSuccessMessage(compactTitle(frame)));
-      input.refresh();
-    } catch (actionError) {
-      setStatusOverride(approvalRevisionFailureMessage(actionError));
-    } finally {
-      setPendingId(null);
-    }
-  }
-  return {
-    pendingId,
-    statusOverride,
-    holdNowFrame,
-    acknowledgeFrame,
-    commentOnIssueFrame,
-    submitApprovalDecision,
-    requestApprovalRevision
-  };
-}
-
-// src/ui/index.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function FrameActions(props) {
-  const actionMode = responseKind(props.frame, props.lane);
-  const isPending = props.pendingId === props.frame.id;
-  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,
-      {
-        label: "Request revision",
-        tone: "secondary",
-        disabled: isPending,
-        onClick: () => void props.onRequestRevision(props.frame)
-      }
-    ) : null,
-    /* @__PURE__ */ jsx5(
-      ActionButton,
-      {
-        label: isPending ? "Submitting\u2026" : "Approve",
-        tone: "primary",
-        disabled: isPending,
-        onClick: () => void props.onApprove(props.frame)
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      ActionButton,
-      {
-        label: "Reject",
-        tone: "danger",
-        disabled: isPending,
-        onClick: () => void props.onReject(props.frame)
-      }
-    )
-  ] }) : /* @__PURE__ */ jsx5(
-    ActionButton,
-    {
-      label: isPending ? "Saving\u2026" : "Acknowledge",
-      tone: "accent",
-      disabled: isPending,
-      onClick: () => void props.onAcknowledge(props.frame)
-    }
-  ) });
-}
-function NowDetails(props) {
-  const { frame, snapshotUpdatedAt } = props;
-  const href = itemHref(frame, props.companyPrefix);
-  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: [
-        "Amount requested: ",
-        requestedAmount(frame)
-      ] }) : null,
-      budgetReason(frame) ? /* @__PURE__ */ jsx5("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 })
-    ] }) : null,
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-3", children: [
-      href ? /* @__PURE__ */ jsxs4(
-        "a",
-        {
-          href,
-          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: [
-            primaryLinkLabel(frame),
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
-          ]
-        }
-      ) : null,
-      activityLink ? /* @__PURE__ */ jsxs4(
-        "a",
-        {
-          href: activityLink,
-          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: [
-            "Open activity",
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
-          ]
-        }
-      ) : null,
-      budgetHref ? /* @__PURE__ */ jsx5(Accent, { children: /* @__PURE__ */ jsxs4(
-        "a",
-        {
-          href: budgetHref,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "inline-flex items-center gap-1 text-xs font-medium underline underline-offset-2 hover:opacity-80",
-          style: { color: "inherit" },
-          children: [
-            "Review in Costs",
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
-          ]
-        }
-      ) }) : null
-    ] })
-  ] });
-}
-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." })
-  ] });
-}
-function NowActionRail(props) {
-  const actionMode = responseKind(props.frame, props.lane);
-  const isPending = props.pendingId === props.frame.id;
-  const commentEnabled = actionMode === "acknowledge" && isIssueFrame(props.frame);
-  const [commentOpen, setCommentOpen] = useState5(false);
-  const [commentBody, setCommentBody] = useState5("");
-  const textareaRef = useRef5(null);
-  useEffect5(() => {
-    setCommentOpen(false);
-    setCommentBody("");
-  }, [props.frame.id]);
-  useEffect5(() => {
-    if (commentOpen) textareaRef.current?.focus();
-  }, [commentOpen]);
-  async function submitComment() {
-    const nextBody = commentBody.trim();
-    if (!nextBody) return;
-    await props.onComment(props.frame, nextBody);
-    setCommentBody("");
-    setCommentOpen(false);
-  }
-  return /* @__PURE__ */ jsxs4(
-    "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(
-              ActionButton,
-              {
-                label: isPending ? "Submitting\u2026" : "Approve",
-                tone: "primary",
-                disabled: isPending,
-                className: "w-full",
-                onClick: () => void props.onApprove(props.frame)
-              }
-            ),
-            /* @__PURE__ */ jsx5(
-              ActionButton,
-              {
-                label: "Reject",
-                tone: "danger",
-                disabled: isPending,
-                className: "w-full",
-                onClick: () => void props.onReject(props.frame)
-              }
-            )
-          ] }),
-          isBudgetOverride(props.frame) ? /* @__PURE__ */ jsx5(
-            ActionButton,
-            {
-              label: "Request revision",
-              tone: "secondary",
-              disabled: isPending,
-              className: "w-full",
-              onClick: () => void props.onRequestRevision(props.frame)
-            }
-          ) : null
-        ] }) : actionMode === "acknowledge" ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
-          commentEnabled ? /* @__PURE__ */ jsx5(
-            ActionButton,
-            {
-              label: "Comment",
-              tone: "accent",
-              disabled: isPending,
-              onClick: () => {
-                props.onEngageFocus(props.frame, "comment_compose");
-                setCommentOpen(true);
-              }
-            }
-          ) : null,
-          /* @__PURE__ */ jsx5(
-            ActionButton,
-            {
-              label: isPending ? "Saving\u2026" : "Acknowledge",
-              tone: "accent",
-              disabled: isPending,
-              onClick: () => void props.onAcknowledge(props.frame)
-            }
-          )
-        ] }) : null,
-        props.itemLink ? /* @__PURE__ */ jsxs4(
-          "a",
-          {
-            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: [
-              primaryLinkLabel(props.frame),
-              /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
-            ]
-          }
-        ) : null,
-        commentOpen ? /* @__PURE__ */ jsxs4("div", { className: "space-y-2 rounded-md border border-border bg-background/80 p-3", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: [
-            "Commenting on ",
-            compactTitle(props.frame)
-          ] }),
-          /* @__PURE__ */ jsx5("div", { className: "text-xs text-muted-foreground", children: "Posts to the issue thread without leaving Focus." }),
-          /* @__PURE__ */ jsx5(
-            "textarea",
-            {
-              ref: textareaRef,
-              value: commentBody,
-              onChange: (event) => setCommentBody(event.target.value),
-              onKeyDown: (event) => {
-                if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-                  event.preventDefault();
-                  void submitComment();
-                }
-                if (event.key === "Escape") {
-                  event.preventDefault();
-                  setCommentOpen(false);
-                  setCommentBody("");
-                }
-              },
-              rows: 4,
-              placeholder: "Add a short operator note back to the issue\u2026",
-              className: "w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs outline-none transition focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]"
-            }
-          ),
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-2", children: [
-            /* @__PURE__ */ jsx5(
-              ActionButton,
-              {
-                label: "Cancel",
-                tone: "secondary",
-                disabled: isPending,
-                onClick: () => {
-                  setCommentOpen(false);
-                  setCommentBody("");
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx5(
-              ActionButton,
-              {
-                label: isPending ? "Posting\u2026" : "Post comment",
-                tone: "accent",
-                disabled: isPending || commentBody.trim().length === 0,
-                onClick: () => void submitComment()
-              }
-            )
-          ] })
-        ] }) : null
-      ]
-    }
-  );
-}
-function NowPane(props) {
-  const frame = props.snapshot.now;
-  const [detailsOpen, setDetailsOpen] = useState5(false);
-  const wideLayout = useWideLayout(1120);
-  const activeFrameId = frame?.id ?? null;
-  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, "now") : null;
-  const driverBadge = driverBadgeStyle();
-  useEffect5(() => {
-    setDetailsOpen(false);
-  }, [activeFrameId]);
-  return /* @__PURE__ */ jsxs4(
-    "section",
-    {
-      className: "border border-border bg-card shadow-sm",
-      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__ */ 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: [
-              "now ",
-              props.counts.now > 0 ? /* @__PURE__ */ jsx5(Accent, { children: props.counts.now }) : props.counts.now
-            ] }),
-            /* @__PURE__ */ jsxs4("span", { className: props.counts.next > 0 ? "font-semibold" : "", children: [
-              "next ",
-              props.counts.next > 0 ? /* @__PURE__ */ jsx5(Accent, { children: props.counts.next }) : props.counts.next
-            ] }),
-            /* @__PURE__ */ jsxs4("span", { className: props.counts.ambient > 0 ? "font-semibold" : "", children: [
-              "ambient ",
-              props.counts.ambient > 0 ? /* @__PURE__ */ jsx5(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(
-            "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) })
-                  ] }),
-                  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) })
-                  ] }),
-                  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
-                  ] }),
-                  /* @__PURE__ */ jsx5(InlineExplainability, { frame, lane: "now", preferLaneReason: !!helperLine }),
-                  /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx5(Accent, { children: /* @__PURE__ */ jsxs4(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        if (!detailsOpen) {
-                          props.onEngageFocus(frame, "show_context");
-                        }
-                        setDetailsOpen(!detailsOpen);
-                      },
-                      "aria-expanded": detailsOpen,
-                      className: "flex items-center gap-1.5 text-xs font-medium transition-opacity hover:opacity-100",
-                      style: { color: "inherit" },
-                      children: [
-                        /* @__PURE__ */ jsx5(
-                          "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" })
-                          }
-                        ),
-                        detailsOpen ? "Hide context" : "Show context"
-                      ]
-                    }
-                  ) }) })
-                ] }),
-                /* @__PURE__ */ jsx5(
-                  NowActionRail,
-                  {
-                    frame,
-                    lane: "now",
-                    wide: wideLayout,
-                    pendingId: props.pendingId,
-                    itemLink,
-                    onEngageFocus: props.onEngageFocus,
-                    onApprove: props.onApprove,
-                    onReject: props.onReject,
-                    onRequestRevision: props.onRequestRevision,
-                    onAcknowledge: props.onAcknowledge,
-                    onComment: props.onComment
-                  }
-                )
-              ]
-            }
-          ),
-          detailsOpen ? /* @__PURE__ */ jsx5(
-            NowDetails,
-            {
-              frame,
-              snapshotUpdatedAt: props.snapshot.updatedAt,
-              companyPrefix: props.companyPrefix
-            }
-          ) : null
-        ] }) })
-      ]
-    }
-  );
-}
-function NextRow(props) {
-  const { frame } = props;
-  const [expanded, setExpanded] = useState5(false);
-  const unread = isFrameUnreadInSnapshot(frame, props.snapshot);
-  const activityLink = activityHref(frame, props.companyPrefix);
-  const itemLink = itemHref(frame, props.companyPrefix);
-  const secondaryText = nextPrimaryText(frame);
-  const driver = driverLabel(frame);
-  const driverBadge = driverBadgeStyle();
-  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(
-      "button",
-      {
-        type: "button",
-        onClick: () => setExpanded(!expanded),
-        "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__ */ 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(
-            "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" })
-            }
-          )
-        ]
-      }
-    ),
-    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: [
-          "updated ",
-          formatRelativeTime(frameUpdatedAt(frame, props.snapshotUpdatedAt))
-        ] }),
-        itemLink ? /* @__PURE__ */ jsx5(
-          "a",
-          {
-            href: itemLink,
-            className: "font-medium underline underline-offset-2 hover:text-foreground",
-            children: primaryLinkLabel(frame)
-          }
-        ) : null,
-        activityLink ? /* @__PURE__ */ jsx5(
-          "a",
-          {
-            href: activityLink,
-            className: "font-medium underline underline-offset-2 hover:text-foreground",
-            children: "Open activity"
-          }
-        ) : 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(
-          FrameActions,
-          {
-            frame,
-            lane: "next",
-            pendingId: props.pendingId,
-            onApprove: props.onApprove,
-            onReject: props.onReject,
-            onRequestRevision: props.onRequestRevision,
-            onAcknowledge: props.onAcknowledge
-          }
-        )
-      ] })
-    ] }) : null
-  ] });
-}
-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(
-      NextRow,
-      {
-        rank: i + 1,
-        frame: row.frame,
-        movement: props.movement[row.frame.interactionId],
-        snapshot: props.snapshot,
-        snapshotUpdatedAt: props.snapshotUpdatedAt,
-        companyPrefix: props.companyPrefix,
-        pendingId: props.pendingId,
-        onApprove: props.onApprove,
-        onReject: props.onReject,
-        onRequestRevision: props.onRequestRevision,
-        onAcknowledge: props.onAcknowledge,
-        onComment: props.onComment
-      },
-      row.frame.id
-    ))
-  ] });
-}
-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)) })
-  ] });
-  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 });
-}
-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(
-      AmbientRow,
-      {
-        frame: row.frame,
-        snapshot: props.snapshot,
-        snapshotUpdatedAt: props.snapshotUpdatedAt,
-        companyPrefix: props.companyPrefix
-      },
-      row.frame.id
-    ))
-  ] });
-}
-function DashboardWidget(props) {
-  const companyId = props.context.companyId;
-  const brand = currentSurfaceBrand();
-  const href = pluginPagePath(props.context.companyPrefix);
-  const model = useAttentionModel(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 });
-  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." })
-  ] });
-}
-function AttentionSidebarLink({ context }) {
-  const companyId = context.companyId;
-  const brand = currentSurfaceBrand();
-  const href = pluginPagePath(context.companyPrefix);
-  const isActive = typeof window !== "undefined" && window.location.pathname === href;
-  const model = useAttentionModel(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(
-            "span",
-            {
-              className: "absolute -right-1 -top-1 h-2 w-2 rounded-full",
-              style: { backgroundColor: ACCENT_COLOR }
-            }
-          ) : 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 companyId = props.context.companyId;
-  const brand = currentSurfaceBrand();
-  const model = useAttentionModel(companyId);
-  const snapshot = model.snapshot;
-  const loading = model.loading;
-  const error = model.error;
-  const displaySnapshot = snapshot;
-  const backgroundErrorMessage = displaySnapshot && error ? `Sync issue: ${error.message}` : null;
-  const posture = useMemo2(() => displaySnapshot ? postureForSnapshot(displaySnapshot) : null, [displaySnapshot]);
-  const nextRows = useMemo2(
-    () => displaySnapshot ? displaySnapshot.next.map((frame) => ({ frame, lane: "next" })) : [],
-    [displaySnapshot]
-  );
-  const ambientRows = useMemo2(
-    () => displaySnapshot ? displaySnapshot.ambient.map((frame) => ({ frame, lane: "ambient" })) : [],
-    [displaySnapshot]
-  );
-  const nextMovement = useQueueMovement(nextRows.map((row) => row.frame));
-  const {
-    pendingId,
-    statusOverride,
-    holdNowFrame,
-    acknowledgeFrame,
-    commentOnIssueFrame,
-    submitApprovalDecision,
-    requestApprovalRevision
-  } = 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 (!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__ */ 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 })
-  ] });
-}
-export {
-  AttentionPage,
-  AttentionSidebarLink,
-  DashboardWidget
-};
-//# sourceMappingURL=index.js.map
+import{useEffect as en,useMemo as He,useState as It}from"react";function $(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)?e:null}function I(e){return typeof e=="string"&&e.trim().length>0?e:void 0}function ve(e){return e===null?null:I(e)}function ye(e){if(!Array.isArray(e))return;let t=e.filter(n=>typeof n=="string"&&n.trim().length>0);return t.length>0?t:void 0}function Ct(e){if(!Array.isArray(e))return;let t=e.filter(n=>{if(typeof n!="object"||n===null)return!1;let o=n;return o.kind==="same_issue"||o.kind==="resolves"||o.kind==="supersedes"||o.kind==="repeats"||o.kind==="escalates"});return t.length>0?t:void 0}function E(e){let t=$(e.metadata),n=$(t?.attention),o=$(t?.semantic),i=$(t?.episode),a=$(t?.issueIntelligence),s=$(t?.decision);return{entityType:I(t?.entityType),issueStatus:I(t?.issueStatus),issuePriority:I(t?.issuePriority),approvalStatus:I(t?.approvalStatus),approvalType:I(t?.approvalType),agentStatus:I(t?.agentStatus),pauseReason:ve(t?.pauseReason),liveReconciled:typeof t?.liveReconciled=="boolean"?t.liveReconciled:void 0,activityPath:I(t?.activityPath),attention:n?{rationale:ye(n.rationale)}:void 0,semantic:o?{confidence:o.confidence==="low"||o.confidence==="medium"||o.confidence==="high"?o.confidence:void 0,relationHints:Ct(o.relationHints)}:void 0,episode:i?{size:typeof i.size=="number"?i.size:void 0,state:I(i.state)}:void 0,issueIntelligence:a?{matchedRuleIds:ye(a.matchedRuleIds),owner:ve(a.owner),ownerKind:a.ownerKind==="agent"||a.ownerKind==="human"?a.ownerKind:a.ownerKind===null?null:void 0,blockingTarget:ve(a.blockingTarget)}:void 0,decision:s?{owner:s.owner==="aperture_core"||s.owner==="paperclip_reconciliation"||s.owner==="approval_overlay"||s.owner==="display_merge"?s.owner:void 0,lane:s.lane==="now"||s.lane==="next"||s.lane==="ambient"?s.lane:void 0,sourcePolicy:I(s.sourcePolicy),rationale:ye(s.rationale),promotedFromLane:s.promotedFromLane==="next"||s.promotedFromLane==="ambient"?s.promotedFromLane:void 0}:void 0}}var pn=300*1e3;function R(e){return e.provenance?.factors?.includes("budget stop")??!1}function _(e,t){return e.timing.updatedAt||t}var Q="Important enough to keep visible, but not enough to displace now.",Rt=Q;function Tt(e){return e?"Budget controls are blocking work until a board decision lands.":"A board decision is blocking work in Paperclip."}function Ke(e,t){return t==="now"?R(e)?Tt(!0):e.mode==="approval"?"A human decision is blocking work right now.":e.tone==="critical"?"This surfaced because it can displace the operator now.":"This is the clearest current operator focus.":R(e)?"Budget review is staged behind the current focus.":t==="next"?Rt:"Useful for awareness, but not interrupting."}import{useEffect as We,useRef as Lt,useState as ze}from"react";import{jsx as f,jsxs as k}from"react/jsx-runtime";var A="#007ACC",G=`${A}14`,F=`${A}33`,re={backgroundColor:A};function S(...e){return e.filter(Boolean).join(" ")}function Pt(){let e=Lt(null);return We(()=>{e.current?.style.setProperty("color",A,"important")}),e}function v({children:e,className:t}){let n=Pt();return f("span",{ref:n,className:t,children:e})}function we({size:e="sm"}){let t=e==="md"?10:8;return f("span",{"aria-hidden":"true",className:"inline-block shrink-0 rounded-full border",style:{width:t,height:t,borderColor:F}})}function Qe(e=1024){let[t,n]=ze(!1);return We(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;let o=window.matchMedia(`(min-width: ${e}px)`),i=()=>n(o.matches);return i(),o.addEventListener("change",i),()=>o.removeEventListener("change",i)},[e]),t}function oe(e){let t=e.tone??"default";if(!e.visible&&!e.reserveSpace)return null;let n=e.visible?t==="muted"?{backgroundColor:F}:re:{backgroundColor:"transparent"};return f("span",{className:"inline-block h-2 w-2 rounded-full shrink-0",style:n,"aria-label":e.visible?"Unread attention item":void 0})}function V(){return k("svg",{viewBox:"0 0 16 16",className:"h-3 w-3",fill:"none",stroke:"currentColor",strokeWidth:"1.5","aria-hidden":"true",children:[f("path",{d:"M6.5 3.5h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-3"}),f("path",{d:"M8.5 1.5h6v6"}),f("path",{d:"M14.5 1.5l-7 7"})]})}function b(e){return f("div",{className:S("animate-pulse rounded bg-secondary/80",e.className),"aria-hidden":"true"})}function D(e){return k("div",{className:"border border-border bg-card p-4 shadow-sm",children:[f("div",{className:S("text-sm font-medium",e.accent&&"text-foreground"),children:e.title}),f("div",{className:"mt-1 text-sm text-muted-foreground",children:e.body})]})}function Ge({label:e}){return k("div",{className:"border border-border bg-card px-4 py-3 shadow-sm",children:[k("div",{className:"flex items-start gap-3",children:[f(b,{className:"mt-0.5 h-3 w-3 rounded-full"}),k("div",{className:"flex-1 space-y-2",children:[f(b,{className:"h-3 w-20"}),f(b,{className:"h-4 w-48"})]}),f(b,{className:"h-3 w-24"})]}),f("div",{className:"sr-only",children:e})]})}function Ve({label:e}){return k("div",{className:"space-y-5","aria-label":e,children:[f("div",{className:"border border-border bg-card px-4 py-3 shadow-sm",children:k("div",{className:"flex items-center justify-between gap-3",children:[f(b,{className:"h-4 w-44"}),f(b,{className:"h-8 w-28"})]})}),k("div",{className:"border border-border bg-card shadow-sm",children:[f("div",{className:"border-b border-border px-4 py-3 sm:px-6",children:f(b,{className:"h-4 w-36"})}),k("div",{className:"space-y-4 px-4 py-5 sm:px-6",children:[f(b,{className:"h-3 w-16"}),f(b,{className:"h-7 w-2/3"}),k("div",{className:"flex gap-2",children:[f(b,{className:"h-6 w-24"}),f(b,{className:"h-6 w-20"}),f(b,{className:"h-6 w-16"})]}),f(b,{className:"h-10 w-56"})]})]}),k("div",{className:"border border-border bg-card shadow-sm",children:[f("div",{className:"border-b border-border px-4 py-3 sm:px-6",children:f(b,{className:"h-3 w-12"})}),k("div",{className:"space-y-3 px-4 py-4 sm:px-6",children:[f(b,{className:"h-4 w-full"}),f(b,{className:"h-4 w-5/6"}),f(b,{className:"h-4 w-2/3"})]})]})]})}function Ze({message:e}){return f("div",{className:S("pointer-events-none fixed bottom-6 left-1/2 z-50 -translate-x-1/2 transition-all duration-200",e?"translate-y-0 opacity-100":"translate-y-2 opacity-0"),"aria-live":"polite","aria-atomic":"true",children:e?f("div",{className:"min-w-72 max-w-md rounded-lg border border-border bg-card px-4 py-3 text-sm text-foreground shadow-lg",children:e}):null})}function q(e){return f("span",{className:S("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap shrink-0",e.className),style:e.style,children:e.children})}function N(e){let[t,n]=ze(!1),o=e.tone==="primary"?"bg-green-700 text-white hover:bg-green-600":e.tone==="accent"?"text-white":e.tone==="danger"?"bg-destructive text-white hover:bg-destructive/90 dark:bg-destructive/60":"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50";return f("button",{type:"button",onClick:e.onClick,onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),disabled:e.disabled,className:S("inline-flex h-8 items-center justify-center gap-2 rounded-md px-3 text-sm font-medium","transition-[color,background-color,border-color,box-shadow,opacity,filter]","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","disabled:pointer-events-none disabled:opacity-50",e.disabled&&/…|\.\.\./.test(e.label)&&"animate-pulse",o,e.className),style:e.tone==="accent"?{...re,filter:t&&!e.disabled?"brightness(1.08)":void 0}:void 0,children:e.label})}function Je({movement:e}){return e?k("span",{className:"inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium",style:{color:A,backgroundColor:G,borderColor:F},children:[f("span",{"aria-hidden":"true",children:e==="up"?"\u2191":"\u2193"}),e==="up"?"moved up":"moved down"]}):null}import{usePluginData as Et,usePluginStream as Mt}from"@paperclipai/plugin-sdk/ui";import{useEffect as ke,useMemo as _t,useRef as Ae,useState as Dt}from"react";var Ot="attention-updates";function ie(){return{key:"focus",wordmark:"Focus",headingEmptyState:"No focus state yet.",loadingLabel:"Loading Focus\u2026"}}function Se(e){return e?`/${e}/aperture`:"/aperture"}function Z(e){let t=new Date(e).getTime();if(Number.isNaN(t))return"recently";let n=t-Date.now(),o=Math.round(n/6e4),i=new Intl.RelativeTimeFormat(void 0,{numeric:"auto"});if(Math.abs(o)<60)return i.format(o,"minute");let a=Math.round(o/60);if(Math.abs(a)<24)return i.format(a,"hour");let s=Math.round(a/24);return i.format(s,"day")}function j(e){return e.source?.label??"Paperclip"}function Ne(e){let t=e.now;return t?.tone==="critical"||t?.consequence==="high"||e.counts.now+e.counts.next>=3?{glyph:"\u25CF",label:"busy"}:e.counts.now>0||e.counts.next>0||e.counts.ambient>0?{glyph:"\u25D0",label:"elevated"}:{glyph:"\u25CB",label:"calm"}}function Ie(e){return(e.now?1:0)+e.next.length}function Xe(e){let t=Ie(e);return t>0?`${t} action${t===1?"":"s"}`:null}function Ye(e){return e?.review?.unread.total??0}function Bt(e,t,n=15e3){let o=Ae(t);o.current=t,ke(()=>{if(!e)return;function i(){if(!(typeof document<"u"&&document.visibilityState==="hidden"))for(let d of o.current)d()}let a=window.setInterval(()=>{i()},n);function s(){if(typeof document<"u"&&document.visibilityState==="visible")for(let d of o.current)d()}return document.addEventListener("visibilitychange",s),()=>{window.clearInterval(a),document.removeEventListener("visibilitychange",s)}},[e,n])}function et(e,t=3500){let n=Ae({}),o=Ae({}),[i,a]=Dt({});return ke(()=>{let s=Object.fromEntries(e.map((d,m)=>[d.interactionId,m]));return a(d=>{let m={};for(let u of e){let x=n.current[u.interactionId],y=s[u.interactionId];typeof x!="number"||x===y||(m[u.interactionId]=y<x?"up":"down")}if(Object.keys(m).length===0)return d;let p={...d,...m};for(let[u,x]of Object.entries(m))window.clearTimeout(o.current[u]),o.current[u]=window.setTimeout(()=>{a(y=>{if(y[u]!==x)return y;let P={...y};return delete P[u],P}),delete o.current[u]},t);return p}),n.current=s,()=>{for(let d of Object.values(o.current))window.clearTimeout(d)}},[e,t]),i}function ae(e){let t=Et("attention-display",e?{companyId:e}:void 0),n=Mt(Ot,e?{companyId:e}:void 0);return Bt(e,[t.refresh]),ke(()=>{!e||!n.lastEvent||t.refresh()},[e,n.lastEvent?.updatedAt,n.lastEvent?.eventType]),_t(()=>({snapshot:t.data?.snapshot??null,review:t.data?.reviewState??null,loading:t.loading,error:t.error,refresh(){t.refresh()}}),[t])}var T={approvalType:"approval-type",requestedAmount:"requested-amount",budgetReason:"budget-reason",decisionContext:"decision-context",linkedIssues:"linked-issues",needsActionFrom:"needs-action-from",blockedBy:"blocked-by",blocksTarget:"blocks-target",recommendedMove:"recommended-move",issueStatus:"issue-status",issuePriority:"issue-priority",latestComment:"latest-comment",agentStatus:"agent-status",pauseReason:"pause-reason",agentTitle:"agent-title"};function tt(e){try{let t=decodeURIComponent(e);return t.trim().length>0?t:null}catch{return null}}function se(e){if(typeof e!="string")return null;let t=e.indexOf(":");if(t<=0||t>=e.length-1)return null;let n=tt(e.slice(0,t)),o=tt(e.slice(t+1));return!n||!o?null:{kind:n,id:o}}function nt(e){return se(e)?.kind??null}function rt(e){return se(e)?.id??null}function ot(e){return`Blocks ${e} until the review lands.`}function it(e){return`Needs action from ${e}.`}import{Fragment as Ht,jsx as Ce}from"react/jsx-runtime";function J(e,t){let n=e.context?.items?.find(o=>o.id===t);return typeof n?.value=="string"&&n.value.trim().length>0?n.value:void 0}function Re(e){return J(e,T.requestedAmount)}function Te(e){return J(e,T.budgetReason)}function X(e){return J(e,T.recommendedMove)}function Ut(e){return J(e,T.needsActionFrom)}function $t(e){return J(e,T.blocksTarget)}function de(e){return`${e.consequence} impact`}function Fe(e){switch(e){case"in_review":return"review required";case"pending_approval":return"approval required";default:return e.replace(/_/g," ")}}function H(e){if(R(e))return"budget stop";let t=E(e),n=t.issueStatus;if(typeof n=="string"&&n.trim().length>0)return Fe(n);let o=t.pauseReason;if(typeof o=="string"&&o.trim().length>0)return Fe(o);let i=t.agentStatus;return typeof i=="string"&&i.trim().length>0?Fe(i):null}function Le(){return{className:"border-transparent",style:{color:A,backgroundColor:G,borderColor:F}}}function at(e){let t=H(e);return t?`${j(e)} \xB7 ${t}`:j(e)}function O(e,t){return e.provenance?.whyNow?e.provenance.whyNow:Ke(e,t)}function st(e){let t=X(e);if(t)return t;let n=e.summary?.trim();if(n)return n;let o=O(e,"next");return o===Q?null:o}function dt(e,t){let n=Ut(e),o=$t(e);if(o&&t==="now"&&B(e)==="issue"&&H(e)==="review required")return ot(o);if(n&&t==="now"&&B(e)==="issue")return it(n);if(t==="now"){let a=X(e)?.trim(),s=e.summary?.trim(),d=O(e,t).trim();return a&&s&&s!==a&&s!==d?s:null}let i=O(e,t);return i.trim().length>0?i:null}function ce(e){let t=se(e.taskId);return t?.kind==="approval"?t.id:null}function Pe(e){return rt(e.taskId)}function B(e){return nt(e.taskId)}function Y(e,t){let n=B(e),o=Pe(e);if(!n||!o||!t)return null;let i=n==="run"?"runs":n==="approval"?"approvals":n==="issue"?"issues":n==="agent"?"agents":null;return i?`/${t}/${i}/${o}`:null}function ct(e){return e?`/${e}/costs`:null}function Ee(e,t){if(!t)return null;let n=E(e);return n.activityPath?`/${t}/${n.activityPath}`:null}function le(e){switch(B(e)){case"approval":return"Open approval";case"issue":return"Open issue";case"run":return"Open run";case"agent":return"Open agent";default:return"Open in Paperclip"}}function Me(e,t){return ce(e)&&(e.responseSpec?.kind==="approval"||e.mode==="approval")?"approval":t!=="ambient"&&(e.responseSpec?.kind==="acknowledge"||e.mode==="status")?"acknowledge":"none"}function _e(e,t){let n=t.review?.lastSeenAt;return n?_(e,t.updatedAt).localeCompare(n)>0:!0}function M(e){return e.title.trim().length>0?e.title:"Untitled frame"}var qt=/\b([A-Z][A-Z0-9]+-\d+)\b|"([^"]+)"/g;function jt({text:e}){let t=[],n=0,o,i=new RegExp(qt.source,"g");for(;(o=i.exec(e))!==null;){o.index>n&&t.push(e.slice(n,o.index));let a=o[1]??o[2]??o[0];t.push(Ce(v,{children:o[1]?a:`"${a}"`},o.index)),n=i.lastIndex}return n<e.length&&t.push(e.slice(n)),Ce(Ht,{children:t})}function ue(e){return Ce(jt,{text:M(e)})}function me(e){return(e.context?.items??[]).filter(t=>t.id!==T.recommendedMove)}function fe(e){return B(e)==="issue"}function Kt(e){return Array.isArray(e)?e.filter(t=>typeof t=="string"&&t.trim().length>0):[]}function Wt(e){let t=E(e).semantic?.confidence;return t==="low"||t==="medium"||t==="high"?t:null}function zt(e){return E(e).semantic?.relationHints??[]}function Qt(e){switch(e.kind){case"same_issue":return"Part of the same thread";case"resolves":return"Resolves an earlier blocker";case"supersedes":return"Moves the request forward";case"repeats":return"Repeats an earlier ask";case"escalates":return"Raises the urgency"}}function Gt(e){switch(e){case"now":return"This is the most urgent item in the queue right now.";case"next":return"This is staged behind the current top item.";case"ambient":return"This is visible for awareness without needing action yet."}}function Vt(e){let t=E(e).episode,n=t?.size??null,o=t?.state?.replace(/_/g," ")??null;return!n||n<=1?null:o?`Part of a ${o} thread with ${n} related interactions.`:`Part of a thread with ${n} related interactions.`}function Zt(e){let t=E(e).attention?.rationale??[],n=Kt(e.provenance?.factors);return[...new Set([...t.length>0?t:n,...n])]}function De(e){return`${e} confidence`}function Oe(e,t){let n=[...new Set(zt(e).map(Qt))];return{whyNow:e.provenance?.whyNow??e.summary??null,laneReason:Gt(t),signalStrength:Wt(e),signals:Zt(e),relationLabels:n,continuity:Vt(e)}}import{jsx as g,jsxs as L}from"react/jsx-runtime";function lt({frame:e}){let t=me(e);return t.length===0?null:g("div",{className:"grid gap-2 md:grid-cols-2",children:t.map(n=>L("div",{className:S("border border-border bg-secondary/50 px-3 py-2",n.id===T.latestComment&&"md:col-span-2"),children:[g("div",{className:"text-xs font-medium text-muted-foreground",children:n.label}),g("div",{className:"mt-1 text-sm text-foreground",children:n.value??"Available"})]},n.id))})}function Be(e){return e.values.length===0?null:g("div",{className:"flex flex-wrap items-center gap-2",children:e.values.map(t=>g(q,{className:e.accent?"border-transparent":"border-border bg-background/70 text-foreground/80",style:e.accent?{color:A,backgroundColor:G,borderColor:F}:void 0,children:t},t))})}function Ue(e){let t=Oe(e.frame,e.lane),n=[...t.signalStrength?[De(t.signalStrength)]:[],...t.signals.slice(0,2),...t.relationLabels.slice(0,1)],o=e.lane==="next"?"Why next":e.lane==="ambient"?"Why ambient":"Why now",i=t.whyNow??O(e.frame,e.lane),a=e.lane==="now"&&e.preferLaneReason?t.laneReason:i,s=e.lane==="now"?!e.preferLaneReason&&i!==t.laneReason?t.laneReason:null:t.laneReason;return L("div",{className:"space-y-2 border-l-2 pl-4",style:{borderColor:A},children:[g("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:o}),g("p",{className:"max-w-3xl text-sm leading-relaxed text-foreground/90",children:a}),s?g("p",{className:"text-xs leading-relaxed text-muted-foreground",children:s}):null,n.length>0?g(Be,{values:n,accent:!0}):null]})}function ut(e){let t=Oe(e.frame,e.lane),n=!e.detailOnly&&t.signalStrength?De(t.signalStrength):null,o=e.detailOnly?t.signals.slice(2):t.signals,i=e.detailOnly?t.relationLabels.slice(1):t.relationLabels,a=e.lane==="now"?"Reasoning":e.lane==="next"?"Why it sits here":"Why it stays quiet";return e.detailOnly&&o.length===0&&i.length===0&&!t.continuity?null:L("div",{className:"space-y-4",children:[e.detailOnly?null:L("div",{className:"grid gap-4 lg:grid-cols-[minmax(0,1fr)_16rem]",children:[L("div",{children:[g("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:a}),g("p",{className:"mt-1 text-sm leading-relaxed text-muted-foreground",children:t.laneReason})]}),n?L("div",{children:[g("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:"Confidence"}),g("p",{className:"mt-1 text-sm text-foreground/90",children:n})]}):null]}),o.length>0?L("div",{className:"space-y-2",children:[g("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:e.detailOnly?"More signals":"Signals"}),g(Be,{values:o})]}):null,i.length>0?L("div",{className:"space-y-2",children:[g("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:e.detailOnly?"More thread context":"Thread context"}),g(Be,{values:i,accent:!0})]}):null,t.continuity?L("div",{className:"space-y-2",children:[g("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:"Related activity"}),g("p",{className:"text-sm leading-relaxed text-muted-foreground",children:t.continuity})]}):null]})}function mt(e){return g("div",{className:"space-y-2 border-t border-border/60 pt-3",children:g(Ue,{frame:e.frame,lane:e.lane})})}import{useEffect as ft,useRef as Jt,useState as pt}from"react";import{jsx as K,jsxs as $e}from"react/jsx-runtime";function qe(e){let[t,n]=pt(!1),[o,i]=pt(""),a=Jt(null),s=fe(e.frame),d=e.pendingId===e.frame.id;if(ft(()=>{n(!1),i("")},[e.frame.id]),ft(()=>{t&&s&&a.current?.focus()},[t,s]),!s)return null;async function m(){let p=o.trim();p&&(await e.onComment(e.frame,p),i(""),n(!1))}if(!t){let p=e.triggerLabel??"Leave comment",u=e.triggerTone??"link";return u==="link"?K("button",{type:"button",className:"text-xs font-medium text-muted-foreground underline underline-offset-2 hover:text-foreground",onClick:()=>{e.onOpen?.(),n(!0)},children:p}):K(N,{label:p,tone:u,className:e.triggerFullWidth?"w-full":void 0,disabled:d,onClick:()=>{e.onOpen?.(),n(!0)}})}return $e("div",{className:e.panelClassName??"w-full space-y-2 rounded-md border border-border bg-secondary/40 p-3",children:[$e("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:["Commenting on ",M(e.frame)]}),K("div",{className:"text-[11px] text-muted-foreground",children:"Posts to the issue thread without leaving Focus."}),K("textarea",{ref:a,value:o,onChange:p=>i(p.target.value),onKeyDown:p=>{(p.metaKey||p.ctrlKey)&&p.key==="Enter"&&(p.preventDefault(),m()),p.key==="Escape"&&(p.preventDefault(),n(!1),i(""))},rows:e.rows??3,placeholder:"Add a short operator note back to the issue\u2026",className:"w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs outline-none transition focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]"}),$e("div",{className:"flex items-center justify-end gap-2",children:[K(N,{label:"Cancel",tone:"secondary",disabled:d,onClick:()=>{n(!1),i("")}}),K(N,{label:d?"Posting\u2026":"Post comment",tone:"accent",disabled:d||o.trim().length===0,onClick:()=>{m()}})]})]})}import{usePluginAction as W}from"@paperclipai/plugin-sdk/ui";import{useEffect as ge,useRef as xe,useState as St}from"react";function pe(e,t){return e instanceof Error?e.message:t}function gt(e){return`Acknowledged ${e}.`}function xt(e){return pe(e,"Failed to acknowledge frame.")}function ht(){return"This frame is not backed by a Paperclip issue."}function bt(e){return`Posted a comment on ${e}.`}function vt(e){return pe(e,"Failed to post comment.")}function je(){return"This frame is not backed by a Paperclip approval."}function yt(e,t){return`${t==="approve"?"Approved":"Rejected"} ${e}.`}function wt(e){return pe(e,"Failed to submit approval decision.")}function At(e){return`Requested revision for ${e}.`}function kt(e){return pe(e,"Failed to request approval revision.")}var Xt=2e4,Yt=45e3;function Nt(e){let t=W("acknowledge-frame"),n=W("comment-on-issue"),o=W("engage-focus"),i=W("mark-attention-viewed"),a=W("record-approval-response"),s=W("set-focus-presence"),[d,m]=St(null),[p,u]=St(null),x=xe(null),y=xe(null),P=xe(i),z=xe(s);P.current=i,z.current=s,ge(()=>{if(!p)return;let c=window.setTimeout(()=>{u(null)},4e3);return()=>{window.clearTimeout(c)}},[p]),ge(()=>()=>{x.current&&window.clearTimeout(x.current)},[]),ge(()=>{let c=e.companyId;if(c)return z.current({companyId:c,presence:"present"}).catch(()=>{}),()=>{z.current({companyId:c,presence:"absent"}).catch(()=>{})}},[e.companyId]),ge(()=>{let c=e.companyId,h=e.displaySnapshot?.now;if(!c||!h){y.current=null;return}let w=`${c}:${h.interactionId}`;y.current!==w&&(y.current=w,P.current({companyId:c,taskId:h.taskId,interactionId:h.interactionId,surface:"focus"}).catch(()=>{y.current===w&&(y.current=null)}))},[e.companyId,e.displaySnapshot?.now?.interactionId]);async function he(c,h){let w=e.companyId;if(!w||e.displaySnapshot?.now?.interactionId!==c.interactionId)return;let C=h==="comment_compose"?Yt:Xt;try{await o({companyId:w,taskId:c.taskId,interactionId:c.interactionId,reason:h,durationMs:C}),e.refresh(),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>{e.refresh(),x.current=null},C+150)}catch{}}async function ee(c){let h=e.companyId;if(h){m(c.id);try{await t({companyId:h,taskId:c.taskId,interactionId:c.interactionId}),u(gt(M(c))),e.refresh()}catch(w){u(xt(w))}finally{m(null)}}}async function te(c,h){let w=e.companyId,C=Pe(c);if(!w||!C||B(c)!=="issue"){u(ht());return}m(c.id);try{await n({companyId:w,taskId:c.taskId,issueId:C,body:h}),u(bt(M(c))),e.refresh()}catch(be){u(vt(be))}finally{m(null)}}async function U(c,h){let w=e.companyId,C=ce(c);if(!w||!C){u(je());return}m(c.id);try{await a({companyId:w,taskId:c.taskId,interactionId:c.interactionId,decision:h}),u(yt(M(c),h)),e.refresh()}catch(be){u(wt(be))}finally{m(null)}}async function ne(c){let h=e.companyId,w=ce(c);if(!h||!w){u(je());return}m(c.id);try{await a({companyId:h,taskId:c.taskId,interactionId:c.interactionId,decision:"request-revision"}),u(At(M(c))),e.refresh()}catch(C){u(kt(C))}finally{m(null)}}return{pendingId:d,statusOverride:p,holdNowFrame:he,acknowledgeFrame:ee,commentOnIssueFrame:te,submitApprovalDecision:U,requestApprovalRevision:ne}}import{Fragment as Ft,jsx as r,jsxs as l}from"react/jsx-runtime";function tn(e){let t=Me(e.frame,e.lane),n=e.pendingId===e.frame.id;return t==="none"?null:r("div",{className:S("flex items-center gap-2",e.compact&&"justify-end"),children:t==="approval"?l(Ft,{children:[R(e.frame)?r(N,{label:"Request revision",tone:"secondary",disabled:n,onClick:()=>{e.onRequestRevision(e.frame)}}):null,r(N,{label:n?"Submitting\u2026":"Approve",tone:"primary",disabled:n,onClick:()=>{e.onApprove(e.frame)}}),r(N,{label:"Reject",tone:"danger",disabled:n,onClick:()=>{e.onReject(e.frame)}})]}):r(N,{label:n?"Saving\u2026":"Acknowledge",tone:"accent",disabled:n,onClick:()=>{e.onAcknowledge(e.frame)}})})}function nn(e){let{frame:t,snapshotUpdatedAt:n}=e,o=Y(t,e.companyPrefix),i=R(t)?ct(e.companyPrefix):null,a=Ee(t,e.companyPrefix),s=me(t).length>0;return l("div",{className:"space-y-3 border-t border-border pt-4",children:[r(ut,{frame:t,lane:"now",detailOnly:!0}),l("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground",children:[r("span",{children:at(t)}),r("span",{children:de(t)}),r("span",{children:Z(_(t,n))}),Re(t)?l("span",{children:["Amount requested: ",Re(t)]}):null,Te(t)?r("span",{children:Te(t)}):null]}),s?l(Ft,{children:[r("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:"Context"}),r(lt,{frame:t})]}):null,l("div",{className:"flex flex-wrap items-center gap-3",children:[o?l("a",{href:o,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:[le(t),r(V,{})]}):null,a?l("a",{href:a,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:["Open activity",r(V,{})]}):null,i?r(v,{children:l("a",{href:i,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 text-xs font-medium underline underline-offset-2 hover:opacity-80",style:{color:"inherit"},children:["Review in Costs",r(V,{})]})}):null]})]})}function rn(){return l("div",{className:"flex min-h-20 items-center gap-3",children:[r(we,{size:"md"}),r("div",{className:"text-sm text-muted-foreground",children:"Nothing active right now."})]})}function on(e){let t=Me(e.frame,e.lane),n=e.pendingId===e.frame.id,o=t==="acknowledge"&&fe(e.frame);return l("div",{className:"space-y-3 rounded-md border border-border/60 bg-secondary/20 px-3 py-3",style:e.wide?{width:320,flexShrink:0,position:"sticky",top:16,alignSelf:"flex-start"}:void 0,children:[r("div",{className:"text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:"Actions"}),t==="approval"?l("div",{className:"space-y-2",children:[l("div",{className:"grid grid-cols-2 gap-2",children:[r(N,{label:n?"Submitting\u2026":"Approve",tone:"primary",disabled:n,className:"w-full",onClick:()=>{e.onApprove(e.frame)}}),r(N,{label:"Reject",tone:"danger",disabled:n,className:"w-full",onClick:()=>{e.onReject(e.frame)}})]}),R(e.frame)?r(N,{label:"Request revision",tone:"secondary",disabled:n,className:"w-full",onClick:()=>{e.onRequestRevision(e.frame)}}):null]}):t==="acknowledge"?l("div",{className:"flex flex-wrap items-center gap-2",children:[o?r(qe,{frame:e.frame,pendingId:e.pendingId,onComment:e.onComment,triggerTone:"accent",triggerLabel:"Comment",onOpen:()=>e.onEngageFocus(e.frame,"comment_compose"),rows:4,panelClassName:"w-full space-y-2 rounded-md border border-border bg-background/80 p-3"}):null,r(N,{label:n?"Saving\u2026":"Acknowledge",tone:"accent",disabled:n,onClick:()=>{e.onAcknowledge(e.frame)}})]}):null,e.itemLink?l("a",{href:e.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:[le(e.frame),r(V,{})]}):null]})}function an(e){let t=e.snapshot.now,[n,o]=It(!1),i=Qe(1120),a=t?.id??null,s=!!t&&(e.snapshot.review?.unread.now??0)>0,d=t?Y(t,e.companyPrefix):null,m=t?X(t):null,p=t?dt(t,"now"):null,u=Le();return en(()=>{o(!1)},[a]),l("section",{className:"border border-border bg-card shadow-sm",style:t?{borderLeftWidth:3,borderLeftColor:A}:void 0,children:[l("div",{className:"flex items-center justify-between gap-3 border-b border-border bg-accent px-4 py-3 sm:px-6",children:[l("div",{className:"flex items-center gap-3",children:[r(v,{className:"text-sm leading-none",children:e.posture.glyph}),l("div",{className:"flex items-end gap-2",children:[r(v,{className:"text-base leading-none font-semibold tracking-[0.04em]",children:e.brand.wordmark}),r("span",{className:"text-[11px] leading-none text-muted-foreground",children:e.posture.label})]})]}),l("div",{className:"flex items-center gap-3 text-xs tabular-nums text-muted-foreground",children:[l("span",{className:e.counts.now>0?"font-semibold":"",children:["now ",e.counts.now>0?r(v,{children:e.counts.now}):e.counts.now]}),l("span",{className:e.counts.next>0?"font-semibold":"",children:["next ",e.counts.next>0?r(v,{children:e.counts.next}):e.counts.next]}),l("span",{className:e.counts.ambient>0?"font-semibold":"",children:["ambient ",e.counts.ambient>0?r(v,{children:e.counts.ambient}):e.counts.ambient]})]})]}),r("div",{className:"px-5 py-5 sm:px-6",children:t?l("div",{className:"space-y-5",children:[l("div",{className:i?"flex items-start gap-6":"space-y-4",children:[l("div",{className:"space-y-4",style:i?{minWidth:0,flex:1}:void 0,children:[l("div",{className:"flex items-center gap-2 text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",children:[r("span",{children:"Now"}),r("span",{className:"normal-case tracking-normal text-muted-foreground/70",children:j(t)})]}),m?r("div",{className:"max-w-4xl text-3xl font-semibold leading-tight text-foreground",children:m}):t.summary?r("div",{className:"max-w-4xl text-3xl font-semibold leading-tight text-foreground",children:t.summary}):null,l("div",{className:"flex items-start gap-2 text-xl font-medium leading-snug text-foreground/80",children:[r(oe,{visible:s}),r("span",{children:ue(t)})]}),p?r("p",{className:"max-w-3xl text-sm leading-relaxed text-muted-foreground",children:p}):null,l("div",{className:"flex flex-wrap items-center gap-2",children:[r(q,{className:"border-border bg-secondary text-foreground/80",children:de(t)}),H(t)?r(q,{className:u.className,style:u.style,children:H(t)}):null]}),r(Ue,{frame:t,lane:"now",preferLaneReason:!!p}),r("div",{className:"flex items-center gap-4",children:r(v,{children:l("button",{type:"button",onClick:()=>{n||e.onEngageFocus(t,"show_context"),o(!n)},"aria-expanded":n,className:"flex items-center gap-1.5 text-xs font-medium transition-opacity hover:opacity-100",style:{color:"inherit"},children:[r("svg",{viewBox:"0 0 16 16",className:S("h-3 w-3 transition-transform",n&&"rotate-90"),fill:"currentColor","aria-hidden":"true",children:r("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"})}),n?"Hide context":"Show context"]})})})]}),r(on,{frame:t,lane:"now",wide:i,pendingId:e.pendingId,itemLink:d,onEngageFocus:e.onEngageFocus,onApprove:e.onApprove,onReject:e.onReject,onRequestRevision:e.onRequestRevision,onAcknowledge:e.onAcknowledge,onComment:e.onComment})]}),n?r(nn,{frame:t,snapshotUpdatedAt:e.snapshot.updatedAt,companyPrefix:e.companyPrefix}):null]}):r(rn,{})})]})}function sn(e){let{frame:t}=e,[n,o]=It(!1),i=_e(t,e.snapshot),a=Ee(t,e.companyPrefix),s=Y(t,e.companyPrefix),d=st(t),m=H(t),p=Le(),u=O(t,"next"),x=u.trim().length>0&&u!==d&&u!==Q,y=Math.max(.4,1-(e.rank-1)*.14);return l("div",{className:"border-b border-border/80 last:border-b-0",style:n?{borderLeftWidth:2,borderLeftColor:A}:void 0,children:[l("button",{type:"button",onClick:()=>o(!n),"aria-expanded":n,className:"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50 sm:px-6",children:[r(oe,{visible:i}),r("span",{className:"w-5 shrink-0",style:{opacity:y},children:r(v,{className:"text-xs font-medium tabular-nums",children:String(e.rank).padStart(2,"0")})}),l("div",{className:"min-w-0 flex-1",children:[r("div",{className:"text-sm font-medium leading-5 text-foreground",children:ue(t)}),d?r("div",{className:"mt-0.5 max-w-3xl text-xs leading-5 text-muted-foreground",children:d}):null]}),r(Je,{movement:e.movement}),m?r(q,{className:S("shrink-0",p.className),style:p.style,children:m}):null,r("span",{className:"shrink-0 text-xs text-muted-foreground",style:{opacity:.7},children:Z(_(t,e.snapshotUpdatedAt))}),r("svg",{viewBox:"0 0 16 16",className:S("h-3 w-3 shrink-0 text-muted-foreground transition-transform",n&&"rotate-90"),fill:"currentColor","aria-hidden":"true",children:r("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"})})]}),n?l("div",{className:"space-y-3 px-4 pb-4 pl-12 sm:px-6 sm:pl-14",children:[x?r("p",{className:"text-sm leading-relaxed text-muted-foreground",children:u}):null,r(mt,{frame:t,lane:"next"}),l("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground",children:[r("span",{children:de(t)}),m?r(v,{children:m}):null,e.movement?r(v,{children:e.movement==="up"?"rising in queue":"falling in queue"}):null,l("span",{children:["updated ",Z(_(t,e.snapshotUpdatedAt))]}),s?r("a",{href:s,className:"font-medium underline underline-offset-2 hover:text-foreground",children:le(t)}):null,a?r("a",{href:a,className:"font-medium underline underline-offset-2 hover:text-foreground",children:"Open activity"}):null]}),l("div",{className:"flex flex-wrap items-center gap-2 pt-1",children:[r(qe,{frame:t,pendingId:e.pendingId,onComment:e.onComment}),r(tn,{frame:t,lane:"next",pendingId:e.pendingId,onApprove:e.onApprove,onReject:e.onReject,onRequestRevision:e.onRequestRevision,onAcknowledge:e.onAcknowledge})]})]}):null]})}function dn(e){return l("section",{className:"border border-border/80 bg-card",children:[r("div",{className:"border-b border-border/80 px-4 py-2.5 sm:px-6",children:r("h2",{className:"text-xs font-medium uppercase tracking-wider text-muted-foreground",children:"Next"})}),e.rows.length===0?r("div",{className:"px-4 py-4 text-sm text-muted-foreground sm:px-6",style:{opacity:.7},children:"Nothing is staged behind the current focus."}):e.rows.map((t,n)=>r(sn,{rank:n+1,frame:t.frame,movement:e.movement[t.frame.interactionId],snapshot:e.snapshot,snapshotUpdatedAt:e.snapshotUpdatedAt,companyPrefix:e.companyPrefix,pendingId:e.pendingId,onApprove:e.onApprove,onReject:e.onReject,onRequestRevision:e.onRequestRevision,onAcknowledge:e.onAcknowledge,onComment:e.onComment},t.frame.id))]})}function cn(e){let{frame:t,snapshotUpdatedAt:n}=e,o=Y(t,e.companyPrefix),i=_e(t,e.snapshot),a=l("div",{className:"flex items-center gap-3 px-4 py-2.5 sm:px-6",children:[r(oe,{visible:i,tone:"muted",reserveSpace:!0}),r("span",{className:"min-w-0 flex-1 truncate text-[13px] text-muted-foreground",children:ue(t)}),r("span",{className:"shrink-0 text-xs text-muted-foreground/80",children:j(t)}),r("span",{className:"shrink-0 text-xs text-muted-foreground/70",children:Z(_(t,n))})]});return r("div",{style:{borderBottomWidth:1,borderBottomColor:"var(--border)"},className:"last:border-b-0",children:o?r("a",{href:o,className:"block transition-colors hover:bg-accent/40",children:a}):a})}function ln(e){return l("section",{style:{borderWidth:1,borderColor:"var(--border)"},className:"mt-2 bg-card","aria-label":"Ambient attention",children:[r("div",{style:{borderBottomWidth:1,borderBottomColor:"var(--border)"},className:"px-4 py-2.5 sm:px-6",children:r("h2",{className:"text-xs font-medium uppercase tracking-wider text-muted-foreground/80",children:"Ambient"})}),e.rows.length===0?l("div",{className:"flex items-center gap-3 px-4 py-4 text-sm text-muted-foreground sm:px-6",children:[r(we,{}),r("span",{children:"Nothing in peripheral view."})]}):e.rows.map(t=>r(cn,{frame:t.frame,snapshot:e.snapshot,snapshotUpdatedAt:e.snapshotUpdatedAt,companyPrefix:e.companyPrefix},t.frame.id))]})}function xr(e){let t=e.context.companyId,n=ie(),o=Se(e.context.companyPrefix),i=ae(t),a=i.snapshot,s=i.loading,d=i.error;if(!t)return r(D,{title:`Open ${n.wordmark}`,body:`Open a company to see ${n.wordmark}.`});if(s)return r(Ge,{label:n.loadingLabel});if(d)return r(D,{title:"Plugin error",body:d.message});if(!a)return r(D,{title:n.wordmark,body:n.headingEmptyState});let m=Ne(a),p=a.now?X(a.now)??a.now.title:null,u=Xe(a),x=m.label==="busy"?{borderLeftWidth:2,borderLeftColor:A}:m.label==="elevated"?{borderLeftWidth:2,borderLeftColor:F}:void 0;return l("a",{href:o,className:"block border border-border bg-card px-4 py-3 shadow-sm transition-colors hover:bg-accent/40",style:x,children:[l("div",{className:"flex items-start gap-2 text-xs",children:[r(v,{className:"pt-0.5 text-sm",children:m.glyph}),r("div",{className:"min-w-0",children:l("div",{className:"flex items-end gap-2",children:[r(v,{className:"font-semibold tracking-[0.04em]",children:n.wordmark}),r(v,{className:"text-[11px]",children:m.label}),u?r(v,{className:"text-[11px]",children:u}):null]})}),l("span",{className:"ml-auto tabular-nums text-muted-foreground",children:["now ",a.counts.now," \xB7 next ",a.counts.next," \xB7 ambient ",a.counts.ambient]})]}),p?r("div",{className:"mt-2 text-sm font-medium leading-5 text-foreground",style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:p}):r("div",{className:"mt-2 text-sm text-muted-foreground",children:"No active interruption right now."})]})}function hr({context:e}){let t=e.companyId,n=ie(),o=Se(e.companyPrefix),i=typeof window<"u"&&window.location.pathname===o,s=ae(t).snapshot,d=s?Ie(s):0,m=Ye(s);return l("a",{href:o,"aria-current":i?"page":void 0,className:S("flex items-center gap-2.5 px-3 py-2 text-[13px] font-medium transition-colors",i?"bg-accent text-foreground":"text-foreground/80 hover:bg-accent/50 hover:text-foreground"),children:[l("span",{className:"relative shrink-0","aria-hidden":"true",children:[l("svg",{viewBox:"0 0 24 24",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"1.9",strokeLinecap:"round",strokeLinejoin:"round",children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"m14.3 8 5.2 9"}),r("path",{d:"M9.7 8h10.4"}),r("path",{d:"m7.4 12 5.2-9"}),r("path",{d:"m9.7 16-5.2-9"}),r("path",{d:"M14.3 16H3.9"}),r("path",{d:"m16.6 12-5.2 9"})]}),m>0?r("span",{className:"absolute -right-1 -top-1 h-2 w-2 rounded-full",style:{backgroundColor:A}}):null]}),r("span",{className:"flex-1 truncate",children:n.wordmark}),d>0?r("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:re,children:d}):m>0?r("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:A,borderColor:F,backgroundColor:"transparent"},children:m}):null]})}function br(e){let t=e.context.companyId,n=ie(),o=ae(t),i=o.snapshot,a=o.loading,s=o.error,d=i,m=d&&s?`Sync issue: ${s.message}`:null,p=He(()=>d?Ne(d):null,[d]),u=He(()=>d?d.next.map(c=>({frame:c,lane:"next"})):[],[d]),x=He(()=>d?d.ambient.map(c=>({frame:c,lane:"ambient"})):[],[d]),y=et(u.map(c=>c.frame)),{pendingId:P,statusOverride:z,holdNowFrame:he,acknowledgeFrame:ee,commentOnIssueFrame:te,submitApprovalDecision:U,requestApprovalRevision:ne}=Nt({companyId:t,displaySnapshot:d,refresh:o.refresh});return t?!d&&a?r(Ve,{label:"Loading attention center"}):!d&&s?r(D,{title:"Plugin error",body:s.message}):!d||!p?r(D,{title:`No ${n.wordmark} State Yet`,body:`No ${n.key==="focus"?"focus":"attention"} state has been captured for this company yet.`}):l("div",{className:"space-y-4",children:[r(an,{snapshot:d,posture:p,brand:n,companyPrefix:e.context.companyPrefix,counts:d.counts,pendingId:P,onEngageFocus:he,onApprove:c=>U(c,"approve"),onReject:c=>U(c,"reject"),onRequestRevision:ne,onAcknowledge:ee,onComment:te}),r(dn,{snapshot:d,rows:u,movement:y,snapshotUpdatedAt:d.updatedAt,companyPrefix:e.context.companyPrefix,pendingId:P,onApprove:c=>U(c,"approve"),onReject:c=>U(c,"reject"),onRequestRevision:ne,onAcknowledge:ee,onComment:te}),r(ln,{snapshot:d,rows:x,snapshotUpdatedAt:d.updatedAt,companyPrefix:e.context.companyPrefix}),r(Ze,{message:z??m})]}):r(D,{title:`Open ${n.wordmark}`,body:`Select a company to open ${n.wordmark}.`})}export{br as AttentionPage,hr as AttentionSidebarLink,xr as DashboardWidget};