@handled-ai/design-system 0.18.4 → 0.18.5

package/src/components/insights-filter-bar.tsx

@@ -23,6 +23,7 @@ export interface FilterDefinition {
 
 export interface InsightsFilterBarProps {
   filters: FilterDefinition[]
+  variant?: "default" | "compact"
   values: Record<string, string>
   onChange: (filterId: string, value: string) => void
   onClearAll?: () => void
@@ -45,6 +46,7 @@ function InsightsFilterBar({
   onChange,
   onClearAll,
   className,
+  variant = "default",
 }: InsightsFilterBarProps) {
   const showClearAll = onClearAll && hasNonDefaultValue(filters, values)
 
@@ -52,11 +54,12 @@ function InsightsFilterBar({
     <div
       data-slot="insights-filter-bar"
       className={cn(
-        "flex flex-wrap items-center gap-3 rounded-md border border-border bg-card p-4 shadow-sm",
+        "flex flex-wrap items-center rounded-md border border-border bg-card shadow-sm",
+        variant === "compact" ? "gap-2 p-2" : "gap-3 p-4",
         className
       )}
     >
-      <div className="flex items-center gap-2">
+      <div className={cn("flex items-center gap-2", variant === "compact" && "sr-only")}>
         <FilterIcon className="h-4 w-4 text-muted-foreground" />
         <span className="text-sm font-medium text-muted-foreground">
           Filters:
@@ -80,7 +83,10 @@ function InsightsFilterBar({
               <Button
                 variant="outline"
                 size="sm"
-                className="h-8 gap-1.5 text-xs font-normal shadow-none"
+                className={cn(
+                  "gap-1.5 text-xs font-normal shadow-none",
+                  variant === "compact" ? "h-7 px-2" : "h-8"
+                )}
               >
                 {IconComp ? (
                   <IconComp className="h-3.5 w-3.5 text-muted-foreground" />
@@ -118,7 +124,10 @@ function InsightsFilterBar({
           <Button
             variant="ghost"
             size="sm"
-            className="h-8 text-xs text-destructive hover:text-destructive"
+            className={cn(
+              "text-xs text-destructive hover:text-destructive",
+              variant === "compact" ? "h-7 px-2" : "h-8"
+            )}
             onClick={onClearAll}
           >
             Clear All

package/src/components/linked-entity-cell.tsx

@@ -0,0 +1,74 @@
+"use client"
+
+import * as React from "react"
+import { ExternalLink } from "lucide-react"
+
+import { cn } from "../lib/utils"
+
+export interface LinkedEntityCellProps extends React.HTMLAttributes<HTMLDivElement> {
+  name: React.ReactNode
+  href?: string
+  subtitle?: React.ReactNode
+  meta?: React.ReactNode
+  icon?: React.ReactNode
+  external?: boolean
+  onNavigate?: () => void
+}
+
+export function LinkedEntityCell({
+  name,
+  href,
+  subtitle,
+  meta,
+  icon,
+  external = false,
+  onNavigate,
+  className,
+  ...props
+}: LinkedEntityCellProps) {
+  const content = (
+    <>
+      <span className="truncate">{name}</span>
+      {external ? <ExternalLink className="h-3 w-3 shrink-0 opacity-60" aria-hidden="true" /> : null}
+    </>
+  )
+
+  return (
+    <div
+      data-slot="linked-entity-cell"
+      className={cn("flex min-w-0 items-center gap-2", className)}
+      {...props}
+    >
+      {icon ? (
+        <span data-slot="linked-entity-cell-icon" className="shrink-0 text-muted-foreground">
+          {icon}
+        </span>
+      ) : null}
+      <div className="min-w-0 flex-1">
+        {href ? (
+          <a
+            data-slot="linked-entity-cell-link"
+            href={href}
+            target={external ? "_blank" : undefined}
+            rel={external ? "noreferrer" : undefined}
+            onClick={onNavigate}
+            className="inline-flex max-w-full items-center gap-1 truncate font-medium text-foreground underline-offset-4 hover:text-primary hover:underline"
+          >
+            {content}
+          </a>
+        ) : (
+          <span data-slot="linked-entity-cell-name" className="block truncate font-medium text-foreground">
+            {name}
+          </span>
+        )}
+        {subtitle || meta ? (
+          <div data-slot="linked-entity-cell-meta" className="mt-0.5 truncate text-xs text-muted-foreground">
+            {subtitle}
+            {subtitle && meta ? <span className="px-1">·</span> : null}
+            {meta}
+          </div>
+        ) : null}
+      </div>
+    </div>
+  )
+}

package/src/components/metric-card.tsx

@@ -1,5 +1,6 @@
 import * as React from "react"
 import { ArrowUp, ArrowDown, Info, ExternalLink } from "lucide-react"
+import type { LucideIcon } from "lucide-react"
 import { cn } from "../lib/utils"
 
 export interface MetricDataPoint {
@@ -24,6 +25,103 @@ export interface MetricCardProps {
   showInfo?: boolean
 }
 
+export interface KpiStripItem {
+  id?: string
+  label: React.ReactNode
+  value: React.ReactNode
+  unit?: React.ReactNode
+  subtitle?: React.ReactNode
+  change?: MetricCardProps["change"]
+}
+
+export interface KpiStripProps extends React.HTMLAttributes<HTMLDivElement> {
+  items: KpiStripItem[]
+  columns?: 2 | 3 | 4
+}
+
+function getChangePresentation(change: MetricCardProps["change"]): {
+  icon: LucideIcon | null
+  className: string
+} | null {
+  if (!change) return null
+  if (change.direction === "neutral") {
+    return { icon: null, className: "text-muted-foreground" }
+  }
+
+  const isGoodDirection = change.isGood !== undefined
+    ? change.isGood
+    : change.direction === "up"
+
+  return {
+    icon: change.direction === "down" ? ArrowDown : ArrowUp,
+    className: isGoodDirection ? "text-emerald-600" : "text-red-600",
+  }
+}
+
+export function KpiStrip({ items, columns = 4, className, ...props }: KpiStripProps) {
+  return (
+    <div
+      data-slot="kpi-strip"
+      className={cn(
+        "grid gap-3 rounded-xl border border-border bg-card p-3 shadow-sm",
+        columns === 2 && "sm:grid-cols-2",
+        columns === 3 && "sm:grid-cols-3",
+        columns === 4 && "sm:grid-cols-2 lg:grid-cols-4",
+        className
+      )}
+      {...props}
+    >
+      {items.map((item, index) => {
+        const changePresentation = getChangePresentation(item.change)
+        const ChangeIcon = changePresentation?.icon
+
+        return (
+          <div
+            key={item.id ?? index}
+            data-slot="kpi-strip-item"
+            className="min-w-0 rounded-lg bg-muted/40 px-3 py-2"
+          >
+            <div data-slot="kpi-strip-label" className="truncate text-xs font-medium text-muted-foreground">
+              {item.label}
+            </div>
+            <div className="mt-1 flex items-baseline gap-1">
+              <span data-slot="kpi-strip-value" className="truncate text-2xl font-bold tracking-tight text-foreground">
+                {item.value}
+              </span>
+              {item.unit ? (
+                <span data-slot="kpi-strip-unit" className="text-sm font-semibold text-muted-foreground">
+                  {item.unit}
+                </span>
+              ) : null}
+            </div>
+            {item.subtitle || item.change ? (
+              <div className="mt-1 flex items-center gap-2 text-xs">
+                {item.change ? (
+                  <span
+                    data-slot="kpi-strip-change"
+                    className={cn(
+                      "inline-flex items-center gap-0.5 font-semibold",
+                      changePresentation?.className
+                    )}
+                  >
+                    {ChangeIcon ? <ChangeIcon className="h-3 w-3 stroke-[3]" /> : null}
+                    {item.change.value}
+                  </span>
+                ) : null}
+                {item.subtitle ? (
+                  <span data-slot="kpi-strip-subtitle" className="truncate text-muted-foreground">
+                    {item.subtitle}
+                  </span>
+                ) : null}
+              </div>
+            ) : null}
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+
 export function MetricCard({
   title,
   value,

package/src/components/pill.tsx

@@ -0,0 +1,67 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "../lib/utils"
+
+/**
+ * Insights-friendly pill convenience wrappers.
+ *
+ * Pill and StatusPill are small, rounded wrappers for dense Insights surfaces
+ * such as tables, KPI strips, and filter summaries. They intentionally wrap the
+ * existing Badge/StatusBadge visual language and are not a replacement for all
+ * Badge usage across the design system.
+ */
+export type PillStatus = "success" | "warning" | "error" | "neutral" | "info"
+
+const pillVariants = cva(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-white dark:bg-destructive/60",
+        outline: "border-border bg-background text-foreground",
+        ghost: "border-transparent bg-transparent text-muted-foreground",
+        success: "border-transparent bg-green-100 text-green-950 dark:bg-green-950 dark:text-green-100",
+        warning: "border-transparent bg-yellow-100 text-yellow-950 dark:bg-yellow-950 dark:text-yellow-100",
+        error: "border-transparent bg-red-100 text-red-950 dark:bg-red-950 dark:text-red-100",
+        neutral: "border-transparent bg-muted text-foreground",
+        info: "border-transparent bg-blue-100 text-blue-950 dark:bg-blue-950 dark:text-blue-100",
+      },
+    },
+    defaultVariants: {
+      variant: "neutral",
+    },
+  }
+)
+
+export interface PillProps
+  extends React.ComponentProps<"span">,
+    VariantProps<typeof pillVariants> {}
+
+export function Pill({ className, variant = "neutral", ...props }: PillProps) {
+  return (
+    <span
+      data-slot="pill"
+      data-variant={variant}
+      className={cn(pillVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+export interface StatusPillProps extends Omit<PillProps, "variant"> {
+  status: React.ReactNode
+  intent?: PillStatus
+}
+
+export function StatusPill({ status, intent = "neutral", children, ...props }: StatusPillProps) {
+  return (
+    <Pill data-slot="status-pill" variant={intent} {...props}>
+      {children ?? status}
+    </Pill>
+  )
+}
+
+export { pillVariants }

package/src/components/quick-segment.tsx

@@ -0,0 +1,68 @@
+"use client"
+
+import * as React from "react"
+
+import { cn } from "../lib/utils"
+
+export interface QuickSegmentProps
+  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect" | "value"> {
+  label: React.ReactNode
+  value: string
+  selected?: boolean
+  count?: number | string
+  description?: React.ReactNode
+  onSelect?: (value: string) => void
+}
+
+export function QuickSegment({
+  label,
+  value,
+  selected = false,
+  count,
+  description,
+  onSelect,
+  className,
+  type = "button",
+  ...props
+}: QuickSegmentProps) {
+  return (
+    <button
+      data-slot="quick-segment"
+      data-selected={selected ? "true" : "false"}
+      type={type}
+      aria-pressed={selected}
+      className={cn(
+        "inline-flex min-h-8 items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium transition-colors",
+        selected
+          ? "border-primary bg-primary text-primary-foreground shadow-sm"
+          : "border-border bg-background text-muted-foreground hover:bg-muted hover:text-foreground",
+        className
+      )}
+      onClick={(event) => {
+        props.onClick?.(event)
+        if (!event.defaultPrevented) onSelect?.(value)
+      }}
+      {...props}
+    >
+      <span data-slot="quick-segment-label">{label}</span>
+      {count !== undefined ? (
+        <span
+          data-slot="quick-segment-count"
+          className={cn(
+            "rounded-full px-1.5 py-0.5 text-[11px] leading-none",
+            selected
+              ? "bg-primary-foreground/20 text-primary-foreground"
+              : "bg-muted text-muted-foreground"
+          )}
+        >
+          {count}
+        </span>
+      ) : null}
+      {description ? (
+        <span data-slot="quick-segment-description" className="sr-only">
+          {description}
+        </span>
+      ) : null}
+    </button>
+  )
+}

package/src/components/score-why-chips.tsx

@@ -15,7 +15,7 @@ import {
 } from "lucide-react"
 import type { LucideIcon } from "lucide-react"
 import { FeedbackFooter } from "./feedback-primitives"
-import type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from "./feedback-primitives"
+import type { FeedbackChipTree, FeedbackSubmitData } from "./feedback-primitives"
 import { cn } from "../lib/utils"
 import type {
   QueueItem,
@@ -266,7 +266,6 @@ function StructuredSignalRow({ item, bucketKey, signal, tone, onOpenSignalBucket
   const IconComponent = resolveIcon(signal.signalTypeName)
   const toneClass = tone ? (SIGNAL_TONE_CLASSES[tone] ?? DEFAULT_TONE_CLASS) : DEFAULT_TONE_CLASS
   const isCombined = signal.signalTypeName === "combined_signal" && signal.components && signal.components.length > 0
-  const hasBalance = Boolean(signal.currentBalance || signal.balanceContext)
 
   const rowContent = (
     <>
@@ -305,26 +304,6 @@ function StructuredSignalRow({ item, bucketKey, signal, tone, onOpenSignalBucket
 
       {/* Slot 5: Chevron */}
       <ChevronRight className="h-3 w-3 shrink-0 text-muted-foreground/60 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground/50" />
-
-      {/* Balance context strip — spans full row below grid columns */}
-      {hasBalance && (
-        <div
-          className="col-span-full mt-0.5 text-[10px] text-muted-foreground/70"
-          data-testid="balance-context-strip"
-        >
-          {signal.currentBalance && (
-            <span>
-              Current balance <span className="font-medium text-muted-foreground">{signal.currentBalance}</span>
-            </span>
-          )}
-          {signal.balanceContext && (
-            <span>
-              {signal.currentBalance ? " · " : ""}
-              {signal.balanceContext}
-            </span>
-          )}
-        </div>
-      )}
     </>
   )
 
@@ -426,11 +405,9 @@ interface WhyCardProps {
   panelId: string
   onOpenSignalBucket?: ScoreWhyChipsProps["onOpenSignalBucket"]
   onBucketFeedback?: (bucketKey: string, data: FeedbackSubmitData) => void
-  /** Persisted bucket-level feedback to hydrate from. */
-  initialBucketFeedback?: PersistedFeedbackData | null
 }
 
-function WhyCard({ bucket, signals, item, panelId, onOpenSignalBucket, onBucketFeedback, initialBucketFeedback }: WhyCardProps) {
+function WhyCard({ bucket, signals, item, panelId, onOpenSignalBucket, onBucketFeedback }: WhyCardProps) {
   const [showAll, setShowAll] = React.useState(false)
   const [bucketFeedback, setBucketFeedback] = React.useState<"positive" | "negative" | null>(null)
   const totalCount = bucket.signalCount ?? signals.length
@@ -511,8 +488,6 @@ function WhyCard({ bucket, signals, item, panelId, onOpenSignalBucket, onBucketF
             negativeChips={BUCKET_NEGATIVE_CHIPS}
             negativePrompt="Was this bucket useful?"
             positivePrompt="Thanks! What was useful about this bucket?"
-            initialFeedback={initialBucketFeedback}
-            feedbackKey={bucket.key}
           />
         </div>
       )}
@@ -586,7 +561,6 @@ export function ScoreWhyChips({
           panelId={selectedPanelId}
           onOpenSignalBucket={onOpenSignalBucket}
           onBucketFeedback={signalData.onBucketFeedback}
-          initialBucketFeedback={signalData.initialBucketFeedback?.[selectedBucket.key]}
         />
       )}
     </div>

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

@@ -19,8 +19,8 @@ import {
   Info,
 } from "lucide-react"
 import { cn } from "../lib/utils"
-import { FeedbackFooter, InlineFeedbackControl } from "./feedback-primitives"
-import type { FeedbackChipTree, FeedbackSubmitData, PersistedFeedbackData } from "./feedback-primitives"
+import { FeedbackFooter } from "./feedback-primitives"
+import type { FeedbackChipTree, FeedbackSubmitData } from "./feedback-primitives"
 import type { SignalScoreUrgencyLabel } from "../prototype/prototype-config"
 import { getSignalScoreUrgencyLabel, scoreRangeForUrgency, SIGNAL_TONE_CLASSES } from "./score-why-chips"
 
@@ -58,12 +58,6 @@ 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
 }
 
 // ---------------------------------------------------------------------------
@@ -158,13 +152,7 @@ function DirectionIcon({ direction }: { direction: PriorityFactor["direction"] }
 // PriorityFactorRow
 // ---------------------------------------------------------------------------
 
-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) {
+function PriorityFactorRow({ factor }: { factor: PriorityFactor }) {
   const IconComponent = FACTOR_ICONS[factor.icon] ?? Activity
   const toneClasses = TONE_ICON_CLASSES[factor.tone]
   const directionClasses = DIRECTION_CLASSES[factor.direction]
@@ -236,21 +224,6 @@ function PriorityFactorRow({ factor, initialFeedback, onFactorFeedback }: Priori
 
       {/* empty grid cell under score column */}
       <div />
-
-      {/* Factor-level feedback row (spans icon + content columns) */}
-      {onFactorFeedback && (
-        <>
-          <div />
-          <div className="col-span-2 mt-1">
-            <InlineFeedbackControl
-              feedbackKey={factor.key}
-              initialFeedback={initialFeedback}
-              onFeedback={onFactorFeedback}
-              testIdPrefix="factor"
-            />
-          </div>
-        </>
-      )}
     </div>
   )
 }
@@ -268,9 +241,6 @@ export function SignalPriorityPopover({
   feedbackChips,
   onFeedbackSubmit,
   className,
-  initialFactorFeedback,
-  onFactorFeedback,
-  initialPriorityFeedback,
 }: SignalPriorityPopoverProps) {
   const urgencyLabel = getSignalScoreUrgencyLabel(score, providedLabel)
   const scoreRange = scoreRangeForUrgency(urgencyLabel)
@@ -282,9 +252,6 @@ 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>
@@ -365,12 +332,7 @@ export function SignalPriorityPopover({
               {/* Factor rows */}
               <div className="divide-y divide-border/40">
                 {factors.map((factor) => (
-                  <PriorityFactorRow
-                    key={factor.key}
-                    factor={factor}
-                    initialFeedback={initialFactorFeedback?.[factor.key]}
-                    onFactorFeedback={onFactorFeedback}
-                  />
+                  <PriorityFactorRow key={factor.key} factor={factor} />
                 ))}
               </div>
             </>
@@ -387,8 +349,6 @@ 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,12 +33,13 @@ 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, InlineFeedbackControl } from "./components/feedback-primitives"
-export type { FeedbackFooterProps, FeedbackChipTree, FeedbackChipGroupProps, FeedbackInputProps, FeedbackActionsProps, FeedbackSubmitData, PersistedFeedbackData, InlineFeedbackControlProps } from "./components/feedback-primitives"
+export { FeedbackFooter, FeedbackChipGroup, FeedbackInput, FeedbackActions } from "./components/feedback-primitives"
+export type { FeedbackFooterProps, FeedbackChipTree, FeedbackChipGroupProps, FeedbackInputProps, FeedbackActionsProps, FeedbackSubmitData } 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"
@@ -47,6 +48,8 @@ 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"
@@ -56,9 +59,11 @@ 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, PersistedFeedbackData } from "../components/feedback-primitives"
+import type { FeedbackChipTree, FeedbackSubmitData } from "../components/feedback-primitives"
 
 // ---------------------------------------------------------------------------
 // Shared
@@ -57,10 +57,6 @@ 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 {
@@ -101,12 +97,6 @@ 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,9 +272,6 @@ 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}>