@handled-ai/design-system 0.18.1 → 0.18.2

package/src/components/signal-priority-popover.tsx

@@ -17,10 +17,14 @@ import {
   ChevronDown,
   ChevronUp,
   Info,
+  ThumbsUp,
+  ThumbsDown,
+  Check,
+  Pencil,
 } from "lucide-react"
 import { cn } from "../lib/utils"
 import { FeedbackFooter } from "./feedback-primitives"
-import type { FeedbackChipTree, FeedbackSubmitData } from "./feedback-primitives"
+import type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from "./feedback-primitives"
 import type { SignalScoreUrgencyLabel } from "../prototype/prototype-config"
 import { getSignalScoreUrgencyLabel, scoreRangeForUrgency, SIGNAL_TONE_CLASSES } from "./score-why-chips"
 
@@ -58,6 +62,12 @@ export interface SignalPriorityPopoverProps {
   feedbackChips?: FeedbackChipTree[]
   onFeedbackSubmit?: (data: FeedbackSubmitData) => void
   className?: string
+  /** Persisted factor-level feedback (keyed by factor key). */
+  initialFactorFeedback?: Record<string, { type: "up" | "down"; detail: string; ownershipLabel?: string }>
+  /** Callback when user submits factor-level feedback. */
+  onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void
+  /** Persisted priority-level feedback for the footer. */
+  initialPriorityFeedback?: PersistedFeedbackData | null
 }
 
 // ---------------------------------------------------------------------------
@@ -152,7 +162,13 @@ function DirectionIcon({ direction }: { direction: PriorityFactor["direction"] }
 // PriorityFactorRow
 // ---------------------------------------------------------------------------
 
-function PriorityFactorRow({ factor }: { factor: PriorityFactor }) {
+interface PriorityFactorRowProps {
+  factor: PriorityFactor
+  initialFeedback?: { type: "up" | "down"; detail: string; ownershipLabel?: string }
+  onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void
+}
+
+function PriorityFactorRow({ factor, initialFeedback, onFactorFeedback }: PriorityFactorRowProps) {
   const IconComponent = FACTOR_ICONS[factor.icon] ?? Activity
   const toneClasses = TONE_ICON_CLASSES[factor.tone]
   const directionClasses = DIRECTION_CLASSES[factor.direction]
@@ -163,6 +179,50 @@ function PriorityFactorRow({ factor }: { factor: PriorityFactor }) {
         ? "Lowers"
         : "Neutral"
 
+  const [thumbState, setThumbState] = React.useState<"up" | "down" | null>(
+    initialFeedback?.type ?? null,
+  )
+  const [showInput, setShowInput] = React.useState(false)
+  const [detailText, setDetailText] = React.useState(initialFeedback?.detail ?? "")
+  const [saved, setSaved] = React.useState(!!initialFeedback)
+  const [savedDetail, setSavedDetail] = React.useState(initialFeedback?.detail ?? "")
+  const ownershipLabel = initialFeedback?.ownershipLabel ?? "Your feedback"
+
+  // Sync with initialFeedback prop changes
+  React.useEffect(() => {
+    if (initialFeedback) {
+      setThumbState(initialFeedback.type)
+      setSaved(true)
+      setSavedDetail(initialFeedback.detail)
+    }
+  }, [initialFeedback])
+
+  const handleThumbClick = React.useCallback(
+    (type: "up" | "down") => {
+      if (thumbState === type) {
+        // Toggle off
+        setThumbState(null)
+        setShowInput(false)
+        setSaved(false)
+        onFactorFeedback?.(factor.key, null)
+      } else {
+        setThumbState(type)
+        setShowInput(true)
+        setSaved(false)
+      }
+    },
+    [thumbState, factor.key, onFactorFeedback],
+  )
+
+  const handleSubmitDetail = React.useCallback(() => {
+    if (!thumbState) return
+    const text = detailText.trim()
+    onFactorFeedback?.(factor.key, thumbState, text)
+    setSaved(true)
+    setSavedDetail(text)
+    setShowInput(false)
+  }, [thumbState, detailText, factor.key, onFactorFeedback])
+
   return (
     <div
       className="grid grid-cols-[20px_1fr_auto] gap-x-3 gap-y-1 px-4 py-3"
@@ -224,6 +284,124 @@ function PriorityFactorRow({ factor }: { factor: PriorityFactor }) {
 
       {/* empty grid cell under score column */}
       <div />
+
+      {/* Factor-level feedback row (spans icon + content columns) */}
+      {onFactorFeedback && (
+        <>
+          <div />
+          <div className="col-span-2 mt-1">
+            {saved && !showInput ? (
+              /* Persisted / saved indicator */
+              <button
+                type="button"
+                onClick={() => {
+                  setDetailText(savedDetail)
+                  setShowInput(true)
+                  setSaved(false)
+                }}
+                className="group flex items-center gap-1.5 text-[11px] text-muted-foreground hover:text-foreground transition-colors"
+                data-testid={`factor-feedback-persisted-${factor.key}`}
+              >
+                <span className="font-medium">{ownershipLabel}:</span>
+                {thumbState === "up" ? (
+                  <ThumbsUp className="h-[10px] w-[10px]" />
+                ) : (
+                  <ThumbsDown className="h-[10px] w-[10px]" />
+                )}
+                {savedDetail && (
+                  <span className="max-w-[180px] truncate text-muted-foreground/70">
+                    {savedDetail}
+                  </span>
+                )}
+                <Pencil className="h-[9px] w-[9px] opacity-0 group-hover:opacity-100 transition-opacity" />
+              </button>
+            ) : (
+              <div className="flex items-center gap-1.5">
+                {/* Inline thumb buttons */}
+                <button
+                  type="button"
+                  onClick={() => handleThumbClick("up")}
+                  className={cn(
+                    "p-1 rounded transition-colors",
+                    thumbState === "up"
+                      ? "text-foreground bg-muted"
+                      : "text-muted-foreground/40 hover:text-foreground hover:bg-muted/50",
+                  )}
+                  title="This factor is accurate"
+                  data-testid={`factor-thumb-up-${factor.key}`}
+                >
+                  <ThumbsUp className="h-[10px] w-[10px]" />
+                </button>
+                <button
+                  type="button"
+                  onClick={() => handleThumbClick("down")}
+                  className={cn(
+                    "p-1 rounded transition-colors",
+                    thumbState === "down"
+                      ? "text-red-600 bg-red-50"
+                      : "text-muted-foreground/40 hover:text-red-600 hover:bg-red-50/50",
+                  )}
+                  title="Report issue with this factor"
+                  data-testid={`factor-thumb-down-${factor.key}`}
+                >
+                  <ThumbsDown className="h-[10px] w-[10px]" />
+                </button>
+
+                {/* Transient "Saved" pill */}
+                {saved && (
+                  <span
+                    className="inline-flex items-center gap-1 text-[11px] font-medium text-emerald-600"
+                    role="status"
+                    data-testid={`factor-saved-${factor.key}`}
+                  >
+                    <Check className="h-[10px] w-[10px]" />
+                    Saved
+                  </span>
+                )}
+              </div>
+            )}
+
+            {/* Inline detail input */}
+            {showInput && thumbState && (
+              <div className="mt-1.5">
+                <input
+                  type="text"
+                  value={detailText}
+                  onChange={(e) => setDetailText(e.target.value)}
+                  onKeyDown={(e) => {
+                    if (e.key === "Enter") handleSubmitDetail()
+                    if (e.key === "Escape") setShowInput(false)
+                  }}
+                  placeholder={
+                    thumbState === "up"
+                      ? "What\u2019s accurate? (optional)"
+                      : "What\u2019s wrong? (optional)"
+                  }
+                  className="w-full h-6 rounded border border-border bg-background px-2 text-[11px] text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:ring-1 focus:ring-ring"
+                  data-testid={`factor-detail-input-${factor.key}`}
+                />
+                <div className="mt-1 flex items-center gap-1.5">
+                  <button
+                    type="button"
+                    onClick={handleSubmitDetail}
+                    className="bg-foreground text-background rounded px-2 py-0.5 text-[10px] font-semibold"
+                    data-testid={`factor-submit-${factor.key}`}
+                  >
+                    Submit
+                  </button>
+                  <button
+                    type="button"
+                    onClick={() => setShowInput(false)}
+                    className="border border-border rounded px-2 py-0.5 text-[10px] font-medium"
+                  >
+                    Cancel
+                  </button>
+                </div>
+              </div>
+            )}
+          </div>
+        </>
+      )}
     </div>
   )
 }
@@ -241,6 +419,9 @@ export function SignalPriorityPopover({
   feedbackChips,
   onFeedbackSubmit,
   className,
+  initialFactorFeedback,
+  onFactorFeedback,
+  initialPriorityFeedback,
 }: SignalPriorityPopoverProps) {
   const urgencyLabel = getSignalScoreUrgencyLabel(score, providedLabel)
   const scoreRange = scoreRangeForUrgency(urgencyLabel)
@@ -252,6 +433,9 @@ export function SignalPriorityPopover({
   const triggerHover = URGENCY_TRIGGER_HOVER[urgencyLabel]
   const triggerOpen = URGENCY_TRIGGER_OPEN[urgencyLabel]
 
+  // Derive a stable feedbackKey for the footer from score + urgencyLabel
+  const footerFeedbackKey = `priority-${score}-${urgencyLabel}`
+
   return (
     <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>
       <PopoverPrimitive.Trigger asChild>
@@ -332,7 +516,12 @@ export function SignalPriorityPopover({
               {/* Factor rows */}
               <div className="divide-y divide-border/40">
                 {factors.map((factor) => (
-                  <PriorityFactorRow key={factor.key} factor={factor} />
+                  <PriorityFactorRow
+                    key={factor.key}
+                    factor={factor}
+                    initialFeedback={initialFactorFeedback?.[factor.key]}
+                    onFactorFeedback={onFactorFeedback}
+                  />
                 ))}
               </div>
             </>
@@ -349,6 +538,8 @@ export function SignalPriorityPopover({
                 negativeChips={feedbackChips ?? DEFAULT_PRIORITY_FEEDBACK_CHIPS}
                 positivePrompt="Thanks. Anything to keep about this score?"
                 className="px-4 py-3"
+                initialFeedback={initialPriorityFeedback}
+                feedbackKey={footerFeedbackKey}
               />
             </div>
           )}

package/src/index.ts

@@ -33,13 +33,12 @@ export * from "./components/data-table-filter"
 export * from "./components/data-table-quick-views"
 export * from "./components/data-table-toolbar"
 export * from "./components/detail-view"
-export * from "./components/detail-drawer"
 export * from "./components/dialog"
 export * from "./components/dropdown-menu"
 export * from "./components/empty-state"
 export * from "./components/entity-panel"
 export { FeedbackFooter, FeedbackChipGroup, FeedbackInput, FeedbackActions } from "./components/feedback-primitives"
-export type { FeedbackFooterProps, FeedbackChipTree, FeedbackChipGroupProps, FeedbackInputProps, FeedbackActionsProps, FeedbackSubmitData } from "./components/feedback-primitives"
+export type { FeedbackFooterProps, FeedbackChipTree, FeedbackChipGroupProps, FeedbackInputProps, FeedbackActionsProps, FeedbackSubmitData, PersistedFeedbackData } from "./components/feedback-primitives"
 export { SignalPriorityPopover } from "./components/signal-priority-popover"
 export type { SignalPriorityPopoverProps, PriorityFactor } from "./components/signal-priority-popover"
 export * from "./components/filter-chip"
@@ -48,8 +47,6 @@ export * from "./components/inbox-toolbar"
 export * from "./components/inline-banner"
 export * from "./components/input"
 export * from "./components/insights-filter-bar"
-export * from "./components/days-open-cell"
-export * from "./components/linked-entity-cell"
 export * from "./components/item-list"
 export * from "./components/item-list-display"
 export * from "./components/item-list-filter"
@@ -59,11 +56,9 @@ export * from "./components/label"
 export * from "./components/message"
 export * from "./components/metric-card"
 export * from "./components/performance-metrics-table"
-export * from "./components/pill"
 export * from "./components/preview-list"
 export * from "./components/progress"
 export * from "./components/quick-action-chat-area"
-export * from "./components/quick-segment"
 export {
   QuickActionModal,
   type QuickActionPriority,

package/src/prototype/prototype-config.ts

@@ -16,7 +16,7 @@ import type { TimelineEvent } from "../components/timeline-activity"
 import type { ApprovalState } from "../components/signal-feedback-inline"
 import type { LucideIcon } from "lucide-react"
 import type { PriorityFactor } from "../components/signal-priority-popover"
-import type { FeedbackChipTree, FeedbackSubmitData } from "../components/feedback-primitives"
+import type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from "../components/feedback-primitives"
 
 // ---------------------------------------------------------------------------
 // Shared
@@ -57,6 +57,10 @@ export interface SignalScoreExplanationSignal {
   counterparty?: string
   /** Component breakdown for combined signals. */
   components?: Array<{ type: string; count: number }>
+  /** Current balance value (e.g., "$3.0M") for balance context strip. */
+  currentBalance?: string
+  /** Additional balance context text (e.g., "down from $23M"). */
+  balanceContext?: string
 }
 
 export interface SignalScoreExplanationBucket {
@@ -97,6 +101,12 @@ export interface SignalScoreData {
   /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
   initialScoreFeedback?: { type: "up" | "down"; pills: string[]; detail: string } | null
   initialFactorFeedback?: Record<string, { type: "up" | "down"; detail: string }>
+  /** Factor-level feedback for the priority popover rows (keyed by factor key). */
+  initialFactorPopoverFeedback?: Record<string, { type: "up" | "down"; detail: string; ownershipLabel?: string }>
+  /** Persisted bucket-level feedback, keyed by bucket key. */
+  initialBucketFeedback?: Record<string, PersistedFeedbackData>
+  /** Persisted priority-level feedback for the popover footer. */
+  initialPriorityFeedback?: PersistedFeedbackData | null
   /** Priority factors for the popover breakdown. */
   priorityFactors?: PriorityFactor[]
   /** Negative feedback chip tree for the priority popover. */

package/src/prototype/prototype-inbox-view.tsx

@@ -272,6 +272,9 @@ export function DetailView({
               metaText={undefined}
               feedbackChips={signalData.priorityFeedbackChips}
               onFeedbackSubmit={signalData.onPriorityFeedback}
+              initialFactorFeedback={signalData.initialFactorPopoverFeedback}
+              onFactorFeedback={signalData.onFactorFeedback}
+              initialPriorityFeedback={signalData.initialPriorityFeedback}
             />
             {signalData.timeChipLabel && (
               <Badge variant="outline" title={signalData.timeChipDetail ?? undefined}>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/detail-drawer.js

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

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

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

package/dist/components/linked-entity-cell.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-
-interface LinkedEntityCellProps extends React.HTMLAttributes<HTMLDivElement> {
-    name: React.ReactNode;
-    href?: string;
-    subtitle?: React.ReactNode;
-    meta?: React.ReactNode;
-    icon?: React.ReactNode;
-    external?: boolean;
-    onNavigate?: () => void;
-}
-declare function LinkedEntityCell({ name, href, subtitle, meta, icon, external, onNavigate, className, ...props }: LinkedEntityCellProps): React.JSX.Element;
-
-export { LinkedEntityCell, type LinkedEntityCellProps };