@handled-ai/design-system 0.16.2 → 0.17.0

package/dist/components/score-why-chips.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/score-why-chips.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Info } from \"lucide-react\"\nimport { ScoreBreakdown, type ScoreFactor } from \"./score-breakdown\"\nimport { cn } from \"../lib/utils\"\nimport type {\n  QueueItem,\n  SignalScoreData,\n  SignalScoreExplanationBucket,\n  SignalScoreExplanationSignal,\n  SignalScoreUrgencyLabel,\n} from \"../prototype/prototype-config\"\n\nexport function getSignalScoreUrgencyLabel(\n  score: number,\n  providedLabel?: SignalScoreUrgencyLabel,\n): SignalScoreUrgencyLabel {\n  if (providedLabel) return providedLabel\n  if (score >= 80) return \"Urgent\"\n  if (score >= 60) return \"High\"\n  if (score >= 35) return \"Medium\"\n  return \"Low\"\n}\n\nfunction getUrgencyChipClass(label: SignalScoreUrgencyLabel) {\n  switch (label) {\n    case \"Urgent\":\n      return \"border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300\"\n    case \"High\":\n      return \"border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-100 dark:border-orange-900/50 dark:bg-orange-950/30 dark:text-orange-300\"\n    case \"Medium\":\n      return \"border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-300\"\n    case \"Low\":\n      return \"border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-300\"\n  }\n}\n\nfunction classificationForScore(score?: number): string | undefined {\n  if (score == null) return undefined\n  if (score >= 80) return \"Urgent\"\n  if (score >= 60) return \"High\"\n  if (score >= 35) return \"Medium\"\n  return \"Low\"\n}\n\nfunction scoreRangeForUrgency(label: SignalScoreUrgencyLabel): string {\n  switch (label) {\n    case \"Urgent\":\n      return \"80-100\"\n    case \"High\":\n      return \"60-79\"\n    case \"Medium\":\n      return \"35-59\"\n    case \"Low\":\n      return \"0-34\"\n  }\n}\n\nfunction makeDomId(...parts: Array<string | undefined>): string {\n  return parts\n    .filter((part): part is string => Boolean(part))\n    .join(\"-\")\n    .replace(/[^A-Za-z0-9_-]+/g, \"-\")\n}\n\nfunction scoreFactorToPriorityBucket(factor: ScoreFactor): SignalScoreExplanationBucket {\n  return {\n    key: factor.key,\n    label: factor.label,\n    kind: \"factor\",\n    score: factor.score ?? undefined,\n    classification: factor.risk ?? classificationForScore(factor.score ?? undefined),\n    rationale: factor.why,\n    factorKeys: [factor.key],\n  }\n}\n\nfunction bucketHasSignalRows(bucket: SignalScoreExplanationBucket): boolean {\n  return (\n    (bucket.signals?.length ?? 0) > 0 ||\n    (bucket.signalIds?.length ?? 0) > 0 ||\n    Boolean(bucket.primarySignalId)\n  )\n}\n\nfunction getSignalScoreBuckets(signalData: SignalScoreData): SignalScoreExplanationBucket[] {\n  return (signalData.explanationBuckets ?? []).filter(\n    (bucket) => bucket.kind !== \"factor\" && bucketHasSignalRows(bucket),\n  )\n}\n\nfunction getBucketSignals(bucket: SignalScoreExplanationBucket): SignalScoreExplanationSignal[] {\n  if (bucket.signals && bucket.signals.length > 0) return bucket.signals\n\n  const signalIds = bucket.signalIds && bucket.signalIds.length > 0 ? bucket.signalIds : bucket.primarySignalId ? [bucket.primarySignalId] : []\n  const uniqueSignalIds = Array.from(new Set(signalIds))\n\n  return uniqueSignalIds.map((signalId) => ({\n    id: signalId,\n    label: `${bucket.label} signal`,\n  }))\n}\n\nfunction getPriorityBuckets(signalData: SignalScoreData): SignalScoreExplanationBucket[] {\n  if (signalData.explanationBuckets !== undefined) return signalData.explanationBuckets\n  // Legacy fallback for consumers that still provide score factors but have not\n  // migrated to explanation buckets. WHY chips intentionally do not use this.\n  return signalData.factors.map(scoreFactorToPriorityBucket)\n}\n\nfunction isSameExplanation(a?: string, b?: string): boolean {\n  return Boolean(a && b && a.trim() === b.trim())\n}\n\nexport interface SignalPriorityChipProps {\n  score: number\n  urgencyLabel?: SignalScoreUrgencyLabel\n  isOpen?: boolean\n  controlsId?: string\n  onClick?: () => void\n  className?: string\n}\n\nexport function SignalPriorityChip({\n  score,\n  urgencyLabel: providedLabel,\n  isOpen,\n  controlsId,\n  onClick,\n  className,\n}: SignalPriorityChipProps) {\n  const urgencyLabel = getSignalScoreUrgencyLabel(score, providedLabel)\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-expanded={isOpen}\n      aria-controls={controlsId}\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        getUrgencyChipClass(urgencyLabel),\n        className,\n      )}\n    >\n      {urgencyLabel} Priority\n      <Info className=\"h-3 w-3\" />\n    </button>\n  )\n}\n\nexport interface SignalPriorityPanelProps {\n  signalData: SignalScoreData\n  className?: string\n  id?: string\n}\n\nexport function SignalPriorityPanel({ signalData, className, id }: SignalPriorityPanelProps) {\n  const urgencyLabel = getSignalScoreUrgencyLabel(signalData.score, signalData.urgencyLabel)\n  const buckets = React.useMemo(() => getPriorityBuckets(signalData), [signalData])\n  const topBucketRationale = buckets.find((bucket) => bucket.rationale)?.rationale\n  const primaryUrgencyExplanation = signalData.urgencyExplanation ?? signalData.whyNow ?? topBucketRationale\n  const whyNowSection = isSameExplanation(signalData.whyNow, primaryUrgencyExplanation) ? undefined : signalData.whyNow\n  const topFactorSection =\n    isSameExplanation(topBucketRationale, primaryUrgencyExplanation) || isSameExplanation(topBucketRationale, whyNowSection)\n      ? undefined\n      : topBucketRationale\n  const scoreRange = scoreRangeForUrgency(urgencyLabel)\n\n  return (\n    <div id={id} className={cn(\"rounded-lg border border-border bg-muted/20 p-3 text-xs\", className)} role=\"region\" aria-label=\"Priority explanation\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <p className=\"font-semibold text-foreground\">Why this is {urgencyLabel.toLowerCase()} priority</p>\n          {primaryUrgencyExplanation ? <p className=\"mt-1 leading-relaxed text-muted-foreground\">{primaryUrgencyExplanation}</p> : null}\n        </div>\n        <div className=\"flex shrink-0 flex-wrap gap-1.5 text-[11px] text-muted-foreground\">\n          <span className=\"rounded-full bg-background px-2 py-0.5\">Score {signalData.score}/100</span>\n          <span className=\"rounded-full bg-background px-2 py-0.5\">{urgencyLabel} range: {scoreRange}</span>\n        </div>\n      </div>\n\n      {(whyNowSection || topFactorSection) && (\n        <div className=\"mt-3 grid gap-2 text-xs text-muted-foreground sm:grid-cols-2\">\n          {whyNowSection ? (\n            <div className=\"rounded-md bg-background/80 p-2\">\n              <p className=\"font-medium text-foreground\">Why now</p>\n              <p className=\"mt-0.5 leading-relaxed\">{whyNowSection}</p>\n            </div>\n          ) : null}\n          {topFactorSection ? (\n            <div className=\"rounded-md bg-background/80 p-2\">\n              <p className=\"font-medium text-foreground\">Top factor</p>\n              <p className=\"mt-0.5 leading-relaxed\">{topFactorSection}</p>\n            </div>\n          ) : null}\n        </div>\n      )}\n\n      {signalData.factors.length > 0 ? (\n        <ScoreBreakdown\n          className=\"mt-3\"\n          factors={signalData.factors}\n          onFactorFeedback={signalData.onFactorFeedback}\n          initialFeedback={signalData.initialFactorFeedback}\n        />\n      ) : null}\n    </div>\n  )\n}\n\nexport interface ScoreWhyChipsProps {\n  item: QueueItem\n  signalData: SignalScoreData\n  onOpenSignalBucket?: (args: { item: QueueItem; bucketKey: string; signalId: string }) => void\n  className?: string\n}\n\ninterface SignalRowProps {\n  item: QueueItem\n  bucketKey: string\n  signal: SignalScoreExplanationSignal\n  onOpenSignalBucket?: ScoreWhyChipsProps[\"onOpenSignalBucket\"]\n}\n\nfunction SignalRow({ item, bucketKey, signal, onOpenSignalBucket }: SignalRowProps) {\n  const rowContent = (\n    <>\n      <div className=\"flex items-start justify-between gap-2\">\n        <p className=\"font-medium text-foreground\">{signal.label}</p>\n        {signal.time ? <span className=\"shrink-0 text-[11px] text-muted-foreground/70\">{signal.time}</span> : null}\n      </div>\n      {signal.description ? <p className=\"mt-1 leading-relaxed text-muted-foreground\">{signal.description}</p> : null}\n      {(signal.source || signal.metric) && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-muted-foreground/80\">\n          {signal.source ? <span className=\"rounded-full bg-muted px-2 py-0.5\">{signal.source}</span> : null}\n          {signal.metric ? <span className=\"rounded-full bg-muted px-2 py-0.5\">{signal.metric}</span> : null}\n        </div>\n      )}\n    </>\n  )\n\n  if (signal.id && onOpenSignalBucket) {\n    return (\n      <button\n        type=\"button\"\n        className=\"w-full rounded-md bg-background/80 p-2 text-left text-xs transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        onClick={() => onOpenSignalBucket({ item, bucketKey, signalId: signal.id! })}\n      >\n        {rowContent}\n      </button>\n    )\n  }\n\n  return <div className=\"rounded-md bg-background/80 p-2 text-xs\">{rowContent}</div>\n}\n\nexport function ScoreWhyChips({\n  item,\n  signalData,\n  onOpenSignalBucket,\n  className,\n}: ScoreWhyChipsProps) {\n  const [selectedBucketKey, setSelectedBucketKey] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    setSelectedBucketKey(null)\n  }, [item.id])\n\n  const reactId = React.useId()\n  const idPrefix = makeDomId(\"score-why\", reactId, item.id)\n  const buckets = React.useMemo(() => getSignalScoreBuckets(signalData), [signalData])\n  const selectedBucket = buckets.find((bucket) => bucket.key === selectedBucketKey) ?? null\n  const selectedBucketSignals = selectedBucket ? getBucketSignals(selectedBucket) : []\n  const selectedPanelId = selectedBucket ? `${idPrefix}-panel-${makeDomId(selectedBucket.key)}` : undefined\n\n  if (buckets.length === 0) return null\n\n  return (\n    <div className={cn(\"mt-4\", className)}>\n      <div className=\"mb-2 flex items-center gap-2\">\n        <span className=\"text-[10px] font-bold uppercase tracking-wider text-muted-foreground\">Why</span>\n      </div>\n      <div className=\"flex flex-wrap gap-1.5\">\n        {buckets.map((bucket) => {\n          const isSelected = selectedBucketKey === bucket.key\n          const panelId = `${idPrefix}-panel-${makeDomId(bucket.key)}`\n          return (\n            <button\n              key={bucket.key}\n              type=\"button\"\n              onClick={() => setSelectedBucketKey((prev) => (prev === bucket.key ? null : bucket.key))}\n              aria-expanded={isSelected}\n              aria-controls={panelId}\n              className={cn(\n                \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[11px] font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n                isSelected\n                  ? \"border-foreground/30 bg-foreground text-background\"\n                  : \"border-border bg-background text-muted-foreground hover:bg-muted/60 hover:text-foreground\",\n              )}\n            >\n              {bucket.label}\n              {bucket.signalCount && bucket.signalCount > 1 ? (\n                <span className={cn(\"rounded-full px-1.5 py-0 text-[10px]\", isSelected ? \"bg-background/20\" : \"bg-muted\")}>×{bucket.signalCount}</span>\n              ) : null}\n            </button>\n          )\n        })}\n      </div>\n\n      {selectedBucket && (\n        <div\n          id={selectedPanelId}\n          className=\"mt-3 rounded-lg border border-border bg-muted/20 p-3\"\n          role=\"region\"\n          aria-label={`${selectedBucket.label} details`}\n        >\n          <div className=\"flex items-start justify-between gap-3\">\n            <div>\n              <p className=\"text-sm font-semibold text-foreground\">{selectedBucket.label}</p>\n              <div className=\"mt-1 flex flex-wrap gap-1.5 text-[11px] text-muted-foreground\">\n                <span className=\"rounded-full bg-background px-2 py-0.5\">\n                  {selectedBucket.signalCount ?? selectedBucketSignals.length} signals\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {selectedBucketSignals.length > 0 ? (\n            <ul className=\"mt-3 space-y-2\" aria-label=\"Matching signals\">\n              {selectedBucketSignals.map((signal, index) => (\n                <li key={signal.id ?? `${selectedBucket.key}-signal-${index}`}>\n                  <SignalRow\n                    item={item}\n                    bucketKey={selectedBucket.key}\n                    signal={signal}\n                    onOpenSignalBucket={onOpenSignalBucket}\n                  />\n                </li>\n              ))}\n            </ul>\n          ) : selectedBucket.evidence && selectedBucket.evidence.length > 0 ? (\n            <ul className=\"mt-3 space-y-1.5\" aria-label=\"Matching signals\">\n              {selectedBucket.evidence.map((evidence, index) => (\n                <li key={`${selectedBucket.key}-evidence-${index}`} className=\"flex gap-2 text-xs text-muted-foreground\">\n                  <span className=\"mt-1.5 h-1 w-1 shrink-0 rounded-full bg-primary\" />\n                  <span className=\"leading-relaxed\">{evidence}</span>\n                </li>\n              ))}\n            </ul>\n          ) : null}\n\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a"]}

package/dist/components/tabs.d.ts

@@ -5,7 +5,7 @@ import { Tabs as Tabs$1 } from 'radix-ui';
 
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof Tabs$1.Root>): React.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
+    variant?: "line" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): React.JSX.Element;

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { CollapsibleSection, CollapsibleSectionProps } from './components/collap
 export { ComplianceBadge, ComplianceBadgeProps, ComplianceStatus } from './components/compliance-badge.js';
 export { ContactChip, ContactChipProps } from './components/contact-chip.js';
 export { ContactChannel, ContactItem, ContactList, ContactListProps } from './components/contact-list.js';
+export { ContextualQuickActionContextLabel, ContextualQuickActionContextLabelProps, ContextualQuickActionItem, ContextualQuickActionLauncher, ContextualQuickActionLauncherProps } from './components/contextual-quick-action-launcher.js';
 export { CheckInsCard, RecentlyCompletedCard, TopTasksCard, UpcomingMeetingsCard } from './components/dashboard-cards.js';
 export { DataRow, DataTable, DataTableProps } from './components/data-table.js';
 export { ConditionFieldDef, ConditionFilterValue, ConditionOperator, DEFAULT_OPERATORS, DataTableConditionFilter, DataTableConditionFilterProps, OPERATOR_LABELS, generateConditionId, getOperators } from './components/data-table-condition-filter.js';
@@ -51,6 +52,7 @@ export { RichTextAction, RichTextToolbar, RichTextToolbarProps } from './compone
 export { ScoreAnalysisModal, ScoreAnalysisModalProps, ScoreAnalysisPanel } from './components/score-analysis-modal.js';
 export { ScoreBreakdown, ScoreBreakdownProps, ScoreFactor } from './components/score-breakdown.js';
 export { ScoreFeedback, useScoreFeedback } from './components/score-feedback.js';
+export { ScoreWhyChips, ScoreWhyChipsProps, SignalPriorityChip, SignalPriorityChipProps, SignalPriorityPanel, SignalPriorityPanelProps, getSignalScoreUrgencyLabel } from './components/score-why-chips.js';
 export { ScoreRing, ScoreRingProps, getScoreColor } from './components/score-ring.js';
 export { ScrollArea, ScrollBar } from './components/scroll-area.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/select.js';
@@ -86,7 +88,7 @@ export { VolumeAnalysisChart, VolumeAnalysisChartProps, VolumeDataKey } from './
 export { MetricCardData, TopLineMetrics, TopLineMetricsProps } from './charts/top-line-metrics.js';
 export { PipelineFilterBreakdown, PipelineOverview, PipelineOverviewProps, PipelineStage, PipelineStageMetrics, PipelineStageTiming } from './charts/pipeline-overview.js';
 export { SankeyChart, SankeyData, SankeyDropOff, SankeyHoverCardData, SankeyLink, SankeyNode, SankeyStageMetrics } from './charts/sankey-chart.js';
-export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, WorkQueueViewConfig } from './prototype/prototype-config.js';
+export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, SignalScoreExplanationBucket, SignalScoreExplanationSignal, SignalScoreUrgencyLabel, WorkQueueViewConfig } from './prototype/prototype-config.js';
 export { PrototypeShell, PrototypeShellProps } from './prototype/prototype-shell.js';
 export { DetailView, DetailViewProps, PrototypeInboxView, PrototypeInboxViewProps } from './prototype/prototype-inbox-view.js';
 export { PrototypeInsightsView, PrototypeInsightsViewProps } from './prototype/prototype-insights-view.js';

package/dist/index.js

@@ -13,6 +13,7 @@ import { CollapsibleSection } from "./components/collapsible-section.js";
 export * from "./components/compliance-badge.js";
 export * from "./components/contact-chip.js";
 export * from "./components/contact-list.js";
+export * from "./components/contextual-quick-action-launcher.js";
 export * from "./components/dashboard-cards.js";
 export * from "./components/data-table.js";
 export * from "./components/data-table-condition-filter.js";
@@ -53,6 +54,7 @@ export * from "./components/rich-text-toolbar.js";
 export * from "./components/score-analysis-modal.js";
 export * from "./components/score-breakdown.js";
 export * from "./components/score-feedback.js";
+export * from "./components/score-why-chips.js";
 export * from "./components/score-ring.js";
 export * from "./components/scroll-area.js";
 export * from "./components/select.js";

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\"\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/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 * 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-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/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;AAG5C,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,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,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;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\"\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 * 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/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;AAG5C,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,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;AAId,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/prototype/index.d.ts

@@ -1,4 +1,4 @@
-export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, WorkQueueViewConfig } from './prototype-config.js';
+export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, SignalScoreExplanationBucket, SignalScoreExplanationSignal, SignalScoreUrgencyLabel, WorkQueueViewConfig } from './prototype-config.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-config.d.ts

@@ -28,16 +28,46 @@ interface QueueItem {
     company: string;
     tag1: string;
 }
+type SignalScoreUrgencyLabel = "Low" | "Medium" | "High" | "Urgent";
+interface SignalScoreExplanationSignal {
+    id?: string;
+    label: string;
+    description?: string;
+    source?: string;
+    time?: string;
+    metric?: string;
+}
+interface SignalScoreExplanationBucket {
+    key: string;
+    label: string;
+    kind: "signal" | "factor" | "merged";
+    score?: number;
+    classification?: string;
+    rationale?: string;
+    evidence?: string[];
+    signals?: SignalScoreExplanationSignal[];
+    primaryMetricLabel?: string;
+    primaryMetricValue?: string;
+    signalCount?: number;
+    signalIds?: string[];
+    primarySignalId?: string;
+    factorKeys?: string[];
+}
 interface SignalScoreData {
     score: number;
     factors: ScoreFactor[];
     whyNow: string;
     evidence: string[];
     confidence: number;
+    urgencyLabel?: SignalScoreUrgencyLabel;
+    urgencyExplanation?: string;
+    explanationBuckets?: SignalScoreExplanationBucket[];
     onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
+    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
     onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
     onApproveFeedback?: (reasons: string[], detail: string) => void;
     onDismissFeedback?: (reasons: string[], detail: string, subReason?: string) => void;
+    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
     initialScoreFeedback?: {
         type: "up" | "down";
         pills: string[];
@@ -80,7 +110,13 @@ interface InboxViewConfig {
     hideToolbarActions?: boolean;
     hideHoverActions?: boolean;
     onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
+    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
     onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
+    onOpenSignalBucket?: (args: {
+        item: QueueItem;
+        bucketKey: string;
+        signalId: string;
+    }) => void;
     buildEntityChips?: (item: QueueItem) => Array<{
         id: string;
         label: string;
@@ -291,4 +327,4 @@ interface PrototypeConfig {
     navigableViews?: string[];
 }
 
-export type { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, WorkQueueViewConfig };
+export type { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, SignalScoreExplanationBucket, SignalScoreExplanationSignal, SignalScoreUrgencyLabel, WorkQueueViewConfig };

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

@@ -37,6 +37,8 @@ interface DetailViewProps {
     onOpenEntityPanel?: () => void;
     onOpenRecentActivity?: () => void;
     onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
+    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
+    onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
     onSignalApprove?: (item: QueueItem) => void | Promise<boolean>;
     getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined;
     signalLabels?: InboxViewConfig["signalLabels"];
@@ -51,14 +53,18 @@ interface DetailViewProps {
     lastActivityTime?: string;
     /** Render extra metadata chips (e.g. assignee) inside the chips row below the title. */
     renderMetadataExtra?: (item: QueueItem) => React.ReactNode;
-    onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
+    onOpenSignalBucket?: (args: {
+        item: QueueItem;
+        bucketKey: string;
+        signalId: string;
+    }) => void;
     approveButtonIconUrl?: string;
     opportunityPreview?: OpportunityPreview;
     onRequestApproval?: () => Promise<void>;
     /** Number of important/attention-worthy events to highlight on the collapsed timeline header. */
     attentionCount?: number;
 }
-declare function DetailView({ item, sections, getSignalScore, buildSuggestedActions, buildSourceItems, getTimelineEvents, accountContacts, emailSignature, iconMap, onOpenEntityPanel, onOpenRecentActivity, onSuggestedActionFeedback: _onSuggestedActionFeedback, onSignalApprove, getSignalApprovalState, signalLabels, hideApproveButton, signalBriefCopy, briefStyleVariant, renderDetailExtra, renderBeforeScore, renderAfterScore, lastActivityTime, renderMetadataExtra, onScoreFeedback, approveButtonIconUrl, opportunityPreview, onRequestApproval, attentionCount, }: DetailViewProps): React.JSX.Element;
-declare function PrototypeInboxView({ items, filterCategories, detailSections, accountContacts, buildAccountContacts, emailSignature, buildSuggestedActions: buildSuggestedActionsProp, buildSourceItems: buildSourceItemsProp, getSignalScore: getSignalScoreProp, getTimelineEvents, iconMap, hideToolbarActions, hideHoverActions, onSuggestedActionFeedback, onScoreFeedback, headerActions, onOpenEntityPanel, onOpenRecentActivity, onItemSelect, defaultViewMode, buildEntityChips, quickFilterTabs, hideAccountsButton, accountDetailsLabel, onSignalApprove, getSignalApprovalState, signalLabels, hideApproveButton, signalBriefCopy, briefStyleVariant, renderDetailExtra, renderBeforeScore, renderAfterScore, lastActivityTime, sortOptions, activeSortId, onSortChange, }: PrototypeInboxViewProps): React.JSX.Element;
+declare function DetailView({ item, sections, getSignalScore, buildSuggestedActions, buildSourceItems: _buildSourceItems, getTimelineEvents, accountContacts, emailSignature, iconMap, onOpenEntityPanel, onOpenRecentActivity, onSuggestedActionFeedback: _onSuggestedActionFeedback, onScoreFeedback: _onScoreFeedback, onSignalApprove, getSignalApprovalState, signalLabels, hideApproveButton, signalBriefCopy, briefStyleVariant, renderDetailExtra, renderBeforeScore, renderAfterScore, lastActivityTime, renderMetadataExtra, onOpenSignalBucket, approveButtonIconUrl, opportunityPreview, onRequestApproval, attentionCount, }: DetailViewProps): React.JSX.Element;
+declare function PrototypeInboxView({ items, filterCategories, detailSections, accountContacts, buildAccountContacts, emailSignature, buildSuggestedActions: buildSuggestedActionsProp, buildSourceItems: buildSourceItemsProp, getSignalScore: getSignalScoreProp, getTimelineEvents, iconMap, hideToolbarActions, hideHoverActions, onSuggestedActionFeedback, onScoreFeedback, onOpenSignalBucket, headerActions, onOpenEntityPanel, onOpenRecentActivity, onItemSelect, defaultViewMode, buildEntityChips, quickFilterTabs, hideAccountsButton, accountDetailsLabel, onSignalApprove, getSignalApprovalState, signalLabels, hideApproveButton, signalBriefCopy, briefStyleVariant, renderDetailExtra, renderBeforeScore, renderAfterScore, lastActivityTime, sortOptions, activeSortId, onSortChange, }: PrototypeInboxViewProps): React.JSX.Element;
 
 export { DetailView, type DetailViewProps, PrototypeInboxView, type PrototypeInboxViewProps };

package/dist/prototype/prototype-inbox-view.js

@@ -55,9 +55,7 @@ import {
 } from "../components/inbox-toolbar.js";
 import { GroupedListView } from "../components/item-list.js";
 import { SignalApproval } from "../components/signal-feedback-inline.js";
-import { ScoreFeedback } from "../components/score-feedback.js";
-import { ScoreBreakdown } from "../components/score-breakdown.js";
-import { Citation } from "../components/detail-view.js";
+import { ScoreWhyChips, SignalPriorityChip, SignalPriorityPanel } from "../components/score-why-chips.js";
 import {
   SuggestedActions
 } from "../components/suggested-actions.js";
@@ -92,7 +90,7 @@ function DetailView({
   sections,
   getSignalScore,
   buildSuggestedActions,
-  buildSourceItems,
+  buildSourceItems: _buildSourceItems,
   getTimelineEvents,
   accountContacts,
   emailSignature,
@@ -100,6 +98,7 @@ function DetailView({
   onOpenEntityPanel,
   onOpenRecentActivity,
   onSuggestedActionFeedback: _onSuggestedActionFeedback,
+  onScoreFeedback: _onScoreFeedback,
   onSignalApprove,
   getSignalApprovalState,
   signalLabels,
@@ -111,30 +110,30 @@ function DetailView({
   renderAfterScore,
   lastActivityTime,
   renderMetadataExtra,
-  onScoreFeedback,
+  onOpenSignalBucket,
   approveButtonIconUrl,
   opportunityPreview,
   onRequestApproval,
   attentionCount
 }) {
   var _a, _b, _c;
-  const [evidenceExpanded, setEvidenceExpanded] = React.useState(false);
   const [showTimeline, setShowTimeline] = React.useState(false);
   const [extraActions, setExtraActions] = React.useState([]);
+  const [priorityOpen, setPriorityOpen] = React.useState(false);
+  const priorityPanelId = React.useId();
   React.useEffect(() => {
     setShowTimeline(false);
-    setEvidenceExpanded(false);
     setExtraActions([]);
+    setPriorityOpen(false);
   }, [item.id]);
   const signalData = React.useMemo(
     () => getSignalScore(item.company, item),
-    [getSignalScore, item.company, item]
+    [getSignalScore, item]
   );
   const suggestedActions = React.useMemo(
     () => [...buildSuggestedActions(item), ...extraActions],
     [buildSuggestedActions, item, extraActions]
   );
-  const sourceItems = React.useMemo(() => buildSourceItems(item), [buildSourceItems, item]);
   const timelineEvents = React.useMemo(
     () => {
       var _a2;
@@ -193,12 +192,16 @@ function DetailView({
           ] }),
           /* @__PURE__ */ jsx("h1", { className: "mb-3 text-2xl font-bold tracking-tight text-foreground", children: item.title }),
           /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center gap-2", children: [
-            (item.statusColor === "red" || item.statusColor === "orange") && /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-semibold ${item.statusColor === "red" ? "bg-red-50 text-red-700" : "bg-orange-50 text-orange-700"}`, children: [
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold", children: "!" }),
-              " ",
-              item.tag1.charAt(0).toUpperCase() + item.tag1.slice(1)
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-muted-foreground", children: item.tag1 }),
+            /* @__PURE__ */ jsx(
+              SignalPriorityChip,
+              {
+                score: signalData.score,
+                urgencyLabel: signalData.urgencyLabel,
+                isOpen: priorityOpen,
+                controlsId: priorityPanelId,
+                onClick: () => setPriorityOpen((prev) => !prev)
+              }
+            ),
             signalData.timeChipLabel && /* @__PURE__ */ jsx(Badge, { variant: "outline", title: (_a = signalData.timeChipDetail) != null ? _a : void 0, children: signalData.timeChipLabel }),
             /* @__PURE__ */ jsxs(
               "button",
@@ -215,32 +218,9 @@ function DetailView({
             ),
             renderMetadataExtra == null ? void 0 : renderMetadataExtra(item)
           ] }),
+          priorityOpen && /* @__PURE__ */ jsx(SignalPriorityPanel, { id: priorityPanelId, signalData, className: "mb-6" }),
           sections.signalBrief && (() => {
-            var _a2, _b2;
-            const pct = signalData.score;
-            const scoreColor = pct >= 70 ? "text-emerald-600" : pct >= 40 ? "text-amber-600" : "text-red-600";
-            const barColor = pct >= 70 ? "bg-emerald-500" : pct >= 40 ? "bg-amber-500" : "bg-red-500";
-            const scoreLabel = pct >= 70 ? "HIGH" : pct >= 40 ? "MEDIUM" : "LOW";
-            const evidenceWithCitations = sourceItems.length >= 4 ? [
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                "There are ",
-                /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "3 unusual signals" }),
-                " including a large balance outflow and reduced login frequency",
-                /* @__PURE__ */ jsx(Citation, { number: 1, source: sourceItems[0] }),
-                /* @__PURE__ */ jsx(Citation, { number: 2, source: sourceItems[1] }),
-                /* @__PURE__ */ jsx(Citation, { number: 3, source: sourceItems[2] })
-              ] }),
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                "Scott mentioned in ",
-                /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "#treasury-questions" }),
-                " that they are actively looking for treasury management options",
-                /* @__PURE__ */ jsx(Citation, { number: 4, source: sourceItems[2] })
-              ] }),
-              /* @__PURE__ */ jsxs(Fragment, { children: [
-                "You have a recent email thread regarding optimization options that hasn't been replied to",
-                /* @__PURE__ */ jsx(Citation, { number: 5, source: sourceItems[3] })
-              ] })
-            ] : signalData.evidence.map((ev, i) => /* @__PURE__ */ jsx("span", { children: ev }, i));
+            var _a2;
             const briefHeading = (_a2 = signalBriefCopy == null ? void 0 : signalBriefCopy.heading) != null ? _a2 : "Signal brief";
             const introOpt = signalBriefCopy == null ? void 0 : signalBriefCopy.intro;
             const briefIntro = introOpt === null ? null : typeof introOpt === "function" ? introOpt(item) : introOpt != null ? introOpt : `Signals indicate a potential opportunity for ${item.company}.`;
@@ -251,64 +231,14 @@ function DetailView({
               signalData.signalBrief ? /* @__PURE__ */ jsx("p", { className: isProminent ? "text-base text-foreground leading-relaxed mb-4" : "text-sm text-foreground/90 leading-relaxed mb-4", children: signalData.signalBrief }) : /* @__PURE__ */ jsx("p", { className: isProminent ? "text-base text-foreground leading-relaxed mb-4" : "text-sm text-foreground/90 leading-relaxed mb-4", children: signalData.whyNow }),
               renderBeforeScore == null ? void 0 : renderBeforeScore(item),
               /* @__PURE__ */ jsx(
-                ScoreFeedback.Root,
+                ScoreWhyChips,
                 {
-                  onSubmitFeedback: (type, pills, detail) => {
-                    var _a3, _b3;
-                    return (_b3 = (_a3 = signalData.onScoreFeedback) != null ? _a3 : onScoreFeedback) == null ? void 0 : _b3(type, pills, detail);
-                  },
-                  initialFeedback: signalData.initialScoreFeedback,
-                  children: /* @__PURE__ */ jsxs("div", { className: "mb-5 rounded-md border border-border bg-muted/20 p-3", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-wider", children: "Signal Score" }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-foreground", children: [
-                          signalData.score,
-                          "/100"
-                        ] }),
-                        /* @__PURE__ */ jsx("span", { className: `text-[10px] font-bold uppercase ${scoreColor}`, children: scoreLabel }),
-                        /* @__PURE__ */ jsx(ScoreFeedback.Trigger, {})
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx(ScoreFeedback.Panel, {}),
-                    /* @__PURE__ */ jsx("div", { className: "h-1.5 bg-muted rounded-full overflow-hidden mb-2", children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: `h-full rounded-full transition-all duration-500 ${barColor}`,
-                        style: { width: `${signalData.score}%` }
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => setEvidenceExpanded((prev) => !prev),
-                        className: "flex items-center gap-1 text-[11px] font-medium text-muted-foreground hover:text-foreground transition-colors",
-                        children: [
-                          /* @__PURE__ */ jsx(ChevronDown, { className: `h-3 w-3 transition-transform duration-200 ${evidenceExpanded ? "rotate-180" : ""}` }),
-                          "View more"
-                        ]
-                      }
-                    ),
-                    evidenceExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
-                      /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: evidenceWithCitations.map((ev, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
-                        /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full mt-2 flex-shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground leading-relaxed", children: ev })
-                      ] }, index)) }),
-                      /* @__PURE__ */ jsx(
-                        ScoreBreakdown,
-                        {
-                          factors: signalData.factors,
-                          onFactorFeedback: (_b2 = signalData.onFactorFeedback) != null ? _b2 : ((key, type, detail) => console.log("Signal factor feedback:", { company: item.company, factor: key, type, detail })),
-                          initialFeedback: signalData.initialFactorFeedback
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(SignalApproval.Actions, {})
-                    ] })
-                  ] })
+                  item,
+                  signalData,
+                  onOpenSignalBucket
                 }
               ),
-              !evidenceExpanded && /* @__PURE__ */ jsx(SignalApproval.Actions, {})
+              /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(SignalApproval.Actions, {}) })
             ] });
           })(),
           renderAfterScore == null ? void 0 : renderAfterScore(item),
@@ -383,6 +313,7 @@ function PrototypeInboxView({
   hideHoverActions,
   onSuggestedActionFeedback,
   onScoreFeedback,
+  onOpenSignalBucket,
   headerActions,
   onOpenEntityPanel,
   onOpenRecentActivity,
@@ -586,6 +517,7 @@ function PrototypeInboxView({
     onOpenEntityPanel,
     onOpenRecentActivity,
     onSuggestedActionFeedback,
+    onScoreFeedback,
     onSignalApprove,
     getSignalApprovalState,
     signalLabels,
@@ -596,7 +528,7 @@ function PrototypeInboxView({
     renderBeforeScore,
     renderAfterScore,
     lastActivityTime,
-    onScoreFeedback
+    onOpenSignalBucket
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0", children: [