@handled-ai/design-system 0.16.2 → 0.17.1

package/dist/components/contextual-quick-action-launcher.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+interface ContextualQuickActionItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    disabledReason?: string;
+}
+interface ContextualQuickActionContextLabelProps {
+    contextLabel: string;
+    contextSecondary?: string;
+    className?: string;
+}
+interface ContextualQuickActionLauncherProps {
+    contextLabel: string;
+    contextSecondary?: string;
+    items: ContextualQuickActionItem[];
+    onSelect: (item: ContextualQuickActionItem) => void;
+    onBrowseAll?: () => void;
+    showHint?: boolean;
+    align?: "start" | "end";
+    className?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare function ContextualQuickActionContextLabel({ contextLabel, contextSecondary, className, }: ContextualQuickActionContextLabelProps): React.JSX.Element;
+declare function ContextualQuickActionLauncher({ contextLabel, contextSecondary, items, onSelect, onBrowseAll, showHint, align, className, open, defaultOpen, onOpenChange, }: ContextualQuickActionLauncherProps): React.JSX.Element;
+
+export { ContextualQuickActionContextLabel, type ContextualQuickActionContextLabelProps, type ContextualQuickActionItem, ContextualQuickActionLauncher, type ContextualQuickActionLauncherProps };

package/dist/components/contextual-quick-action-launcher.js

@@ -0,0 +1,202 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowRight, ChevronDown, Zap } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./dropdown-menu.js";
+function ContextualQuickActionContextLabel({
+  contextLabel,
+  contextSecondary,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "contextual-quick-action-context-label",
+      className: cn(
+        "-mx-1 -mt-1 mb-1 flex items-center gap-1.5 border-b px-3 py-2 text-[11px] text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3 shrink-0", strokeWidth: 2.25, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { children: "Acting on" }),
+        /* @__PURE__ */ jsx("strong", { className: "max-w-[180px] truncate font-semibold text-foreground", children: contextLabel }),
+        contextSecondary ? /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate text-muted-foreground", children: [
+          "\xB7 ",
+          contextSecondary
+        ] }) : null
+      ]
+    }
+  );
+}
+function DefaultActionIcon() {
+  return /* @__PURE__ */ jsx(Zap, { className: "h-3.5 w-3.5", "aria-hidden": "true" });
+}
+function ContextualQuickActionLauncher({
+  contextLabel,
+  contextSecondary,
+  items,
+  onSelect,
+  onBrowseAll,
+  showHint = false,
+  align = "start",
+  className,
+  open,
+  defaultOpen,
+  onOpenChange
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen != null ? defaultOpen : false);
+  const isControlled = open !== void 0;
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const handleOpenChange = React.useCallback(
+    (nextOpen) => {
+      if (!isControlled) {
+        setUncontrolledOpen(nextOpen);
+      }
+      onOpenChange == null ? void 0 : onOpenChange(nextOpen);
+    },
+    [isControlled, onOpenChange]
+  );
+  const closeMenu = React.useCallback(() => {
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  const handleSelect = React.useCallback(
+    (item, event) => {
+      if (item.disabled) {
+        event == null ? void 0 : event.preventDefault();
+        return;
+      }
+      onSelect(item);
+      closeMenu();
+    },
+    [closeMenu, onSelect]
+  );
+  const handleBrowseAll = React.useCallback(() => {
+    onBrowseAll == null ? void 0 : onBrowseAll();
+    closeMenu();
+  }, [closeMenu, onBrowseAll]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "contextual-quick-action-launcher",
+      className: cn("inline-flex items-center gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: handleOpenChange, children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-slot": "contextual-quick-action-trigger",
+              "data-state": isOpen ? "open" : "closed",
+              className: cn(
+                "inline-flex h-8 items-center gap-2 rounded-lg border border-border bg-background py-1.5 pr-2.5 pl-2 text-xs font-medium text-foreground shadow-sm transition-colors hover:border-muted-foreground/40 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                "data-[state=open]:border-foreground data-[state=open]:bg-foreground data-[state=open]:text-background data-[state=open]:hover:bg-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "inline-flex h-[18px] w-[18px] items-center justify-center rounded bg-foreground/[0.04]",
+                      isOpen && "bg-background/15"
+                    ),
+                    children: /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3", strokeWidth: 2, "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "tracking-[-0.005em]", children: "Quick action" }),
+                /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 opacity-60", strokeWidth: 2, "aria-hidden": "true" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(
+            DropdownMenuContent,
+            {
+              align,
+              side: "bottom",
+              sideOffset: 6,
+              className: "pointer-events-auto w-[308px] rounded-[10px] p-1.5 text-[12.5px] shadow-[0_12px_28px_rgba(0,0,0,0.12),0_2px_6px_rgba(0,0,0,0.04)]",
+              children: [
+                /* @__PURE__ */ jsx(
+                  ContextualQuickActionContextLabel,
+                  {
+                    contextLabel,
+                    contextSecondary
+                  }
+                ),
+                items.map((item) => {
+                  var _a;
+                  return /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      disabled: item.disabled,
+                      onSelect: (event) => handleSelect(item, event),
+                      className: cn(
+                        "flex cursor-pointer items-center gap-2.5 rounded-md px-2 py-2 text-left outline-none focus:bg-accent data-[disabled]:cursor-not-allowed data-[disabled]:opacity-100",
+                        item.disabled && "text-muted-foreground"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "data-slot": "contextual-quick-action-item-icon",
+                            className: cn(
+                              "flex h-[26px] w-[26px] shrink-0 items-center justify-center rounded-md bg-secondary text-foreground",
+                              item.disabled && "opacity-60"
+                            ),
+                            children: (_a = item.icon) != null ? _a : /* @__PURE__ */ jsx(DefaultActionIcon, {})
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsx("span", { className: "block truncate text-[12.5px] font-medium leading-tight text-current", children: item.label }),
+                          item.description ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block truncate text-[11px] leading-tight text-muted-foreground", children: item.description }) : null
+                        ] }),
+                        item.disabled && item.disabledReason ? /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-[10.5px] italic text-muted-foreground/80", children: item.disabledReason }) : null
+                      ]
+                    },
+                    item.id
+                  );
+                }),
+                /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "-mx-1.5 my-1" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 text-[11px] text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "inline-flex items-center gap-1 font-medium text-foreground hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      onClick: handleBrowseAll,
+                      children: [
+                        "Browse all actions",
+                        /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3", strokeWidth: 2, "aria-hidden": "true" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded border border-border px-1 py-0.5 text-[10px] font-medium leading-none text-muted-foreground", children: "\u2318K" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        showHint ? /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+          "Or press",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded border border-border bg-muted/40 px-1 py-0.5 text-[10px] font-medium leading-none", children: "\u2318K" }),
+          " ",
+          "for all actions"
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  ContextualQuickActionContextLabel,
+  ContextualQuickActionLauncher
+};
+//# sourceMappingURL=contextual-quick-action-launcher.js.map

package/dist/components/contextual-quick-action-launcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/contextual-quick-action-launcher.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowRight, ChevronDown, Zap } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\"\n\nexport interface ContextualQuickActionItem {\n  id: string\n  label: string\n  description?: string\n  icon?: React.ReactNode\n  disabled?: boolean\n  disabledReason?: string\n}\n\nexport interface ContextualQuickActionContextLabelProps {\n  contextLabel: string\n  contextSecondary?: string\n  className?: string\n}\n\nexport interface ContextualQuickActionLauncherProps {\n  contextLabel: string\n  contextSecondary?: string\n  items: ContextualQuickActionItem[]\n  onSelect: (item: ContextualQuickActionItem) => void\n  onBrowseAll?: () => void\n  showHint?: boolean\n  align?: \"start\" | \"end\"\n  className?: string\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\nfunction ContextualQuickActionContextLabel({\n  contextLabel,\n  contextSecondary,\n  className,\n}: ContextualQuickActionContextLabelProps) {\n  return (\n    <div\n      data-slot=\"contextual-quick-action-context-label\"\n      className={cn(\n        \"-mx-1 -mt-1 mb-1 flex items-center gap-1.5 border-b px-3 py-2 text-[11px] text-muted-foreground\",\n        className\n      )}\n    >\n      <Zap className=\"h-3 w-3 shrink-0\" strokeWidth={2.25} aria-hidden=\"true\" />\n      <span>Acting on</span>\n      <strong className=\"max-w-[180px] truncate font-semibold text-foreground\">\n        {contextLabel}\n      </strong>\n      {contextSecondary ? (\n        <span className=\"min-w-0 truncate text-muted-foreground\">\n          · {contextSecondary}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nfunction DefaultActionIcon() {\n  return <Zap className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n}\n\nfunction ContextualQuickActionLauncher({\n  contextLabel,\n  contextSecondary,\n  items,\n  onSelect,\n  onBrowseAll,\n  showHint = false,\n  align = \"start\",\n  className,\n  open,\n  defaultOpen,\n  onOpenChange,\n}: ContextualQuickActionLauncherProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const isControlled = open !== undefined\n  const isOpen = isControlled ? open : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen)\n      }\n      onOpenChange?.(nextOpen)\n    },\n    [isControlled, onOpenChange]\n  )\n\n  const closeMenu = React.useCallback(() => {\n    handleOpenChange(false)\n  }, [handleOpenChange])\n\n  const handleSelect = React.useCallback(\n    (item: ContextualQuickActionItem, event?: Event) => {\n      if (item.disabled) {\n        event?.preventDefault()\n        return\n      }\n\n      onSelect(item)\n      closeMenu()\n    },\n    [closeMenu, onSelect]\n  )\n\n  const handleBrowseAll = React.useCallback(() => {\n    onBrowseAll?.()\n    closeMenu()\n  }, [closeMenu, onBrowseAll])\n\n  return (\n    <div\n      data-slot=\"contextual-quick-action-launcher\"\n      className={cn(\"inline-flex items-center gap-2\", className)}\n    >\n      <DropdownMenu open={isOpen} onOpenChange={handleOpenChange}>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            data-slot=\"contextual-quick-action-trigger\"\n            data-state={isOpen ? \"open\" : \"closed\"}\n            className={cn(\n              \"inline-flex h-8 items-center gap-2 rounded-lg border border-border bg-background py-1.5 pr-2.5 pl-2 text-xs font-medium text-foreground shadow-sm transition-colors hover:border-muted-foreground/40 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n              \"data-[state=open]:border-foreground data-[state=open]:bg-foreground data-[state=open]:text-background data-[state=open]:hover:bg-foreground\"\n            )}\n          >\n            <span\n              className={cn(\n                \"inline-flex h-[18px] w-[18px] items-center justify-center rounded bg-foreground/[0.04]\",\n                isOpen && \"bg-background/15\"\n              )}\n            >\n              <Zap className=\"h-3 w-3\" strokeWidth={2} aria-hidden=\"true\" />\n            </span>\n            <span className=\"tracking-[-0.005em]\">Quick action</span>\n            <ChevronDown className=\"h-3 w-3 opacity-60\" strokeWidth={2} aria-hidden=\"true\" />\n          </button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent\n          align={align}\n          side=\"bottom\"\n          sideOffset={6}\n          className=\"pointer-events-auto w-[308px] rounded-[10px] p-1.5 text-[12.5px] shadow-[0_12px_28px_rgba(0,0,0,0.12),0_2px_6px_rgba(0,0,0,0.04)]\"\n        >\n          <ContextualQuickActionContextLabel\n            contextLabel={contextLabel}\n            contextSecondary={contextSecondary}\n          />\n\n          {items.map((item) => (\n            <DropdownMenuItem\n              key={item.id}\n              disabled={item.disabled}\n              onSelect={(event) => handleSelect(item, event)}\n              className={cn(\n                \"flex cursor-pointer items-center gap-2.5 rounded-md px-2 py-2 text-left outline-none focus:bg-accent data-[disabled]:cursor-not-allowed data-[disabled]:opacity-100\",\n                item.disabled && \"text-muted-foreground\"\n              )}\n            >\n              <span\n                data-slot=\"contextual-quick-action-item-icon\"\n                className={cn(\n                  \"flex h-[26px] w-[26px] shrink-0 items-center justify-center rounded-md bg-secondary text-foreground\",\n                  item.disabled && \"opacity-60\"\n                )}\n              >\n                {item.icon ?? <DefaultActionIcon />}\n              </span>\n              <span className=\"min-w-0 flex-1\">\n                <span className=\"block truncate text-[12.5px] font-medium leading-tight text-current\">\n                  {item.label}\n                </span>\n                {item.description ? (\n                  <span className=\"mt-0.5 block truncate text-[11px] leading-tight text-muted-foreground\">\n                    {item.description}\n                  </span>\n                ) : null}\n              </span>\n              {item.disabled && item.disabledReason ? (\n                <span className=\"ml-auto shrink-0 text-[10.5px] italic text-muted-foreground/80\">\n                  {item.disabledReason}\n                </span>\n              ) : null}\n            </DropdownMenuItem>\n          ))}\n\n          <DropdownMenuSeparator className=\"-mx-1.5 my-1\" />\n          <div className=\"flex items-center justify-between px-2 py-1.5 text-[11px] text-muted-foreground\">\n            <button\n              type=\"button\"\n              className=\"inline-flex items-center gap-1 font-medium text-foreground hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n              onClick={handleBrowseAll}\n            >\n              Browse all actions\n              <ArrowRight className=\"h-3 w-3\" strokeWidth={2} aria-hidden=\"true\" />\n            </button>\n            <span className=\"inline-flex items-center rounded border border-border px-1 py-0.5 text-[10px] font-medium leading-none text-muted-foreground\">\n              ⌘K\n            </span>\n          </div>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      {showHint ? (\n        <span className=\"text-[11px] text-muted-foreground\">\n          Or press{\" \"}\n          <span className=\"inline-flex items-center rounded border border-border bg-muted/40 px-1 py-0.5 text-[10px] font-medium leading-none\">\n            ⌘K\n          </span>{\" \"}\n          for all actions\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nexport { ContextualQuickActionContextLabel, ContextualQuickActionLauncher }\n"],"mappings":"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","names":[]}

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"]}