@handled-ai/design-system 0.16.2 → 0.17.1

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;
@@ -132,6 +168,10 @@ interface InboxViewConfig {
     briefStyleVariant?: BriefStyleVariant;
     /** Render extra content at the end of the detail view, below the suggested actions section. */
     renderDetailExtra?: (item: QueueItem) => React.ReactNode;
+    /** Render extra content inline with the detail title. */
+    renderTitleExtra?: (item: QueueItem) => React.ReactNode;
+    /** Render supporting content below the detail title. */
+    renderTitleSubtext?: (item: QueueItem) => React.ReactNode;
     /** Render content between the signal brief text and the signal score bar (e.g. "Signals on Case" chips). */
     renderBeforeScore?: (item: QueueItem) => React.ReactNode;
     /** Render content between the signal score section and the activity timeline (e.g. OpportunityPanel). */
@@ -291,4 +331,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"];
@@ -49,16 +51,24 @@ interface DetailViewProps {
     /** Render content between the signal score section and the activity timeline. */
     renderAfterScore?: (item: QueueItem) => React.ReactNode;
     lastActivityTime?: string;
+    /** Render extra content inline with the detail title. */
+    renderTitleExtra?: (item: QueueItem) => React.ReactNode;
+    /** Render supporting content below the detail title. */
+    renderTitleSubtext?: (item: QueueItem) => React.ReactNode;
     /** 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, renderTitleExtra, renderTitleSubtext, 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, renderTitleExtra, renderTitleSubtext, 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,
@@ -110,31 +109,33 @@ function DetailView({
   renderBeforeScore,
   renderAfterScore,
   lastActivityTime,
+  renderTitleExtra,
+  renderTitleSubtext,
   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;
@@ -191,14 +192,24 @@ function DetailView({
             /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
             /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: item.company })
           ] }),
-          /* @__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__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-start gap-x-3 gap-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight text-foreground", children: item.title }),
+              renderTitleSubtext == null ? void 0 : renderTitleSubtext(item)
             ] }),
-            /* @__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 }),
+            renderTitleExtra == null ? void 0 : renderTitleExtra(item)
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center gap-2", children: [
+            /* @__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 +226,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 +239,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 +321,7 @@ function PrototypeInboxView({
   hideHoverActions,
   onSuggestedActionFeedback,
   onScoreFeedback,
+  onOpenSignalBucket,
   headerActions,
   onOpenEntityPanel,
   onOpenRecentActivity,
@@ -402,6 +341,8 @@ function PrototypeInboxView({
   renderBeforeScore,
   renderAfterScore,
   lastActivityTime,
+  renderTitleExtra,
+  renderTitleSubtext,
   sortOptions,
   activeSortId,
   onSortChange
@@ -586,6 +527,7 @@ function PrototypeInboxView({
     onOpenEntityPanel,
     onOpenRecentActivity,
     onSuggestedActionFeedback,
+    onScoreFeedback,
     onSignalApprove,
     getSignalApprovalState,
     signalLabels,
@@ -596,7 +538,9 @@ function PrototypeInboxView({
     renderBeforeScore,
     renderAfterScore,
     lastActivityTime,
-    onScoreFeedback
+    renderTitleExtra,
+    renderTitleSubtext,
+    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: [