@handled-ai/design-system 0.18.4 → 0.18.5

package/dist/charts/chart.d.ts

@@ -48,7 +48,7 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
     labelClassName?: string;
     color?: string;
 }): React.JSX.Element | null;
-declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
 type LegendPayloadItem = {
     value?: string;
     dataKey?: string;

package/dist/charts/empty-chart-state.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface EmptyChartStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+declare function EmptyChartState({ title, description, icon, action, className, ...props }: EmptyChartStateProps): React.JSX.Element;
+
+export { EmptyChartState, type EmptyChartStateProps };

package/dist/charts/empty-chart-state.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BarChart3 } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function EmptyChartState(_a) {
+  var _b = _a, {
+    title = "No chart data",
+    description = "Try adjusting filters or selecting a different time range.",
+    icon,
+    action,
+    className
+  } = _b, props = __objRest(_b, [
+    "title",
+    "description",
+    "icon",
+    "action",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "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), {
+      children: [
+        /* @__PURE__ */ jsx("div", { "data-slot": "empty-chart-state-icon", className: "mb-3 text-muted-foreground [&>svg]:h-10 [&>svg]:w-10", children: icon != null ? icon : /* @__PURE__ */ jsx(BarChart3, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "empty-chart-state-title", className: "text-sm font-semibold text-foreground", children: title }),
+        description ? /* @__PURE__ */ jsx("div", { "data-slot": "empty-chart-state-description", className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }) : null,
+        action ? /* @__PURE__ */ jsx("div", { "data-slot": "empty-chart-state-action", className: "mt-4", children: action }) : null
+      ]
+    })
+  );
+}
+export {
+  EmptyChartState
+};
+//# sourceMappingURL=empty-chart-state.js.map

package/dist/charts/empty-chart-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/empty-chart-state.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { BarChart3 } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\nexport interface EmptyChartStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode\n  description?: React.ReactNode\n  icon?: React.ReactNode\n  action?: React.ReactNode\n}\n\nexport function EmptyChartState({\n  title = \"No chart data\",\n  description = \"Try adjusting filters or selecting a different time range.\",\n  icon,\n  action,\n  className,\n  ...props\n}: EmptyChartStateProps) {\n  return (\n    <div\n      data-slot=\"empty-chart-state\"\n      className={cn(\n        \"flex min-h-[240px] flex-col items-center justify-center rounded-xl border border-dashed border-border bg-muted/30 p-8 text-center\",\n        className\n      )}\n      {...props}\n    >\n      <div data-slot=\"empty-chart-state-icon\" className=\"mb-3 text-muted-foreground [&>svg]:h-10 [&>svg]:w-10\">\n        {icon ?? <BarChart3 aria-hidden=\"true\" />}\n      </div>\n      <div data-slot=\"empty-chart-state-title\" className=\"text-sm font-semibold text-foreground\">\n        {title}\n      </div>\n      {description ? (\n        <div data-slot=\"empty-chart-state-description\" className=\"mt-1 max-w-sm text-sm text-muted-foreground\">\n          {description}\n        </div>\n      ) : null}\n      {action ? <div data-slot=\"empty-chart-state-action\" className=\"mt-4\">{action}</div> : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBI,SASa,KATb;AApBJ,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AASZ,SAAS,gBAAgB,IAOP;AAPO,eAC9B;AAAA,YAAQ;AAAA,IACR,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EAjBF,IAYgC,IAM3B,kBAN2B,IAM3B;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QANL;AAAA,MAQC;AAAA,4BAAC,SAAI,aAAU,0BAAyB,WAAU,wDAC/C,gCAAQ,oBAAC,aAAU,eAAY,QAAO,GACzC;AAAA,QACA,oBAAC,SAAI,aAAU,2BAA0B,WAAU,yCAChD,iBACH;AAAA,QACC,cACC,oBAAC,SAAI,aAAU,iCAAgC,WAAU,+CACtD,uBACH,IACE;AAAA,QACH,SAAS,oBAAC,SAAI,aAAU,4BAA2B,WAAU,QAAQ,kBAAO,IAAS;AAAA;AAAA;AAAA,EACxF;AAEJ;","names":[]}

package/dist/charts/index.d.ts

@@ -7,5 +7,6 @@ export { VolumeAnalysisChart, VolumeAnalysisChartProps, VolumeDataKey } from './
 export { MetricCardData, TopLineMetrics, TopLineMetricsProps } from './top-line-metrics.js';
 export { PipelineFilterBreakdown, PipelineOverview, PipelineOverviewProps, PipelineStage, PipelineStageMetrics, PipelineStageTiming } from './pipeline-overview.js';
 export { SankeyChart, SankeyData, SankeyDropOff, SankeyHoverCardData, SankeyLink, SankeyNode, SankeyStageMetrics } from './sankey-chart.js';
+export { EmptyChartState, EmptyChartStateProps } from './empty-chart-state.js';
 import 'react';
 import 'recharts';

package/dist/charts/index.js

@@ -7,4 +7,5 @@ export * from "./volume-analysis-chart.js";
 export * from "./top-line-metrics.js";
 export * from "./pipeline-overview.js";
 export * from "./sankey-chart.js";
+export * from "./empty-chart-state.js";
 //# sourceMappingURL=index.js.map

package/dist/charts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/index.ts"],"sourcesContent":["/**\n * @handled-ai/design-system/charts\n * Chart components requiring recharts and @nivo/sankey\n */\nexport * from \"./chart\"\nexport * from \"./chart-tooltip\"\nexport * from \"./bar-chart-component\"\nexport * from \"./donut-chart\"\nexport * from \"./trend-area-chart\"\nexport * from \"./volume-analysis-chart\"\nexport * from \"./top-line-metrics\"\nexport * from \"./pipeline-overview\"\nexport * from \"./sankey-chart\"\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/charts/index.ts"],"sourcesContent":["/**\n * @handled-ai/design-system/charts\n * Chart components requiring recharts and @nivo/sankey\n */\nexport * from \"./chart\"\nexport * from \"./chart-tooltip\"\nexport * from \"./bar-chart-component\"\nexport * from \"./donut-chart\"\nexport * from \"./trend-area-chart\"\nexport * from \"./volume-analysis-chart\"\nexport * from \"./top-line-metrics\"\nexport * from \"./pipeline-overview\"\nexport * from \"./sankey-chart\"\nexport * from \"./empty-chart-state\"\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/charts/pipeline-overview.d.ts

@@ -25,6 +25,7 @@ interface PipelineFilterBreakdown {
 }
 interface PipelineOverviewProps {
     title?: string;
+    variant?: "sankey" | "compact";
     stages: PipelineStage[];
     stageMetrics: Record<string, PipelineStageMetrics>;
     stageTimings: (PipelineStageTiming | null)[];
@@ -71,6 +72,6 @@ interface PipelineOverviewProps {
     onViewInWorkQueue?: (stageId: string) => void;
     className?: string;
 }
-declare function PipelineOverview({ title, stages, stageMetrics, stageTimings, filterOptions, onFilterChange, filterBreakdowns, countingModes, countingModeTooltip, flowNodes, dropOffDistribution, flowLinks, totalReceived, nodeAmounts, unitLabel, terminalUnitLabel, terminalNodeIds, sankeyMargin, sankeyLabelPadding, alwaysShowConversionBadges, dropOffNodeColor, onViewInWorkQueue: _onViewInWorkQueue, className, }: PipelineOverviewProps): React.JSX.Element;
+declare function PipelineOverview({ title, variant, stages, stageMetrics, stageTimings, filterOptions, onFilterChange, filterBreakdowns, countingModes, countingModeTooltip, flowNodes, dropOffDistribution, flowLinks, totalReceived, nodeAmounts, unitLabel, terminalUnitLabel, terminalNodeIds, sankeyMargin, sankeyLabelPadding, alwaysShowConversionBadges, dropOffNodeColor, onViewInWorkQueue: _onViewInWorkQueue, className, }: PipelineOverviewProps): React.JSX.Element;
 
 export { type PipelineFilterBreakdown, PipelineOverview, type PipelineOverviewProps, type PipelineStage, type PipelineStageMetrics, type PipelineStageTiming };

package/dist/charts/pipeline-overview.js

@@ -89,6 +89,7 @@ function StageHoverCard({
 }
 function PipelineOverview({
   title = "Pipeline Overview",
+  variant = "sankey",
   stages,
   stageMetrics,
   stageTimings,
@@ -143,6 +144,10 @@ function PipelineOverview({
     [sankeyMargin]
   );
   const effectiveLabelPadding = sankeyLabelPadding != null ? sankeyLabelPadding : 16;
+  const compactMaxCount = React.useMemo(
+    () => Math.max(...stages.map((stage) => stage.count), 1),
+    [stages]
+  );
   const sankeyData = React.useMemo(() => {
     var _a, _b, _c, _d, _e, _f;
     const breakdown = (_d = (_a = filterBreakdowns == null ? void 0 : filterBreakdowns[selectedFilter]) == null ? void 0 : _a.received) != null ? _d : { [(_c = (_b = stages[0]) == null ? void 0 : _b.label) != null ? _c : "Received"]: totalReceived };
@@ -302,9 +307,35 @@ function PipelineOverview({
             )
           ] }) }, stage.id);
         }) }),
-        /* @__PURE__ */ jsx(
+        variant === "compact" ? /* @__PURE__ */ jsx("div", { "data-slot": "pipeline-overview-compact", className: "mt-4 space-y-2", children: stages.map((stage, index) => {
+          var _a;
+          const width = `${Math.max(stage.count / compactMaxCount * 100, 4)}%`;
+          return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-background p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-foreground", children: stage.label }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: stage.trend })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "text-right text-lg font-bold text-foreground", children: stage.count.toLocaleString() })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-2 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "pipeline-overview-compact-bar",
+                className: "h-full rounded-full bg-emerald-600",
+                style: { width }
+              }
+            ) }),
+            index < stages.length - 1 && stage.nextConversion ? /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: [
+              stage.nextConversion,
+              " to ",
+              (_a = stages[index + 1]) == null ? void 0 : _a.label
+            ] }) : null
+          ] }, stage.id);
+        }) }) : /* @__PURE__ */ jsx(
           "div",
           {
+            "data-slot": "pipeline-overview-sankey",
             className: "relative mt-4 w-full",
             style: { height: 400, minWidth: 0 },
             children: /* @__PURE__ */ jsx(

package/dist/charts/pipeline-overview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/pipeline-overview.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { TrendingUp, Info, ArrowRight } from \"lucide-react\"\nimport { ResponsiveSankey } from \"@nivo/sankey\"\n\nimport { cn } from \"../lib/utils\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/tooltip\"\n\nexport interface PipelineStage {\n  id: string\n  label: string\n  count: number\n  trend: string\n  nextConversion: string | null\n}\n\nexport interface PipelineStageMetrics {\n  medianTime: string\n  avgTime: string\n  dropOffs: { reason: string; count: number; pct: string }[]\n}\n\nexport interface PipelineStageTiming {\n  median: string\n  avg: string\n}\n\nexport interface PipelineFilterBreakdown {\n  [stageId: string]: Record<string, number>\n}\n\nconst SEGMENT_PALETTE = [\n  \"#0F4C3A\",\n  \"#15803d\",\n  \"#0ea5e9\",\n  \"#8b5cf6\",\n  \"#f59e0b\",\n  \"#ef4444\",\n]\n\nconst DROP_OFF_NODES = [\n  { id: \"Lost/Other\", nodeColor: \"#CBD5E1\" },\n  { id: \"Coverage\", nodeColor: \"#F59E0B\" },\n  { id: \"Unqualified\", nodeColor: \"#F59E0B\" },\n  { id: \"No Contact\", nodeColor: \"#F59E0B\" },\n  { id: \"Intake Drop\", nodeColor: \"#F59E0B\" },\n  { id: \"No Show/Cancel\", nodeColor: \"#F59E0B\" },\n]\n\nfunction StageHoverCard({\n  title,\n  count,\n  metrics,\n}: {\n  title: string\n  count: number | string\n  metrics?: PipelineStageMetrics\n}) {\n  return (\n    <div className=\"w-[260px] overflow-hidden rounded-lg border border-border bg-card font-sans text-left shadow-xl\">\n      <div className=\"border-b border-border p-3\">\n        <div className=\"mb-0.5 text-xs font-medium text-muted-foreground\">{title}</div>\n        <div className=\"text-2xl font-bold text-foreground\">{count}</div>\n      </div>\n\n      {metrics && (\n        <div className=\"grid grid-cols-2 gap-2 border-b border-border bg-muted/30 px-3 py-2\">\n          <div>\n            <div className=\"text-[9px] font-semibold uppercase tracking-wider text-muted-foreground/70\">\n              Median\n            </div>\n            <div className=\"text-xs font-bold text-foreground\">\n              {metrics.medianTime}\n            </div>\n          </div>\n          <div className=\"border-l border-border pl-2\">\n            <div className=\"text-[9px] font-semibold uppercase tracking-wider text-muted-foreground/70\">\n              Average\n            </div>\n            <div className=\"text-xs font-bold text-foreground\">\n              {metrics.avgTime}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {metrics?.dropOffs && metrics.dropOffs.length > 0 && (\n        <div className=\"p-2\">\n          <div className=\"mb-1.5 px-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n            Drop-off Reasons\n          </div>\n          <div className=\"space-y-0.5\">\n            {metrics.dropOffs.map((drop, i) => (\n              <div\n                key={i}\n                className=\"group flex cursor-pointer items-center justify-between rounded p-1.5 text-xs transition-colors hover:bg-muted\"\n              >\n                <span className=\"truncate pr-2 text-muted-foreground group-hover:text-foreground\">\n                  {drop.reason}\n                </span>\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[10px] text-muted-foreground/70\">{drop.pct}</span>\n                  <span className=\"inline-flex h-4 min-w-[20px] items-center justify-center rounded border border-border bg-muted px-1 text-[9px] font-semibold text-muted-foreground group-hover:bg-muted group-hover:text-foreground\">\n                    {drop.count}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex cursor-pointer items-center justify-between border-t border-border bg-muted px-3 py-2 text-xs font-medium text-blue-600 transition-colors hover:bg-muted hover:text-blue-700\">\n        View in Work Queue <ArrowRight className=\"h-3 w-3\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface PipelineOverviewProps {\n  title?: string\n  stages: PipelineStage[]\n  stageMetrics: Record<string, PipelineStageMetrics>\n  stageTimings: (PipelineStageTiming | null)[]\n  filterOptions?: string[]\n  onFilterChange?: (filterOption: string) => void\n  filterBreakdowns?: Record<string, PipelineFilterBreakdown>\n  countingModes?: string[]\n  countingModeTooltip?: string\n  /** Main pipeline flow nodes (after the first stage) */\n  flowNodes?: { id: string; nodeColor: string }[]\n  /** Drop-off distribution from initial stage: { \"Lost/Other\": 56, \"Coverage\": 40, ... } */\n  dropOffDistribution?: Record<string, number>\n  /** Flow links after the first stage (middle of pipeline onward) */\n  flowLinks?: { source: string; target: string; value: number }[]\n  totalReceived?: number\n  /** Dollar amounts to display on terminal node labels: { \"Retained\": \"$18.2M\" } */\n  nodeAmounts?: Record<string, string>\n  /** Unit noun for standard node/link tooltips (e.g. \"signals\", \"accounts\"). */\n  unitLabel?: string\n  /** Unit noun for terminal/drop-off node tooltips (e.g. \"opportunities\"). Defaults to unitLabel. */\n  terminalUnitLabel?: string\n  /** Node IDs that should use terminalUnitLabel. Defaults to keys of dropOffDistribution. */\n  terminalNodeIds?: string[]\n  /** Sankey chart margins, merged with defaults { top: 20, right: 120, bottom: 20, left: 140 }. */\n  sankeyMargin?: { top?: number; right?: number; bottom?: number; left?: number }\n  /** Gap between Sankey node bar and its outside label. */\n  sankeyLabelPadding?: number\n  /** When true, conversion badges use `flex`; when false, `hidden xl:flex`. */\n  alwaysShowConversionBadges?: boolean\n  /** Color for dynamically generated drop-off nodes. */\n  dropOffNodeColor?: string\n  onViewInWorkQueue?: (stageId: string) => void\n  className?: string\n}\n\nexport function PipelineOverview({\n  title = \"Pipeline Overview\",\n  stages,\n  stageMetrics,\n  stageTimings,\n  filterOptions = [\"Facility\", \"Source\", \"Lead Source\", \"Payer\", \"Channel\"],\n  onFilterChange,\n  filterBreakdowns,\n  countingModes = [\"Unique Patients\", \"All Referrals\"],\n  countingModeTooltip = \"Patients may be referred through multiple channels. 'All Referrals' shows total volume; 'Unique Patients' deduplicates to show distinct patient counts.\",\n  flowNodes = [\n    { id: \"Contacted\", nodeColor: \"#2A8F7A\" },\n    { id: \"Intake Sent\", nodeColor: \"#3DB4A0\" },\n    { id: \"Intake Done\", nodeColor: \"#4CC9B0\" },\n    { id: \"Scheduled\", nodeColor: \"#5FCFBC\" },\n    { id: \"Completed\", nodeColor: \"#79E2C9\" },\n  ],\n  dropOffDistribution = {\n    \"Lost/Other\": 56,\n    Coverage: 40,\n    Unqualified: 30,\n  },\n  flowLinks = [\n    { source: \"Contacted\", target: \"Intake Sent\", value: 660 },\n    { source: \"Contacted\", target: \"No Contact\", value: 60 },\n    { source: \"Intake Sent\", target: \"Intake Done\", value: 612 },\n    { source: \"Intake Sent\", target: \"Intake Drop\", value: 48 },\n    { source: \"Intake Done\", target: \"Scheduled\", value: 612 },\n    { source: \"Scheduled\", target: \"Completed\", value: 520 },\n    { source: \"Scheduled\", target: \"No Show/Cancel\", value: 92 },\n  ],\n  totalReceived = 847,\n  nodeAmounts,\n  unitLabel,\n  terminalUnitLabel,\n  terminalNodeIds,\n  sankeyMargin,\n  sankeyLabelPadding,\n  alwaysShowConversionBadges = false,\n  dropOffNodeColor,\n  onViewInWorkQueue: _onViewInWorkQueue,\n  className,\n}: PipelineOverviewProps) {\n  const [selectedFilter, setSelectedFilter] = React.useState(filterOptions[0])\n  const [countingMode, setCountingMode] = React.useState(countingModes[0])\n\n  const effectiveUnitLabel = unitLabel ?? \"items\"\n  const effectiveTerminalUnitLabel = terminalUnitLabel ?? effectiveUnitLabel\n  const effectiveTerminalNodeIds = React.useMemo(\n    () => new Set(terminalNodeIds ?? Object.keys(dropOffDistribution)),\n    [terminalNodeIds, dropOffDistribution],\n  )\n  const effectiveMargin = React.useMemo(\n    () => ({ top: 20, right: 120, bottom: 20, left: 140, ...sankeyMargin }),\n    [sankeyMargin],\n  )\n  const effectiveLabelPadding = sankeyLabelPadding ?? 16\n\n  const sankeyData = React.useMemo(() => {\n    const breakdown =\n      filterBreakdowns?.[selectedFilter]?.received ??\n      ({ [stages[0]?.label ?? \"Received\"]: totalReceived } as Record<\n        string,\n        number\n      >)\n\n    const segments = Object.entries(breakdown).map(([name, value], index) => ({\n      id: name,\n      nodeColor: SEGMENT_PALETTE[index % SEGMENT_PALETTE.length],\n      value,\n    }))\n\n    const dropOffKeys = Object.keys(dropOffDistribution)\n    const dropOffNodes = dropOffKeys.length > 0\n      ? dropOffKeys.map((reason) => ({\n          id: reason,\n          nodeColor: dropOffNodeColor ?? \"#F59E0B\",\n        }))\n      : DROP_OFF_NODES\n\n    const nodes = [\n      ...segments,\n      ...flowNodes,\n      ...dropOffNodes,\n    ]\n\n    const nodeIds = new Set(nodes.map((n) => n.id))\n    for (const link of flowLinks) {\n      for (const endpoint of [link.source, link.target]) {\n        if (!nodeIds.has(endpoint)) {\n          nodes.push({ id: endpoint, nodeColor: dropOffNodeColor ?? \"#F59E0B\" })\n          nodeIds.add(endpoint)\n        }\n      }\n    }\n\n    const links: { source: string; target: string; value: number }[] = []\n\n    const firstFlowNode = flowNodes[0]?.id ?? \"Contacted\"\n\n    segments.forEach((segment) => {\n      if (segment.value > 0) {\n        links.push({\n          source: segment.id,\n          target: firstFlowNode,\n          value: segment.value,\n        })\n      }\n    })\n\n    for (const [reason, count] of Object.entries(dropOffDistribution)) {\n      if (count > 0) {\n        links.push({ source: firstFlowNode, target: reason, value: count })\n      }\n    }\n\n    flowLinks.forEach((link) => links.push({ ...link }))\n\n    return { nodes, links }\n  }, [\n    selectedFilter,\n    filterBreakdowns,\n    stages,\n    totalReceived,\n    flowNodes,\n    dropOffDistribution,\n    dropOffNodeColor,\n    flowLinks,\n  ])\n\n  return (\n    <div\n      className={cn(\n        \"rounded-xl border border-border bg-card p-5 shadow-sm\",\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"mb-6 flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n          <div className=\"flex items-center gap-4\">\n            <h3 className=\"text-lg font-semibold text-foreground\">{title}</h3>\n\n            {/* Counting Mode Toggle */}\n            {countingModes.length > 1 && (\n              <div className=\"flex items-center gap-2 rounded-lg border border-border bg-muted p-1\">\n                {countingModes.map((mode) => (\n                  <button\n                    key={mode}\n                    onClick={() => setCountingMode(mode)}\n                    className={cn(\n                      \"rounded-md px-3 py-1 text-xs font-medium transition-all\",\n                      countingMode === mode\n                        ? \"border border-border bg-background text-foreground shadow-sm\"\n                        : \"text-muted-foreground hover:text-foreground\",\n                    )}\n                  >\n                    {mode}\n                  </button>\n                ))}\n                <TooltipProvider>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <Info className=\"ml-1 h-3.5 w-3.5 cursor-help text-muted-foreground/70\" />\n                    </TooltipTrigger>\n                    <TooltipContent className=\"max-w-[250px] text-xs\">\n                      {countingModeTooltip}\n                    </TooltipContent>\n                  </Tooltip>\n                </TooltipProvider>\n              </div>\n            )}\n          </div>\n\n          {/* Filter Tabs */}\n          {filterOptions.length > 1 && (\n            <div className=\"flex items-center gap-1 self-start rounded-lg bg-muted p-1 md:self-auto\">\n              {filterOptions.map((option) => (\n                <button\n                  key={option}\n                  onClick={() => { setSelectedFilter(option); onFilterChange?.(option); }}\n                  className={cn(\n                    \"h-7 rounded-md border-none bg-transparent px-3 text-xs font-medium shadow-none transition-all hover:bg-background\",\n                    selectedFilter === option &&\n                      \"bg-background text-foreground shadow-sm\",\n                  )}\n                >\n                  {option}\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Stage Metrics Row */}\n      <div className=\"mb-2 grid gap-4\" style={{ gridTemplateColumns: `repeat(${stages.length}, minmax(0, 1fr))` }}>\n        {stages.map((stage, index) => {\n          const details = stageMetrics[stage.id]\n          const timing = stageTimings[index] ?? null\n\n          return (\n            <TooltipProvider key={stage.id} delayDuration={100}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div className=\"group relative flex cursor-pointer flex-col items-center rounded-lg p-2 text-center transition-colors hover:bg-muted\">\n                    <div\n                      className=\"mb-1 w-full truncate text-xs font-medium text-muted-foreground\"\n                      title={stage.label}\n                    >\n                      {stage.label}\n                    </div>\n                    <div className=\"mb-1 text-2xl font-bold text-foreground\">\n                      {stage.count.toLocaleString()}\n                    </div>\n                    <div className=\"mb-1 flex items-center justify-center gap-1 text-xs font-medium text-emerald-600\">\n                      {stage.trend} <TrendingUp className=\"h-3 w-3\" />\n                    </div>\n\n                    {/* Conversion badge + timing between stages */}\n                    {index < stages.length - 1 && stage.nextConversion && (\n                      <div className={cn(\n                        alwaysShowConversionBadges ? \"flex\" : \"hidden xl:flex\",\n                        \"absolute -right-2 top-1/2 z-10 -translate-y-1/2 translate-x-1/2 flex-col items-center\",\n                      )}>\n                        <span className=\"z-10 whitespace-nowrap rounded-full border border-border bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground shadow-sm\">\n                          {stage.nextConversion}\n                        </span>\n                        {timing && (\n                          <div className=\"mt-1 flex flex-col items-center\">\n                            <div className=\"h-2 w-px bg-border\" />\n                            <div className=\"whitespace-nowrap rounded bg-background/80 px-1 py-0.5 text-[9px] font-medium leading-3 text-muted-foreground/70 backdrop-blur-[2px]\">\n                              <span className=\"mr-1 font-semibold text-muted-foreground\">\n                                Med: {timing.median}\n                              </span>\n                              <span className=\"text-muted-foreground/70\">\n                                Avg: {timing.avg}\n                              </span>\n                            </div>\n                          </div>\n                        )}\n                      </div>\n                    )}\n\n                    {/* Connector line down to Sankey */}\n                    <div className=\"mx-auto mb-1 mt-2 h-4 w-px bg-border\" />\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent\n                  className=\"border-none bg-transparent p-0 shadow-none\"\n                  sideOffset={8}\n                >\n                  <StageHoverCard\n                    title={stage.label}\n                    count={stage.count}\n                    metrics={details}\n                  />\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          )\n        })}\n      </div>\n\n      {/* Sankey Chart */}\n      <div\n        className=\"relative mt-4 w-full\"\n        style={{ height: 400, minWidth: 0 }}\n      >\n        <ResponsiveSankey\n          data={sankeyData}\n          margin={effectiveMargin}\n          align=\"justify\"\n          colors={(node: { nodeColor?: string }) => node.nodeColor || \"#94a3b8\"}\n          nodeOpacity={1}\n          nodeHoverOthersOpacity={0.35}\n          nodeThickness={18}\n          nodeSpacing={16}\n          nodeBorderWidth={0}\n          nodeBorderRadius={3}\n          linkOpacity={0.5}\n          linkHoverOthersOpacity={0.1}\n          linkContract={3}\n          enableLinkGradient\n          labelPosition=\"outside\"\n          labelOrientation=\"horizontal\"\n          labelPadding={effectiveLabelPadding}\n          label={(node: { id: string }) => nodeAmounts?.[node.id] ? `${node.id} (${nodeAmounts[node.id]})` : node.id}\n          labelTextColor={{ from: \"color\", modifiers: [[\"darker\", 1]] }}\n          nodeTooltip={({ node }: { node: { id: string; value: number } }) => {\n            const unit = effectiveTerminalNodeIds.has(node.id) ? effectiveTerminalUnitLabel : effectiveUnitLabel\n            return (\n              <div className=\"rounded-md border border-border bg-card p-2 text-xs shadow-lg\">\n                <span className=\"mb-1 block font-bold\">{node.id}{nodeAmounts?.[node.id] ? ` — ${nodeAmounts[node.id]}` : \"\"}</span>\n                <span>{node.value} {unit}</span>\n              </div>\n            )\n          }}\n          linkTooltip={({ link }: { link: { source: { id: string }; target: { id: string }; value: number } }) => {\n            const unit = effectiveTerminalNodeIds.has(link.target.id) ? effectiveTerminalUnitLabel : effectiveUnitLabel\n            return (\n              <div className=\"rounded-md border border-border bg-card p-2 text-xs shadow-lg\">\n                <span className=\"mb-1 block font-bold\">\n                  {link.source.id} → {link.target.id}\n                </span>\n                <span>{link.value} {unit}</span>\n              </div>\n            )\n          }}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/charts/pipeline-overview.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { TrendingUp, Info, ArrowRight } from \"lucide-react\"\nimport { ResponsiveSankey } from \"@nivo/sankey\"\n\nimport { cn } from \"../lib/utils\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/tooltip\"\n\nexport interface PipelineStage {\n  id: string\n  label: string\n  count: number\n  trend: string\n  nextConversion: string | null\n}\n\nexport interface PipelineStageMetrics {\n  medianTime: string\n  avgTime: string\n  dropOffs: { reason: string; count: number; pct: string }[]\n}\n\nexport interface PipelineStageTiming {\n  median: string\n  avg: string\n}\n\nexport interface PipelineFilterBreakdown {\n  [stageId: string]: Record<string, number>\n}\n\nconst SEGMENT_PALETTE = [\n  \"#0F4C3A\",\n  \"#15803d\",\n  \"#0ea5e9\",\n  \"#8b5cf6\",\n  \"#f59e0b\",\n  \"#ef4444\",\n]\n\nconst DROP_OFF_NODES = [\n  { id: \"Lost/Other\", nodeColor: \"#CBD5E1\" },\n  { id: \"Coverage\", nodeColor: \"#F59E0B\" },\n  { id: \"Unqualified\", nodeColor: \"#F59E0B\" },\n  { id: \"No Contact\", nodeColor: \"#F59E0B\" },\n  { id: \"Intake Drop\", nodeColor: \"#F59E0B\" },\n  { id: \"No Show/Cancel\", nodeColor: \"#F59E0B\" },\n]\n\nfunction StageHoverCard({\n  title,\n  count,\n  metrics,\n}: {\n  title: string\n  count: number | string\n  metrics?: PipelineStageMetrics\n}) {\n  return (\n    <div className=\"w-[260px] overflow-hidden rounded-lg border border-border bg-card font-sans text-left shadow-xl\">\n      <div className=\"border-b border-border p-3\">\n        <div className=\"mb-0.5 text-xs font-medium text-muted-foreground\">{title}</div>\n        <div className=\"text-2xl font-bold text-foreground\">{count}</div>\n      </div>\n\n      {metrics && (\n        <div className=\"grid grid-cols-2 gap-2 border-b border-border bg-muted/30 px-3 py-2\">\n          <div>\n            <div className=\"text-[9px] font-semibold uppercase tracking-wider text-muted-foreground/70\">\n              Median\n            </div>\n            <div className=\"text-xs font-bold text-foreground\">\n              {metrics.medianTime}\n            </div>\n          </div>\n          <div className=\"border-l border-border pl-2\">\n            <div className=\"text-[9px] font-semibold uppercase tracking-wider text-muted-foreground/70\">\n              Average\n            </div>\n            <div className=\"text-xs font-bold text-foreground\">\n              {metrics.avgTime}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {metrics?.dropOffs && metrics.dropOffs.length > 0 && (\n        <div className=\"p-2\">\n          <div className=\"mb-1.5 px-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n            Drop-off Reasons\n          </div>\n          <div className=\"space-y-0.5\">\n            {metrics.dropOffs.map((drop, i) => (\n              <div\n                key={i}\n                className=\"group flex cursor-pointer items-center justify-between rounded p-1.5 text-xs transition-colors hover:bg-muted\"\n              >\n                <span className=\"truncate pr-2 text-muted-foreground group-hover:text-foreground\">\n                  {drop.reason}\n                </span>\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[10px] text-muted-foreground/70\">{drop.pct}</span>\n                  <span className=\"inline-flex h-4 min-w-[20px] items-center justify-center rounded border border-border bg-muted px-1 text-[9px] font-semibold text-muted-foreground group-hover:bg-muted group-hover:text-foreground\">\n                    {drop.count}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex cursor-pointer items-center justify-between border-t border-border bg-muted px-3 py-2 text-xs font-medium text-blue-600 transition-colors hover:bg-muted hover:text-blue-700\">\n        View in Work Queue <ArrowRight className=\"h-3 w-3\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface PipelineOverviewProps {\n  title?: string\n  variant?: \"sankey\" | \"compact\"\n  stages: PipelineStage[]\n  stageMetrics: Record<string, PipelineStageMetrics>\n  stageTimings: (PipelineStageTiming | null)[]\n  filterOptions?: string[]\n  onFilterChange?: (filterOption: string) => void\n  filterBreakdowns?: Record<string, PipelineFilterBreakdown>\n  countingModes?: string[]\n  countingModeTooltip?: string\n  /** Main pipeline flow nodes (after the first stage) */\n  flowNodes?: { id: string; nodeColor: string }[]\n  /** Drop-off distribution from initial stage: { \"Lost/Other\": 56, \"Coverage\": 40, ... } */\n  dropOffDistribution?: Record<string, number>\n  /** Flow links after the first stage (middle of pipeline onward) */\n  flowLinks?: { source: string; target: string; value: number }[]\n  totalReceived?: number\n  /** Dollar amounts to display on terminal node labels: { \"Retained\": \"$18.2M\" } */\n  nodeAmounts?: Record<string, string>\n  /** Unit noun for standard node/link tooltips (e.g. \"signals\", \"accounts\"). */\n  unitLabel?: string\n  /** Unit noun for terminal/drop-off node tooltips (e.g. \"opportunities\"). Defaults to unitLabel. */\n  terminalUnitLabel?: string\n  /** Node IDs that should use terminalUnitLabel. Defaults to keys of dropOffDistribution. */\n  terminalNodeIds?: string[]\n  /** Sankey chart margins, merged with defaults { top: 20, right: 120, bottom: 20, left: 140 }. */\n  sankeyMargin?: { top?: number; right?: number; bottom?: number; left?: number }\n  /** Gap between Sankey node bar and its outside label. */\n  sankeyLabelPadding?: number\n  /** When true, conversion badges use `flex`; when false, `hidden xl:flex`. */\n  alwaysShowConversionBadges?: boolean\n  /** Color for dynamically generated drop-off nodes. */\n  dropOffNodeColor?: string\n  onViewInWorkQueue?: (stageId: string) => void\n  className?: string\n}\n\nexport function PipelineOverview({\n  title = \"Pipeline Overview\",\n  variant = \"sankey\",\n  stages,\n  stageMetrics,\n  stageTimings,\n  filterOptions = [\"Facility\", \"Source\", \"Lead Source\", \"Payer\", \"Channel\"],\n  onFilterChange,\n  filterBreakdowns,\n  countingModes = [\"Unique Patients\", \"All Referrals\"],\n  countingModeTooltip = \"Patients may be referred through multiple channels. 'All Referrals' shows total volume; 'Unique Patients' deduplicates to show distinct patient counts.\",\n  flowNodes = [\n    { id: \"Contacted\", nodeColor: \"#2A8F7A\" },\n    { id: \"Intake Sent\", nodeColor: \"#3DB4A0\" },\n    { id: \"Intake Done\", nodeColor: \"#4CC9B0\" },\n    { id: \"Scheduled\", nodeColor: \"#5FCFBC\" },\n    { id: \"Completed\", nodeColor: \"#79E2C9\" },\n  ],\n  dropOffDistribution = {\n    \"Lost/Other\": 56,\n    Coverage: 40,\n    Unqualified: 30,\n  },\n  flowLinks = [\n    { source: \"Contacted\", target: \"Intake Sent\", value: 660 },\n    { source: \"Contacted\", target: \"No Contact\", value: 60 },\n    { source: \"Intake Sent\", target: \"Intake Done\", value: 612 },\n    { source: \"Intake Sent\", target: \"Intake Drop\", value: 48 },\n    { source: \"Intake Done\", target: \"Scheduled\", value: 612 },\n    { source: \"Scheduled\", target: \"Completed\", value: 520 },\n    { source: \"Scheduled\", target: \"No Show/Cancel\", value: 92 },\n  ],\n  totalReceived = 847,\n  nodeAmounts,\n  unitLabel,\n  terminalUnitLabel,\n  terminalNodeIds,\n  sankeyMargin,\n  sankeyLabelPadding,\n  alwaysShowConversionBadges = false,\n  dropOffNodeColor,\n  onViewInWorkQueue: _onViewInWorkQueue,\n  className,\n}: PipelineOverviewProps) {\n  const [selectedFilter, setSelectedFilter] = React.useState(filterOptions[0])\n  const [countingMode, setCountingMode] = React.useState(countingModes[0])\n\n  const effectiveUnitLabel = unitLabel ?? \"items\"\n  const effectiveTerminalUnitLabel = terminalUnitLabel ?? effectiveUnitLabel\n  const effectiveTerminalNodeIds = React.useMemo(\n    () => new Set(terminalNodeIds ?? Object.keys(dropOffDistribution)),\n    [terminalNodeIds, dropOffDistribution],\n  )\n  const effectiveMargin = React.useMemo(\n    () => ({ top: 20, right: 120, bottom: 20, left: 140, ...sankeyMargin }),\n    [sankeyMargin],\n  )\n  const effectiveLabelPadding = sankeyLabelPadding ?? 16\n  const compactMaxCount = React.useMemo(\n    () => Math.max(...stages.map((stage) => stage.count), 1),\n    [stages],\n  )\n\n  const sankeyData = React.useMemo(() => {\n    const breakdown =\n      filterBreakdowns?.[selectedFilter]?.received ??\n      ({ [stages[0]?.label ?? \"Received\"]: totalReceived } as Record<\n        string,\n        number\n      >)\n\n    const segments = Object.entries(breakdown).map(([name, value], index) => ({\n      id: name,\n      nodeColor: SEGMENT_PALETTE[index % SEGMENT_PALETTE.length],\n      value,\n    }))\n\n    const dropOffKeys = Object.keys(dropOffDistribution)\n    const dropOffNodes = dropOffKeys.length > 0\n      ? dropOffKeys.map((reason) => ({\n          id: reason,\n          nodeColor: dropOffNodeColor ?? \"#F59E0B\",\n        }))\n      : DROP_OFF_NODES\n\n    const nodes = [\n      ...segments,\n      ...flowNodes,\n      ...dropOffNodes,\n    ]\n\n    const nodeIds = new Set(nodes.map((n) => n.id))\n    for (const link of flowLinks) {\n      for (const endpoint of [link.source, link.target]) {\n        if (!nodeIds.has(endpoint)) {\n          nodes.push({ id: endpoint, nodeColor: dropOffNodeColor ?? \"#F59E0B\" })\n          nodeIds.add(endpoint)\n        }\n      }\n    }\n\n    const links: { source: string; target: string; value: number }[] = []\n\n    const firstFlowNode = flowNodes[0]?.id ?? \"Contacted\"\n\n    segments.forEach((segment) => {\n      if (segment.value > 0) {\n        links.push({\n          source: segment.id,\n          target: firstFlowNode,\n          value: segment.value,\n        })\n      }\n    })\n\n    for (const [reason, count] of Object.entries(dropOffDistribution)) {\n      if (count > 0) {\n        links.push({ source: firstFlowNode, target: reason, value: count })\n      }\n    }\n\n    flowLinks.forEach((link) => links.push({ ...link }))\n\n    return { nodes, links }\n  }, [\n    selectedFilter,\n    filterBreakdowns,\n    stages,\n    totalReceived,\n    flowNodes,\n    dropOffDistribution,\n    dropOffNodeColor,\n    flowLinks,\n  ])\n\n  return (\n    <div\n      className={cn(\n        \"rounded-xl border border-border bg-card p-5 shadow-sm\",\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"mb-6 flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n          <div className=\"flex items-center gap-4\">\n            <h3 className=\"text-lg font-semibold text-foreground\">{title}</h3>\n\n            {/* Counting Mode Toggle */}\n            {countingModes.length > 1 && (\n              <div className=\"flex items-center gap-2 rounded-lg border border-border bg-muted p-1\">\n                {countingModes.map((mode) => (\n                  <button\n                    key={mode}\n                    onClick={() => setCountingMode(mode)}\n                    className={cn(\n                      \"rounded-md px-3 py-1 text-xs font-medium transition-all\",\n                      countingMode === mode\n                        ? \"border border-border bg-background text-foreground shadow-sm\"\n                        : \"text-muted-foreground hover:text-foreground\",\n                    )}\n                  >\n                    {mode}\n                  </button>\n                ))}\n                <TooltipProvider>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <Info className=\"ml-1 h-3.5 w-3.5 cursor-help text-muted-foreground/70\" />\n                    </TooltipTrigger>\n                    <TooltipContent className=\"max-w-[250px] text-xs\">\n                      {countingModeTooltip}\n                    </TooltipContent>\n                  </Tooltip>\n                </TooltipProvider>\n              </div>\n            )}\n          </div>\n\n          {/* Filter Tabs */}\n          {filterOptions.length > 1 && (\n            <div className=\"flex items-center gap-1 self-start rounded-lg bg-muted p-1 md:self-auto\">\n              {filterOptions.map((option) => (\n                <button\n                  key={option}\n                  onClick={() => { setSelectedFilter(option); onFilterChange?.(option); }}\n                  className={cn(\n                    \"h-7 rounded-md border-none bg-transparent px-3 text-xs font-medium shadow-none transition-all hover:bg-background\",\n                    selectedFilter === option &&\n                      \"bg-background text-foreground shadow-sm\",\n                  )}\n                >\n                  {option}\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Stage Metrics Row */}\n      <div className=\"mb-2 grid gap-4\" style={{ gridTemplateColumns: `repeat(${stages.length}, minmax(0, 1fr))` }}>\n        {stages.map((stage, index) => {\n          const details = stageMetrics[stage.id]\n          const timing = stageTimings[index] ?? null\n\n          return (\n            <TooltipProvider key={stage.id} delayDuration={100}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div className=\"group relative flex cursor-pointer flex-col items-center rounded-lg p-2 text-center transition-colors hover:bg-muted\">\n                    <div\n                      className=\"mb-1 w-full truncate text-xs font-medium text-muted-foreground\"\n                      title={stage.label}\n                    >\n                      {stage.label}\n                    </div>\n                    <div className=\"mb-1 text-2xl font-bold text-foreground\">\n                      {stage.count.toLocaleString()}\n                    </div>\n                    <div className=\"mb-1 flex items-center justify-center gap-1 text-xs font-medium text-emerald-600\">\n                      {stage.trend} <TrendingUp className=\"h-3 w-3\" />\n                    </div>\n\n                    {/* Conversion badge + timing between stages */}\n                    {index < stages.length - 1 && stage.nextConversion && (\n                      <div className={cn(\n                        alwaysShowConversionBadges ? \"flex\" : \"hidden xl:flex\",\n                        \"absolute -right-2 top-1/2 z-10 -translate-y-1/2 translate-x-1/2 flex-col items-center\",\n                      )}>\n                        <span className=\"z-10 whitespace-nowrap rounded-full border border-border bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground shadow-sm\">\n                          {stage.nextConversion}\n                        </span>\n                        {timing && (\n                          <div className=\"mt-1 flex flex-col items-center\">\n                            <div className=\"h-2 w-px bg-border\" />\n                            <div className=\"whitespace-nowrap rounded bg-background/80 px-1 py-0.5 text-[9px] font-medium leading-3 text-muted-foreground/70 backdrop-blur-[2px]\">\n                              <span className=\"mr-1 font-semibold text-muted-foreground\">\n                                Med: {timing.median}\n                              </span>\n                              <span className=\"text-muted-foreground/70\">\n                                Avg: {timing.avg}\n                              </span>\n                            </div>\n                          </div>\n                        )}\n                      </div>\n                    )}\n\n                    {/* Connector line down to Sankey */}\n                    <div className=\"mx-auto mb-1 mt-2 h-4 w-px bg-border\" />\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent\n                  className=\"border-none bg-transparent p-0 shadow-none\"\n                  sideOffset={8}\n                >\n                  <StageHoverCard\n                    title={stage.label}\n                    count={stage.count}\n                    metrics={details}\n                  />\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          )\n        })}\n      </div>\n\n      {variant === \"compact\" ? (\n        <div data-slot=\"pipeline-overview-compact\" className=\"mt-4 space-y-2\">\n          {stages.map((stage, index) => {\n            const width = `${Math.max((stage.count / compactMaxCount) * 100, 4)}%`\n\n            return (\n              <div key={stage.id} className=\"rounded-lg border border-border bg-background p-3\">\n                <div className=\"mb-2 flex items-center justify-between gap-3\">\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-sm font-medium text-foreground\">{stage.label}</div>\n                    <div className=\"text-xs text-muted-foreground\">{stage.trend}</div>\n                  </div>\n                  <div className=\"text-right text-lg font-bold text-foreground\">\n                    {stage.count.toLocaleString()}\n                  </div>\n                </div>\n                <div className=\"h-2 overflow-hidden rounded-full bg-muted\">\n                  <div\n                    data-slot=\"pipeline-overview-compact-bar\"\n                    className=\"h-full rounded-full bg-emerald-600\"\n                    style={{ width }}\n                  />\n                </div>\n                {index < stages.length - 1 && stage.nextConversion ? (\n                  <div className=\"mt-2 text-xs text-muted-foreground\">\n                    {stage.nextConversion} to {stages[index + 1]?.label}\n                  </div>\n                ) : null}\n              </div>\n            )\n          })}\n        </div>\n      ) : (\n      <div\n        data-slot=\"pipeline-overview-sankey\"\n        className=\"relative mt-4 w-full\"\n        style={{ height: 400, minWidth: 0 }}\n      >\n        <ResponsiveSankey\n          data={sankeyData}\n          margin={effectiveMargin}\n          align=\"justify\"\n          colors={(node: { nodeColor?: string }) => node.nodeColor || \"#94a3b8\"}\n          nodeOpacity={1}\n          nodeHoverOthersOpacity={0.35}\n          nodeThickness={18}\n          nodeSpacing={16}\n          nodeBorderWidth={0}\n          nodeBorderRadius={3}\n          linkOpacity={0.5}\n          linkHoverOthersOpacity={0.1}\n          linkContract={3}\n          enableLinkGradient\n          labelPosition=\"outside\"\n          labelOrientation=\"horizontal\"\n          labelPadding={effectiveLabelPadding}\n          label={(node: { id: string }) => nodeAmounts?.[node.id] ? `${node.id} (${nodeAmounts[node.id]})` : node.id}\n          labelTextColor={{ from: \"color\", modifiers: [[\"darker\", 1]] }}\n          nodeTooltip={({ node }: { node: { id: string; value: number } }) => {\n            const unit = effectiveTerminalNodeIds.has(node.id) ? effectiveTerminalUnitLabel : effectiveUnitLabel\n            return (\n              <div className=\"rounded-md border border-border bg-card p-2 text-xs shadow-lg\">\n                <span className=\"mb-1 block font-bold\">{node.id}{nodeAmounts?.[node.id] ? ` — ${nodeAmounts[node.id]}` : \"\"}</span>\n                <span>{node.value} {unit}</span>\n              </div>\n            )\n          }}\n          linkTooltip={({ link }: { link: { source: { id: string }; target: { id: string }; value: number } }) => {\n            const unit = effectiveTerminalNodeIds.has(link.target.id) ? effectiveTerminalUnitLabel : effectiveUnitLabel\n            return (\n              <div className=\"rounded-md border border-border bg-card p-2 text-xs shadow-lg\">\n                <span className=\"mb-1 block font-bold\">\n                  {link.source.id} → {link.target.id}\n                </span>\n                <span>{link.value} {unit}</span>\n              </div>\n            )\n          }}\n        />\n      </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/components/badge.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/days-open-cell.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { PillStatus } from './pill.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface DaysOpenCellProps extends React.HTMLAttributes<HTMLDivElement> {
+    days: number | null | undefined;
+    warningAt?: number;
+    criticalAt?: number;
+    emptyLabel?: string;
+    suffix?: string;
+}
+declare function getDaysOpenIntent(days: number, warningAt: number, criticalAt: number): PillStatus;
+declare function DaysOpenCell({ days, warningAt, criticalAt, emptyLabel, suffix, className, ...props }: DaysOpenCellProps): React.JSX.Element;
+
+export { DaysOpenCell, type DaysOpenCellProps, getDaysOpenIntent };

package/dist/components/days-open-cell.js

@@ -0,0 +1,73 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { StatusPill } from "./pill.js";
+function getDaysOpenIntent(days, warningAt, criticalAt) {
+  if (days >= criticalAt) return "error";
+  if (days >= warningAt) return "warning";
+  return "success";
+}
+function DaysOpenCell(_a) {
+  var _b = _a, {
+    days,
+    warningAt = 7,
+    criticalAt = 30,
+    emptyLabel = "\u2014",
+    suffix = "d open",
+    className
+  } = _b, props = __objRest(_b, [
+    "days",
+    "warningAt",
+    "criticalAt",
+    "emptyLabel",
+    "suffix",
+    "className"
+  ]);
+  if (days === null || days === void 0) {
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ "data-slot": "days-open-cell", className: cn("text-sm text-muted-foreground", className) }, props), { children: emptyLabel }));
+  }
+  const intent = getDaysOpenIntent(days, warningAt, criticalAt);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ "data-slot": "days-open-cell", className: cn("inline-flex items-center", className) }, props), { children: /* @__PURE__ */ jsxs(StatusPill, { "data-testid": "days-open-pill", status: `${days} ${suffix}`, intent, children: [
+    days,
+    " ",
+    suffix
+  ] }) }));
+}
+export {
+  DaysOpenCell,
+  getDaysOpenIntent
+};
+//# sourceMappingURL=days-open-cell.js.map

package/dist/components/days-open-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/days-open-cell.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\nimport { StatusPill, type PillStatus } from \"./pill\"\n\nexport interface DaysOpenCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  days: number | null | undefined\n  warningAt?: number\n  criticalAt?: number\n  emptyLabel?: string\n  suffix?: string\n}\n\nfunction getDaysOpenIntent(days: number, warningAt: number, criticalAt: number): PillStatus {\n  if (days >= criticalAt) return \"error\"\n  if (days >= warningAt) return \"warning\"\n  return \"success\"\n}\n\nexport function DaysOpenCell({\n  days,\n  warningAt = 7,\n  criticalAt = 30,\n  emptyLabel = \"—\",\n  suffix = \"d open\",\n  className,\n  ...props\n}: DaysOpenCellProps) {\n  if (days === null || days === undefined) {\n    return (\n      <div data-slot=\"days-open-cell\" className={cn(\"text-sm text-muted-foreground\", className)} {...props}>\n        {emptyLabel}\n      </div>\n    )\n  }\n\n  const intent = getDaysOpenIntent(days, warningAt, criticalAt)\n\n  return (\n    <div data-slot=\"days-open-cell\" className={cn(\"inline-flex items-center\", className)} {...props}>\n      <StatusPill data-testid=\"days-open-pill\" status={`${days} ${suffix}`} intent={intent}>\n        {days} {suffix}\n      </StatusPill>\n    </div>\n  )\n}\n\nexport { getDaysOpenIntent }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCM,cAUA,YAVA;AA5BN,SAAS,UAAU;AACnB,SAAS,kBAAmC;AAU5C,SAAS,kBAAkB,MAAc,WAAmB,YAAgC;AAC1F,MAAI,QAAQ,WAAY,QAAO;AAC/B,MAAI,QAAQ,UAAW,QAAO;AAC9B,SAAO;AACT;AAEO,SAAS,aAAa,IAQP;AARO,eAC3B;AAAA;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,EA3BF,IAqB6B,IAOxB,kBAPwB,IAOxB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WACE,oBAAC,sCAAI,aAAU,kBAAiB,WAAW,GAAG,iCAAiC,SAAS,KAAO,QAA9F,EACE,uBACH;AAAA,EAEJ;AAEA,QAAM,SAAS,kBAAkB,MAAM,WAAW,UAAU;AAE5D,SACE,oBAAC,sCAAI,aAAU,kBAAiB,WAAW,GAAG,4BAA4B,SAAS,KAAO,QAAzF,EACC,+BAAC,cAAW,eAAY,kBAAiB,QAAQ,GAAG,IAAI,IAAI,MAAM,IAAI,QACnE;AAAA;AAAA,IAAK;AAAA,IAAE;AAAA,KACV,IACF;AAEJ;","names":[]}

package/dist/components/detail-drawer.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface DetailDrawerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    side?: "right" | "left";
+    className?: string;
+    contentClassName?: string;
+}
+declare function DetailDrawer({ open, onOpenChange, title, description, children, footer, side, className, contentClassName, }: DetailDrawerProps): React.JSX.Element;
+
+export { DetailDrawer, type DetailDrawerProps };

package/dist/components/detail-drawer.js

@@ -0,0 +1,45 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle
+} from "./sheet.js";
+function DetailDrawer({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  side = "right",
+  className,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      "data-slot": "detail-drawer",
+      side,
+      className: cn("flex w-full flex-col gap-0 p-0 sm:max-w-xl", className),
+      children: [
+        /* @__PURE__ */ jsxs(SheetHeader, { "data-slot": "detail-drawer-header", className: "border-b border-border p-5", children: [
+          /* @__PURE__ */ jsx(SheetTitle, { children: title }),
+          description ? /* @__PURE__ */ jsx(SheetDescription, { children: description }) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "detail-drawer-content", className: cn("flex-1 overflow-y-auto p-5", contentClassName), children }),
+        footer ? /* @__PURE__ */ jsx(SheetFooter, { "data-slot": "detail-drawer-footer", className: "border-t border-border p-5", children: footer }) : null
+      ]
+    }
+  ) });
+}
+export {
+  DetailDrawer
+};
+//# sourceMappingURL=detail-drawer.js.map

package/dist/components/detail-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/detail-drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n} from \"./sheet\"\n\nexport interface DetailDrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: React.ReactNode\n  description?: React.ReactNode\n  children: React.ReactNode\n  footer?: React.ReactNode\n  side?: \"right\" | \"left\"\n  className?: string\n  contentClassName?: string\n}\n\nexport function DetailDrawer({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  side = \"right\",\n  className,\n  contentClassName,\n}: DetailDrawerProps) {\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent\n        data-slot=\"detail-drawer\"\n        side={side}\n        className={cn(\"flex w-full flex-col gap-0 p-0 sm:max-w-xl\", className)}\n      >\n        <SheetHeader data-slot=\"detail-drawer-header\" className=\"border-b border-border p-5\">\n          <SheetTitle>{title}</SheetTitle>\n          {description ? <SheetDescription>{description}</SheetDescription> : null}\n        </SheetHeader>\n        <div data-slot=\"detail-drawer-content\" className={cn(\"flex-1 overflow-y-auto p-5\", contentClassName)}>\n          {children}\n        </div>\n        {footer ? (\n          <SheetFooter data-slot=\"detail-drawer-footer\" className=\"border-t border-border p-5\">\n            {footer}\n          </SheetFooter>\n        ) : null}\n      </SheetContent>\n    </Sheet>\n  )\n}\n"],"mappings":";AA4CQ,SACE,KADF;AAxCR,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAsB;AACpB,SACE,oBAAC,SAAM,MAAY,cACjB;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,8CAA8C,SAAS;AAAA,MAErE;AAAA,6BAAC,eAAY,aAAU,wBAAuB,WAAU,8BACtD;AAAA,8BAAC,cAAY,iBAAM;AAAA,UAClB,cAAc,oBAAC,oBAAkB,uBAAY,IAAsB;AAAA,WACtE;AAAA,QACA,oBAAC,SAAI,aAAU,yBAAwB,WAAW,GAAG,8BAA8B,gBAAgB,GAChG,UACH;AAAA,QACC,SACC,oBAAC,eAAY,aAAU,wBAAuB,WAAU,8BACrD,kBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;","names":[]}

package/dist/components/feedback-primitives.d.ts

@@ -16,18 +16,6 @@ interface FeedbackSubmitData {
     pills: string[];
     detail: string;
 }
-/**
- * Persisted feedback data from a previous submission, used to hydrate the
- * footer into its "already submitted" visual state.
- */
-interface PersistedFeedbackData {
-    sentiment: "positive" | "negative";
-    reasonTop?: string;
-    reasonSub?: string;
-    pills?: string[];
-    detail?: string;
-    ownershipLabel: "Your feedback" | "Team feedback";
-}
 /**
  * Defines a tier-1 chip that may have tier-2 sub-chips.
  */
@@ -72,34 +60,7 @@ interface FeedbackFooterProps {
     negativeChips?: FeedbackChipTree[];
     positiveChips?: string[];
     className?: string;
-    /** Pre-existing feedback to hydrate from (e.g. after page reload). */
-    initialFeedback?: PersistedFeedbackData | null;
-    /** Label shown in the transient confirmation pill after submit. */
-    submittedLabel?: string;
-    /** Stable key for syncing initialFeedback into local state. When this
-     *  changes, the component resets to the new initialFeedback value. */
-    feedbackKey?: string;
-}
-declare function FeedbackFooter({ feedback, onFeedbackChange, onSubmit, metaText, positivePrompt, negativePrompt, negativeChips, positiveChips, className, initialFeedback, submittedLabel, feedbackKey, }: FeedbackFooterProps): React.JSX.Element;
-interface InlineFeedbackControlProps {
-    /** Unique key identifying the feedback target (e.g. factor key). */
-    feedbackKey: string;
-    /** Persisted/initial feedback to hydrate from. */
-    initialFeedback?: {
-        type: "up" | "down";
-        detail: string;
-        ownershipLabel?: string;
-    };
-    /** Called when user submits or clears feedback. */
-    onFeedback?: (key: string, type: "up" | "down" | null, detail?: string) => void;
-    /** Test ID prefix for all sub-elements. */
-    testIdPrefix?: string;
 }
-/**
- * Compact inline thumb-up/thumb-down feedback with optional detail text.
- * Used by PriorityFactorRow and any other component that needs
- * a lightweight feedback control.
- */
-declare function InlineFeedbackControl({ feedbackKey, initialFeedback, onFeedback, testIdPrefix, }: InlineFeedbackControlProps): React.JSX.Element;
+declare function FeedbackFooter({ feedback, onFeedbackChange, onSubmit, metaText, positivePrompt, negativePrompt, negativeChips, positiveChips, className, }: FeedbackFooterProps): React.JSX.Element;
 
-export { FeedbackActions, type FeedbackActionsProps, FeedbackChipGroup, type FeedbackChipGroupProps, type FeedbackChipTree, FeedbackFooter, type FeedbackFooterProps, FeedbackInput, type FeedbackInputProps, type FeedbackSubmitData, InlineFeedbackControl, type InlineFeedbackControlProps, type PersistedFeedbackData };
+export { FeedbackActions, type FeedbackActionsProps, FeedbackChipGroup, type FeedbackChipGroupProps, type FeedbackChipTree, FeedbackFooter, type FeedbackFooterProps, FeedbackInput, type FeedbackInputProps, type FeedbackSubmitData };