@handled-ai/design-system 0.16.1 → 0.17.0

package/dist/components/score-why-chips.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { QueueItem, SignalScoreData, SignalScoreUrgencyLabel } from '../prototype/prototype-config.js';
+import './quick-action-sidebar-nav.js';
+import './quick-action-modal.js';
+import './score-breakdown.js';
+import './suggested-actions.js';
+import './detail-view.js';
+import './inbox-toolbar.js';
+import './data-table-filter.js';
+import './data-table-condition-filter.js';
+import './data-table.js';
+import './metric-card.js';
+import '../charts/pipeline-overview.js';
+import './timeline-activity.js';
+import './signal-feedback-inline.js';
+import 'lucide-react';
+
+declare function getSignalScoreUrgencyLabel(score: number, providedLabel?: SignalScoreUrgencyLabel): SignalScoreUrgencyLabel;
+interface SignalPriorityChipProps {
+    score: number;
+    urgencyLabel?: SignalScoreUrgencyLabel;
+    isOpen?: boolean;
+    controlsId?: string;
+    onClick?: () => void;
+    className?: string;
+}
+declare function SignalPriorityChip({ score, urgencyLabel: providedLabel, isOpen, controlsId, onClick, className, }: SignalPriorityChipProps): React.JSX.Element;
+interface SignalPriorityPanelProps {
+    signalData: SignalScoreData;
+    className?: string;
+    id?: string;
+}
+declare function SignalPriorityPanel({ signalData, className, id }: SignalPriorityPanelProps): React.JSX.Element;
+interface ScoreWhyChipsProps {
+    item: QueueItem;
+    signalData: SignalScoreData;
+    onOpenSignalBucket?: (args: {
+        item: QueueItem;
+        bucketKey: string;
+        signalId: string;
+    }) => void;
+    className?: string;
+}
+declare function ScoreWhyChips({ item, signalData, onOpenSignalBucket, className, }: ScoreWhyChipsProps): React.JSX.Element | null;
+
+export { ScoreWhyChips, type ScoreWhyChipsProps, SignalPriorityChip, type SignalPriorityChipProps, SignalPriorityPanel, type SignalPriorityPanelProps, getSignalScoreUrgencyLabel };

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

@@ -0,0 +1,281 @@
+"use client"
+
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Info } from "lucide-react";
+import { ScoreBreakdown } from "./score-breakdown.js";
+import { cn } from "../lib/utils.js";
+function getSignalScoreUrgencyLabel(score, providedLabel) {
+  if (providedLabel) return providedLabel;
+  if (score >= 80) return "Urgent";
+  if (score >= 60) return "High";
+  if (score >= 35) return "Medium";
+  return "Low";
+}
+function getUrgencyChipClass(label) {
+  switch (label) {
+    case "Urgent":
+      return "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300";
+    case "High":
+      return "border-orange-200 bg-orange-50 text-orange-700 hover:bg-orange-100 dark:border-orange-900/50 dark:bg-orange-950/30 dark:text-orange-300";
+    case "Medium":
+      return "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-300";
+    case "Low":
+      return "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-300";
+  }
+}
+function classificationForScore(score) {
+  if (score == null) return void 0;
+  if (score >= 80) return "Urgent";
+  if (score >= 60) return "High";
+  if (score >= 35) return "Medium";
+  return "Low";
+}
+function scoreRangeForUrgency(label) {
+  switch (label) {
+    case "Urgent":
+      return "80-100";
+    case "High":
+      return "60-79";
+    case "Medium":
+      return "35-59";
+    case "Low":
+      return "0-34";
+  }
+}
+function makeDomId(...parts) {
+  return parts.filter((part) => Boolean(part)).join("-").replace(/[^A-Za-z0-9_-]+/g, "-");
+}
+function scoreFactorToPriorityBucket(factor) {
+  var _a, _b, _c;
+  return {
+    key: factor.key,
+    label: factor.label,
+    kind: "factor",
+    score: (_a = factor.score) != null ? _a : void 0,
+    classification: (_c = factor.risk) != null ? _c : classificationForScore((_b = factor.score) != null ? _b : void 0),
+    rationale: factor.why,
+    factorKeys: [factor.key]
+  };
+}
+function bucketHasSignalRows(bucket) {
+  var _a, _b, _c, _d;
+  return ((_b = (_a = bucket.signals) == null ? void 0 : _a.length) != null ? _b : 0) > 0 || ((_d = (_c = bucket.signalIds) == null ? void 0 : _c.length) != null ? _d : 0) > 0 || Boolean(bucket.primarySignalId);
+}
+function getSignalScoreBuckets(signalData) {
+  var _a;
+  return ((_a = signalData.explanationBuckets) != null ? _a : []).filter(
+    (bucket) => bucket.kind !== "factor" && bucketHasSignalRows(bucket)
+  );
+}
+function getBucketSignals(bucket) {
+  if (bucket.signals && bucket.signals.length > 0) return bucket.signals;
+  const signalIds = bucket.signalIds && bucket.signalIds.length > 0 ? bucket.signalIds : bucket.primarySignalId ? [bucket.primarySignalId] : [];
+  const uniqueSignalIds = Array.from(new Set(signalIds));
+  return uniqueSignalIds.map((signalId) => ({
+    id: signalId,
+    label: `${bucket.label} signal`
+  }));
+}
+function getPriorityBuckets(signalData) {
+  if (signalData.explanationBuckets !== void 0) return signalData.explanationBuckets;
+  return signalData.factors.map(scoreFactorToPriorityBucket);
+}
+function isSameExplanation(a, b) {
+  return Boolean(a && b && a.trim() === b.trim());
+}
+function SignalPriorityChip({
+  score,
+  urgencyLabel: providedLabel,
+  isOpen,
+  controlsId,
+  onClick,
+  className
+}) {
+  const urgencyLabel = getSignalScoreUrgencyLabel(score, providedLabel);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-expanded": isOpen,
+      "aria-controls": controlsId,
+      className: cn(
+        "inline-flex items-center gap-1 rounded-md border px-2.5 py-1 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        getUrgencyChipClass(urgencyLabel),
+        className
+      ),
+      children: [
+        urgencyLabel,
+        " Priority",
+        /* @__PURE__ */ jsx(Info, { className: "h-3 w-3" })
+      ]
+    }
+  );
+}
+function SignalPriorityPanel({ signalData, className, id }) {
+  var _a, _b, _c;
+  const urgencyLabel = getSignalScoreUrgencyLabel(signalData.score, signalData.urgencyLabel);
+  const buckets = React.useMemo(() => getPriorityBuckets(signalData), [signalData]);
+  const topBucketRationale = (_a = buckets.find((bucket) => bucket.rationale)) == null ? void 0 : _a.rationale;
+  const primaryUrgencyExplanation = (_c = (_b = signalData.urgencyExplanation) != null ? _b : signalData.whyNow) != null ? _c : topBucketRationale;
+  const whyNowSection = isSameExplanation(signalData.whyNow, primaryUrgencyExplanation) ? void 0 : signalData.whyNow;
+  const topFactorSection = isSameExplanation(topBucketRationale, primaryUrgencyExplanation) || isSameExplanation(topBucketRationale, whyNowSection) ? void 0 : topBucketRationale;
+  const scoreRange = scoreRangeForUrgency(urgencyLabel);
+  return /* @__PURE__ */ jsxs("div", { id, className: cn("rounded-lg border border-border bg-muted/20 p-3 text-xs", className), role: "region", "aria-label": "Priority explanation", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("p", { className: "font-semibold text-foreground", children: [
+          "Why this is ",
+          urgencyLabel.toLowerCase(),
+          " priority"
+        ] }),
+        primaryUrgencyExplanation ? /* @__PURE__ */ jsx("p", { className: "mt-1 leading-relaxed text-muted-foreground", children: primaryUrgencyExplanation }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap gap-1.5 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-background px-2 py-0.5", children: [
+          "Score ",
+          signalData.score,
+          "/100"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-background px-2 py-0.5", children: [
+          urgencyLabel,
+          " range: ",
+          scoreRange
+        ] })
+      ] })
+    ] }),
+    (whyNowSection || topFactorSection) && /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-2 text-xs text-muted-foreground sm:grid-cols-2", children: [
+      whyNowSection ? /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-background/80 p-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: "Why now" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 leading-relaxed", children: whyNowSection })
+      ] }) : null,
+      topFactorSection ? /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-background/80 p-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: "Top factor" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 leading-relaxed", children: topFactorSection })
+      ] }) : null
+    ] }),
+    signalData.factors.length > 0 ? /* @__PURE__ */ jsx(
+      ScoreBreakdown,
+      {
+        className: "mt-3",
+        factors: signalData.factors,
+        onFactorFeedback: signalData.onFactorFeedback,
+        initialFeedback: signalData.initialFactorFeedback
+      }
+    ) : null
+  ] });
+}
+function SignalRow({ item, bucketKey, signal, onOpenSignalBucket }) {
+  const rowContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: signal.label }),
+      signal.time ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground/70", children: signal.time }) : null
+    ] }),
+    signal.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 leading-relaxed text-muted-foreground", children: signal.description }) : null,
+    (signal.source || signal.metric) && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-muted-foreground/80", children: [
+      signal.source ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5", children: signal.source }) : null,
+      signal.metric ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5", children: signal.metric }) : null
+    ] })
+  ] });
+  if (signal.id && onOpenSignalBucket) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "w-full rounded-md bg-background/80 p-2 text-left text-xs transition-colors hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        onClick: () => onOpenSignalBucket({ item, bucketKey, signalId: signal.id }),
+        children: rowContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "rounded-md bg-background/80 p-2 text-xs", children: rowContent });
+}
+function ScoreWhyChips({
+  item,
+  signalData,
+  onOpenSignalBucket,
+  className
+}) {
+  var _a, _b;
+  const [selectedBucketKey, setSelectedBucketKey] = React.useState(null);
+  React.useEffect(() => {
+    setSelectedBucketKey(null);
+  }, [item.id]);
+  const reactId = React.useId();
+  const idPrefix = makeDomId("score-why", reactId, item.id);
+  const buckets = React.useMemo(() => getSignalScoreBuckets(signalData), [signalData]);
+  const selectedBucket = (_a = buckets.find((bucket) => bucket.key === selectedBucketKey)) != null ? _a : null;
+  const selectedBucketSignals = selectedBucket ? getBucketSignals(selectedBucket) : [];
+  const selectedPanelId = selectedBucket ? `${idPrefix}-panel-${makeDomId(selectedBucket.key)}` : void 0;
+  if (buckets.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("mt-4", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-muted-foreground", children: "Why" }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: buckets.map((bucket) => {
+      const isSelected = selectedBucketKey === bucket.key;
+      const panelId = `${idPrefix}-panel-${makeDomId(bucket.key)}`;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSelectedBucketKey((prev) => prev === bucket.key ? null : bucket.key),
+          "aria-expanded": isSelected,
+          "aria-controls": panelId,
+          className: cn(
+            "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[11px] font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            isSelected ? "border-foreground/30 bg-foreground text-background" : "border-border bg-background text-muted-foreground hover:bg-muted/60 hover:text-foreground"
+          ),
+          children: [
+            bucket.label,
+            bucket.signalCount && bucket.signalCount > 1 ? /* @__PURE__ */ jsxs("span", { className: cn("rounded-full px-1.5 py-0 text-[10px]", isSelected ? "bg-background/20" : "bg-muted"), children: [
+              "\xD7",
+              bucket.signalCount
+            ] }) : null
+          ]
+        },
+        bucket.key
+      );
+    }) }),
+    selectedBucket && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: selectedPanelId,
+        className: "mt-3 rounded-lg border border-border bg-muted/20 p-3",
+        role: "region",
+        "aria-label": `${selectedBucket.label} details`,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: selectedBucket.label }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1.5 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-background px-2 py-0.5", children: [
+              (_b = selectedBucket.signalCount) != null ? _b : selectedBucketSignals.length,
+              " signals"
+            ] }) })
+          ] }) }),
+          selectedBucketSignals.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-2", "aria-label": "Matching signals", children: selectedBucketSignals.map((signal, index) => {
+            var _a2;
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              SignalRow,
+              {
+                item,
+                bucketKey: selectedBucket.key,
+                signal,
+                onOpenSignalBucket
+              }
+            ) }, (_a2 = signal.id) != null ? _a2 : `${selectedBucket.key}-signal-${index}`);
+          }) }) : selectedBucket.evidence && selectedBucket.evidence.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-1.5", "aria-label": "Matching signals", children: selectedBucket.evidence.map((evidence, index) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "mt-1.5 h-1 w-1 shrink-0 rounded-full bg-primary" }),
+            /* @__PURE__ */ jsx("span", { className: "leading-relaxed", children: evidence })
+          ] }, `${selectedBucket.key}-evidence-${index}`)) }) : null
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ScoreWhyChips,
+  SignalPriorityChip,
+  SignalPriorityPanel,
+  getSignalScoreUrgencyLabel
+};
+//# sourceMappingURL=score-why-chips.js.map

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

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

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/index.js.map

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

package/dist/prototype/index.d.ts

@@ -1,4 +1,4 @@
-export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, WorkQueueViewConfig } from './prototype-config.js';
+export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, SignalScoreExplanationBucket, SignalScoreExplanationSignal, SignalScoreUrgencyLabel, WorkQueueViewConfig } from './prototype-config.js';
 export { PrototypeShell, PrototypeShellProps } from './prototype-shell.js';
 export { DetailView, DetailViewProps, PrototypeInboxView, PrototypeInboxViewProps } from './prototype-inbox-view.js';
 export { PrototypeInsightsView, PrototypeInsightsViewProps } from './prototype-insights-view.js';

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

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

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

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