@handled-ai/design-system 0.20.31 → 0.20.32

package/dist/components/score-why-chips.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Q as QueueItem, m as SignalScoreData, p as SignalScoreUrgencyLabel } from '../signal-priority-popover-DIUVhipw.js';
+import { Q as QueueItem, m as SignalScoreData, p as SignalScoreUrgencyLabel } from '../signal-priority-popover-BmG4WAxT.js';
 import './feedback-primitives.js';
 import './quick-action-sidebar-nav.js';
 import './quick-action-modal.js';

package/dist/components/signal-priority-popover.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import './feedback-primitives.js';
-export { P as PriorityFactor, S as SignalPriorityPopover, k as SignalPriorityPopoverProps, l as SignalPriorityScoreDisplay } from '../signal-priority-popover-DIUVhipw.js';
+export { P as PriorityFactor, S as SignalPriorityPopover, k as SignalPriorityPopoverProps, l as SignalPriorityScoreDisplay } from '../signal-priority-popover-BmG4WAxT.js';
 import './quick-action-sidebar-nav.js';
 import './quick-action-modal.js';
 import './score-breakdown.js';

package/dist/components/signal-priority-popover.js

@@ -163,18 +163,29 @@ function SignalPriorityPopover({
   onFactorFeedback,
   initialPriorityFeedback,
   scoreDisplay = "number",
-  formulaLabel = "Priority factors"
+  formulaLabel = "Priority factors",
+  renderTrigger,
+  open: controlledOpen,
+  onOpenChange
 }) {
   const urgencyLabel = providedLabel != null ? providedLabel : getUrgencyLevel(score);
   const scoreRange = getUrgencyRange(urgencyLabel);
-  const [open, setOpen] = React.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+  const open = controlledOpen != null ? controlledOpen : uncontrolledOpen;
+  const setOpen = React.useCallback(
+    (next) => {
+      if (controlledOpen === void 0) setUncontrolledOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [controlledOpen, onOpenChange]
+  );
   const [feedback, setFeedback] = React.useState(null);
   const triggerDefault = URGENCY_TRIGGER_DEFAULT[urgencyLabel];
   const triggerHover = URGENCY_TRIGGER_HOVER[urgencyLabel];
   const triggerOpen = URGENCY_TRIGGER_OPEN[urgencyLabel];
   const footerFeedbackKey = `priority-${score}-${urgencyLabel}`;
   return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, "data-testid": "priority-popover-trigger", children: renderTrigger ? renderTrigger({ urgencyLabel, open }) : /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -186,7 +197,6 @@ function SignalPriorityPopover({
           open && "outline-2 outline-foreground outline-offset-2",
           className
         ),
-        "data-testid": "priority-popover-trigger",
         children: [
           urgencyLabel,
           " Priority",

package/dist/components/signal-priority-popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/signal-priority-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\nimport type { LucideIcon } from \"lucide-react\"\nimport {\n  Radar,\n  Wallet,\n  Link2,\n  MessageSquare,\n  TrendingDown,\n  ArrowUpRight,\n  ArrowDownRight,\n  Clock,\n  Activity,\n  Minus,\n  ChevronDown,\n  ChevronUp,\n  Info,\n} from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\nimport { FeedbackFooter, InlineFeedbackControl } from \"./feedback-primitives\"\nimport type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from \"./feedback-primitives\"\nimport type { SignalScoreUrgencyLabel } from \"../prototype/prototype-config\"\nimport { SCORE_TONE_CLASSES, URGENCY_SCORE_CLASSES, getUrgencyLevel, getUrgencyRange } from \"./score-semantics\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * A single contributing factor in the priority popover.\n */\nexport interface PriorityFactor {\n  key: string\n  label: string\n  /** Lucide icon name (e.g. \"radar\", \"wallet\", \"link-2\", \"message-square\"). */\n  icon: string\n  /** Drives icon background tint. */\n  tone: \"alert\" | \"warn\" | \"info\"\n  /** Explicit semantic label - NOT inferred from score+weight. */\n  direction: \"raises\" | \"lowers\" | \"neutral\"\n  /** Optional display label for the direction text. Keeps semantic direction icon/color unchanged. */\n  directionLabel?: string\n  /** 0-100 */\n  score: number\n  /** Optional display label rendered instead of the numeric score cell. */\n  displayValueLabel?: string\n  /** Evidence text (e.g. \"$3.4M moved in 8h - current treasury balance $0.00\"). */\n  rationale: string\n}\n\nexport type SignalPriorityScoreDisplay = \"label\" | \"number\"\n\nexport interface SignalPriorityPopoverProps {\n  score: number\n  /** Controls whether the overall score number is shown in the popover header. @default \"number\" */\n  scoreDisplay?: SignalPriorityScoreDisplay\n  /** Short formula/context label shown beside the contributing factors heading. @default \"Priority factors\" */\n  formulaLabel?: string\n  urgencyLabel?: SignalScoreUrgencyLabel\n  /** Synthesis sentence displayed in the popover head. */\n  urgencyExplanation?: string\n  factors: PriorityFactor[]\n  /** e.g. \"Updated 4m ago - model v3.2\" */\n  metaText?: string\n  /** Negative feedback issue tree. */\n  feedbackChips?: FeedbackChipTree[]\n  onFeedbackSubmit?: (data: FeedbackSubmitData) => void\n  className?: string\n  /** Persisted factor-level feedback (keyed by factor key). */\n  initialFactorFeedback?: Record<string, { type: \"up\" | \"down\"; detail: string; ownershipLabel?: string }>\n  /** Callback when user submits factor-level feedback. */\n  onFactorFeedback?: (factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n  /** Persisted priority-level feedback for the footer. */\n  initialPriorityFeedback?: PersistedFeedbackData | null\n}\n\n// ---------------------------------------------------------------------------\n// Static class maps (required for Tailwind v4 source scanning)\n// ---------------------------------------------------------------------------\n\nconst URGENCY_TRIGGER_DEFAULT: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.trigger,\n  High: URGENCY_SCORE_CLASSES.High.trigger,\n  Medium: URGENCY_SCORE_CLASSES.Medium.trigger,\n  Low: URGENCY_SCORE_CLASSES.Low.trigger,\n}\n\nconst URGENCY_TRIGGER_HOVER: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.hover,\n  High: URGENCY_SCORE_CLASSES.High.hover,\n  Medium: URGENCY_SCORE_CLASSES.Medium.hover,\n  Low: URGENCY_SCORE_CLASSES.Low.hover,\n}\n\nconst URGENCY_TRIGGER_OPEN: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.open,\n  High: URGENCY_SCORE_CLASSES.High.open,\n  Medium: URGENCY_SCORE_CLASSES.Medium.open,\n  Low: URGENCY_SCORE_CLASSES.Low.open,\n}\n\n/** Re-use shared tone classes from score-semantics. */\nconst TONE_ICON_CLASSES: Record<PriorityFactor[\"tone\"], string> = SCORE_TONE_CLASSES as Record<PriorityFactor[\"tone\"], string>\n\nconst DIRECTION_CLASSES: Record<PriorityFactor[\"direction\"], string> = {\n  raises: \"text-red-600\",\n  lowers: \"text-emerald-600\",\n  neutral: \"text-muted-foreground\",\n}\n\n// ---------------------------------------------------------------------------\n// Icon lookup\n// ---------------------------------------------------------------------------\n\nconst FACTOR_ICONS: Record<string, LucideIcon> = {\n  radar: Radar,\n  wallet: Wallet,\n  \"link-2\": Link2,\n  \"message-square\": MessageSquare,\n  \"trending-down\": TrendingDown,\n  \"arrow-up-right\": ArrowUpRight,\n  clock: Clock,\n  activity: Activity,\n}\n\n// ---------------------------------------------------------------------------\n// Urgency dot color (static map)\n// ---------------------------------------------------------------------------\n\nconst URGENCY_DOT_CLASSES: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.dot,\n  High: URGENCY_SCORE_CLASSES.High.dot,\n  Medium: URGENCY_SCORE_CLASSES.Medium.dot,\n  Low: URGENCY_SCORE_CLASSES.Low.dot,\n}\n\n// ---------------------------------------------------------------------------\n// Default feedback chips\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_PRIORITY_FEEDBACK_CHIPS: FeedbackChipTree[] = [\n  { label: \"Wrong factor weighting\" },\n  { label: \"Missing context\" },\n  { label: \"Inaccurate data\" },\n  { label: \"Stale\" },\n  { label: \"Other\" },\n]\n\n// ---------------------------------------------------------------------------\n// Direction icon component\n// ---------------------------------------------------------------------------\n\nfunction DirectionIcon({ direction }: { direction: PriorityFactor[\"direction\"] }) {\n  const cls = \"h-2.5 w-2.5\"\n  switch (direction) {\n    case \"raises\":\n      return <ArrowUpRight className={cls} />\n    case \"lowers\":\n      return <ArrowDownRight className={cls} />\n    case \"neutral\":\n      return <Minus className={cls} />\n  }\n}\n\n// ---------------------------------------------------------------------------\n// PriorityFactorRow\n// ---------------------------------------------------------------------------\n\ninterface PriorityFactorRowProps {\n  factor: PriorityFactor\n  initialFeedback?: { type: \"up\" | \"down\"; detail: string; ownershipLabel?: string }\n  onFactorFeedback?: (factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n}\n\nfunction PriorityFactorRow({ factor, initialFeedback, onFactorFeedback }: PriorityFactorRowProps) {\n  const IconComponent = FACTOR_ICONS[factor.icon] ?? Activity\n  const toneClasses = TONE_ICON_CLASSES[factor.tone]\n  const directionClasses = DIRECTION_CLASSES[factor.direction]\n  const directionLabel = factor.directionLabel ?? (\n    factor.direction === \"raises\"\n      ? \"Raises\"\n      : factor.direction === \"lowers\"\n        ? \"Lowers\"\n        : \"Neutral\"\n  )\n\n  return (\n    <div\n      className=\"grid grid-cols-[20px_1fr_auto] gap-x-3 gap-y-1 px-4 py-3\"\n      data-testid={`factor-row-${factor.key}`}\n    >\n      {/* Icon */}\n      <div\n        className={cn(\n          \"flex h-5 w-5 items-center justify-center rounded\",\n          toneClasses,\n        )}\n      >\n        <IconComponent className=\"h-3 w-3\" />\n      </div>\n\n      {/* Label + direction tag */}\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-[13px] font-semibold text-foreground\">\n          {factor.label}\n        </span>\n        <span\n          className={cn(\n            \"inline-flex items-center gap-0.5 text-[10px] font-medium\",\n            directionClasses,\n          )}\n        >\n          <DirectionIcon direction={factor.direction} />\n          {directionLabel}\n        </span>\n      </div>\n\n      {/* Score number / display label */}\n      <div className=\"flex items-center text-right\">\n        {factor.displayValueLabel ? (\n          <span className=\"text-xs font-semibold text-foreground\">{factor.displayValueLabel}</span>\n        ) : (\n          <>\n            <span className=\"text-sm font-bold tabular-nums\">{factor.score}</span>\n            <span className=\"text-xs font-normal text-muted-foreground\">/100</span>\n          </>\n        )}\n      </div>\n\n      {/* empty grid cell under icon column */}\n      <div />\n\n      {/* Rationale */}\n      <p className=\"text-xs leading-relaxed text-muted-foreground\">\n        {factor.rationale}\n      </p>\n\n      {/* empty grid cell under score column */}\n      <div />\n\n      {/* empty grid cell under icon column */}\n      <div />\n\n      {/* Score track */}\n      <div className=\"mt-1 h-0.5 rounded-full bg-muted\">\n        <div\n          className=\"h-full rounded-full bg-foreground/20\"\n          style={{ width: `${Math.min(100, Math.max(0, factor.score))}%` }}\n        />\n      </div>\n\n      {/* empty grid cell under score column */}\n      <div />\n\n      {/* Factor-level feedback row (spans icon + content columns) */}\n      {onFactorFeedback && (\n        <>\n          <div />\n          <div className=\"col-span-2 mt-1\">\n            <InlineFeedbackControl\n              feedbackKey={factor.key}\n              initialFeedback={initialFeedback}\n              onFeedback={onFactorFeedback}\n              testIdPrefix=\"factor\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// SignalPriorityPopover\n// ---------------------------------------------------------------------------\n\nexport function SignalPriorityPopover({\n  score,\n  urgencyLabel: providedLabel,\n  urgencyExplanation,\n  factors,\n  metaText,\n  feedbackChips,\n  onFeedbackSubmit,\n  className,\n  initialFactorFeedback,\n  onFactorFeedback,\n  initialPriorityFeedback,\n  scoreDisplay = \"number\",\n  formulaLabel = \"Priority factors\",\n}: SignalPriorityPopoverProps) {\n  const urgencyLabel = providedLabel ?? getUrgencyLevel(score)\n  const scoreRange = getUrgencyRange(urgencyLabel)\n\n  const [open, setOpen] = React.useState(false)\n  const [feedback, setFeedback] = React.useState<\"positive\" | \"negative\" | null>(null)\n\n  const triggerDefault = URGENCY_TRIGGER_DEFAULT[urgencyLabel]\n  const triggerHover = URGENCY_TRIGGER_HOVER[urgencyLabel]\n  const triggerOpen = URGENCY_TRIGGER_OPEN[urgencyLabel]\n\n  // Derive a stable feedbackKey for the footer from score + urgencyLabel\n  const footerFeedbackKey = `priority-${score}-${urgencyLabel}`\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n      <PopoverPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            \"inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            triggerDefault,\n            triggerHover,\n            open && triggerOpen,\n            open && \"outline-2 outline-foreground outline-offset-2\",\n            className,\n          )}\n          data-testid=\"priority-popover-trigger\"\n        >\n          {urgencyLabel} Priority\n          {open ? (\n            <ChevronUp className=\"h-3 w-3\" />\n          ) : (\n            <ChevronDown className=\"h-3 w-3\" />\n          )}\n        </button>\n      </PopoverPrimitive.Trigger>\n\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side=\"bottom\"\n          align=\"start\"\n          sideOffset={8}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          className=\"z-50 w-[420px] rounded-lg border border-border bg-background shadow-lg p-0\"\n          data-testid=\"priority-popover-content\"\n        >\n          {/* Head section */}\n          <div className=\"p-4 pb-3\" data-testid=\"priority-popover-header\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <p className=\"text-sm font-semibold text-foreground\">\n                Why this is {urgencyLabel.toLowerCase()} priority\n              </p>\n              {scoreDisplay === \"number\" && (\n                <span\n                  className=\"text-2xl font-bold tabular-nums text-foreground\"\n                  data-testid=\"priority-overall-score\"\n                >\n                  {score}\n                  <span className=\"text-sm font-normal text-muted-foreground\">/100</span>\n                </span>\n              )}\n            </div>\n\n            {/* Band indicator */}\n            <div className=\"mt-1 flex items-center gap-1.5 text-[11px] text-muted-foreground\">\n              <span\n                className={cn(\n                  \"inline-block h-2 w-2 rounded-full\",\n                  URGENCY_DOT_CLASSES[urgencyLabel],\n                )}\n              />\n              {urgencyLabel} range: {scoreRange}\n            </div>\n\n            {/* Synthesis sentence */}\n            {urgencyExplanation && (\n              <p className=\"mt-2 text-xs leading-relaxed text-muted-foreground\">\n                {urgencyExplanation}\n              </p>\n            )}\n          </div>\n\n          {/* Section label */}\n          {factors.length > 0 && (\n            <>\n              <div className=\"flex items-center justify-between border-t border-border px-4 py-2\">\n                <span className=\"text-[10px] font-bold uppercase tracking-wider text-muted-foreground\">\n                  Contributing factors\n                </span>\n                <span className=\"flex items-center gap-1 text-[10px] text-muted-foreground\">\n                  <Info className=\"h-3 w-3\" />\n                  {formulaLabel}\n                </span>\n              </div>\n\n              {/* Factor rows */}\n              <div className=\"divide-y divide-border/40\">\n                {factors.map((factor) => (\n                  <PriorityFactorRow\n                    key={factor.key}\n                    factor={factor}\n                    initialFeedback={initialFactorFeedback?.[factor.key]}\n                    onFactorFeedback={onFactorFeedback}\n                  />\n                ))}\n              </div>\n            </>\n          )}\n\n          {/* Feedback footer */}\n          {onFeedbackSubmit && (\n            <div className=\"border-t border-border\">\n              <FeedbackFooter\n                feedback={feedback}\n                onFeedbackChange={setFeedback}\n                onSubmit={onFeedbackSubmit}\n                metaText={metaText}\n                negativeChips={feedbackChips ?? DEFAULT_PRIORITY_FEEDBACK_CHIPS}\n                positivePrompt=\"Thanks. Anything to keep about this score?\"\n                className=\"px-4 py-3\"\n                initialFeedback={initialPriorityFeedback}\n                feedbackKey={footerFeedbackKey}\n              />\n            </div>\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n"],"mappings":";AA8Ja,SAkEH,UAlEG,KAkDL,YAlDK;AA5Jb,YAAY,WAAW;AACvB,SAAS,WAAW,wBAAwB;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,gBAAgB,6BAA6B;AAGtD,SAAS,oBAAoB,uBAAuB,iBAAiB,uBAAuB;AA0D5F,MAAM,0BAAmE;AAAA,EACvE,QAAQ,sBAAsB,OAAO;AAAA,EACrC,MAAM,sBAAsB,KAAK;AAAA,EACjC,QAAQ,sBAAsB,OAAO;AAAA,EACrC,KAAK,sBAAsB,IAAI;AACjC;AAEA,MAAM,wBAAiE;AAAA,EACrE,QAAQ,sBAAsB,OAAO;AAAA,EACrC,MAAM,sBAAsB,KAAK;AAAA,EACjC,QAAQ,sBAAsB,OAAO;AAAA,EACrC,KAAK,sBAAsB,IAAI;AACjC;AAEA,MAAM,uBAAgE;AAAA,EACpE,QAAQ,sBAAsB,OAAO;AAAA,EACrC,MAAM,sBAAsB,KAAK;AAAA,EACjC,QAAQ,sBAAsB,OAAO;AAAA,EACrC,KAAK,sBAAsB,IAAI;AACjC;AAGA,MAAM,oBAA4D;AAElE,MAAM,oBAAiE;AAAA,EACrE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAMA,MAAM,eAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,UAAU;AACZ;AAMA,MAAM,sBAA+D;AAAA,EACnE,QAAQ,sBAAsB,OAAO;AAAA,EACrC,MAAM,sBAAsB,KAAK;AAAA,EACjC,QAAQ,sBAAsB,OAAO;AAAA,EACrC,KAAK,sBAAsB,IAAI;AACjC;AAMA,MAAM,kCAAsD;AAAA,EAC1D,EAAE,OAAO,yBAAyB;AAAA,EAClC,EAAE,OAAO,kBAAkB;AAAA,EAC3B,EAAE,OAAO,kBAAkB;AAAA,EAC3B,EAAE,OAAO,QAAQ;AAAA,EACjB,EAAE,OAAO,QAAQ;AACnB;AAMA,SAAS,cAAc,EAAE,UAAU,GAA+C;AAChF,QAAM,MAAM;AACZ,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO,oBAAC,gBAAa,WAAW,KAAK;AAAA,IACvC,KAAK;AACH,aAAO,oBAAC,kBAAe,WAAW,KAAK;AAAA,IACzC,KAAK;AACH,aAAO,oBAAC,SAAM,WAAW,KAAK;AAAA,EAClC;AACF;AAYA,SAAS,kBAAkB,EAAE,QAAQ,iBAAiB,iBAAiB,GAA2B;AAhLlG;AAiLE,QAAM,iBAAgB,kBAAa,OAAO,IAAI,MAAxB,YAA6B;AACnD,QAAM,cAAc,kBAAkB,OAAO,IAAI;AACjD,QAAM,mBAAmB,kBAAkB,OAAO,SAAS;AAC3D,QAAM,kBAAiB,YAAO,mBAAP,YACrB,OAAO,cAAc,WACjB,WACA,OAAO,cAAc,WACnB,WACA;AAGR,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,cAAc,OAAO,GAAG;AAAA,MAGrC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,8BAAC,iBAAc,WAAU,WAAU;AAAA;AAAA,QACrC;AAAA,QAGA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,UAAK,WAAU,6CACb,iBAAO,OACV;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEA;AAAA,oCAAC,iBAAc,WAAW,OAAO,WAAW;AAAA,gBAC3C;AAAA;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QAGA,oBAAC,SAAI,WAAU,gCACZ,iBAAO,oBACN,oBAAC,UAAK,WAAU,yCAAyC,iBAAO,mBAAkB,IAElF,iCACE;AAAA,8BAAC,UAAK,WAAU,kCAAkC,iBAAO,OAAM;AAAA,UAC/D,oBAAC,UAAK,WAAU,6CAA4C,kBAAI;AAAA,WAClE,GAEJ;AAAA,QAGA,oBAAC,SAAI;AAAA,QAGL,oBAAC,OAAE,WAAU,iDACV,iBAAO,WACV;AAAA,QAGA,oBAAC,SAAI;AAAA,QAGL,oBAAC,SAAI;AAAA,QAGL,oBAAC,SAAI,WAAU,oCACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,KAAK,CAAC,CAAC,IAAI;AAAA;AAAA,QACjE,GACF;AAAA,QAGA,oBAAC,SAAI;AAAA,QAGJ,oBACC,iCACE;AAAA,8BAAC,SAAI;AAAA,UACL,oBAAC,SAAI,WAAU,mBACb;AAAA,YAAC;AAAA;AAAA,cACC,aAAa,OAAO;AAAA,cACpB;AAAA,cACA,YAAY;AAAA,cACZ,cAAa;AAAA;AAAA,UACf,GACF;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AACjB,GAA+B;AAC7B,QAAM,eAAe,wCAAiB,gBAAgB,KAAK;AAC3D,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAyC,IAAI;AAEnF,QAAM,iBAAiB,wBAAwB,YAAY;AAC3D,QAAM,eAAe,sBAAsB,YAAY;AACvD,QAAM,cAAc,qBAAqB,YAAY;AAGrD,QAAM,oBAAoB,YAAY,KAAK,IAAI,YAAY;AAE3D,SACE,qBAAC,iBAAiB,MAAjB,EAAsB,MAAY,cAAc,SAC/C;AAAA,wBAAC,iBAAiB,SAAjB,EAAyB,SAAO,MAC/B;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,QACA,eAAY;AAAA,QAEX;AAAA;AAAA,UAAa;AAAA,UACb,OACC,oBAAC,aAAU,WAAU,WAAU,IAE/B,oBAAC,eAAY,WAAU,WAAU;AAAA;AAAA;AAAA,IAErC,GACF;AAAA,IAEA,oBAAC,iBAAiB,QAAjB,EACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,iBAAiB,CAAC,MAAM,EAAE,eAAe;AAAA,QACzC,WAAU;AAAA,QACV,eAAY;AAAA,QAGZ;AAAA,+BAAC,SAAI,WAAU,YAAW,eAAY,2BACpC;AAAA,iCAAC,SAAI,WAAU,0CACb;AAAA,mCAAC,OAAE,WAAU,yCAAwC;AAAA;AAAA,gBACtC,aAAa,YAAY;AAAA,gBAAE;AAAA,iBAC1C;AAAA,cACC,iBAAiB,YAChB;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,eAAY;AAAA,kBAEX;AAAA;AAAA,oBACD,oBAAC,UAAK,WAAU,6CAA4C,kBAAI;AAAA;AAAA;AAAA,cAClE;AAAA,eAEJ;AAAA,YAGA,qBAAC,SAAI,WAAU,oEACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,oBAAoB,YAAY;AAAA,kBAClC;AAAA;AAAA,cACF;AAAA,cACC;AAAA,cAAa;AAAA,cAAS;AAAA,eACzB;AAAA,YAGC,sBACC,oBAAC,OAAE,WAAU,sDACV,8BACH;AAAA,aAEJ;AAAA,UAGC,QAAQ,SAAS,KAChB,iCACE;AAAA,iCAAC,SAAI,WAAU,sEACb;AAAA,kCAAC,UAAK,WAAU,wEAAuE,kCAEvF;AAAA,cACA,qBAAC,UAAK,WAAU,6DACd;AAAA,oCAAC,QAAK,WAAU,WAAU;AAAA,gBACzB;AAAA,iBACH;AAAA,eACF;AAAA,YAGA,oBAAC,SAAI,WAAU,6BACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,cAAC;AAAA;AAAA,gBAEC;AAAA,gBACA,iBAAiB,+DAAwB,OAAO;AAAA,gBAChD;AAAA;AAAA,cAHK,OAAO;AAAA,YAId,CACD,GACH;AAAA,aACF;AAAA,UAID,oBACC,oBAAC,SAAI,WAAU,0BACb;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,kBAAkB;AAAA,cAClB,UAAU;AAAA,cACV;AAAA,cACA,eAAe,wCAAiB;AAAA,cAChC,gBAAe;AAAA,cACf,WAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,aAAa;AAAA;AAAA,UACf,GACF;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/signal-priority-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\nimport type { LucideIcon } from \"lucide-react\"\nimport {\n  Radar,\n  Wallet,\n  Link2,\n  MessageSquare,\n  TrendingDown,\n  ArrowUpRight,\n  ArrowDownRight,\n  Clock,\n  Activity,\n  Minus,\n  ChevronDown,\n  ChevronUp,\n  Info,\n} from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\nimport { FeedbackFooter, InlineFeedbackControl } from \"./feedback-primitives\"\nimport type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from \"./feedback-primitives\"\nimport type { SignalScoreUrgencyLabel } from \"../prototype/prototype-config\"\nimport { SCORE_TONE_CLASSES, URGENCY_SCORE_CLASSES, getUrgencyLevel, getUrgencyRange } from \"./score-semantics\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * A single contributing factor in the priority popover.\n */\nexport interface PriorityFactor {\n  key: string\n  label: string\n  /** Lucide icon name (e.g. \"radar\", \"wallet\", \"link-2\", \"message-square\"). */\n  icon: string\n  /** Drives icon background tint. */\n  tone: \"alert\" | \"warn\" | \"info\"\n  /** Explicit semantic label - NOT inferred from score+weight. */\n  direction: \"raises\" | \"lowers\" | \"neutral\"\n  /** Optional display label for the direction text. Keeps semantic direction icon/color unchanged. */\n  directionLabel?: string\n  /** 0-100 */\n  score: number\n  /** Optional display label rendered instead of the numeric score cell. */\n  displayValueLabel?: string\n  /** Evidence text (e.g. \"$3.4M moved in 8h - current treasury balance $0.00\"). */\n  rationale: string\n}\n\nexport type SignalPriorityScoreDisplay = \"label\" | \"number\"\n\nexport interface SignalPriorityPopoverProps {\n  score: number\n  /** Controls whether the overall score number is shown in the popover header. @default \"number\" */\n  scoreDisplay?: SignalPriorityScoreDisplay\n  /** Short formula/context label shown beside the contributing factors heading. @default \"Priority factors\" */\n  formulaLabel?: string\n  urgencyLabel?: SignalScoreUrgencyLabel\n  /** Synthesis sentence displayed in the popover head. */\n  urgencyExplanation?: string\n  factors: PriorityFactor[]\n  /** e.g. \"Updated 4m ago - model v3.2\" */\n  metaText?: string\n  /** Negative feedback issue tree. */\n  feedbackChips?: FeedbackChipTree[]\n  onFeedbackSubmit?: (data: FeedbackSubmitData) => void\n  className?: string\n  /** Persisted factor-level feedback (keyed by factor key). */\n  initialFactorFeedback?: Record<string, { type: \"up\" | \"down\"; detail: string; ownershipLabel?: string }>\n  /** Callback when user submits factor-level feedback. */\n  onFactorFeedback?: (factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n  /** Persisted priority-level feedback for the footer. */\n  initialPriorityFeedback?: PersistedFeedbackData | null\n  /**\n   * Optional custom trigger element. When provided, it is rendered inside\n   * `<PopoverPrimitive.Trigger asChild>` instead of the default button, so it\n   * must be a single `React.ReactElement` capable of receiving props/ref (not a\n   * generic `ReactNode`). Receives the resolved `urgencyLabel` and the current\n   * `open` state. Provide an accessible name on the element (e.g.\n   * `aria-label=\"View {urgencyLabel} urgency detail\"`).\n   */\n  renderTrigger?: (args: { urgencyLabel: SignalScoreUrgencyLabel; open: boolean }) => React.ReactElement\n  /** Controlled open state. When defined, the popover is controlled; otherwise it falls back to internal state. */\n  open?: boolean\n  /** Called when the open state should change. Passed straight through to the Radix root. */\n  onOpenChange?: (open: boolean) => void\n}\n\n// ---------------------------------------------------------------------------\n// Static class maps (required for Tailwind v4 source scanning)\n// ---------------------------------------------------------------------------\n\nconst URGENCY_TRIGGER_DEFAULT: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.trigger,\n  High: URGENCY_SCORE_CLASSES.High.trigger,\n  Medium: URGENCY_SCORE_CLASSES.Medium.trigger,\n  Low: URGENCY_SCORE_CLASSES.Low.trigger,\n}\n\nconst URGENCY_TRIGGER_HOVER: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.hover,\n  High: URGENCY_SCORE_CLASSES.High.hover,\n  Medium: URGENCY_SCORE_CLASSES.Medium.hover,\n  Low: URGENCY_SCORE_CLASSES.Low.hover,\n}\n\nconst URGENCY_TRIGGER_OPEN: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.open,\n  High: URGENCY_SCORE_CLASSES.High.open,\n  Medium: URGENCY_SCORE_CLASSES.Medium.open,\n  Low: URGENCY_SCORE_CLASSES.Low.open,\n}\n\n/** Re-use shared tone classes from score-semantics. */\nconst TONE_ICON_CLASSES: Record<PriorityFactor[\"tone\"], string> = SCORE_TONE_CLASSES as Record<PriorityFactor[\"tone\"], string>\n\nconst DIRECTION_CLASSES: Record<PriorityFactor[\"direction\"], string> = {\n  raises: \"text-red-600\",\n  lowers: \"text-emerald-600\",\n  neutral: \"text-muted-foreground\",\n}\n\n// ---------------------------------------------------------------------------\n// Icon lookup\n// ---------------------------------------------------------------------------\n\nconst FACTOR_ICONS: Record<string, LucideIcon> = {\n  radar: Radar,\n  wallet: Wallet,\n  \"link-2\": Link2,\n  \"message-square\": MessageSquare,\n  \"trending-down\": TrendingDown,\n  \"arrow-up-right\": ArrowUpRight,\n  clock: Clock,\n  activity: Activity,\n}\n\n// ---------------------------------------------------------------------------\n// Urgency dot color (static map)\n// ---------------------------------------------------------------------------\n\nconst URGENCY_DOT_CLASSES: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: URGENCY_SCORE_CLASSES.Urgent.dot,\n  High: URGENCY_SCORE_CLASSES.High.dot,\n  Medium: URGENCY_SCORE_CLASSES.Medium.dot,\n  Low: URGENCY_SCORE_CLASSES.Low.dot,\n}\n\n// ---------------------------------------------------------------------------\n// Default feedback chips\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_PRIORITY_FEEDBACK_CHIPS: FeedbackChipTree[] = [\n  { label: \"Wrong factor weighting\" },\n  { label: \"Missing context\" },\n  { label: \"Inaccurate data\" },\n  { label: \"Stale\" },\n  { label: \"Other\" },\n]\n\n// ---------------------------------------------------------------------------\n// Direction icon component\n// ---------------------------------------------------------------------------\n\nfunction DirectionIcon({ direction }: { direction: PriorityFactor[\"direction\"] }) {\n  const cls = \"h-2.5 w-2.5\"\n  switch (direction) {\n    case \"raises\":\n      return <ArrowUpRight className={cls} />\n    case \"lowers\":\n      return <ArrowDownRight className={cls} />\n    case \"neutral\":\n      return <Minus className={cls} />\n  }\n}\n\n// ---------------------------------------------------------------------------\n// PriorityFactorRow\n// ---------------------------------------------------------------------------\n\ninterface PriorityFactorRowProps {\n  factor: PriorityFactor\n  initialFeedback?: { type: \"up\" | \"down\"; detail: string; ownershipLabel?: string }\n  onFactorFeedback?: (factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n}\n\nfunction PriorityFactorRow({ factor, initialFeedback, onFactorFeedback }: PriorityFactorRowProps) {\n  const IconComponent = FACTOR_ICONS[factor.icon] ?? Activity\n  const toneClasses = TONE_ICON_CLASSES[factor.tone]\n  const directionClasses = DIRECTION_CLASSES[factor.direction]\n  const directionLabel = factor.directionLabel ?? (\n    factor.direction === \"raises\"\n      ? \"Raises\"\n      : factor.direction === \"lowers\"\n        ? \"Lowers\"\n        : \"Neutral\"\n  )\n\n  return (\n    <div\n      className=\"grid grid-cols-[20px_1fr_auto] gap-x-3 gap-y-1 px-4 py-3\"\n      data-testid={`factor-row-${factor.key}`}\n    >\n      {/* Icon */}\n      <div\n        className={cn(\n          \"flex h-5 w-5 items-center justify-center rounded\",\n          toneClasses,\n        )}\n      >\n        <IconComponent className=\"h-3 w-3\" />\n      </div>\n\n      {/* Label + direction tag */}\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-[13px] font-semibold text-foreground\">\n          {factor.label}\n        </span>\n        <span\n          className={cn(\n            \"inline-flex items-center gap-0.5 text-[10px] font-medium\",\n            directionClasses,\n          )}\n        >\n          <DirectionIcon direction={factor.direction} />\n          {directionLabel}\n        </span>\n      </div>\n\n      {/* Score number / display label */}\n      <div className=\"flex items-center text-right\">\n        {factor.displayValueLabel ? (\n          <span className=\"text-xs font-semibold text-foreground\">{factor.displayValueLabel}</span>\n        ) : (\n          <>\n            <span className=\"text-sm font-bold tabular-nums\">{factor.score}</span>\n            <span className=\"text-xs font-normal text-muted-foreground\">/100</span>\n          </>\n        )}\n      </div>\n\n      {/* empty grid cell under icon column */}\n      <div />\n\n      {/* Rationale */}\n      <p className=\"text-xs leading-relaxed text-muted-foreground\">\n        {factor.rationale}\n      </p>\n\n      {/* empty grid cell under score column */}\n      <div />\n\n      {/* empty grid cell under icon column */}\n      <div />\n\n      {/* Score track */}\n      <div className=\"mt-1 h-0.5 rounded-full bg-muted\">\n        <div\n          className=\"h-full rounded-full bg-foreground/20\"\n          style={{ width: `${Math.min(100, Math.max(0, factor.score))}%` }}\n        />\n      </div>\n\n      {/* empty grid cell under score column */}\n      <div />\n\n      {/* Factor-level feedback row (spans icon + content columns) */}\n      {onFactorFeedback && (\n        <>\n          <div />\n          <div className=\"col-span-2 mt-1\">\n            <InlineFeedbackControl\n              feedbackKey={factor.key}\n              initialFeedback={initialFeedback}\n              onFeedback={onFactorFeedback}\n              testIdPrefix=\"factor\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// SignalPriorityPopover\n// ---------------------------------------------------------------------------\n\nexport function SignalPriorityPopover({\n  score,\n  urgencyLabel: providedLabel,\n  urgencyExplanation,\n  factors,\n  metaText,\n  feedbackChips,\n  onFeedbackSubmit,\n  className,\n  initialFactorFeedback,\n  onFactorFeedback,\n  initialPriorityFeedback,\n  scoreDisplay = \"number\",\n  formulaLabel = \"Priority factors\",\n  renderTrigger,\n  open: controlledOpen,\n  onOpenChange,\n}: SignalPriorityPopoverProps) {\n  const urgencyLabel = providedLabel ?? getUrgencyLevel(score)\n  const scoreRange = getUrgencyRange(urgencyLabel)\n\n  // Controlled/uncontrolled open state: use the controlled prop when defined,\n  // otherwise fall back to internal state.\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false)\n  const open = controlledOpen ?? uncontrolledOpen\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (controlledOpen === undefined) setUncontrolledOpen(next)\n      onOpenChange?.(next)\n    },\n    [controlledOpen, onOpenChange],\n  )\n  const [feedback, setFeedback] = React.useState<\"positive\" | \"negative\" | null>(null)\n\n  const triggerDefault = URGENCY_TRIGGER_DEFAULT[urgencyLabel]\n  const triggerHover = URGENCY_TRIGGER_HOVER[urgencyLabel]\n  const triggerOpen = URGENCY_TRIGGER_OPEN[urgencyLabel]\n\n  // Derive a stable feedbackKey for the footer from score + urgencyLabel\n  const footerFeedbackKey = `priority-${score}-${urgencyLabel}`\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n      <PopoverPrimitive.Trigger asChild data-testid=\"priority-popover-trigger\">\n        {renderTrigger ? (\n          renderTrigger({ urgencyLabel, open })\n        ) : (\n          <button\n            type=\"button\"\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n              triggerDefault,\n              triggerHover,\n              open && triggerOpen,\n              open && \"outline-2 outline-foreground outline-offset-2\",\n              className,\n            )}\n          >\n            {urgencyLabel} Priority\n            {open ? (\n              <ChevronUp className=\"h-3 w-3\" />\n            ) : (\n              <ChevronDown className=\"h-3 w-3\" />\n            )}\n          </button>\n        )}\n      </PopoverPrimitive.Trigger>\n\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side=\"bottom\"\n          align=\"start\"\n          sideOffset={8}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          className=\"z-50 w-[420px] rounded-lg border border-border bg-background shadow-lg p-0\"\n          data-testid=\"priority-popover-content\"\n        >\n          {/* Head section */}\n          <div className=\"p-4 pb-3\" data-testid=\"priority-popover-header\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <p className=\"text-sm font-semibold text-foreground\">\n                Why this is {urgencyLabel.toLowerCase()} priority\n              </p>\n              {scoreDisplay === \"number\" && (\n                <span\n                  className=\"text-2xl font-bold tabular-nums text-foreground\"\n                  data-testid=\"priority-overall-score\"\n                >\n                  {score}\n                  <span className=\"text-sm font-normal text-muted-foreground\">/100</span>\n                </span>\n              )}\n            </div>\n\n            {/* Band indicator */}\n            <div className=\"mt-1 flex items-center gap-1.5 text-[11px] text-muted-foreground\">\n              <span\n                className={cn(\n                  \"inline-block h-2 w-2 rounded-full\",\n                  URGENCY_DOT_CLASSES[urgencyLabel],\n                )}\n              />\n              {urgencyLabel} range: {scoreRange}\n            </div>\n\n            {/* Synthesis sentence */}\n            {urgencyExplanation && (\n              <p className=\"mt-2 text-xs leading-relaxed text-muted-foreground\">\n                {urgencyExplanation}\n              </p>\n            )}\n          </div>\n\n          {/* Section label */}\n          {factors.length > 0 && (\n            <>\n              <div className=\"flex items-center justify-between border-t border-border px-4 py-2\">\n                <span className=\"text-[10px] font-bold uppercase tracking-wider text-muted-foreground\">\n                  Contributing factors\n                </span>\n                <span className=\"flex items-center gap-1 text-[10px] text-muted-foreground\">\n                  <Info className=\"h-3 w-3\" />\n                  {formulaLabel}\n                </span>\n              </div>\n\n              {/* Factor rows */}\n              <div className=\"divide-y divide-border/40\">\n                {factors.map((factor) => (\n                  <PriorityFactorRow\n                    key={factor.key}\n                    factor={factor}\n                    initialFeedback={initialFactorFeedback?.[factor.key]}\n                    onFactorFeedback={onFactorFeedback}\n                  />\n                ))}\n              </div>\n            </>\n          )}\n\n          {/* Feedback footer */}\n          {onFeedbackSubmit && (\n            <div className=\"border-t border-border\">\n              <FeedbackFooter\n                feedback={feedback}\n                onFeedbackChange={setFeedback}\n                onSubmit={onFeedbackSubmit}\n                metaText={metaText}\n                negativeChips={feedbackChips ?? DEFAULT_PRIORITY_FEEDBACK_CHIPS}\n                positivePrompt=\"Thanks. Anything to keep about this score?\"\n                className=\"px-4 py-3\"\n                initialFeedback={initialPriorityFeedback}\n                feedbackKey={footerFeedbackKey}\n              />\n            </div>\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -42,7 +42,7 @@ export { EmptyState, EmptyStateProps } from './components/empty-state.js';
 export { ActivityItem, ConnectedApps, EntityActivityItem, EntityDetails, EntityMetadataField, EntityMetadataGrid, EntityPanel, EntityPanelBrandIcons, EntityPanelHeader, EntityPanelTabs, EntitySection, PanelMode, PotentialContacts, RecentActivity, SystemActivity, useEntityPanel } from './components/entity-panel.js';
 export { RelatedRecordActionCard, RelatedRecordActionCardKind, RelatedRecordActionCardProps, RelatedRecordActionIcon } from './components/related-record-action-card.js';
 export { FeedbackActions, FeedbackActionsProps, FeedbackChipGroup, FeedbackChipGroupProps, FeedbackChipTree, FeedbackFooter, FeedbackFooterProps, FeedbackInput, FeedbackInputProps, FeedbackSubmitData, InlineFeedbackControl, InlineFeedbackControlProps, PersistedFeedbackData } from './components/feedback-primitives.js';
-export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, P as PriorityFactor, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, R as RenderTimelineHeaderControls, S as SignalPriorityPopover, k as SignalPriorityPopoverProps, l as SignalPriorityScoreDisplay, m as SignalScoreData, n as SignalScoreExplanationBucket, o as SignalScoreExplanationSignal, p as SignalScoreUrgencyLabel, T as TimelineSystemEventsConfig, W as WorkQueueViewConfig } from './signal-priority-popover-DIUVhipw.js';
+export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, P as PriorityFactor, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, R as RenderTimelineHeaderControls, S as SignalPriorityPopover, k as SignalPriorityPopoverProps, l as SignalPriorityScoreDisplay, m as SignalScoreData, n as SignalScoreExplanationBucket, o as SignalScoreExplanationSignal, p as SignalScoreUrgencyLabel, T as TimelineSystemEventsConfig, W as WorkQueueViewConfig } from './signal-priority-popover-BmG4WAxT.js';
 export { FilterChip, FilterChipProps } from './components/filter-chip.js';
 export { InboxGroupHeader, InboxRow, InboxRowProps } from './components/inbox-row.js';
 export { AssigneeFilter, InboxFilterCategory, InboxToolbar, InboxToolbarProps } from './components/inbox-toolbar.js';

package/dist/prototype/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, R as RenderTimelineHeaderControls, m as SignalScoreData, n as SignalScoreExplanationBucket, o as SignalScoreExplanationSignal, p as SignalScoreUrgencyLabel, T as TimelineSystemEventsConfig, W as WorkQueueViewConfig } from '../signal-priority-popover-DIUVhipw.js';
+export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, R as RenderTimelineHeaderControls, m as SignalScoreData, n as SignalScoreExplanationBucket, o as SignalScoreExplanationSignal, p as SignalScoreUrgencyLabel, T as TimelineSystemEventsConfig, W as WorkQueueViewConfig } from '../signal-priority-popover-BmG4WAxT.js';
 export { PrototypeShell, PrototypeShellProps } from './prototype-shell.js';
 export { DetailView, DetailViewProps, PrototypeInboxView, PrototypeInboxViewProps } from './prototype-inbox-view.js';
 export { PrototypeInsightsView, PrototypeInsightsViewProps } from './prototype-insights-view.js';

package/dist/prototype/prototype-accounts-view.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as AccountsViewConfig } from '../signal-priority-popover-DIUVhipw.js';
+import { a as AccountsViewConfig } from '../signal-priority-popover-BmG4WAxT.js';
 import { DataRow } from '../components/data-table.js';
 import '../components/feedback-primitives.js';
 import '../components/quick-action-sidebar-nav.js';

package/dist/prototype/prototype-admin-view.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { c as AdminViewConfig } from '../signal-priority-popover-DIUVhipw.js';
+import { c as AdminViewConfig } from '../signal-priority-popover-BmG4WAxT.js';
 import '../components/feedback-primitives.js';
 import '../components/quick-action-sidebar-nav.js';
 import '../components/quick-action-modal.js';

package/dist/prototype/prototype-config.d.ts

@@ -11,7 +11,7 @@ import '../charts/pipeline-overview.js';
 import '../components/timeline-activity.js';
 import '../components/signal-feedback-inline.js';
 import 'lucide-react';
-export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, R as RenderTimelineHeaderControls, m as SignalScoreData, n as SignalScoreExplanationBucket, o as SignalScoreExplanationSignal, p as SignalScoreUrgencyLabel, T as TimelineSystemEventsConfig, W as WorkQueueViewConfig } from '../signal-priority-popover-DIUVhipw.js';
+export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, R as RenderTimelineHeaderControls, m as SignalScoreData, n as SignalScoreExplanationBucket, o as SignalScoreExplanationSignal, p as SignalScoreUrgencyLabel, T as TimelineSystemEventsConfig, W as WorkQueueViewConfig } from '../signal-priority-popover-BmG4WAxT.js';
 import '../components/feedback-primitives.js';
 import '../components/quick-action-modal.js';
 import '../components/score-semantics.js';

package/dist/prototype/prototype-inbox-view.d.ts

@@ -3,7 +3,7 @@ import { OpportunityDraft, ApprovalState, OpportunityPreview } from '../componen
 import { SourceDef } from '../components/detail-view.js';
 import { SuggestedAction, SuggestedContact } from '../components/suggested-actions.js';
 import { TimelineEvent } from '../components/timeline-activity.js';
-import { Q as QueueItem, I as InboxDetailSections, m as SignalScoreData, f as InboxViewConfig, B as BriefStyleVariant, T as TimelineSystemEventsConfig, R as RenderTimelineHeaderControls } from '../signal-priority-popover-DIUVhipw.js';
+import { Q as QueueItem, I as InboxDetailSections, m as SignalScoreData, f as InboxViewConfig, B as BriefStyleVariant, T as TimelineSystemEventsConfig, R as RenderTimelineHeaderControls } from '../signal-priority-popover-BmG4WAxT.js';
 import '../components/feedback-primitives.js';
 import '../components/quick-action-sidebar-nav.js';
 import '../components/quick-action-modal.js';

package/dist/prototype/prototype-insights-view.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { h as InsightsViewConfig } from '../signal-priority-popover-DIUVhipw.js';
+import { h as InsightsViewConfig } from '../signal-priority-popover-BmG4WAxT.js';
 import '../components/feedback-primitives.js';
 import '../components/quick-action-sidebar-nav.js';
 import '../components/quick-action-modal.js';

package/dist/prototype/prototype-shell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { j as PrototypeConfig } from '../signal-priority-popover-DIUVhipw.js';
+import { j as PrototypeConfig } from '../signal-priority-popover-BmG4WAxT.js';
 import '../components/feedback-primitives.js';
 import '../components/quick-action-sidebar-nav.js';
 import '../components/quick-action-modal.js';

package/dist/{signal-priority-popover-DIUVhipw.d.ts → signal-priority-popover-BmG4WAxT.d.ts}

@@ -470,7 +470,23 @@ interface SignalPriorityPopoverProps {
     onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
     /** Persisted priority-level feedback for the footer. */
     initialPriorityFeedback?: PersistedFeedbackData | null;
+    /**
+     * Optional custom trigger element. When provided, it is rendered inside
+     * `<PopoverPrimitive.Trigger asChild>` instead of the default button, so it
+     * must be a single `React.ReactElement` capable of receiving props/ref (not a
+     * generic `ReactNode`). Receives the resolved `urgencyLabel` and the current
+     * `open` state. Provide an accessible name on the element (e.g.
+     * `aria-label="View {urgencyLabel} urgency detail"`).
+     */
+    renderTrigger?: (args: {
+        urgencyLabel: SignalScoreUrgencyLabel;
+        open: boolean;
+    }) => React.ReactElement;
+    /** Controlled open state. When defined, the popover is controlled; otherwise it falls back to internal state. */
+    open?: boolean;
+    /** Called when the open state should change. Passed straight through to the Radix root. */
+    onOpenChange?: (open: boolean) => void;
 }
-declare function SignalPriorityPopover({ score, urgencyLabel: providedLabel, urgencyExplanation, factors, metaText, feedbackChips, onFeedbackSubmit, className, initialFactorFeedback, onFactorFeedback, initialPriorityFeedback, scoreDisplay, formulaLabel, }: SignalPriorityPopoverProps): React.JSX.Element;
+declare function SignalPriorityPopover({ score, urgencyLabel: providedLabel, urgencyExplanation, factors, metaText, feedbackChips, onFeedbackSubmit, className, initialFactorFeedback, onFactorFeedback, initialPriorityFeedback, scoreDisplay, formulaLabel, renderTrigger, open: controlledOpen, onOpenChange, }: SignalPriorityPopoverProps): React.JSX.Element;
 
 export { type AccountFilterTab as A, type BriefStyleVariant as B, type EntityPanelConfig as E, type InboxDetailSections as I, type PriorityFactor as P, type QueueItem as Q, type RenderTimelineHeaderControls as R, SignalPriorityPopover as S, type TimelineSystemEventsConfig as T, type WorkQueueViewConfig as W, type AccountsViewConfig as a, type AdminTab as b, type AdminViewConfig as c, type EntityPanelSection as d, type InboxSortOption as e, type InboxViewConfig as f, type InsightsCustomTab as g, type InsightsViewConfig as h, type PrototypeBrandConfig as i, type PrototypeConfig as j, type SignalPriorityPopoverProps as k, type SignalPriorityScoreDisplay as l, type SignalScoreData as m, type SignalScoreExplanationBucket as n, type SignalScoreExplanationSignal as o, type SignalScoreUrgencyLabel as p };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handled-ai/design-system",
-  "version": "0.20.31",
+  "version": "0.20.32",
   "description": "Handled UI component library (shadcn-style, New York)",
   "type": "module",
   "packageManager": "pnpm@9.12.0",

package/src/components/__tests__/signal-priority-popover.test.tsx

@@ -378,4 +378,76 @@ describe("SignalPriorityPopover", () => {
     expect(trigger.className).toContain("text-amber-800")
     expect(trigger.textContent).toContain("Medium Priority")
   })
+
+  // ─── Custom trigger (Task 0) ───────────────────────────────────────────────
+
+  it("renders the default button trigger unchanged when no custom trigger is passed", () => {
+    render(<SignalPriorityPopover {...defaultProps} />)
+    const trigger = screen.getByTestId("priority-popover-trigger")
+    // Default trigger is a <button> reading "{urgencyLabel} Priority"
+    expect(trigger.tagName).toBe("BUTTON")
+    expect(trigger.textContent).toContain("High Priority")
+  })
+
+  it("renders a custom trigger inside the popover trigger, merging the data-testid, and opens the panel", () => {
+    render(
+      <SignalPriorityPopover
+        {...defaultProps}
+        renderTrigger={({ urgencyLabel, open }) => (
+          <button
+            type="button"
+            aria-label={`View ${urgencyLabel} urgency detail`}
+            data-open={open}
+          >
+            bar-glyph
+          </button>
+        )}
+      />,
+    )
+
+    // data-testid is merged onto the custom child element
+    const trigger = screen.getByTestId("priority-popover-trigger")
+    expect(trigger.tagName).toBe("BUTTON")
+    expect(trigger.textContent).toBe("bar-glyph")
+    expect(trigger.getAttribute("aria-label")).toBe("View High urgency detail")
+    // No default "High Priority" label rendered
+    expect(trigger.textContent).not.toContain("High Priority")
+
+    // Opens the panel
+    expect(screen.queryByTestId("priority-popover-content")).toBeNull()
+    fireEvent.click(trigger)
+    expect(screen.getByTestId("priority-popover-content")).toBeTruthy()
+    // open state is forwarded to the render function
+    expect(trigger.getAttribute("data-open")).toBe("true")
+  })
+
+  // ─── Controlled open state (Task 0) ─────────────────────────────────────────
+
+  it("respects the controlled open prop for visibility", () => {
+    const { rerender } = render(
+      <SignalPriorityPopover {...defaultProps} open={false} onOpenChange={vi.fn()} />,
+    )
+    expect(screen.queryByTestId("priority-popover-content")).toBeNull()
+
+    rerender(<SignalPriorityPopover {...defaultProps} open={true} onOpenChange={vi.fn()} />)
+    expect(screen.getByTestId("priority-popover-content")).toBeTruthy()
+  })
+
+  it("calls onOpenChange and does not self-open when controlled", () => {
+    const onOpenChange = vi.fn()
+    render(<SignalPriorityPopover {...defaultProps} open={false} onOpenChange={onOpenChange} />)
+
+    fireEvent.click(screen.getByTestId("priority-popover-trigger"))
+
+    // Controlled: open stays driven by the prop (still false), but handler fires
+    expect(onOpenChange).toHaveBeenCalledWith(true)
+    expect(screen.queryByTestId("priority-popover-content")).toBeNull()
+  })
+
+  it("still works uncontrolled when open/onOpenChange are omitted", () => {
+    render(<SignalPriorityPopover {...defaultProps} />)
+    expect(screen.queryByTestId("priority-popover-content")).toBeNull()
+    fireEvent.click(screen.getByTestId("priority-popover-trigger"))
+    expect(screen.getByTestId("priority-popover-content")).toBeTruthy()
+  })
 })

package/src/components/signal-priority-popover.tsx

@@ -74,6 +74,19 @@ export interface SignalPriorityPopoverProps {
   onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void
   /** Persisted priority-level feedback for the footer. */
   initialPriorityFeedback?: PersistedFeedbackData | null
+  /**
+   * Optional custom trigger element. When provided, it is rendered inside
+   * `<PopoverPrimitive.Trigger asChild>` instead of the default button, so it
+   * must be a single `React.ReactElement` capable of receiving props/ref (not a
+   * generic `ReactNode`). Receives the resolved `urgencyLabel` and the current
+   * `open` state. Provide an accessible name on the element (e.g.
+   * `aria-label="View {urgencyLabel} urgency detail"`).
+   */
+  renderTrigger?: (args: { urgencyLabel: SignalScoreUrgencyLabel; open: boolean }) => React.ReactElement
+  /** Controlled open state. When defined, the popover is controlled; otherwise it falls back to internal state. */
+  open?: boolean
+  /** Called when the open state should change. Passed straight through to the Radix root. */
+  onOpenChange?: (open: boolean) => void
 }
 
 // ---------------------------------------------------------------------------
@@ -290,11 +303,24 @@ export function SignalPriorityPopover({
   initialPriorityFeedback,
   scoreDisplay = "number",
   formulaLabel = "Priority factors",
+  renderTrigger,
+  open: controlledOpen,
+  onOpenChange,
 }: SignalPriorityPopoverProps) {
   const urgencyLabel = providedLabel ?? getUrgencyLevel(score)
   const scoreRange = getUrgencyRange(urgencyLabel)
 
-  const [open, setOpen] = React.useState(false)
+  // Controlled/uncontrolled open state: use the controlled prop when defined,
+  // otherwise fall back to internal state.
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false)
+  const open = controlledOpen ?? uncontrolledOpen
+  const setOpen = React.useCallback(
+    (next: boolean) => {
+      if (controlledOpen === undefined) setUncontrolledOpen(next)
+      onOpenChange?.(next)
+    },
+    [controlledOpen, onOpenChange],
+  )
   const [feedback, setFeedback] = React.useState<"positive" | "negative" | null>(null)
 
   const triggerDefault = URGENCY_TRIGGER_DEFAULT[urgencyLabel]
@@ -306,26 +332,29 @@ export function SignalPriorityPopover({
 
   return (
     <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>
-      <PopoverPrimitive.Trigger asChild>
-        <button
-          type="button"
-          className={cn(
-            "inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-            triggerDefault,
-            triggerHover,
-            open && triggerOpen,
-            open && "outline-2 outline-foreground outline-offset-2",
-            className,
-          )}
-          data-testid="priority-popover-trigger"
-        >
-          {urgencyLabel} Priority
-          {open ? (
-            <ChevronUp className="h-3 w-3" />
-          ) : (
-            <ChevronDown className="h-3 w-3" />
-          )}
-        </button>
+      <PopoverPrimitive.Trigger asChild data-testid="priority-popover-trigger">
+        {renderTrigger ? (
+          renderTrigger({ urgencyLabel, open })
+        ) : (
+          <button
+            type="button"
+            className={cn(
+              "inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              triggerDefault,
+              triggerHover,
+              open && triggerOpen,
+              open && "outline-2 outline-foreground outline-offset-2",
+              className,
+            )}
+          >
+            {urgencyLabel} Priority
+            {open ? (
+              <ChevronUp className="h-3 w-3" />
+            ) : (
+              <ChevronDown className="h-3 w-3" />
+            )}
+          </button>
+        )}
       </PopoverPrimitive.Trigger>
 
       <PopoverPrimitive.Portal>