@handled-ai/design-system 0.18.2 → 0.18.4

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  ThumbsUp,\n  ThumbsDown,\n  Check,\n  Pencil,\n} from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\nimport { FeedbackFooter } from \"./feedback-primitives\"\nimport type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from \"./feedback-primitives\"\nimport type { SignalScoreUrgencyLabel } from \"../prototype/prototype-config\"\nimport { getSignalScoreUrgencyLabel, scoreRangeForUrgency, SIGNAL_TONE_CLASSES } from \"./score-why-chips\"\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  /** 0-100 */\n  score: number\n  /** Evidence text (e.g. \"$3.4M moved in 8h - current treasury balance $0.00\"). */\n  rationale: string\n}\n\nexport interface SignalPriorityPopoverProps {\n  score: number\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: \"border-red-200 bg-red-50 text-red-700\",\n  High: \"border-orange-200 bg-orange-50 text-orange-700\",\n  Medium: \"border-amber-200 bg-amber-50 text-amber-700\",\n  Low: \"border-blue-200 bg-blue-50 text-blue-700\",\n}\n\nconst URGENCY_TRIGGER_HOVER: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: \"hover:bg-red-100\",\n  High: \"hover:bg-orange-100\",\n  Medium: \"hover:bg-amber-100\",\n  Low: \"hover:bg-blue-100\",\n}\n\nconst URGENCY_TRIGGER_OPEN: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: \"bg-red-100\",\n  High: \"bg-orange-100\",\n  Medium: \"bg-amber-100\",\n  Low: \"bg-blue-100\",\n}\n\n/** Re-use shared tone classes from score-why-chips. */\nconst TONE_ICON_CLASSES: Record<PriorityFactor[\"tone\"], string> = SIGNAL_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: \"bg-red-500\",\n  High: \"bg-orange-500\",\n  Medium: \"bg-amber-500\",\n  Low: \"bg-blue-500\",\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 =\n    factor.direction === \"raises\"\n      ? \"Raises\"\n      : factor.direction === \"lowers\"\n        ? \"Lowers\"\n        : \"Neutral\"\n\n  const [thumbState, setThumbState] = React.useState<\"up\" | \"down\" | null>(\n    initialFeedback?.type ?? null,\n  )\n  const [showInput, setShowInput] = React.useState(false)\n  const [detailText, setDetailText] = React.useState(initialFeedback?.detail ?? \"\")\n  const [saved, setSaved] = React.useState(!!initialFeedback)\n  const [savedDetail, setSavedDetail] = React.useState(initialFeedback?.detail ?? \"\")\n  const ownershipLabel = initialFeedback?.ownershipLabel ?? \"Your feedback\"\n\n  // Sync with initialFeedback prop changes\n  React.useEffect(() => {\n    if (initialFeedback) {\n      setThumbState(initialFeedback.type)\n      setSaved(true)\n      setSavedDetail(initialFeedback.detail)\n    }\n  }, [initialFeedback])\n\n  const handleThumbClick = React.useCallback(\n    (type: \"up\" | \"down\") => {\n      if (thumbState === type) {\n        // Toggle off\n        setThumbState(null)\n        setShowInput(false)\n        setSaved(false)\n        onFactorFeedback?.(factor.key, null)\n      } else {\n        setThumbState(type)\n        setShowInput(true)\n        setSaved(false)\n      }\n    },\n    [thumbState, factor.key, onFactorFeedback],\n  )\n\n  const handleSubmitDetail = React.useCallback(() => {\n    if (!thumbState) return\n    const text = detailText.trim()\n    onFactorFeedback?.(factor.key, thumbState, text)\n    setSaved(true)\n    setSavedDetail(text)\n    setShowInput(false)\n  }, [thumbState, detailText, factor.key, onFactorFeedback])\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 */}\n      <div className=\"flex items-center text-right\">\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      </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            {saved && !showInput ? (\n              /* Persisted / saved indicator */\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setDetailText(savedDetail)\n                  setShowInput(true)\n                  setSaved(false)\n                }}\n                className=\"group flex items-center gap-1.5 text-[11px] text-muted-foreground hover:text-foreground transition-colors\"\n                data-testid={`factor-feedback-persisted-${factor.key}`}\n              >\n                <span className=\"font-medium\">{ownershipLabel}:</span>\n                {thumbState === \"up\" ? (\n                  <ThumbsUp className=\"h-[10px] w-[10px]\" />\n                ) : (\n                  <ThumbsDown className=\"h-[10px] w-[10px]\" />\n                )}\n                {savedDetail && (\n                  <span className=\"max-w-[180px] truncate text-muted-foreground/70\">\n                    {savedDetail}\n                  </span>\n                )}\n                <Pencil className=\"h-[9px] w-[9px] opacity-0 group-hover:opacity-100 transition-opacity\" />\n              </button>\n            ) : (\n              <div className=\"flex items-center gap-1.5\">\n                {/* Inline thumb buttons */}\n                <button\n                  type=\"button\"\n                  onClick={() => handleThumbClick(\"up\")}\n                  className={cn(\n                    \"p-1 rounded transition-colors\",\n                    thumbState === \"up\"\n                      ? \"text-foreground bg-muted\"\n                      : \"text-muted-foreground/40 hover:text-foreground hover:bg-muted/50\",\n                  )}\n                  title=\"This factor is accurate\"\n                  data-testid={`factor-thumb-up-${factor.key}`}\n                >\n                  <ThumbsUp className=\"h-[10px] w-[10px]\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => handleThumbClick(\"down\")}\n                  className={cn(\n                    \"p-1 rounded transition-colors\",\n                    thumbState === \"down\"\n                      ? \"text-red-600 bg-red-50\"\n                      : \"text-muted-foreground/40 hover:text-red-600 hover:bg-red-50/50\",\n                  )}\n                  title=\"Report issue with this factor\"\n                  data-testid={`factor-thumb-down-${factor.key}`}\n                >\n                  <ThumbsDown className=\"h-[10px] w-[10px]\" />\n                </button>\n\n                {/* Transient \"Saved\" pill */}\n                {saved && (\n                  <span\n                    className=\"inline-flex items-center gap-1 text-[11px] font-medium text-emerald-600\"\n                    role=\"status\"\n                    data-testid={`factor-saved-${factor.key}`}\n                  >\n                    <Check className=\"h-[10px] w-[10px]\" />\n                    Saved\n                  </span>\n                )}\n              </div>\n            )}\n\n            {/* Inline detail input */}\n            {showInput && thumbState && (\n              <div className=\"mt-1.5\">\n                <input\n                  type=\"text\"\n                  value={detailText}\n                  onChange={(e) => setDetailText(e.target.value)}\n                  onKeyDown={(e) => {\n                    if (e.key === \"Enter\") handleSubmitDetail()\n                    if (e.key === \"Escape\") setShowInput(false)\n                  }}\n                  placeholder={\n                    thumbState === \"up\"\n                      ? \"What\\u2019s accurate? (optional)\"\n                      : \"What\\u2019s wrong? (optional)\"\n                  }\n                  className=\"w-full h-6 rounded border border-border bg-background px-2 text-[11px] text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring\"\n                  data-testid={`factor-detail-input-${factor.key}`}\n                />\n                <div className=\"mt-1 flex items-center gap-1.5\">\n                  <button\n                    type=\"button\"\n                    onClick={handleSubmitDetail}\n                    className=\"bg-foreground text-background rounded px-2 py-0.5 text-[10px] font-semibold\"\n                    data-testid={`factor-submit-${factor.key}`}\n                  >\n                    Submit\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowInput(false)}\n                    className=\"border border-border rounded px-2 py-0.5 text-[10px] font-medium\"\n                  >\n                    Cancel\n                  </button>\n                </div>\n              </div>\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}: SignalPriorityPopoverProps) {\n  const urgencyLabel = getSignalScoreUrgencyLabel(score, providedLabel)\n  const scoreRange = scoreRangeForUrgency(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\">\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              <span className=\"text-2xl font-bold tabular-nums text-foreground\">\n                {score}\n                <span className=\"text-sm font-normal text-muted-foreground\">/100</span>\n              </span>\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                  Score = weighted sum\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":[]}
+{"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 { getSignalScoreUrgencyLabel, scoreRangeForUrgency, SIGNAL_TONE_CLASSES } from \"./score-why-chips\"\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  /** 0-100 */\n  score: number\n  /** Evidence text (e.g. \"$3.4M moved in 8h - current treasury balance $0.00\"). */\n  rationale: string\n}\n\nexport interface SignalPriorityPopoverProps {\n  score: number\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: \"border-red-200 bg-red-50 text-red-700\",\n  High: \"border-orange-200 bg-orange-50 text-orange-700\",\n  Medium: \"border-amber-200 bg-amber-50 text-amber-700\",\n  Low: \"border-blue-200 bg-blue-50 text-blue-700\",\n}\n\nconst URGENCY_TRIGGER_HOVER: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: \"hover:bg-red-100\",\n  High: \"hover:bg-orange-100\",\n  Medium: \"hover:bg-amber-100\",\n  Low: \"hover:bg-blue-100\",\n}\n\nconst URGENCY_TRIGGER_OPEN: Record<SignalScoreUrgencyLabel, string> = {\n  Urgent: \"bg-red-100\",\n  High: \"bg-orange-100\",\n  Medium: \"bg-amber-100\",\n  Low: \"bg-blue-100\",\n}\n\n/** Re-use shared tone classes from score-why-chips. */\nconst TONE_ICON_CLASSES: Record<PriorityFactor[\"tone\"], string> = SIGNAL_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: \"bg-red-500\",\n  High: \"bg-orange-500\",\n  Medium: \"bg-amber-500\",\n  Low: \"bg-blue-500\",\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 =\n    factor.direction === \"raises\"\n      ? \"Raises\"\n      : factor.direction === \"lowers\"\n        ? \"Lowers\"\n        : \"Neutral\"\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 */}\n      <div className=\"flex items-center text-right\">\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      </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}: SignalPriorityPopoverProps) {\n  const urgencyLabel = getSignalScoreUrgencyLabel(score, providedLabel)\n  const scoreRange = scoreRangeForUrgency(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\">\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              <span className=\"text-2xl font-bold tabular-nums text-foreground\">\n                {score}\n                <span className=\"text-sm font-normal text-muted-foreground\">/100</span>\n              </span>\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                  Score = weighted sum\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

@@ -27,7 +27,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/dropdown-menu.js';
 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 { FeedbackActions, FeedbackActionsProps, FeedbackChipGroup, FeedbackChipGroupProps, FeedbackChipTree, FeedbackFooter, FeedbackFooterProps, FeedbackInput, FeedbackInputProps, FeedbackSubmitData, PersistedFeedbackData } from './components/feedback-primitives.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, S as SignalPriorityPopover, k as SignalPriorityPopoverProps, l as SignalScoreData, m as SignalScoreExplanationBucket, n as SignalScoreExplanationSignal, o as SignalScoreUrgencyLabel, W as WorkQueueViewConfig } from './signal-priority-popover-DWaAMhPI.js';
 export { FilterChip, FilterChipProps } from './components/filter-chip.js';
 export { InboxGroupHeader, InboxRow, InboxRowProps } from './components/inbox-row.js';

package/dist/index.js

@@ -27,7 +27,7 @@ export * from "./components/dialog.js";
 export * from "./components/dropdown-menu.js";
 export * from "./components/empty-state.js";
 export * from "./components/entity-panel.js";
-import { FeedbackFooter, FeedbackChipGroup, FeedbackInput, FeedbackActions } from "./components/feedback-primitives.js";
+import { FeedbackFooter, FeedbackChipGroup, FeedbackInput, FeedbackActions, InlineFeedbackControl } from "./components/feedback-primitives.js";
 import { SignalPriorityPopover } from "./components/signal-priority-popover.js";
 export * from "./components/filter-chip.js";
 export * from "./components/inbox-row.js";
@@ -103,6 +103,7 @@ export {
   FeedbackChipGroup,
   FeedbackFooter,
   FeedbackInput,
+  InlineFeedbackControl,
   QuickActionModal,
   SignalPriorityPopover,
   cn,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @handled-ai/design-system\n * UI components and utilities (shadcn-style, New York)\n */\n\n// Utilities\nexport { cn } from \"./lib/utils\"\nexport { BRAND_ICONS, BRAND_GRAPHICS } from \"./lib/icons\"\nexport { displayName, getInitials, shortName, type ProfileLike } from \"./lib/user-display\"\n\n// Hooks\nexport { useIsMobile } from \"./hooks/use-mobile\"\n\n// Components (light — no recharts/nivo/three transitive deps)\nexport * from \"./components/activity-detail\"\nexport * from \"./components/activity-log\"\nexport * from \"./components/agent-popover\"\nexport * from \"./components/agent-widget\"\nexport * from \"./components/avatar\"\nexport * from \"./components/badge\"\nexport * from \"./components/button\"\nexport * from \"./components/card\"\nexport { CollapsibleSection, type CollapsibleSectionProps } from \"./components/collapsible-section\"\nexport * from \"./components/compliance-badge\"\nexport * from \"./components/contact-chip\"\nexport * from \"./components/contact-list\"\nexport * from \"./components/contextual-quick-action-launcher\"\nexport * from \"./components/dashboard-cards\"\nexport * from \"./components/data-table\"\nexport * from \"./components/data-table-condition-filter\"\nexport * from \"./components/data-table-display\"\nexport * from \"./components/data-table-filter\"\nexport * from \"./components/data-table-quick-views\"\nexport * from \"./components/data-table-toolbar\"\nexport * from \"./components/detail-view\"\nexport * from \"./components/dialog\"\nexport * from \"./components/dropdown-menu\"\nexport * from \"./components/empty-state\"\nexport * from \"./components/entity-panel\"\nexport { FeedbackFooter, FeedbackChipGroup, FeedbackInput, FeedbackActions } from \"./components/feedback-primitives\"\nexport type { FeedbackFooterProps, FeedbackChipTree, FeedbackChipGroupProps, FeedbackInputProps, FeedbackActionsProps, FeedbackSubmitData, PersistedFeedbackData } from \"./components/feedback-primitives\"\nexport { SignalPriorityPopover } from \"./components/signal-priority-popover\"\nexport type { SignalPriorityPopoverProps, PriorityFactor } from \"./components/signal-priority-popover\"\nexport * from \"./components/filter-chip\"\nexport * from \"./components/inbox-row\"\nexport * from \"./components/inbox-toolbar\"\nexport * from \"./components/inline-banner\"\nexport * from \"./components/input\"\nexport * from \"./components/insights-filter-bar\"\nexport * from \"./components/item-list\"\nexport * from \"./components/item-list-display\"\nexport * from \"./components/item-list-filter\"\nexport * from \"./components/item-list-toolbar\"\nexport * from \"./components/kbd-hint\"\nexport * from \"./components/label\"\nexport * from \"./components/message\"\nexport * from \"./components/metric-card\"\nexport * from \"./components/performance-metrics-table\"\nexport * from \"./components/preview-list\"\nexport * from \"./components/progress\"\nexport * from \"./components/quick-action-chat-area\"\nexport {\n  QuickActionModal,\n  type QuickActionPriority,\n  type QuickActionTaskDraft,\n  type QuickActionTemplate,\n} from \"./components/quick-action-modal\"\nexport * from \"./components/quick-action-sidebar-nav\"\nexport * from \"./components/recommended-actions-section\"\nexport * from \"./components/report-card\"\nexport * from \"./components/rich-text-toolbar\"\nexport * from \"./components/score-analysis-modal\"\nexport * from \"./components/score-breakdown\"\nexport * from \"./components/score-feedback\"\nexport * from \"./components/score-why-chips\"\nexport * from \"./components/score-ring\"\nexport * from \"./components/scroll-area\"\nexport * from \"./components/select\"\nexport * from \"./components/separator\"\nexport * from \"./components/sheet\"\nexport * from \"./components/sidebar\"\nexport * from \"./components/signal-feedback-inline\"\nexport * from \"./components/simple-data-table\"\nexport * from \"./components/skeleton\"\nexport * from \"./components/status-badge\"\nexport * from \"./components/step-timeline\"\nexport * from \"./components/sticky-action-bar\"\nexport * from \"./components/styled-bar-list\"\nexport { DraftFeedbackInline } from \"./components/draft-feedback-inline\"\nexport type { DraftFeedbackInlineProps } from \"./components/draft-feedback-inline\"\nexport { AccountContactsPopover, BrandIcon } from \"./components/account-contacts-popover\"\nexport type { AccountContactsPopoverProps } from \"./components/account-contacts-popover\"\nexport * from \"./components/suggested-actions\"\nexport * from \"./components/switch\"\nexport * from \"./components/table\"\nexport * from \"./components/tabs\"\nexport * from \"./components/textarea\"\nexport * from \"./components/timeline-activity\"\nexport * from \"./components/tooltip\"\nexport * from \"./components/user-display\"\nexport * from \"./components/variable-autocomplete\"\nexport * from \"./components/view-mode-toggle\"\nexport * from \"./components/virtualized-data-table\"\nexport type { ColumnSizingState } from \"@tanstack/react-table\"\n\n// Charts (re-exported for backward compatibility with root imports)\nexport * from \"./charts/index\"\n\n// Prototype template system (re-exported for backward compatibility)\nexport * from \"./prototype/prototype-config\"\nexport * from \"./prototype/prototype-shell\"\nexport * from \"./prototype/prototype-inbox-view\"\nexport * from \"./prototype/prototype-insights-view\"\nexport * from \"./prototype/prototype-accounts-view\"\nexport * from \"./prototype/prototype-admin-view\"\nexport * from \"./prototype/prototype-work-queue-view\"\n"],"mappings":"AAMA,SAAS,UAAU;AACnB,SAAS,aAAa,sBAAsB;AAC5C,SAAS,aAAa,aAAa,iBAAmC;AAGtE,SAAS,mBAAmB;AAG5B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,0BAAwD;AACjE,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gBAAgB,mBAAmB,eAAe,uBAAuB;AAElF,SAAS,6BAA6B;AAEtC,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,OAIK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,2BAA2B;AAEpC,SAAS,wBAAwB,iBAAiB;AAElD,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @handled-ai/design-system\n * UI components and utilities (shadcn-style, New York)\n */\n\n// Utilities\nexport { cn } from \"./lib/utils\"\nexport { BRAND_ICONS, BRAND_GRAPHICS } from \"./lib/icons\"\nexport { displayName, getInitials, shortName, type ProfileLike } from \"./lib/user-display\"\n\n// Hooks\nexport { useIsMobile } from \"./hooks/use-mobile\"\n\n// Components (light — no recharts/nivo/three transitive deps)\nexport * from \"./components/activity-detail\"\nexport * from \"./components/activity-log\"\nexport * from \"./components/agent-popover\"\nexport * from \"./components/agent-widget\"\nexport * from \"./components/avatar\"\nexport * from \"./components/badge\"\nexport * from \"./components/button\"\nexport * from \"./components/card\"\nexport { CollapsibleSection, type CollapsibleSectionProps } from \"./components/collapsible-section\"\nexport * from \"./components/compliance-badge\"\nexport * from \"./components/contact-chip\"\nexport * from \"./components/contact-list\"\nexport * from \"./components/contextual-quick-action-launcher\"\nexport * from \"./components/dashboard-cards\"\nexport * from \"./components/data-table\"\nexport * from \"./components/data-table-condition-filter\"\nexport * from \"./components/data-table-display\"\nexport * from \"./components/data-table-filter\"\nexport * from \"./components/data-table-quick-views\"\nexport * from \"./components/data-table-toolbar\"\nexport * from \"./components/detail-view\"\nexport * from \"./components/dialog\"\nexport * from \"./components/dropdown-menu\"\nexport * from \"./components/empty-state\"\nexport * from \"./components/entity-panel\"\nexport { FeedbackFooter, FeedbackChipGroup, FeedbackInput, FeedbackActions, InlineFeedbackControl } from \"./components/feedback-primitives\"\nexport type { FeedbackFooterProps, FeedbackChipTree, FeedbackChipGroupProps, FeedbackInputProps, FeedbackActionsProps, FeedbackSubmitData, PersistedFeedbackData, InlineFeedbackControlProps } from \"./components/feedback-primitives\"\nexport { SignalPriorityPopover } from \"./components/signal-priority-popover\"\nexport type { SignalPriorityPopoverProps, PriorityFactor } from \"./components/signal-priority-popover\"\nexport * from \"./components/filter-chip\"\nexport * from \"./components/inbox-row\"\nexport * from \"./components/inbox-toolbar\"\nexport * from \"./components/inline-banner\"\nexport * from \"./components/input\"\nexport * from \"./components/insights-filter-bar\"\nexport * from \"./components/item-list\"\nexport * from \"./components/item-list-display\"\nexport * from \"./components/item-list-filter\"\nexport * from \"./components/item-list-toolbar\"\nexport * from \"./components/kbd-hint\"\nexport * from \"./components/label\"\nexport * from \"./components/message\"\nexport * from \"./components/metric-card\"\nexport * from \"./components/performance-metrics-table\"\nexport * from \"./components/preview-list\"\nexport * from \"./components/progress\"\nexport * from \"./components/quick-action-chat-area\"\nexport {\n  QuickActionModal,\n  type QuickActionPriority,\n  type QuickActionTaskDraft,\n  type QuickActionTemplate,\n} from \"./components/quick-action-modal\"\nexport * from \"./components/quick-action-sidebar-nav\"\nexport * from \"./components/recommended-actions-section\"\nexport * from \"./components/report-card\"\nexport * from \"./components/rich-text-toolbar\"\nexport * from \"./components/score-analysis-modal\"\nexport * from \"./components/score-breakdown\"\nexport * from \"./components/score-feedback\"\nexport * from \"./components/score-why-chips\"\nexport * from \"./components/score-ring\"\nexport * from \"./components/scroll-area\"\nexport * from \"./components/select\"\nexport * from \"./components/separator\"\nexport * from \"./components/sheet\"\nexport * from \"./components/sidebar\"\nexport * from \"./components/signal-feedback-inline\"\nexport * from \"./components/simple-data-table\"\nexport * from \"./components/skeleton\"\nexport * from \"./components/status-badge\"\nexport * from \"./components/step-timeline\"\nexport * from \"./components/sticky-action-bar\"\nexport * from \"./components/styled-bar-list\"\nexport { DraftFeedbackInline } from \"./components/draft-feedback-inline\"\nexport type { DraftFeedbackInlineProps } from \"./components/draft-feedback-inline\"\nexport { AccountContactsPopover, BrandIcon } from \"./components/account-contacts-popover\"\nexport type { AccountContactsPopoverProps } from \"./components/account-contacts-popover\"\nexport * from \"./components/suggested-actions\"\nexport * from \"./components/switch\"\nexport * from \"./components/table\"\nexport * from \"./components/tabs\"\nexport * from \"./components/textarea\"\nexport * from \"./components/timeline-activity\"\nexport * from \"./components/tooltip\"\nexport * from \"./components/user-display\"\nexport * from \"./components/variable-autocomplete\"\nexport * from \"./components/view-mode-toggle\"\nexport * from \"./components/virtualized-data-table\"\nexport type { ColumnSizingState } from \"@tanstack/react-table\"\n\n// Charts (re-exported for backward compatibility with root imports)\nexport * from \"./charts/index\"\n\n// Prototype template system (re-exported for backward compatibility)\nexport * from \"./prototype/prototype-config\"\nexport * from \"./prototype/prototype-shell\"\nexport * from \"./prototype/prototype-inbox-view\"\nexport * from \"./prototype/prototype-insights-view\"\nexport * from \"./prototype/prototype-accounts-view\"\nexport * from \"./prototype/prototype-admin-view\"\nexport * from \"./prototype/prototype-work-queue-view\"\n"],"mappings":"AAMA,SAAS,UAAU;AACnB,SAAS,aAAa,sBAAsB;AAC5C,SAAS,aAAa,aAAa,iBAAmC;AAGtE,SAAS,mBAAmB;AAG5B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,0BAAwD;AACjE,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gBAAgB,mBAAmB,eAAe,iBAAiB,6BAA6B;AAEzG,SAAS,6BAA6B;AAEtC,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,OAIK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,2BAA2B;AAEpC,SAAS,wBAAwB,iBAAiB;AAElD,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/package.json

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

package/src/components/__tests__/wit-636-feedback-states.test.tsx

@@ -14,9 +14,9 @@
 
 import { describe, it, expect, vi } from "vitest"
 import React from "react"
-import { render, screen, fireEvent, act } from "@testing-library/react"
+import { render, screen, fireEvent } from "@testing-library/react"
 import { FeedbackFooter } from "../feedback-primitives"
-import type { PersistedFeedbackData, FeedbackSubmitData } from "../feedback-primitives"
+import type { PersistedFeedbackData } from "../feedback-primitives"
 import { SignalPriorityPopover } from "../signal-priority-popover"
 import type { PriorityFactor } from "../signal-priority-popover"
 import { ScoreWhyChips } from "../score-why-chips"

package/src/components/feedback-primitives.tsx

@@ -243,11 +243,16 @@ export function FeedbackFooter({
   const [persisted, setPersisted] = React.useState<PersistedFeedbackData | null>(
     initialFeedback ?? null,
   )
-  /** Tracks whether the user is actively editing (to guard against prop overwrites). */
-  const [isEditing, setIsEditing] = React.useState(false)
+  /** Tracks whether the user is actively editing (ref to guard against prop overwrites without triggering re-syncs). */
+  const isEditingRef = React.useRef(false)
   /** Track the last synced feedbackKey to detect key changes. */
   const lastKeyRef = React.useRef<string | undefined>(feedbackKey)
 
+  /** Helper to update the editing ref. */
+  const setIsEditing = React.useCallback((value: boolean) => {
+    isEditingRef.current = value
+  }, [])
+
   // Sync initialFeedback into local state via useEffect keyed on feedbackKey.
   // When feedbackKey changes, reset to new target. Preserve active edits
   // when feedbackKey stays the same.
@@ -260,20 +265,20 @@ export function FeedbackFooter({
       setPersisted(initialFeedback ?? null)
       setSubmitted(false)
       setExpanded(false)
-      setIsEditing(false)
+      isEditingRef.current = false
       if (initialFeedback) {
         onFeedbackChange(initialFeedback.sentiment)
       } else {
         onFeedbackChange(null)
       }
-    } else if (!isEditing) {
+    } else if (!isEditingRef.current) {
       // Same key, not actively editing — safe to sync
       setPersisted(initialFeedback ?? null)
       if (initialFeedback) {
         onFeedbackChange(initialFeedback.sentiment)
       }
     }
-  }, [initialFeedback, feedbackKey]) // eslint-disable-line react-hooks/exhaustive-deps -- reads isEditing as guard, not trigger
+  }, [initialFeedback, feedbackKey, onFeedbackChange])
 
   // Reset state when feedback collapses
   const resetState = React.useCallback(() => {
@@ -284,7 +289,7 @@ export function FeedbackFooter({
     setDetailText("")
     setActiveTreeIndex(null)
     setIsEditing(false)
-  }, [])
+  }, [setIsEditing])
 
   const handleSentimentClick = React.useCallback(
     (sentiment: "positive" | "negative") => {
@@ -296,7 +301,7 @@ export function FeedbackFooter({
       setPersisted(null)
       setIsEditing(true)
     },
-    [onFeedbackChange, resetState],
+    [onFeedbackChange, resetState, setIsEditing],
   )
 
   /** Open the persisted indicator for editing. */
@@ -310,7 +315,7 @@ export function FeedbackFooter({
     setExpanded(true)
     setSubmitted(false)
     setIsEditing(true)
-  }, [persisted, onFeedbackChange])
+  }, [persisted, onFeedbackChange, setIsEditing])
 
   const handleTier1Toggle = React.useCallback(
     (chipLabel: string) => {
@@ -375,13 +380,7 @@ export function FeedbackFooter({
     // Show transient "Saved" confirmation
     setSubmitted(true)
     // Collapse expansion but keep sentiment visible
-    setExpanded(false)
-    setSelectedTier1(null)
-    setSelectedTier2(null)
-    setAdditionalPills([])
-    setDetailText("")
-    setActiveTreeIndex(null)
-    setIsEditing(false)
+    resetState()
   }, [
     feedback,
     selectedTier1,
@@ -389,6 +388,7 @@ export function FeedbackFooter({
     additionalPills,
     detailText,
     onSubmit,
+    resetState,
   ])
 
   const handleCancel = React.useCallback(() => {
@@ -544,3 +544,188 @@ export function FeedbackFooter({
     </div>
   )
 }
+
+// ---------------------------------------------------------------------------
+// InlineFeedbackControl — shared thumb+detail inline feedback widget
+// ---------------------------------------------------------------------------
+
+export interface InlineFeedbackControlProps {
+  /** Unique key identifying the feedback target (e.g. factor key). */
+  feedbackKey: string
+  /** Persisted/initial feedback to hydrate from. */
+  initialFeedback?: { type: "up" | "down"; detail: string; ownershipLabel?: string }
+  /** Called when user submits or clears feedback. */
+  onFeedback?: (key: string, type: "up" | "down" | null, detail?: string) => void
+  /** Test ID prefix for all sub-elements. */
+  testIdPrefix?: string
+}
+
+/**
+ * Compact inline thumb-up/thumb-down feedback with optional detail text.
+ * Used by PriorityFactorRow and any other component that needs
+ * a lightweight feedback control.
+ */
+export function InlineFeedbackControl({
+  feedbackKey,
+  initialFeedback,
+  onFeedback,
+  testIdPrefix = "inline-feedback",
+}: InlineFeedbackControlProps) {
+  const [thumbState, setThumbState] = React.useState<"up" | "down" | null>(
+    initialFeedback?.type ?? null,
+  )
+  const [showInput, setShowInput] = React.useState(false)
+  const [detailText, setDetailText] = React.useState(initialFeedback?.detail ?? "")
+  const [saved, setSaved] = React.useState(!!initialFeedback)
+  const [savedDetail, setSavedDetail] = React.useState(initialFeedback?.detail ?? "")
+  const ownershipLabel = initialFeedback?.ownershipLabel ?? "Your feedback"
+
+  // Sync with initialFeedback prop changes
+  React.useEffect(() => {
+    if (initialFeedback) {
+      setThumbState(initialFeedback.type)
+      setSaved(true)
+      setSavedDetail(initialFeedback.detail)
+    }
+  }, [initialFeedback])
+
+  const handleThumbClick = React.useCallback(
+    (type: "up" | "down") => {
+      if (thumbState === type) {
+        // Toggle off
+        setThumbState(null)
+        setShowInput(false)
+        setSaved(false)
+        onFeedback?.(feedbackKey, null)
+      } else {
+        setThumbState(type)
+        setShowInput(true)
+        setSaved(false)
+      }
+    },
+    [thumbState, feedbackKey, onFeedback],
+  )
+
+  const handleSubmitDetail = React.useCallback(() => {
+    if (!thumbState) return
+    const text = detailText.trim()
+    onFeedback?.(feedbackKey, thumbState, text)
+    setSaved(true)
+    setSavedDetail(text)
+    setShowInput(false)
+  }, [thumbState, detailText, feedbackKey, onFeedback])
+
+  return (
+    <div>
+      {saved && !showInput ? (
+        /* Persisted / saved indicator */
+        <button
+          type="button"
+          onClick={() => {
+            setDetailText(savedDetail)
+            setShowInput(true)
+            setSaved(false)
+          }}
+          className="group flex items-center gap-1.5 text-[11px] text-muted-foreground hover:text-foreground transition-colors"
+          data-testid={`${testIdPrefix}-feedback-persisted-${feedbackKey}`}
+        >
+          <span className="font-medium">{ownershipLabel}:</span>
+          {thumbState === "up" ? (
+            <ThumbsUp className="h-[10px] w-[10px]" />
+          ) : (
+            <ThumbsDown className="h-[10px] w-[10px]" />
+          )}
+          {savedDetail && (
+            <span className="max-w-[180px] truncate text-muted-foreground/70">
+              {savedDetail}
+            </span>
+          )}
+          <Pencil className="h-[9px] w-[9px] opacity-0 group-hover:opacity-100 transition-opacity" />
+        </button>
+      ) : (
+        <div className="flex items-center gap-1.5">
+          {/* Inline thumb buttons */}
+          <button
+            type="button"
+            onClick={() => handleThumbClick("up")}
+            className={cn(
+              "p-1 rounded transition-colors",
+              thumbState === "up"
+                ? "text-foreground bg-muted"
+                : "text-muted-foreground/40 hover:text-foreground hover:bg-muted/50",
+            )}
+            title="This is accurate"
+            data-testid={`${testIdPrefix}-thumb-up-${feedbackKey}`}
+          >
+            <ThumbsUp className="h-[10px] w-[10px]" />
+          </button>
+          <button
+            type="button"
+            onClick={() => handleThumbClick("down")}
+            className={cn(
+              "p-1 rounded transition-colors",
+              thumbState === "down"
+                ? "text-red-600 bg-red-50"
+                : "text-muted-foreground/40 hover:text-red-600 hover:bg-red-50/50",
+            )}
+            title="Report issue"
+            data-testid={`${testIdPrefix}-thumb-down-${feedbackKey}`}
+          >
+            <ThumbsDown className="h-[10px] w-[10px]" />
+          </button>
+
+          {/* Transient "Saved" pill */}
+          {saved && (
+            <span
+              className="inline-flex items-center gap-1 text-[11px] font-medium text-emerald-600"
+              role="status"
+              data-testid={`${testIdPrefix}-saved-${feedbackKey}`}
+            >
+              <Check className="h-[10px] w-[10px]" />
+              Saved
+            </span>
+          )}
+        </div>
+      )}
+
+      {/* Inline detail input */}
+      {showInput && thumbState && (
+        <div className="mt-1.5">
+          <input
+            type="text"
+            value={detailText}
+            onChange={(e) => setDetailText(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter") handleSubmitDetail()
+              if (e.key === "Escape") setShowInput(false)
+            }}
+            placeholder={
+              thumbState === "up"
+                ? "What\u2019s accurate? (optional)"
+                : "What\u2019s wrong? (optional)"
+            }
+            className="w-full h-6 rounded border border-border bg-background px-2 text-[11px] text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring"
+            data-testid={`${testIdPrefix}-detail-input-${feedbackKey}`}
+          />
+          <div className="mt-1 flex items-center gap-1.5">
+            <button
+              type="button"
+              onClick={handleSubmitDetail}
+              className="bg-foreground text-background rounded px-2 py-0.5 text-[10px] font-semibold"
+              data-testid={`${testIdPrefix}-submit-${feedbackKey}`}
+            >
+              Submit
+            </button>
+            <button
+              type="button"
+              onClick={() => setShowInput(false)}
+              className="border border-border rounded px-2 py-0.5 text-[10px] font-medium"
+            >
+              Cancel
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}