@handled-ai/design-system 0.18.4 → 0.18.5

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/prototype/prototype-inbox-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ArrowLeft,\n  ArrowUpDown,\n  ChevronDown,\n  ChevronRight,\n  Filter,\n  FileText,\n  Clock,\n  CheckSquare,\n  Eye,\n  Plus,\n\n  Building,\n  LayoutList,\n  Columns2,\n  Square,\n  Tag,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"../components/dropdown-menu\"\nimport { Button } from \"../components/button\"\nimport { Badge } from \"../components/badge\"\nimport { Input } from \"../components/input\"\nimport { ViewModeToggle } from \"../components/view-mode-toggle\"\nimport {\n  InboxToolbar,\n  type AssigneeFilter,\n  type InboxFilterCategory,\n} from \"../components/inbox-toolbar\"\nimport { GroupedListView, type GroupedListGroup } from \"../components/item-list\"\nimport { SignalApproval, type ApprovalState, type OpportunityPreview } from \"../components/signal-feedback-inline\"\nimport { ScoreWhyChips } from \"../components/score-why-chips\"\nimport { SignalPriorityPopover } from \"../components/signal-priority-popover\"\nimport { type SourceDef } from \"../components/detail-view\"\nimport {\n  SuggestedActions,\n  type SuggestedAction,\n  type SuggestedContact,\n} from \"../components/suggested-actions\"\nimport { TimelineActivity, type TimelineEvent } from \"../components/timeline-activity\"\nimport type {\n  QueueItem,\n  InboxViewConfig,\n  InboxDetailSections,\n  SignalScoreData,\n  BriefStyleVariant,\n} from \"./prototype-config\"\n\n// ---------------------------------------------------------------------------\n// Dot color utility — maps statusColor to a Tailwind background class.\n// Centralised here so the list row and split-view card stay in sync and\n// future color additions are a single-edit change.\n// ---------------------------------------------------------------------------\n\nfunction dotColorClass(statusColor: string): string {\n  if (statusColor === \"red\") return \"bg-[#f43f5e]\"\n  if (statusColor === \"yellow\" || statusColor === \"amber\" || statusColor === \"orange\") return \"bg-[#eab308]\"\n  if (statusColor === \"green\") return \"bg-[#22c55e]\"\n  return \"bg-[#9ca3af]\"\n}\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeInboxViewProps extends InboxViewConfig {\n  /** Extra ReactNode rendered at the end of the header bar (e.g. exit button). */\n  headerActions?: React.ReactNode\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onNavigateToInbox?: () => void\n  onItemSelect?: (item: QueueItem) => void\n  defaultViewMode?: \"list\" | \"split\"\n}\n\n// ---------------------------------------------------------------------------\n// Default detail sections\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_DETAIL_SECTIONS: InboxDetailSections = {\n  signalBrief: true,\n  suggestedActions: true,\n  timeline: true,\n}\n\nconst DEFAULT_SIGNAL_SCORE: SignalScoreData = {\n  score: 65,\n  factors: [\n    { key: \"trigger\", label: \"Trigger strength\", score: 70, why: \"Moderate signal detected based on account activity\" },\n    { key: \"fit\", label: \"Company fit\", score: 65, why: \"Reasonable fit based on company profile\" },\n    { key: \"timing\", label: \"Timing\", score: 58, why: \"Within general evaluation window\" },\n  ],\n  whyNow: \"Moderate signals detected that warrant review and potential outreach.\",\n  evidence: [\n    \"Activity patterns suggest potential opportunity\",\n    \"Company profile aligns with target segment\",\n  ],\n  confidence: 72,\n}\n\n// ---------------------------------------------------------------------------\n// Detail View\n// ---------------------------------------------------------------------------\n\nexport interface DetailViewProps {\n  item: QueueItem\n  sections: InboxDetailSections\n  getSignalScore: (company: string, item?: QueueItem) => SignalScoreData\n  buildSuggestedActions: (item: QueueItem) => SuggestedAction[]\n  buildSourceItems: (item: QueueItem) => SourceDef[]\n  getTimelineEvents?: (item: QueueItem) => TimelineEvent[]\n  accountContacts: SuggestedContact[]\n  emailSignature: string | React.ReactNode\n  iconMap: Record<string, string>\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void\n  /** @deprecated The compact score UX no longer renders score-level thumbs by default. */\n  onScoreFeedback?: (type: \"up\" | \"down\", pills: string[], detail: string) => void\n  onSignalApprove?: (item: QueueItem) => void | Promise<boolean>\n  getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined\n  signalLabels?: InboxViewConfig[\"signalLabels\"]\n  hideApproveButton?: boolean\n  signalBriefCopy?: InboxViewConfig[\"signalBriefCopy\"]\n  briefStyleVariant?: BriefStyleVariant\n  renderDetailExtra?: (item: QueueItem) => React.ReactNode\n  /** Render content between the signal brief text and the signal score bar (e.g. \"Signals on Case\" chips). */\n  renderBeforeScore?: (item: QueueItem) => React.ReactNode\n  /** Render content between the signal score section and the activity timeline. */\n  renderAfterScore?: (item: QueueItem) => React.ReactNode\n  lastActivityTime?: string\n  /** Render extra content inline with the detail title. */\n  renderTitleExtra?: (item: QueueItem) => React.ReactNode\n  /** Render supporting content below the detail title. */\n  renderTitleSubtext?: (item: QueueItem) => React.ReactNode\n  /** Render extra metadata chips (e.g. assignee) inside the chips row below the title. */\n  renderMetadataExtra?: (item: QueueItem) => React.ReactNode\n  onOpenSignalBucket?: (args: { item: QueueItem; bucketKey: string; signalId: string }) => void\n  approveButtonIconUrl?: string\n  opportunityPreview?: OpportunityPreview\n  onRequestApproval?: () => Promise<void>\n  /** Number of important/attention-worthy events to highlight on the collapsed timeline header. */\n  attentionCount?: number\n}\n\nexport function DetailView({\n  item,\n  sections,\n  getSignalScore,\n  buildSuggestedActions,\n  buildSourceItems: _buildSourceItems,\n  getTimelineEvents,\n  accountContacts,\n  emailSignature,\n  iconMap,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onSuggestedActionFeedback: _onSuggestedActionFeedback,\n  onScoreFeedback: _onScoreFeedback,\n  onSignalApprove,\n  getSignalApprovalState,\n  signalLabels,\n  hideApproveButton,\n  signalBriefCopy,\n  briefStyleVariant = \"default\",\n  renderDetailExtra,\n  renderBeforeScore,\n  renderAfterScore,\n  lastActivityTime,\n  renderTitleExtra,\n  renderTitleSubtext,\n  renderMetadataExtra,\n  onOpenSignalBucket,\n  approveButtonIconUrl,\n  opportunityPreview,\n  onRequestApproval,\n  attentionCount,\n}: DetailViewProps) {\n  const [showTimeline, setShowTimeline] = React.useState(false)\n  const [extraActions, setExtraActions] = React.useState<SuggestedAction[]>([])\n\n  React.useEffect(() => {\n    setShowTimeline(false)\n    setExtraActions([])\n  }, [item.id])\n\n  const signalData = React.useMemo(\n    () => getSignalScore(item.company, item),\n    [getSignalScore, item],\n  )\n\n  const suggestedActions = React.useMemo(\n    () => [...buildSuggestedActions(item), ...extraActions],\n    [buildSuggestedActions, item, extraActions],\n  )\n  const timelineEvents = React.useMemo(\n    () => getTimelineEvents?.(item) ?? [],\n    [getTimelineEvents, item],\n  )\n\n  const handleDuplicate = React.useCallback(\n    (id: number | string) => {\n      const base = suggestedActions.find((a) => a.id === id)\n      if (!base || base.type !== \"email\") return\n      const clone: SuggestedAction = {\n        ...base,\n        id: `${base.id}-dup-${Date.now()}`,\n        emailMeta: base.emailMeta ? { ...base.emailMeta, to: undefined } : undefined,\n      }\n      setExtraActions((prev) => [...prev, clone])\n    },\n    [suggestedActions],\n  )\n\n  return (\n    <SignalApproval.Root\n      key={item.id}\n      companyName={item.company}\n      labels={signalLabels}\n      hideApproveButton={hideApproveButton}\n      approveButtonIconUrl={approveButtonIconUrl}\n      opportunityPreview={opportunityPreview}\n      onRequestApproval={onRequestApproval}\n      initialApprovalState={getSignalApprovalState?.(item)}\n      onApprove={() => onSignalApprove?.(item)}\n      onApproveFeedback={(reasons, detail) => {\n        signalData.onApproveFeedback?.(reasons, detail)\n        console.log(\"Approval feedback:\", { taskId: item.id, company: item.company, reasons, detail })\n      }}\n      onDismiss={(reasons, detail, subReason) => {\n        signalData.onDismissFeedback?.(reasons, detail, subReason)\n      }}\n    >\n      <div className=\"mx-auto w-full max-w-3xl p-6 pb-12 md:p-8\">\n        <div className=\"pb-8\">\n          {/* Header */}\n          <div className=\"mb-4 flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              <ArrowLeft className=\"h-3.5 w-3.5\" />\n              Back\n            </button>\n            <span className=\"text-muted-foreground/40\">&middot;</span>\n            <span className=\"text-xs text-muted-foreground\">{item.company}</span>\n          </div>\n\n          <div className=\"mb-3 flex flex-wrap items-start gap-x-3 gap-y-2\">\n            <div className=\"min-w-0 flex-1\">\n              <h1 className=\"text-2xl font-bold tracking-tight text-foreground\">{item.title}</h1>\n              {renderTitleSubtext?.(item)}\n            </div>\n            {renderTitleExtra?.(item)}\n          </div>\n\n          <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n            <SignalPriorityPopover\n              score={signalData.score}\n              urgencyLabel={signalData.urgencyLabel}\n              urgencyExplanation={signalData.urgencyExplanation ?? signalData.signalBrief}\n              factors={signalData.priorityFactors ?? []}\n              metaText={undefined}\n              feedbackChips={signalData.priorityFeedbackChips}\n              onFeedbackSubmit={signalData.onPriorityFeedback}\n              initialFactorFeedback={signalData.initialFactorPopoverFeedback}\n              onFactorFeedback={signalData.onFactorFeedback}\n              initialPriorityFeedback={signalData.initialPriorityFeedback}\n            />\n            {signalData.timeChipLabel && (\n              <Badge variant=\"outline\" title={signalData.timeChipDetail ?? undefined}>\n                {signalData.timeChipLabel}\n              </Badge>\n            )}\n            <button\n              type=\"button\"\n              onClick={onOpenEntityPanel}\n              className=\"ml-1 inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-muted/30 px-2 py-1 transition-colors hover:bg-muted/50\"\n            >\n              <div className=\"flex h-4 w-4 items-center justify-center rounded bg-muted-foreground/10 text-[9px] font-semibold text-muted-foreground\">\n                {item.company.substring(0, 1)}\n              </div>\n              <span className=\"text-xs font-medium text-foreground\">{item.company}</span>\n              <ChevronRight className=\"h-3 w-3 text-muted-foreground/50\" />\n            </button>\n            {renderMetadataExtra?.(item)}\n          </div>\n\n          {/* Signal Brief */}\n          {sections.signalBrief && (() => {\n            const briefHeading = signalBriefCopy?.heading ?? \"Signal brief\"\n            const introOpt = signalBriefCopy?.intro\n            const briefIntro =\n              introOpt === null\n                ? null\n                : typeof introOpt === \"function\"\n                  ? introOpt(item)\n                  : introOpt ?? `Signals indicate a potential opportunity for ${item.company}.`\n            const isProminent = briefStyleVariant === \"prominent\";\n            return (\n              <div className=\"mb-8\">\n                {briefHeading ? (\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider mb-3\">{briefHeading}</h3>\n                ) : null}\n                {briefIntro && !signalData.signalBrief ? (\n                  <p className={isProminent\n                    ? \"text-sm text-foreground/70 leading-relaxed mb-2\"\n                    : \"text-sm text-muted-foreground leading-relaxed mb-2\"\n                  }>\n                    {briefIntro}\n                  </p>\n                ) : null}\n                {signalData.signalBrief ? (\n                  <p className={isProminent\n                    ? \"text-base text-foreground leading-relaxed mb-4\"\n                    : \"text-sm text-foreground/90 leading-relaxed mb-4\"\n                  }>\n                    {signalData.signalBrief}\n                  </p>\n                ) : (\n                  <p className={isProminent\n                    ? \"text-base text-foreground leading-relaxed mb-4\"\n                    : \"text-sm text-foreground/90 leading-relaxed mb-4\"\n                  }>\n                    {signalData.whyNow}\n                  </p>\n                )}\n\n                {/* Before-score content slot (e.g. \"Signals on Case\" chips) */}\n                {renderBeforeScore?.(item)}\n\n                <ScoreWhyChips\n                  item={item}\n                  signalData={signalData}\n                  onOpenSignalBucket={onOpenSignalBucket}\n                />\n                <div className=\"mt-4\">\n                  <SignalApproval.Actions />\n                </div>\n              </div>\n            )\n          })()}\n\n          {/* After-score content slot (e.g. OpportunityPanel) */}\n          {renderAfterScore?.(item)}\n\n          {/* Activity Timeline */}\n          {sections.timeline && timelineEvents.length > 0 && (\n            <div className=\"mb-8\">\n              <button\n                type=\"button\"\n                onClick={() => setShowTimeline((prev) => !prev)}\n                className=\"group/timeline flex w-full items-center justify-between gap-2 py-2 rounded-md transition-colors hover:bg-muted/40 -mx-2 px-2 cursor-pointer\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider group-hover/timeline:text-foreground transition-colors\">Activity timeline</h3>\n                  {!showTimeline && attentionCount != null && attentionCount > 0 && (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-destructive/10 px-1.5 py-0.5 text-[10px] font-semibold text-destructive border border-destructive/20\">\n                      {attentionCount} new\n                    </span>\n                  )}\n                  {!showTimeline && (lastActivityTime || (timelineEvents.length > 0 && timelineEvents[0].time)) && (\n                    <span className=\"text-[11px] text-muted-foreground/60\">\n                      &middot; Last activity {lastActivityTime ?? timelineEvents[0]?.time ?? ''}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[11px] font-medium text-muted-foreground\">{timelineEvents.length} events</span>\n                  <ChevronDown className={`h-3.5 w-3.5 text-muted-foreground transition-transform duration-200 ${showTimeline ? \"rotate-180\" : \"\"}`} />\n                </div>\n              </button>\n              {showTimeline && (\n                <div className=\"mt-3\">\n                  <TimelineActivity events={timelineEvents} />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Suggested Actions */}\n        {sections.suggestedActions && (\n          <SignalApproval.Gate>\n            <SuggestedActions\n              actions={suggestedActions}\n              accountContacts={accountContacts}\n              signature={emailSignature}\n              iconMap={iconMap}\n              onDismiss={(id) => console.log(\"Dismiss action:\", id)}\n              onSend={(id) => console.log(\"Send action:\", id)}\n              onSaveDraft={(id) => console.log(\"Save draft:\", id)}\n              onDuplicate={handleDuplicate}\n              onOpenAccountDetails={onOpenEntityPanel}\n              onOpenRecentActivity={onOpenRecentActivity}\n              onMarkComplete={(id) => console.log(\"Mark complete:\", id)}\n              onDispatchAgent={(id) => console.log(\"Dispatch agent:\", id)}\n            />\n          </SignalApproval.Gate>\n        )}\n        {renderDetailExtra?.(item)}\n      </div>\n    </SignalApproval.Root>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Main Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeInboxView({\n  items,\n  filterCategories,\n  detailSections,\n  accountContacts = [],\n  buildAccountContacts,\n  emailSignature = \"\",\n  buildSuggestedActions: buildSuggestedActionsProp,\n  buildSourceItems: buildSourceItemsProp,\n  getSignalScore: getSignalScoreProp,\n  getTimelineEvents,\n  iconMap = {},\n  hideToolbarActions,\n  hideHoverActions,\n  onSuggestedActionFeedback,\n  onScoreFeedback,\n  onOpenSignalBucket,\n  headerActions,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onItemSelect,\n  defaultViewMode,\n  buildEntityChips,\n  quickFilterTabs,\n  hideAccountsButton,\n  accountDetailsLabel,\n  onSignalApprove,\n  getSignalApprovalState,\n  signalLabels,\n  hideApproveButton,\n  signalBriefCopy,\n  briefStyleVariant,\n  renderDetailExtra,\n  renderBeforeScore,\n  renderAfterScore,\n  lastActivityTime,\n  renderTitleExtra,\n  renderTitleSubtext,\n  sortOptions,\n  activeSortId,\n  onSortChange,\n}: PrototypeInboxViewProps) {\n  const [inboxViewMode, setInboxViewMode] = React.useState<\"inbox\" | \"list\" | \"detail\">(\n    defaultViewMode === \"list\" ? \"list\" : defaultViewMode === \"split\" ? \"inbox\" : \"inbox\"\n  )\n  const [previousViewMode, setPreviousViewMode] = React.useState<\"inbox\" | \"list\">(\"inbox\")\n  const [selectedTask, setSelectedTask] = React.useState(items[0])\n  const [inboxAssignee, setInboxAssignee] = React.useState<AssigneeFilter>(\"me\")\n  const [inboxFilters, setInboxFilters] = React.useState<Record<string, string>>({})\n  const [activeQuickFilter, setActiveQuickFilter] = React.useState<string>(\"all\")\n  const [splitViewSearch, setSplitViewSearch] = React.useState(\"\")\n\n  const sections = React.useMemo(\n    () => ({ ...DEFAULT_DETAIL_SECTIONS, ...detailSections }),\n    [detailSections],\n  )\n\n  const resolvedFilterCategories: InboxFilterCategory[] = React.useMemo(\n    () =>\n      filterCategories ?? [\n        {\n          id: \"category\",\n          label: \"Category\",\n          icon: <Tag className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.tag1))],\n        },\n        {\n          id: \"account\",\n          label: \"Account\",\n          icon: <Building className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.company))],\n        },\n      ],\n    [filterCategories, items],\n  )\n\n  const buildSuggestedActions = React.useMemo(\n    () => buildSuggestedActionsProp ?? (() => []),\n    [buildSuggestedActionsProp],\n  )\n\n  const buildSourceItems = React.useMemo(\n    () => buildSourceItemsProp ?? (() => []),\n    [buildSourceItemsProp],\n  )\n\n  const getSignalScore = React.useMemo(\n    () => getSignalScoreProp ?? (() => DEFAULT_SIGNAL_SCORE),\n    [getSignalScoreProp],\n  )\n\n  // Build a map from filter category id → QueueItem field for targeted filtering.\n  // Known category ids are mapped explicitly; unknown categories fall back to a\n  // broad search across display fields so consumer-defined filters still work.\n  const filterFieldMap = React.useMemo<\n    Record<string, (item: QueueItem, value: string) => boolean>\n  >(() => {\n    const map: Record<string, (item: QueueItem, value: string) => boolean> = {}\n    for (const cat of resolvedFilterCategories) {\n      switch (cat.id) {\n        case \"category\":\n        case \"signalType\":\n          map[cat.id] = (item, v) => item.tag1.toLowerCase() === v.toLowerCase()\n          break\n        case \"account\":\n          map[cat.id] = (item, v) => item.company.toLowerCase() === v.toLowerCase()\n          break\n        default:\n          // Fallback: check all display fields\n          map[cat.id] = (item, v) => {\n            const lv = v.toLowerCase()\n            return (\n              item.tag1.toLowerCase() === lv ||\n              item.company.toLowerCase() === lv ||\n              item.title.toLowerCase().includes(lv) ||\n              item.details.toLowerCase().includes(lv)\n            )\n          }\n      }\n    }\n    return map\n  }, [resolvedFilterCategories])\n\n  // Filter items for list view based on toolbar filters\n  const filteredItems = React.useMemo(() => {\n    const activeFilters = Object.entries(inboxFilters).filter(\n      ([, value]) => value && value !== \"all\"\n    )\n    if (activeFilters.length === 0) return items\n    return items.filter((item) =>\n      activeFilters.every(([key, value]) => {\n        const matcher = filterFieldMap[key]\n        return matcher ? matcher(item, value) : true\n      })\n    )\n  }, [items, inboxFilters, filterFieldMap])\n\n  // Resolve quick filter tabs once — used by both the split view filter and\n  // the tab bar render. Each tab's `matchValue` (falling back to `label`) is\n  // compared against `item.tag1` so consumer labels can differ from data values.\n  type QuickFilterTab = { id: string; label: string; matchValue?: string; count?: number }\n  const resolvedQuickFilterTabs = React.useMemo<QuickFilterTab[]>(() => {\n    if (quickFilterTabs) return quickFilterTabs\n    // Derive default tabs from the actual item tag1 values\n    const uniqueTags = [...new Set(items.map((i) => i.tag1))]\n    return uniqueTags.map((tag) => ({\n      id: tag.toLowerCase().replace(/\\s+/g, \"-\"),\n      label: tag,\n    }))\n  }, [quickFilterTabs, items])\n\n  // Compute per-tab counts once so they can be displayed in the tab bar\n  const quickFilterTabCounts = React.useMemo(() => {\n    const counts: Record<string, number> = {}\n    for (const tab of resolvedQuickFilterTabs) {\n      const match = (tab.matchValue ?? tab.label).toLowerCase()\n      counts[tab.id] = items.filter((i) => i.tag1.toLowerCase() === match).length\n    }\n    return counts\n  }, [resolvedQuickFilterTabs, items])\n\n  // Filter items for split view based on quick filter tabs and search\n  const splitViewItems = React.useMemo(() => {\n    let filtered = items\n    // Apply quick filter tab\n    if (activeQuickFilter !== \"all\") {\n      const activeTab = resolvedQuickFilterTabs.find((t) => t.id === activeQuickFilter)\n      if (activeTab) {\n        const match = (activeTab.matchValue ?? activeTab.label).toLowerCase()\n        filtered = filtered.filter(\n          (item) => item.tag1.toLowerCase() === match\n        )\n      }\n    }\n    // Apply search input\n    if (splitViewSearch.trim()) {\n      const q = splitViewSearch.trim().toLowerCase()\n      filtered = filtered.filter(\n        (item) =>\n          item.tag1.toLowerCase().includes(q) ||\n          item.company.toLowerCase().includes(q) ||\n          item.title.toLowerCase().includes(q)\n      )\n    }\n    return filtered\n  }, [items, activeQuickFilter, resolvedQuickFilterTabs, splitViewSearch])\n\n  // Grouped items for list view — one group per severity tier so items\n  // are labelled correctly (e.g. \"Urgent\", \"High\", \"Active\").\n  const inboxGroups = React.useMemo<GroupedListGroup<QueueItem>[]>(() => {\n    const urgent = filteredItems.filter((i) => i.statusColor === \"red\")\n    const high = filteredItems.filter((i) => i.statusColor === \"orange\")\n    const active = filteredItems.filter((i) => i.statusColor !== \"red\" && i.statusColor !== \"orange\")\n    return [\n      { key: \"urgent\", label: \"Urgent\", items: urgent },\n      { key: \"high\", label: \"High\", items: high },\n      { key: \"active\", label: \"Active\", items: active },\n    ].filter((g) => g.items.length > 0)\n  }, [filteredItems])\n\n  const renderInboxRow = React.useCallback(\n    (item: QueueItem) => (\n      <>\n        <span className={`h-2 w-2 shrink-0 rounded-full ${dotColorClass(item.statusColor)}`} />\n        <span className=\"w-[80px] shrink-0 font-mono text-xs text-muted-foreground/80\">{item.id}</span>\n        <span className=\"shrink-0 rounded-md border border-border bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground whitespace-nowrap\">{item.tag1}</span>\n        <span className=\"min-w-0 flex-1 truncate text-sm font-semibold text-foreground\">{item.title}</span>\n        <span className=\"w-[120px] shrink-0 truncate text-xs font-medium text-foreground\">{item.company}</span>\n        <span className=\"w-[80px] shrink-0 text-right text-xs text-muted-foreground\">{item.time}</span>\n      </>\n    ),\n    [],\n  )\n\n  const handleInboxItemSelect = React.useCallback(\n    (item: QueueItem) => {\n      setSelectedTask(item)\n      if (onItemSelect) {\n        onItemSelect(item)\n      } else if (inboxViewMode === \"list\") {\n        setPreviousViewMode(\"list\")\n        setInboxViewMode(\"detail\")\n      }\n    },\n    [inboxViewMode, onItemSelect],\n  )\n\n  const handleBackFromDetail = React.useCallback(() => {\n    setInboxViewMode(previousViewMode)\n  }, [previousViewMode])\n\n  const handleViewModeChange = React.useCallback((id: string) => {\n    const mode = id as \"inbox\" | \"list\" | \"detail\"\n    if (mode !== \"detail\") {\n      setPreviousViewMode(mode)\n    }\n    setInboxViewMode(mode)\n  }, [])\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(\"(max-width: 768px)\")\n    function handleChange(e: MediaQueryListEvent | MediaQueryList) {\n      if (e.matches && inboxViewMode === \"inbox\") {\n        setPreviousViewMode(\"inbox\")\n        setInboxViewMode(\"detail\")\n      }\n    }\n    handleChange(mql)\n    mql.addEventListener(\"change\", handleChange)\n    return () => mql.removeEventListener(\"change\", handleChange)\n  }, [inboxViewMode])\n\n  const detailViewProps: DetailViewProps = {\n    item: selectedTask,\n    sections,\n    getSignalScore,\n    buildSuggestedActions,\n    buildSourceItems,\n    getTimelineEvents,\n    accountContacts: buildAccountContacts?.(selectedTask) ?? accountContacts,\n    emailSignature,\n    iconMap,\n    onOpenEntityPanel,\n    onOpenRecentActivity,\n    onSuggestedActionFeedback,\n    onScoreFeedback,\n    onSignalApprove,\n    getSignalApprovalState,\n    signalLabels,\n    hideApproveButton,\n    signalBriefCopy,\n    briefStyleVariant,\n    renderDetailExtra,\n    renderBeforeScore,\n    renderAfterScore,\n    lastActivityTime,\n    renderTitleExtra,\n    renderTitleSubtext,\n    onOpenSignalBucket,\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0\">\n        <div className=\"flex items-center gap-3\">\n          {inboxViewMode === \"detail\" ? (\n            <button\n              type=\"button\"\n              onClick={handleBackFromDetail}\n              className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          ) : null}\n          <h2 className=\"text-lg font-semibold text-foreground\">Inbox</h2>\n          <Badge variant=\"secondary\" className=\"bg-muted text-muted-foreground hover:bg-muted font-medium text-[11px] px-2 py-0.5 rounded-md\">\n            {items.length}\n          </Badge>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <ViewModeToggle\n            modes={[\n              { id: \"inbox\", icon: <Columns2 className=\"h-3.5 w-3.5\" />, label: \"Split View\" },\n              { id: \"list\", icon: <LayoutList className=\"h-3.5 w-3.5\" />, label: \"List View\" },\n              { id: \"detail\", icon: <Square className=\"h-3.5 w-3.5\" />, label: \"Detail View\" },\n            ]}\n            activeMode={inboxViewMode}\n            onModeChange={handleViewModeChange}\n          />\n          {headerActions}\n        </div>\n      </div>\n\n      {/* View modes */}\n      {inboxViewMode === \"detail\" ? (\n        <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n          <div className=\"flex-1 overflow-y-auto\">\n            <DetailView {...detailViewProps} />\n          </div>\n        </div>\n      ) : inboxViewMode === \"list\" ? (\n        <div className=\"flex-1 overflow-y-auto bg-background\">\n          <InboxToolbar\n            assignee={inboxAssignee}\n            onAssigneeChange={setInboxAssignee}\n            filterCategories={resolvedFilterCategories}\n            selectedFilters={inboxFilters}\n            onFilterChange={(catId, val) =>\n              setInboxFilters((prev) => ({ ...prev, [catId]: val }))\n            }\n            onClearFilters={() => setInboxFilters({})}\n          />\n          <GroupedListView<QueueItem>\n            groups={inboxGroups}\n            renderRow={renderInboxRow}\n            getItemKey={(item) => item.id}\n            selectedKey={selectedTask.id}\n            onItemClick={handleInboxItemSelect}\n            emptyMessage=\"No inbox items\"\n          />\n        </div>\n      ) : (\n        /* Split view */\n        <div className=\"flex h-full min-h-0 w-full flex-1\">\n          <div className=\"flex h-full min-w-[380px] w-[380px] flex-col border-r border-border bg-background shadow-sm z-10\">\n            <div className=\"flex flex-col gap-4 border-b border-border p-4 shrink-0\">\n              {!hideToolbarActions && (\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Eye className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><FileText className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Clock className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><CheckSquare className=\"w-4 h-4\" /></Button>\n                  </div>\n                  <Button size=\"sm\" className=\"h-8 px-4 bg-foreground text-background hover:bg-foreground/90 text-xs font-semibold gap-1.5 rounded-md\">\n                    <Plus className=\"w-4 h-4\" /> Add Task\n                  </Button>\n                </div>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"relative flex-1\">\n                  <Filter className=\"absolute left-2.5 top-1.5 w-4 h-4 text-muted-foreground\" />\n                  <Input\n                    className=\"h-8 pl-8 text-xs bg-background border-border rounded-md shadow-none\"\n                    placeholder=\"Filter by category...\"\n                    value={splitViewSearch}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSplitViewSearch(e.target.value)}\n                  />\n                </div>\n                {sortOptions && sortOptions.length > 0 && (\n                  <DropdownMenu>\n                    <DropdownMenuTrigger asChild>\n                      <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-medium rounded-md shadow-none gap-1.5\">\n                        <ArrowUpDown className=\"w-3.5 h-3.5\" />\n                        {sortOptions.find(o => o.id === activeSortId)?.label ?? 'Sort'}\n                        <ChevronDown className=\"w-3 h-3\" />\n                      </Button>\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent align=\"end\">\n                      <DropdownMenuRadioGroup value={activeSortId ?? ''} onValueChange={(val) => onSortChange?.(val)}>\n                        {sortOptions.map(option => (\n                          <DropdownMenuRadioItem key={option.id} value={option.id}>\n                            {option.label}\n                          </DropdownMenuRadioItem>\n                        ))}\n                      </DropdownMenuRadioGroup>\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                )}\n                {!hideAccountsButton && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-medium rounded-md shadow-none\">\n                    <Building className=\"w-3.5 h-3.5 mr-1.5\" /> {accountDetailsLabel ?? \"Accounts\"}\n                  </Button>\n                )}\n              </div>\n              <div className=\"flex items-center gap-1.5 overflow-x-auto pb-1 mt-1 scrollbar-hide\">\n                <Button\n                  size=\"sm\"\n                  variant={activeQuickFilter === \"all\" ? \"default\" : \"outline\"}\n                  className={`h-7 rounded-full px-3.5 text-[11px] font-semibold shadow-none ${\n                    activeQuickFilter === \"all\"\n                      ? \"bg-foreground text-background hover:bg-foreground/90\"\n                      : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                  }`}\n                  onClick={() => setActiveQuickFilter(\"all\")}\n                >\n                  All\n                </Button>\n                {resolvedQuickFilterTabs.map((tab) => {\n                  const count = tab.count ?? quickFilterTabCounts[tab.id]\n                  return (\n                    <Button\n                      key={tab.id}\n                      size=\"sm\"\n                      variant={activeQuickFilter === tab.id ? \"default\" : \"outline\"}\n                      className={`h-7 rounded-full px-3.5 text-[11px] font-medium shadow-none ${\n                        activeQuickFilter === tab.id\n                          ? \"bg-foreground text-background hover:bg-foreground/90\"\n                          : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                      }`}\n                      onClick={() => setActiveQuickFilter(tab.id)}\n                    >\n                      {tab.label}{count != null && count > 0 ? ` (${count})` : \"\"}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto\">\n              {splitViewItems.map((item) => (\n                <div\n                  key={item.id}\n                  onClick={() => { setSelectedTask(item); onItemSelect?.(item) }}\n                  className={`cursor-pointer border-b border-border p-4 transition-colors group relative border-l-2 ${\n                    selectedTask.id === item.id\n                      ? \"bg-muted/30 border-l-brand-purple\"\n                      : \"bg-transparent border-l-transparent hover:bg-muted/10\"\n                  }`}\n                >\n                  <div className=\"mb-1.5 flex items-center gap-2\">\n                    <span className=\"min-w-0 truncate text-[13px] font-semibold text-foreground leading-tight\">{item.title}</span>\n                    {selectedTask.id !== item.id && item.tag1 && (\n                      <span className=\"shrink-0 rounded-md border border-border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                        {item.tag1}\n                      </span>\n                    )}\n                    <span className=\"ml-auto shrink-0 text-[10px] font-medium text-muted-foreground/80\">{item.time}</span>\n                  </div>\n                  <div className=\"flex items-start gap-2 mt-2\">\n                    <span className={`w-1.5 h-1.5 rounded-full shrink-0 mt-1.5 ${dotColorClass(item.statusColor)}`} />\n                    <span className=\"text-xs text-muted-foreground leading-tight\">{item.details}</span>\n                  </div>\n                  {buildEntityChips && (() => {\n                    const chips = buildEntityChips(item)\n                    if (!chips.length) return null\n                    return (\n                      <div className=\"flex items-center gap-1.5 mt-2 flex-wrap\">\n                        {chips.map((chip) => (\n                          <button\n                            key={chip.id}\n                            type=\"button\"\n                            onClick={(e) => { e.stopPropagation(); chip.onClick?.() }}\n                            className=\"inline-flex items-center gap-1 rounded-md border border-border/60 bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground\"\n                          >\n                            <span className=\"flex h-3.5 w-3.5 items-center justify-center rounded bg-muted-foreground/10 text-[8px] font-semibold\">{chip.avatarLetter}</span>\n                            {chip.label}\n                          </button>\n                        ))}\n                      </div>\n                    )\n                  })()}\n                  {!hideHoverActions && (\n                    <div className={`absolute right-4 bottom-4 flex items-center gap-1.5 bg-background shadow-sm rounded-md px-1 py-0.5 border border-border ${\n                      selectedTask.id === item.id ? \"opacity-100\" : \"opacity-0 group-hover:opacity-100 transition-opacity\"\n                    }`}>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><CheckSquare className=\"w-3.5 h-3.5\" /></Button>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><Clock className=\"w-3.5 h-3.5\" /></Button>\n                    </div>\n                  )}\n                </div>\n              ))}\n              <div className=\"p-4\">\n                <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-semibold rounded-md shadow-none\">See more</Button>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n            <div className=\"flex-1 overflow-y-auto\">\n              <DetailView {...detailViewProps} />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../src/prototype/prototype-inbox-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ArrowLeft,\n  ArrowUpDown,\n  ChevronDown,\n  ChevronRight,\n  Filter,\n  FileText,\n  Clock,\n  CheckSquare,\n  Eye,\n  Plus,\n\n  Building,\n  LayoutList,\n  Columns2,\n  Square,\n  Tag,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"../components/dropdown-menu\"\nimport { Button } from \"../components/button\"\nimport { Badge } from \"../components/badge\"\nimport { Input } from \"../components/input\"\nimport { ViewModeToggle } from \"../components/view-mode-toggle\"\nimport {\n  InboxToolbar,\n  type AssigneeFilter,\n  type InboxFilterCategory,\n} from \"../components/inbox-toolbar\"\nimport { GroupedListView, type GroupedListGroup } from \"../components/item-list\"\nimport { SignalApproval, type ApprovalState, type OpportunityPreview } from \"../components/signal-feedback-inline\"\nimport { ScoreWhyChips } from \"../components/score-why-chips\"\nimport { SignalPriorityPopover } from \"../components/signal-priority-popover\"\nimport { type SourceDef } from \"../components/detail-view\"\nimport {\n  SuggestedActions,\n  type SuggestedAction,\n  type SuggestedContact,\n} from \"../components/suggested-actions\"\nimport { TimelineActivity, type TimelineEvent } from \"../components/timeline-activity\"\nimport type {\n  QueueItem,\n  InboxViewConfig,\n  InboxDetailSections,\n  SignalScoreData,\n  BriefStyleVariant,\n} from \"./prototype-config\"\n\n// ---------------------------------------------------------------------------\n// Dot color utility — maps statusColor to a Tailwind background class.\n// Centralised here so the list row and split-view card stay in sync and\n// future color additions are a single-edit change.\n// ---------------------------------------------------------------------------\n\nfunction dotColorClass(statusColor: string): string {\n  if (statusColor === \"red\") return \"bg-[#f43f5e]\"\n  if (statusColor === \"yellow\" || statusColor === \"amber\" || statusColor === \"orange\") return \"bg-[#eab308]\"\n  if (statusColor === \"green\") return \"bg-[#22c55e]\"\n  return \"bg-[#9ca3af]\"\n}\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeInboxViewProps extends InboxViewConfig {\n  /** Extra ReactNode rendered at the end of the header bar (e.g. exit button). */\n  headerActions?: React.ReactNode\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onNavigateToInbox?: () => void\n  onItemSelect?: (item: QueueItem) => void\n  defaultViewMode?: \"list\" | \"split\"\n}\n\n// ---------------------------------------------------------------------------\n// Default detail sections\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_DETAIL_SECTIONS: InboxDetailSections = {\n  signalBrief: true,\n  suggestedActions: true,\n  timeline: true,\n}\n\nconst DEFAULT_SIGNAL_SCORE: SignalScoreData = {\n  score: 65,\n  factors: [\n    { key: \"trigger\", label: \"Trigger strength\", score: 70, why: \"Moderate signal detected based on account activity\" },\n    { key: \"fit\", label: \"Company fit\", score: 65, why: \"Reasonable fit based on company profile\" },\n    { key: \"timing\", label: \"Timing\", score: 58, why: \"Within general evaluation window\" },\n  ],\n  whyNow: \"Moderate signals detected that warrant review and potential outreach.\",\n  evidence: [\n    \"Activity patterns suggest potential opportunity\",\n    \"Company profile aligns with target segment\",\n  ],\n  confidence: 72,\n}\n\n// ---------------------------------------------------------------------------\n// Detail View\n// ---------------------------------------------------------------------------\n\nexport interface DetailViewProps {\n  item: QueueItem\n  sections: InboxDetailSections\n  getSignalScore: (company: string, item?: QueueItem) => SignalScoreData\n  buildSuggestedActions: (item: QueueItem) => SuggestedAction[]\n  buildSourceItems: (item: QueueItem) => SourceDef[]\n  getTimelineEvents?: (item: QueueItem) => TimelineEvent[]\n  accountContacts: SuggestedContact[]\n  emailSignature: string | React.ReactNode\n  iconMap: Record<string, string>\n  onOpenEntityPanel?: () => void\n  onOpenRecentActivity?: () => void\n  onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void\n  /** @deprecated The compact score UX no longer renders score-level thumbs by default. */\n  onScoreFeedback?: (type: \"up\" | \"down\", pills: string[], detail: string) => void\n  onSignalApprove?: (item: QueueItem) => void | Promise<boolean>\n  getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined\n  signalLabels?: InboxViewConfig[\"signalLabels\"]\n  hideApproveButton?: boolean\n  signalBriefCopy?: InboxViewConfig[\"signalBriefCopy\"]\n  briefStyleVariant?: BriefStyleVariant\n  renderDetailExtra?: (item: QueueItem) => React.ReactNode\n  /** Render content between the signal brief text and the signal score bar (e.g. \"Signals on Case\" chips). */\n  renderBeforeScore?: (item: QueueItem) => React.ReactNode\n  /** Render content between the signal score section and the activity timeline. */\n  renderAfterScore?: (item: QueueItem) => React.ReactNode\n  lastActivityTime?: string\n  /** Render extra content inline with the detail title. */\n  renderTitleExtra?: (item: QueueItem) => React.ReactNode\n  /** Render supporting content below the detail title. */\n  renderTitleSubtext?: (item: QueueItem) => React.ReactNode\n  /** Render extra metadata chips (e.g. assignee) inside the chips row below the title. */\n  renderMetadataExtra?: (item: QueueItem) => React.ReactNode\n  onOpenSignalBucket?: (args: { item: QueueItem; bucketKey: string; signalId: string }) => void\n  approveButtonIconUrl?: string\n  opportunityPreview?: OpportunityPreview\n  onRequestApproval?: () => Promise<void>\n  /** Number of important/attention-worthy events to highlight on the collapsed timeline header. */\n  attentionCount?: number\n}\n\nexport function DetailView({\n  item,\n  sections,\n  getSignalScore,\n  buildSuggestedActions,\n  buildSourceItems: _buildSourceItems,\n  getTimelineEvents,\n  accountContacts,\n  emailSignature,\n  iconMap,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onSuggestedActionFeedback: _onSuggestedActionFeedback,\n  onScoreFeedback: _onScoreFeedback,\n  onSignalApprove,\n  getSignalApprovalState,\n  signalLabels,\n  hideApproveButton,\n  signalBriefCopy,\n  briefStyleVariant = \"default\",\n  renderDetailExtra,\n  renderBeforeScore,\n  renderAfterScore,\n  lastActivityTime,\n  renderTitleExtra,\n  renderTitleSubtext,\n  renderMetadataExtra,\n  onOpenSignalBucket,\n  approveButtonIconUrl,\n  opportunityPreview,\n  onRequestApproval,\n  attentionCount,\n}: DetailViewProps) {\n  const [showTimeline, setShowTimeline] = React.useState(false)\n  const [extraActions, setExtraActions] = React.useState<SuggestedAction[]>([])\n\n  React.useEffect(() => {\n    setShowTimeline(false)\n    setExtraActions([])\n  }, [item.id])\n\n  const signalData = React.useMemo(\n    () => getSignalScore(item.company, item),\n    [getSignalScore, item],\n  )\n\n  const suggestedActions = React.useMemo(\n    () => [...buildSuggestedActions(item), ...extraActions],\n    [buildSuggestedActions, item, extraActions],\n  )\n  const timelineEvents = React.useMemo(\n    () => getTimelineEvents?.(item) ?? [],\n    [getTimelineEvents, item],\n  )\n\n  const handleDuplicate = React.useCallback(\n    (id: number | string) => {\n      const base = suggestedActions.find((a) => a.id === id)\n      if (!base || base.type !== \"email\") return\n      const clone: SuggestedAction = {\n        ...base,\n        id: `${base.id}-dup-${Date.now()}`,\n        emailMeta: base.emailMeta ? { ...base.emailMeta, to: undefined } : undefined,\n      }\n      setExtraActions((prev) => [...prev, clone])\n    },\n    [suggestedActions],\n  )\n\n  return (\n    <SignalApproval.Root\n      key={item.id}\n      companyName={item.company}\n      labels={signalLabels}\n      hideApproveButton={hideApproveButton}\n      approveButtonIconUrl={approveButtonIconUrl}\n      opportunityPreview={opportunityPreview}\n      onRequestApproval={onRequestApproval}\n      initialApprovalState={getSignalApprovalState?.(item)}\n      onApprove={() => onSignalApprove?.(item)}\n      onApproveFeedback={(reasons, detail) => {\n        signalData.onApproveFeedback?.(reasons, detail)\n        console.log(\"Approval feedback:\", { taskId: item.id, company: item.company, reasons, detail })\n      }}\n      onDismiss={(reasons, detail, subReason) => {\n        signalData.onDismissFeedback?.(reasons, detail, subReason)\n      }}\n    >\n      <div className=\"mx-auto w-full max-w-3xl p-6 pb-12 md:p-8\">\n        <div className=\"pb-8\">\n          {/* Header */}\n          <div className=\"mb-4 flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              <ArrowLeft className=\"h-3.5 w-3.5\" />\n              Back\n            </button>\n            <span className=\"text-muted-foreground/40\">&middot;</span>\n            <span className=\"text-xs text-muted-foreground\">{item.company}</span>\n          </div>\n\n          <div className=\"mb-3 flex flex-wrap items-start gap-x-3 gap-y-2\">\n            <div className=\"min-w-0 flex-1\">\n              <h1 className=\"text-2xl font-bold tracking-tight text-foreground\">{item.title}</h1>\n              {renderTitleSubtext?.(item)}\n            </div>\n            {renderTitleExtra?.(item)}\n          </div>\n\n          <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n            <SignalPriorityPopover\n              score={signalData.score}\n              urgencyLabel={signalData.urgencyLabel}\n              urgencyExplanation={signalData.urgencyExplanation ?? signalData.signalBrief}\n              factors={signalData.priorityFactors ?? []}\n              metaText={undefined}\n              feedbackChips={signalData.priorityFeedbackChips}\n              onFeedbackSubmit={signalData.onPriorityFeedback}\n            />\n            {signalData.timeChipLabel && (\n              <Badge variant=\"outline\" title={signalData.timeChipDetail ?? undefined}>\n                {signalData.timeChipLabel}\n              </Badge>\n            )}\n            <button\n              type=\"button\"\n              onClick={onOpenEntityPanel}\n              className=\"ml-1 inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-muted/30 px-2 py-1 transition-colors hover:bg-muted/50\"\n            >\n              <div className=\"flex h-4 w-4 items-center justify-center rounded bg-muted-foreground/10 text-[9px] font-semibold text-muted-foreground\">\n                {item.company.substring(0, 1)}\n              </div>\n              <span className=\"text-xs font-medium text-foreground\">{item.company}</span>\n              <ChevronRight className=\"h-3 w-3 text-muted-foreground/50\" />\n            </button>\n            {renderMetadataExtra?.(item)}\n          </div>\n\n          {/* Signal Brief */}\n          {sections.signalBrief && (() => {\n            const briefHeading = signalBriefCopy?.heading ?? \"Signal brief\"\n            const introOpt = signalBriefCopy?.intro\n            const briefIntro =\n              introOpt === null\n                ? null\n                : typeof introOpt === \"function\"\n                  ? introOpt(item)\n                  : introOpt ?? `Signals indicate a potential opportunity for ${item.company}.`\n            const isProminent = briefStyleVariant === \"prominent\";\n            return (\n              <div className=\"mb-8\">\n                {briefHeading ? (\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider mb-3\">{briefHeading}</h3>\n                ) : null}\n                {briefIntro && !signalData.signalBrief ? (\n                  <p className={isProminent\n                    ? \"text-sm text-foreground/70 leading-relaxed mb-2\"\n                    : \"text-sm text-muted-foreground leading-relaxed mb-2\"\n                  }>\n                    {briefIntro}\n                  </p>\n                ) : null}\n                {signalData.signalBrief ? (\n                  <p className={isProminent\n                    ? \"text-base text-foreground leading-relaxed mb-4\"\n                    : \"text-sm text-foreground/90 leading-relaxed mb-4\"\n                  }>\n                    {signalData.signalBrief}\n                  </p>\n                ) : (\n                  <p className={isProminent\n                    ? \"text-base text-foreground leading-relaxed mb-4\"\n                    : \"text-sm text-foreground/90 leading-relaxed mb-4\"\n                  }>\n                    {signalData.whyNow}\n                  </p>\n                )}\n\n                {/* Before-score content slot (e.g. \"Signals on Case\" chips) */}\n                {renderBeforeScore?.(item)}\n\n                <ScoreWhyChips\n                  item={item}\n                  signalData={signalData}\n                  onOpenSignalBucket={onOpenSignalBucket}\n                />\n                <div className=\"mt-4\">\n                  <SignalApproval.Actions />\n                </div>\n              </div>\n            )\n          })()}\n\n          {/* After-score content slot (e.g. OpportunityPanel) */}\n          {renderAfterScore?.(item)}\n\n          {/* Activity Timeline */}\n          {sections.timeline && timelineEvents.length > 0 && (\n            <div className=\"mb-8\">\n              <button\n                type=\"button\"\n                onClick={() => setShowTimeline((prev) => !prev)}\n                className=\"group/timeline flex w-full items-center justify-between gap-2 py-2 rounded-md transition-colors hover:bg-muted/40 -mx-2 px-2 cursor-pointer\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider group-hover/timeline:text-foreground transition-colors\">Activity timeline</h3>\n                  {!showTimeline && attentionCount != null && attentionCount > 0 && (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-destructive/10 px-1.5 py-0.5 text-[10px] font-semibold text-destructive border border-destructive/20\">\n                      {attentionCount} new\n                    </span>\n                  )}\n                  {!showTimeline && (lastActivityTime || (timelineEvents.length > 0 && timelineEvents[0].time)) && (\n                    <span className=\"text-[11px] text-muted-foreground/60\">\n                      &middot; Last activity {lastActivityTime ?? timelineEvents[0]?.time ?? ''}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[11px] font-medium text-muted-foreground\">{timelineEvents.length} events</span>\n                  <ChevronDown className={`h-3.5 w-3.5 text-muted-foreground transition-transform duration-200 ${showTimeline ? \"rotate-180\" : \"\"}`} />\n                </div>\n              </button>\n              {showTimeline && (\n                <div className=\"mt-3\">\n                  <TimelineActivity events={timelineEvents} />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Suggested Actions */}\n        {sections.suggestedActions && (\n          <SignalApproval.Gate>\n            <SuggestedActions\n              actions={suggestedActions}\n              accountContacts={accountContacts}\n              signature={emailSignature}\n              iconMap={iconMap}\n              onDismiss={(id) => console.log(\"Dismiss action:\", id)}\n              onSend={(id) => console.log(\"Send action:\", id)}\n              onSaveDraft={(id) => console.log(\"Save draft:\", id)}\n              onDuplicate={handleDuplicate}\n              onOpenAccountDetails={onOpenEntityPanel}\n              onOpenRecentActivity={onOpenRecentActivity}\n              onMarkComplete={(id) => console.log(\"Mark complete:\", id)}\n              onDispatchAgent={(id) => console.log(\"Dispatch agent:\", id)}\n            />\n          </SignalApproval.Gate>\n        )}\n        {renderDetailExtra?.(item)}\n      </div>\n    </SignalApproval.Root>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Main Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeInboxView({\n  items,\n  filterCategories,\n  detailSections,\n  accountContacts = [],\n  buildAccountContacts,\n  emailSignature = \"\",\n  buildSuggestedActions: buildSuggestedActionsProp,\n  buildSourceItems: buildSourceItemsProp,\n  getSignalScore: getSignalScoreProp,\n  getTimelineEvents,\n  iconMap = {},\n  hideToolbarActions,\n  hideHoverActions,\n  onSuggestedActionFeedback,\n  onScoreFeedback,\n  onOpenSignalBucket,\n  headerActions,\n  onOpenEntityPanel,\n  onOpenRecentActivity,\n  onItemSelect,\n  defaultViewMode,\n  buildEntityChips,\n  quickFilterTabs,\n  hideAccountsButton,\n  accountDetailsLabel,\n  onSignalApprove,\n  getSignalApprovalState,\n  signalLabels,\n  hideApproveButton,\n  signalBriefCopy,\n  briefStyleVariant,\n  renderDetailExtra,\n  renderBeforeScore,\n  renderAfterScore,\n  lastActivityTime,\n  renderTitleExtra,\n  renderTitleSubtext,\n  sortOptions,\n  activeSortId,\n  onSortChange,\n}: PrototypeInboxViewProps) {\n  const [inboxViewMode, setInboxViewMode] = React.useState<\"inbox\" | \"list\" | \"detail\">(\n    defaultViewMode === \"list\" ? \"list\" : defaultViewMode === \"split\" ? \"inbox\" : \"inbox\"\n  )\n  const [previousViewMode, setPreviousViewMode] = React.useState<\"inbox\" | \"list\">(\"inbox\")\n  const [selectedTask, setSelectedTask] = React.useState(items[0])\n  const [inboxAssignee, setInboxAssignee] = React.useState<AssigneeFilter>(\"me\")\n  const [inboxFilters, setInboxFilters] = React.useState<Record<string, string>>({})\n  const [activeQuickFilter, setActiveQuickFilter] = React.useState<string>(\"all\")\n  const [splitViewSearch, setSplitViewSearch] = React.useState(\"\")\n\n  const sections = React.useMemo(\n    () => ({ ...DEFAULT_DETAIL_SECTIONS, ...detailSections }),\n    [detailSections],\n  )\n\n  const resolvedFilterCategories: InboxFilterCategory[] = React.useMemo(\n    () =>\n      filterCategories ?? [\n        {\n          id: \"category\",\n          label: \"Category\",\n          icon: <Tag className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.tag1))],\n        },\n        {\n          id: \"account\",\n          label: \"Account\",\n          icon: <Building className=\"h-3.5 w-3.5 text-muted-foreground\" />,\n          options: [...new Set(items.map((i) => i.company))],\n        },\n      ],\n    [filterCategories, items],\n  )\n\n  const buildSuggestedActions = React.useMemo(\n    () => buildSuggestedActionsProp ?? (() => []),\n    [buildSuggestedActionsProp],\n  )\n\n  const buildSourceItems = React.useMemo(\n    () => buildSourceItemsProp ?? (() => []),\n    [buildSourceItemsProp],\n  )\n\n  const getSignalScore = React.useMemo(\n    () => getSignalScoreProp ?? (() => DEFAULT_SIGNAL_SCORE),\n    [getSignalScoreProp],\n  )\n\n  // Build a map from filter category id → QueueItem field for targeted filtering.\n  // Known category ids are mapped explicitly; unknown categories fall back to a\n  // broad search across display fields so consumer-defined filters still work.\n  const filterFieldMap = React.useMemo<\n    Record<string, (item: QueueItem, value: string) => boolean>\n  >(() => {\n    const map: Record<string, (item: QueueItem, value: string) => boolean> = {}\n    for (const cat of resolvedFilterCategories) {\n      switch (cat.id) {\n        case \"category\":\n        case \"signalType\":\n          map[cat.id] = (item, v) => item.tag1.toLowerCase() === v.toLowerCase()\n          break\n        case \"account\":\n          map[cat.id] = (item, v) => item.company.toLowerCase() === v.toLowerCase()\n          break\n        default:\n          // Fallback: check all display fields\n          map[cat.id] = (item, v) => {\n            const lv = v.toLowerCase()\n            return (\n              item.tag1.toLowerCase() === lv ||\n              item.company.toLowerCase() === lv ||\n              item.title.toLowerCase().includes(lv) ||\n              item.details.toLowerCase().includes(lv)\n            )\n          }\n      }\n    }\n    return map\n  }, [resolvedFilterCategories])\n\n  // Filter items for list view based on toolbar filters\n  const filteredItems = React.useMemo(() => {\n    const activeFilters = Object.entries(inboxFilters).filter(\n      ([, value]) => value && value !== \"all\"\n    )\n    if (activeFilters.length === 0) return items\n    return items.filter((item) =>\n      activeFilters.every(([key, value]) => {\n        const matcher = filterFieldMap[key]\n        return matcher ? matcher(item, value) : true\n      })\n    )\n  }, [items, inboxFilters, filterFieldMap])\n\n  // Resolve quick filter tabs once — used by both the split view filter and\n  // the tab bar render. Each tab's `matchValue` (falling back to `label`) is\n  // compared against `item.tag1` so consumer labels can differ from data values.\n  type QuickFilterTab = { id: string; label: string; matchValue?: string; count?: number }\n  const resolvedQuickFilterTabs = React.useMemo<QuickFilterTab[]>(() => {\n    if (quickFilterTabs) return quickFilterTabs\n    // Derive default tabs from the actual item tag1 values\n    const uniqueTags = [...new Set(items.map((i) => i.tag1))]\n    return uniqueTags.map((tag) => ({\n      id: tag.toLowerCase().replace(/\\s+/g, \"-\"),\n      label: tag,\n    }))\n  }, [quickFilterTabs, items])\n\n  // Compute per-tab counts once so they can be displayed in the tab bar\n  const quickFilterTabCounts = React.useMemo(() => {\n    const counts: Record<string, number> = {}\n    for (const tab of resolvedQuickFilterTabs) {\n      const match = (tab.matchValue ?? tab.label).toLowerCase()\n      counts[tab.id] = items.filter((i) => i.tag1.toLowerCase() === match).length\n    }\n    return counts\n  }, [resolvedQuickFilterTabs, items])\n\n  // Filter items for split view based on quick filter tabs and search\n  const splitViewItems = React.useMemo(() => {\n    let filtered = items\n    // Apply quick filter tab\n    if (activeQuickFilter !== \"all\") {\n      const activeTab = resolvedQuickFilterTabs.find((t) => t.id === activeQuickFilter)\n      if (activeTab) {\n        const match = (activeTab.matchValue ?? activeTab.label).toLowerCase()\n        filtered = filtered.filter(\n          (item) => item.tag1.toLowerCase() === match\n        )\n      }\n    }\n    // Apply search input\n    if (splitViewSearch.trim()) {\n      const q = splitViewSearch.trim().toLowerCase()\n      filtered = filtered.filter(\n        (item) =>\n          item.tag1.toLowerCase().includes(q) ||\n          item.company.toLowerCase().includes(q) ||\n          item.title.toLowerCase().includes(q)\n      )\n    }\n    return filtered\n  }, [items, activeQuickFilter, resolvedQuickFilterTabs, splitViewSearch])\n\n  // Grouped items for list view — one group per severity tier so items\n  // are labelled correctly (e.g. \"Urgent\", \"High\", \"Active\").\n  const inboxGroups = React.useMemo<GroupedListGroup<QueueItem>[]>(() => {\n    const urgent = filteredItems.filter((i) => i.statusColor === \"red\")\n    const high = filteredItems.filter((i) => i.statusColor === \"orange\")\n    const active = filteredItems.filter((i) => i.statusColor !== \"red\" && i.statusColor !== \"orange\")\n    return [\n      { key: \"urgent\", label: \"Urgent\", items: urgent },\n      { key: \"high\", label: \"High\", items: high },\n      { key: \"active\", label: \"Active\", items: active },\n    ].filter((g) => g.items.length > 0)\n  }, [filteredItems])\n\n  const renderInboxRow = React.useCallback(\n    (item: QueueItem) => (\n      <>\n        <span className={`h-2 w-2 shrink-0 rounded-full ${dotColorClass(item.statusColor)}`} />\n        <span className=\"w-[80px] shrink-0 font-mono text-xs text-muted-foreground/80\">{item.id}</span>\n        <span className=\"shrink-0 rounded-md border border-border bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground whitespace-nowrap\">{item.tag1}</span>\n        <span className=\"min-w-0 flex-1 truncate text-sm font-semibold text-foreground\">{item.title}</span>\n        <span className=\"w-[120px] shrink-0 truncate text-xs font-medium text-foreground\">{item.company}</span>\n        <span className=\"w-[80px] shrink-0 text-right text-xs text-muted-foreground\">{item.time}</span>\n      </>\n    ),\n    [],\n  )\n\n  const handleInboxItemSelect = React.useCallback(\n    (item: QueueItem) => {\n      setSelectedTask(item)\n      if (onItemSelect) {\n        onItemSelect(item)\n      } else if (inboxViewMode === \"list\") {\n        setPreviousViewMode(\"list\")\n        setInboxViewMode(\"detail\")\n      }\n    },\n    [inboxViewMode, onItemSelect],\n  )\n\n  const handleBackFromDetail = React.useCallback(() => {\n    setInboxViewMode(previousViewMode)\n  }, [previousViewMode])\n\n  const handleViewModeChange = React.useCallback((id: string) => {\n    const mode = id as \"inbox\" | \"list\" | \"detail\"\n    if (mode !== \"detail\") {\n      setPreviousViewMode(mode)\n    }\n    setInboxViewMode(mode)\n  }, [])\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(\"(max-width: 768px)\")\n    function handleChange(e: MediaQueryListEvent | MediaQueryList) {\n      if (e.matches && inboxViewMode === \"inbox\") {\n        setPreviousViewMode(\"inbox\")\n        setInboxViewMode(\"detail\")\n      }\n    }\n    handleChange(mql)\n    mql.addEventListener(\"change\", handleChange)\n    return () => mql.removeEventListener(\"change\", handleChange)\n  }, [inboxViewMode])\n\n  const detailViewProps: DetailViewProps = {\n    item: selectedTask,\n    sections,\n    getSignalScore,\n    buildSuggestedActions,\n    buildSourceItems,\n    getTimelineEvents,\n    accountContacts: buildAccountContacts?.(selectedTask) ?? accountContacts,\n    emailSignature,\n    iconMap,\n    onOpenEntityPanel,\n    onOpenRecentActivity,\n    onSuggestedActionFeedback,\n    onScoreFeedback,\n    onSignalApprove,\n    getSignalApprovalState,\n    signalLabels,\n    hideApproveButton,\n    signalBriefCopy,\n    briefStyleVariant,\n    renderDetailExtra,\n    renderBeforeScore,\n    renderAfterScore,\n    lastActivityTime,\n    renderTitleExtra,\n    renderTitleSubtext,\n    onOpenSignalBucket,\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0\">\n        <div className=\"flex items-center gap-3\">\n          {inboxViewMode === \"detail\" ? (\n            <button\n              type=\"button\"\n              onClick={handleBackFromDetail}\n              className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          ) : null}\n          <h2 className=\"text-lg font-semibold text-foreground\">Inbox</h2>\n          <Badge variant=\"secondary\" className=\"bg-muted text-muted-foreground hover:bg-muted font-medium text-[11px] px-2 py-0.5 rounded-md\">\n            {items.length}\n          </Badge>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <ViewModeToggle\n            modes={[\n              { id: \"inbox\", icon: <Columns2 className=\"h-3.5 w-3.5\" />, label: \"Split View\" },\n              { id: \"list\", icon: <LayoutList className=\"h-3.5 w-3.5\" />, label: \"List View\" },\n              { id: \"detail\", icon: <Square className=\"h-3.5 w-3.5\" />, label: \"Detail View\" },\n            ]}\n            activeMode={inboxViewMode}\n            onModeChange={handleViewModeChange}\n          />\n          {headerActions}\n        </div>\n      </div>\n\n      {/* View modes */}\n      {inboxViewMode === \"detail\" ? (\n        <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n          <div className=\"flex-1 overflow-y-auto\">\n            <DetailView {...detailViewProps} />\n          </div>\n        </div>\n      ) : inboxViewMode === \"list\" ? (\n        <div className=\"flex-1 overflow-y-auto bg-background\">\n          <InboxToolbar\n            assignee={inboxAssignee}\n            onAssigneeChange={setInboxAssignee}\n            filterCategories={resolvedFilterCategories}\n            selectedFilters={inboxFilters}\n            onFilterChange={(catId, val) =>\n              setInboxFilters((prev) => ({ ...prev, [catId]: val }))\n            }\n            onClearFilters={() => setInboxFilters({})}\n          />\n          <GroupedListView<QueueItem>\n            groups={inboxGroups}\n            renderRow={renderInboxRow}\n            getItemKey={(item) => item.id}\n            selectedKey={selectedTask.id}\n            onItemClick={handleInboxItemSelect}\n            emptyMessage=\"No inbox items\"\n          />\n        </div>\n      ) : (\n        /* Split view */\n        <div className=\"flex h-full min-h-0 w-full flex-1\">\n          <div className=\"flex h-full min-w-[380px] w-[380px] flex-col border-r border-border bg-background shadow-sm z-10\">\n            <div className=\"flex flex-col gap-4 border-b border-border p-4 shrink-0\">\n              {!hideToolbarActions && (\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-1\">\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Eye className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><FileText className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><Clock className=\"w-4 h-4\" /></Button>\n                    <Button variant=\"outline\" size=\"icon\" className=\"h-8 w-8 text-muted-foreground\"><CheckSquare className=\"w-4 h-4\" /></Button>\n                  </div>\n                  <Button size=\"sm\" className=\"h-8 px-4 bg-foreground text-background hover:bg-foreground/90 text-xs font-semibold gap-1.5 rounded-md\">\n                    <Plus className=\"w-4 h-4\" /> Add Task\n                  </Button>\n                </div>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <div className=\"relative flex-1\">\n                  <Filter className=\"absolute left-2.5 top-1.5 w-4 h-4 text-muted-foreground\" />\n                  <Input\n                    className=\"h-8 pl-8 text-xs bg-background border-border rounded-md shadow-none\"\n                    placeholder=\"Filter by category...\"\n                    value={splitViewSearch}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSplitViewSearch(e.target.value)}\n                  />\n                </div>\n                {sortOptions && sortOptions.length > 0 && (\n                  <DropdownMenu>\n                    <DropdownMenuTrigger asChild>\n                      <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-medium rounded-md shadow-none gap-1.5\">\n                        <ArrowUpDown className=\"w-3.5 h-3.5\" />\n                        {sortOptions.find(o => o.id === activeSortId)?.label ?? 'Sort'}\n                        <ChevronDown className=\"w-3 h-3\" />\n                      </Button>\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent align=\"end\">\n                      <DropdownMenuRadioGroup value={activeSortId ?? ''} onValueChange={(val) => onSortChange?.(val)}>\n                        {sortOptions.map(option => (\n                          <DropdownMenuRadioItem key={option.id} value={option.id}>\n                            {option.label}\n                          </DropdownMenuRadioItem>\n                        ))}\n                      </DropdownMenuRadioGroup>\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                )}\n                {!hideAccountsButton && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-medium rounded-md shadow-none\">\n                    <Building className=\"w-3.5 h-3.5 mr-1.5\" /> {accountDetailsLabel ?? \"Accounts\"}\n                  </Button>\n                )}\n              </div>\n              <div className=\"flex items-center gap-1.5 overflow-x-auto pb-1 mt-1 scrollbar-hide\">\n                <Button\n                  size=\"sm\"\n                  variant={activeQuickFilter === \"all\" ? \"default\" : \"outline\"}\n                  className={`h-7 rounded-full px-3.5 text-[11px] font-semibold shadow-none ${\n                    activeQuickFilter === \"all\"\n                      ? \"bg-foreground text-background hover:bg-foreground/90\"\n                      : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                  }`}\n                  onClick={() => setActiveQuickFilter(\"all\")}\n                >\n                  All\n                </Button>\n                {resolvedQuickFilterTabs.map((tab) => {\n                  const count = tab.count ?? quickFilterTabCounts[tab.id]\n                  return (\n                    <Button\n                      key={tab.id}\n                      size=\"sm\"\n                      variant={activeQuickFilter === tab.id ? \"default\" : \"outline\"}\n                      className={`h-7 rounded-full px-3.5 text-[11px] font-medium shadow-none ${\n                        activeQuickFilter === tab.id\n                          ? \"bg-foreground text-background hover:bg-foreground/90\"\n                          : \"bg-transparent border-border text-muted-foreground hover:text-foreground\"\n                      }`}\n                      onClick={() => setActiveQuickFilter(tab.id)}\n                    >\n                      {tab.label}{count != null && count > 0 ? ` (${count})` : \"\"}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto\">\n              {splitViewItems.map((item) => (\n                <div\n                  key={item.id}\n                  onClick={() => { setSelectedTask(item); onItemSelect?.(item) }}\n                  className={`cursor-pointer border-b border-border p-4 transition-colors group relative border-l-2 ${\n                    selectedTask.id === item.id\n                      ? \"bg-muted/30 border-l-brand-purple\"\n                      : \"bg-transparent border-l-transparent hover:bg-muted/10\"\n                  }`}\n                >\n                  <div className=\"mb-1.5 flex items-center gap-2\">\n                    <span className=\"min-w-0 truncate text-[13px] font-semibold text-foreground leading-tight\">{item.title}</span>\n                    {selectedTask.id !== item.id && item.tag1 && (\n                      <span className=\"shrink-0 rounded-md border border-border bg-muted/60 px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                        {item.tag1}\n                      </span>\n                    )}\n                    <span className=\"ml-auto shrink-0 text-[10px] font-medium text-muted-foreground/80\">{item.time}</span>\n                  </div>\n                  <div className=\"flex items-start gap-2 mt-2\">\n                    <span className={`w-1.5 h-1.5 rounded-full shrink-0 mt-1.5 ${dotColorClass(item.statusColor)}`} />\n                    <span className=\"text-xs text-muted-foreground leading-tight\">{item.details}</span>\n                  </div>\n                  {buildEntityChips && (() => {\n                    const chips = buildEntityChips(item)\n                    if (!chips.length) return null\n                    return (\n                      <div className=\"flex items-center gap-1.5 mt-2 flex-wrap\">\n                        {chips.map((chip) => (\n                          <button\n                            key={chip.id}\n                            type=\"button\"\n                            onClick={(e) => { e.stopPropagation(); chip.onClick?.() }}\n                            className=\"inline-flex items-center gap-1 rounded-md border border-border/60 bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground\"\n                          >\n                            <span className=\"flex h-3.5 w-3.5 items-center justify-center rounded bg-muted-foreground/10 text-[8px] font-semibold\">{chip.avatarLetter}</span>\n                            {chip.label}\n                          </button>\n                        ))}\n                      </div>\n                    )\n                  })()}\n                  {!hideHoverActions && (\n                    <div className={`absolute right-4 bottom-4 flex items-center gap-1.5 bg-background shadow-sm rounded-md px-1 py-0.5 border border-border ${\n                      selectedTask.id === item.id ? \"opacity-100\" : \"opacity-0 group-hover:opacity-100 transition-opacity\"\n                    }`}>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><CheckSquare className=\"w-3.5 h-3.5\" /></Button>\n                      <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 rounded text-muted-foreground hover:text-foreground\"><Clock className=\"w-3.5 h-3.5\" /></Button>\n                    </div>\n                  )}\n                </div>\n              ))}\n              <div className=\"p-4\">\n                <Button variant=\"outline\" size=\"sm\" className=\"h-8 text-xs font-semibold rounded-md shadow-none\">See more</Button>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex h-full flex-1 flex-col overflow-hidden bg-background\">\n            <div className=\"flex-1 overflow-y-auto\">\n              <DetailView {...detailViewProps} />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a"]}

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

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

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

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

package/dist/{signal-priority-popover-DWaAMhPI.d.ts → signal-priority-popover-DQ_VuHac.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PersistedFeedbackData, FeedbackChipTree, FeedbackSubmitData } from './components/feedback-primitives.js';
+import { FeedbackChipTree, FeedbackSubmitData } from './components/feedback-primitives.js';
 import { SidebarNavSection } from './components/quick-action-sidebar-nav.js';
 import { ScoreFactor } from './components/score-breakdown.js';
 import { SuggestedContact, SuggestedAction } from './components/suggested-actions.js';
@@ -48,10 +48,6 @@ interface SignalScoreExplanationSignal {
         type: string;
         count: number;
     }>;
-    /** Current balance value (e.g., "$3.0M") for balance context strip. */
-    currentBalance?: string;
-    /** Additional balance context text (e.g., "down from $23M"). */
-    balanceContext?: string;
 }
 interface SignalScoreExplanationBucket {
     key: string;
@@ -97,16 +93,6 @@ interface SignalScoreData {
         type: "up" | "down";
         detail: string;
     }>;
-    /** Factor-level feedback for the priority popover rows (keyed by factor key). */
-    initialFactorPopoverFeedback?: Record<string, {
-        type: "up" | "down";
-        detail: string;
-        ownershipLabel?: string;
-    }>;
-    /** Persisted bucket-level feedback, keyed by bucket key. */
-    initialBucketFeedback?: Record<string, PersistedFeedbackData>;
-    /** Persisted priority-level feedback for the popover footer. */
-    initialPriorityFeedback?: PersistedFeedbackData | null;
     /** Priority factors for the popover breakdown. */
     priorityFactors?: PriorityFactor[];
     /** Negative feedback chip tree for the priority popover. */
@@ -398,17 +384,7 @@ interface SignalPriorityPopoverProps {
     feedbackChips?: FeedbackChipTree[];
     onFeedbackSubmit?: (data: FeedbackSubmitData) => void;
     className?: string;
-    /** Persisted factor-level feedback (keyed by factor key). */
-    initialFactorFeedback?: Record<string, {
-        type: "up" | "down";
-        detail: string;
-        ownershipLabel?: string;
-    }>;
-    /** Callback when user submits factor-level feedback. */
-    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    /** Persisted priority-level feedback for the footer. */
-    initialPriorityFeedback?: PersistedFeedbackData | null;
 }
-declare function SignalPriorityPopover({ score, urgencyLabel: providedLabel, urgencyExplanation, factors, metaText, feedbackChips, onFeedbackSubmit, className, initialFactorFeedback, onFactorFeedback, initialPriorityFeedback, }: SignalPriorityPopoverProps): React.JSX.Element;
+declare function SignalPriorityPopover({ score, urgencyLabel: providedLabel, urgencyExplanation, factors, metaText, feedbackChips, onFeedbackSubmit, className, }: SignalPriorityPopoverProps): React.JSX.Element;
 
 export { type AccountFilterTab as A, type BriefStyleVariant as B, type EntityPanelConfig as E, type InboxDetailSections as I, type PriorityFactor as P, type QueueItem as Q, SignalPriorityPopover as S, type WorkQueueViewConfig as W, type AccountsViewConfig as a, type AdminTab as b, type AdminViewConfig as c, type EntityPanelSection as d, type InboxSortOption as e, type InboxViewConfig as f, type InsightsCustomTab as g, type InsightsViewConfig as h, type PrototypeBrandConfig as i, type PrototypeConfig as j, type SignalPriorityPopoverProps as k, type SignalScoreData as l, type SignalScoreExplanationBucket as m, type SignalScoreExplanationSignal as n, type SignalScoreUrgencyLabel as o };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handled-ai/design-system",
-  "version": "0.18.4",
+  "version": "0.18.5",
   "description": "Handled UI component library (shadcn-style, New York)",
   "type": "module",
   "packageManager": "pnpm@9.12.0",
@@ -171,11 +171,9 @@
     "eslint": "^9.32.0",
     "eslint-config-next": "15.3.1",
     "happy-dom": "^20.9.0",
-    "lucide-react": "^1.16.0",
     "next": "15.5.9",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "recharts": "^3.8.1",
     "shadcn": "^3.0.0",
     "tailwindcss": "^4.1.11",
     "three": "^0.183.1",

package/src/charts/__tests__/insights-charts.test.tsx

@@ -0,0 +1,62 @@
+import React from "react"
+import { describe, expect, it, vi } from "vitest"
+import { render, screen, fireEvent } from "@testing-library/react"
+
+import { EmptyChartState } from "../empty-chart-state"
+import { PipelineOverview, type PipelineStage, type PipelineStageMetrics } from "../pipeline-overview"
+
+vi.mock("@nivo/sankey", () => ({
+  ResponsiveSankey: ({ data }: { data: { nodes: unknown[]; links: unknown[] } }) => (
+    <div data-testid="mock-sankey">{data.nodes.length}:{data.links.length}</div>
+  ),
+}))
+
+const stages: PipelineStage[] = [
+  { id: "received", label: "Received", count: 100, trend: "+5%", nextConversion: "80%" },
+  { id: "contacted", label: "Contacted", count: 80, trend: "+3%", nextConversion: null },
+]
+
+const metrics: Record<string, PipelineStageMetrics> = {
+  received: { medianTime: "1d", avgTime: "2d", dropOffs: [] },
+  contacted: { medianTime: "2d", avgTime: "3d", dropOffs: [] },
+}
+
+function renderPipeline(variant?: "sankey" | "compact", onFilterChange = vi.fn()) {
+  return render(
+    <PipelineOverview
+      variant={variant}
+      stages={stages}
+      stageMetrics={metrics}
+      stageTimings={[{ median: "1d", avg: "2d" }, null]}
+      filterOptions={["Facility", "Source"]}
+      onFilterChange={onFilterChange}
+    />
+  )
+}
+
+describe("Insights chart primitives", () => {
+  it("EmptyChartState renders defaults and action", () => {
+    const { container } = render(<EmptyChartState action={<button type="button">Reset</button>} />)
+
+    expect(container.querySelector('[data-slot="empty-chart-state"]')).not.toBeNull()
+    expect(screen.getByText("No chart data")).not.toBeNull()
+    expect(screen.getByRole("button", { name: "Reset" })).not.toBeNull()
+  })
+
+  it("PipelineOverview default variant preserves Sankey rendering and callbacks", () => {
+    const onFilterChange = vi.fn()
+    renderPipeline(undefined, onFilterChange)
+
+    expect(screen.getByTestId("mock-sankey")).not.toBeNull()
+    fireEvent.click(screen.getByRole("button", { name: "Source" }))
+    expect(onFilterChange).toHaveBeenCalledWith("Source")
+  })
+
+  it("PipelineOverview compact variant renders compact bars instead of Sankey", () => {
+    const { container } = renderPipeline("compact")
+
+    expect(screen.queryByTestId("mock-sankey")).toBeNull()
+    expect(container.querySelector('[data-slot="pipeline-overview-compact"]')).not.toBeNull()
+    expect(container.querySelectorAll('[data-slot="pipeline-overview-compact-bar"]')).toHaveLength(2)
+  })
+})

package/src/charts/empty-chart-state.tsx

@@ -0,0 +1,44 @@
+import * as React from "react"
+import { BarChart3 } from "lucide-react"
+
+import { cn } from "../lib/utils"
+
+export interface EmptyChartStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  title?: React.ReactNode
+  description?: React.ReactNode
+  icon?: React.ReactNode
+  action?: React.ReactNode
+}
+
+export function EmptyChartState({
+  title = "No chart data",
+  description = "Try adjusting filters or selecting a different time range.",
+  icon,
+  action,
+  className,
+  ...props
+}: EmptyChartStateProps) {
+  return (
+    <div
+      data-slot="empty-chart-state"
+      className={cn(
+        "flex min-h-[240px] flex-col items-center justify-center rounded-xl border border-dashed border-border bg-muted/30 p-8 text-center",
+        className
+      )}
+      {...props}
+    >
+      <div data-slot="empty-chart-state-icon" className="mb-3 text-muted-foreground [&>svg]:h-10 [&>svg]:w-10">
+        {icon ?? <BarChart3 aria-hidden="true" />}
+      </div>
+      <div data-slot="empty-chart-state-title" className="text-sm font-semibold text-foreground">
+        {title}
+      </div>
+      {description ? (
+        <div data-slot="empty-chart-state-description" className="mt-1 max-w-sm text-sm text-muted-foreground">
+          {description}
+        </div>
+      ) : null}
+      {action ? <div data-slot="empty-chart-state-action" className="mt-4">{action}</div> : null}
+    </div>
+  )
+}

package/src/charts/index.ts

@@ -11,3 +11,4 @@ export * from "./volume-analysis-chart"
 export * from "./top-line-metrics"
 export * from "./pipeline-overview"
 export * from "./sankey-chart"
+export * from "./empty-chart-state"

package/src/charts/pipeline-overview.tsx

@@ -125,6 +125,7 @@ function StageHoverCard({
 
 export interface PipelineOverviewProps {
   title?: string
+  variant?: "sankey" | "compact"
   stages: PipelineStage[]
   stageMetrics: Record<string, PipelineStageMetrics>
   stageTimings: (PipelineStageTiming | null)[]
@@ -162,6 +163,7 @@ export interface PipelineOverviewProps {
 
 export function PipelineOverview({
   title = "Pipeline Overview",
+  variant = "sankey",
   stages,
   stageMetrics,
   stageTimings,
@@ -217,6 +219,10 @@ export function PipelineOverview({
     [sankeyMargin],
   )
   const effectiveLabelPadding = sankeyLabelPadding ?? 16
+  const compactMaxCount = React.useMemo(
+    () => Math.max(...stages.map((stage) => stage.count), 1),
+    [stages],
+  )
 
   const sankeyData = React.useMemo(() => {
     const breakdown =
@@ -424,8 +430,41 @@ export function PipelineOverview({
         })}
       </div>
 
-      {/* Sankey Chart */}
+      {variant === "compact" ? (
+        <div data-slot="pipeline-overview-compact" className="mt-4 space-y-2">
+          {stages.map((stage, index) => {
+            const width = `${Math.max((stage.count / compactMaxCount) * 100, 4)}%`
+
+            return (
+              <div key={stage.id} className="rounded-lg border border-border bg-background p-3">
+                <div className="mb-2 flex items-center justify-between gap-3">
+                  <div className="min-w-0">
+                    <div className="truncate text-sm font-medium text-foreground">{stage.label}</div>
+                    <div className="text-xs text-muted-foreground">{stage.trend}</div>
+                  </div>
+                  <div className="text-right text-lg font-bold text-foreground">
+                    {stage.count.toLocaleString()}
+                  </div>
+                </div>
+                <div className="h-2 overflow-hidden rounded-full bg-muted">
+                  <div
+                    data-slot="pipeline-overview-compact-bar"
+                    className="h-full rounded-full bg-emerald-600"
+                    style={{ width }}
+                  />
+                </div>
+                {index < stages.length - 1 && stage.nextConversion ? (
+                  <div className="mt-2 text-xs text-muted-foreground">
+                    {stage.nextConversion} to {stages[index + 1]?.label}
+                  </div>
+                ) : null}
+              </div>
+            )
+          })}
+        </div>
+      ) : (
       <div
+        data-slot="pipeline-overview-sankey"
         className="relative mt-4 w-full"
         style={{ height: 400, minWidth: 0 }}
       >
@@ -471,6 +510,7 @@ export function PipelineOverview({
           }}
         />
       </div>
+      )}
     </div>
   )
 }