@handled-ai/design-system 0.17.1 → 0.18.1

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

@@ -1,334 +1,17 @@
-import * as React from 'react';
-import { SidebarNavSection } from '../components/quick-action-sidebar-nav.js';
-import { ScoreFactor } from '../components/score-breakdown.js';
-import { SuggestedContact, SuggestedAction } from '../components/suggested-actions.js';
-import { SourceDef } from '../components/detail-view.js';
-import { InboxFilterCategory } from '../components/inbox-toolbar.js';
-import { DataTableFilterCategory } from '../components/data-table-filter.js';
-import { DataRow } from '../components/data-table.js';
-import { MetricCardProps } from '../components/metric-card.js';
-import { PipelineStage, PipelineStageMetrics, PipelineStageTiming } from '../charts/pipeline-overview.js';
-import { TimelineEvent } from '../components/timeline-activity.js';
-import { ApprovalState } from '../components/signal-feedback-inline.js';
-import { LucideIcon } from 'lucide-react';
+import 'react';
+import '../components/quick-action-sidebar-nav.js';
+import '../components/score-breakdown.js';
+import '../components/suggested-actions.js';
+import '../components/detail-view.js';
+import '../components/inbox-toolbar.js';
+import '../components/data-table-filter.js';
+import '../components/data-table.js';
+import '../components/metric-card.js';
+import '../charts/pipeline-overview.js';
+import '../components/timeline-activity.js';
+import '../components/signal-feedback-inline.js';
+import 'lucide-react';
+export { A as AccountFilterTab, a as AccountsViewConfig, b as AdminTab, c as AdminViewConfig, B as BriefStyleVariant, E as EntityPanelConfig, d as EntityPanelSection, I as InboxDetailSections, e as InboxSortOption, f as InboxViewConfig, g as InsightsCustomTab, h as InsightsViewConfig, i as PrototypeBrandConfig, j as PrototypeConfig, Q as QueueItem, l as SignalScoreData, m as SignalScoreExplanationBucket, n as SignalScoreExplanationSignal, o as SignalScoreUrgencyLabel, W as WorkQueueViewConfig } from '../signal-priority-popover-DQ_VuHac.js';
+import '../components/feedback-primitives.js';
 import '../components/quick-action-modal.js';
 import '../components/data-table-condition-filter.js';
-
-interface PrototypeBrandConfig {
-    name: string;
-    logo?: string;
-    assistantName?: string;
-}
-interface QueueItem {
-    id: string;
-    title: string;
-    details: string;
-    statusColor: string;
-    time: string;
-    company: string;
-    tag1: string;
-}
-type SignalScoreUrgencyLabel = "Low" | "Medium" | "High" | "Urgent";
-interface SignalScoreExplanationSignal {
-    id?: string;
-    label: string;
-    description?: string;
-    source?: string;
-    time?: string;
-    metric?: string;
-}
-interface SignalScoreExplanationBucket {
-    key: string;
-    label: string;
-    kind: "signal" | "factor" | "merged";
-    score?: number;
-    classification?: string;
-    rationale?: string;
-    evidence?: string[];
-    signals?: SignalScoreExplanationSignal[];
-    primaryMetricLabel?: string;
-    primaryMetricValue?: string;
-    signalCount?: number;
-    signalIds?: string[];
-    primarySignalId?: string;
-    factorKeys?: string[];
-}
-interface SignalScoreData {
-    score: number;
-    factors: ScoreFactor[];
-    whyNow: string;
-    evidence: string[];
-    confidence: number;
-    urgencyLabel?: SignalScoreUrgencyLabel;
-    urgencyExplanation?: string;
-    explanationBuckets?: SignalScoreExplanationBucket[];
-    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
-    onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
-    onApproveFeedback?: (reasons: string[], detail: string) => void;
-    onDismissFeedback?: (reasons: string[], detail: string, subReason?: string) => void;
-    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
-    initialScoreFeedback?: {
-        type: "up" | "down";
-        pills: string[];
-        detail: string;
-    } | null;
-    initialFactorFeedback?: Record<string, {
-        type: "up" | "down";
-        detail: string;
-    }>;
-    /** AI-generated signal brief text. When present, rendered in a dedicated section. */
-    signalBrief?: string;
-    /** Compact label for time-remaining chip (e.g., "13 days left"). */
-    timeChipLabel?: string;
-    /** Expanded detail for time chip popover (e.g., "Day 2 of 14 · Event detected on May 1"). */
-    timeChipDetail?: string;
-}
-interface InboxSortOption {
-    id: string;
-    label: string;
-}
-/** Controls the visual prominence of the signal brief section. */
-type BriefStyleVariant = "default" | "prominent";
-interface InboxDetailSections {
-    signalBrief?: boolean;
-    suggestedActions?: boolean;
-    timeline?: boolean;
-}
-interface InboxViewConfig {
-    items: QueueItem[];
-    filterCategories?: InboxFilterCategory[];
-    detailSections?: InboxDetailSections;
-    accountContacts?: SuggestedContact[];
-    buildAccountContacts?: (item: QueueItem) => SuggestedContact[];
-    emailSignature?: string | React.ReactNode;
-    buildSuggestedActions?: (item: QueueItem) => SuggestedAction[];
-    buildSourceItems?: (item: QueueItem) => SourceDef[];
-    getSignalScore?: (company: string, item?: QueueItem) => SignalScoreData;
-    getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
-    iconMap?: Record<string, string>;
-    hideToolbarActions?: boolean;
-    hideHoverActions?: boolean;
-    onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
-    /** @deprecated The compact score UX no longer renders score-level thumbs by default. */
-    onScoreFeedback?: (type: "up" | "down", pills: string[], detail: string) => void;
-    onOpenSignalBucket?: (args: {
-        item: QueueItem;
-        bucketKey: string;
-        signalId: string;
-    }) => void;
-    buildEntityChips?: (item: QueueItem) => Array<{
-        id: string;
-        label: string;
-        avatarLetter: string;
-        onClick?: () => void;
-    }>;
-    quickFilterTabs?: Array<{
-        id: string;
-        label: string;
-        matchValue?: string;
-        count?: number;
-    }>;
-    hideAccountsButton?: boolean;
-    accountDetailsLabel?: string;
-    onSignalApprove?: (item: QueueItem) => void | Promise<boolean>;
-    getSignalApprovalState?: (item: QueueItem) => ApprovalState | undefined;
-    signalLabels?: {
-        approveButton?: string;
-        dismissButton?: string;
-        approvedStatus?: string;
-        dismissedStatus?: string;
-        opportunityCreated?: string;
-        confirmPrompt?: string;
-        creatingStatus?: string;
-    };
-    /** When true, the approve/create-opportunity button is hidden but the dismiss button remains. */
-    hideApproveButton?: boolean;
-    /**
-     * Override the copy used in the detail panel "Signal brief" section.
-     * Useful when the prototype represents an internal ops inbox rather than
-     * an outbound sales signal — the default heading and intro line are
-     * written for the latter.
-     */
-    signalBriefCopy?: {
-        /** Section heading (default: "Signal brief"). Pass an empty string to hide. */
-        heading?: string;
-        /**
-         * Introductory line rendered above the per-item `whyNow` text.
-         * Receives the `QueueItem` so the caller can interpolate the company
-         * name or other fields. Pass `null` (or a function returning `null`)
-         * to suppress the intro line entirely.
-         */
-        intro?: string | ((item: QueueItem) => string | null) | null;
-    };
-    /** Controls the visual prominence of the signal brief section.
-     *  - "default": current styling (muted intro, text-foreground/90 brief)
-     *  - "prominent": standard foreground color, text-base size for the brief
-     */
-    briefStyleVariant?: BriefStyleVariant;
-    /** Render extra content at the end of the detail view, below the suggested actions section. */
-    renderDetailExtra?: (item: QueueItem) => React.ReactNode;
-    /** Render extra content inline with the detail title. */
-    renderTitleExtra?: (item: QueueItem) => React.ReactNode;
-    /** Render supporting content below the detail title. */
-    renderTitleSubtext?: (item: QueueItem) => React.ReactNode;
-    /** Render content between the signal brief text and the signal score bar (e.g. "Signals on Case" chips). */
-    renderBeforeScore?: (item: QueueItem) => React.ReactNode;
-    /** Render content between the signal score section and the activity timeline (e.g. OpportunityPanel). */
-    renderAfterScore?: (item: QueueItem) => React.ReactNode;
-    /** Formatted string for "Last activity X ago" in the collapsed timeline header. If omitted, falls back to the first event's time. */
-    lastActivityTime?: string;
-    /** Sort options for the inbox. When provided, a sort dropdown is rendered in the split view toolbar. */
-    sortOptions?: InboxSortOption[];
-    /** Currently active sort option id. */
-    activeSortId?: string;
-    /** Callback when the user changes the sort option. */
-    onSortChange?: (sortId: string) => void;
-}
-interface InsightsCustomTab {
-    id: string;
-    label: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    content: React.ReactNode;
-}
-interface InsightsViewConfig {
-    customTabs?: InsightsCustomTab[];
-    tabs?: {
-        overview?: boolean;
-        analytics?: boolean;
-    };
-    coaching?: {
-        enabled?: boolean;
-        message?: string;
-    };
-    metrics?: MetricCardProps[];
-    expandedMetrics?: MetricCardProps[];
-    dashboardCards?: {
-        topTasks?: boolean;
-        upcomingMeetings?: boolean;
-        recentlyCompleted?: boolean;
-        checkIns?: boolean;
-    };
-    analytics?: {
-        pipeline?: {
-            stages: PipelineStage[];
-            stageMetrics: Record<string, PipelineStageMetrics>;
-            stageTimings: (PipelineStageTiming | null)[];
-            filterBreakdowns?: Record<string, Record<string, Record<string, number>>>;
-        };
-        volumeChart?: {
-            data: Record<string, unknown>[];
-            dataKeys: Array<{
-                key: string;
-                color: string;
-            }>;
-            filterOptions?: Array<{
-                label: string;
-                value: string;
-            }>;
-        };
-        donutChart?: {
-            data: Array<{
-                name: string;
-                value: number;
-                color: string;
-            }>;
-            centerLabel?: number;
-        };
-        trendChart?: {
-            data: Record<string, unknown>[];
-            series: Array<{
-                dataKey: string;
-                color: string;
-            }>;
-            xAxisKey?: string;
-            height?: number;
-            toggleOptions?: string[];
-        };
-        barChart?: {
-            data: Record<string, unknown>[];
-            bars: Array<{
-                dataKey: string;
-                color: string;
-                name: string;
-                icon?: LucideIcon;
-            }>;
-        };
-        barList?: {
-            data: Array<{
-                name: string;
-                value: number;
-            }>;
-            valueFormatter?: (v: number) => string;
-        };
-    };
-}
-interface AccountFilterTab {
-    label: string;
-    count?: number;
-    variant?: "default" | "attention" | "ghost";
-}
-interface AccountsViewConfig {
-    filterTabs?: AccountFilterTab[];
-    rows?: DataRow[];
-    filterCategories?: DataTableFilterCategory[];
-    quickViews?: string[];
-    moreQuickViews?: string[];
-    quickViewFilters?: Record<string, (row: DataRow) => boolean>;
-    iconMap?: {
-        salesforce?: string;
-    };
-    entityUrlBuilder?: (row: DataRow) => string;
-    onScoreFactorFeedback?: (account: string, scoreType: string, factorKey: string, type: "up" | "down" | null, detail?: string) => void;
-    onScoreApproveFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
-    onScoreDismissFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
-}
-interface WorkQueueViewConfig {
-    [key: string]: unknown;
-}
-interface AdminTab {
-    id: string;
-    label: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    content: React.ReactNode;
-}
-interface AdminViewConfig {
-    /** View title displayed in the header. Defaults to "Admin". */
-    title?: string;
-    /** Icon displayed next to the title. */
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    tabs: AdminTab[];
-    /** Which tab is active initially. Defaults to first tab's id. */
-    defaultTab?: string;
-}
-interface EntityPanelSection {
-    type: "details" | "contacts" | "recentActivity" | "connectedApps" | "systemActivity";
-    props?: Record<string, unknown>;
-}
-interface EntityPanelConfig {
-    sections?: EntityPanelSection[];
-    icons?: Record<string, string>;
-}
-interface PrototypeConfig {
-    brand?: PrototypeBrandConfig;
-    sidebar: SidebarNavSection[];
-    views: {
-        inbox?: InboxViewConfig;
-        insights?: InsightsViewConfig;
-        accounts?: AccountsViewConfig;
-        workQueue?: WorkQueueViewConfig;
-        admin?: AdminViewConfig;
-    };
-    defaultView: string;
-    entityPanel?: EntityPanelConfig;
-    /** Sidebar item IDs that trigger view navigation. Defaults to keys of `views`. */
-    navigableViews?: string[];
-}
-
-export type { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, BriefStyleVariant, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxSortOption, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, SignalScoreExplanationBucket, SignalScoreExplanationSignal, SignalScoreUrgencyLabel, WorkQueueViewConfig };

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

@@ -3,7 +3,8 @@ import { ApprovalState, OpportunityPreview } from '../components/signal-feedback
 import { SourceDef } from '../components/detail-view.js';
 import { SuggestedAction, SuggestedContact } from '../components/suggested-actions.js';
 import { TimelineEvent } from '../components/timeline-activity.js';
-import { QueueItem, InboxDetailSections, SignalScoreData, InboxViewConfig, BriefStyleVariant } from './prototype-config.js';
+import { Q as QueueItem, I as InboxDetailSections, l as SignalScoreData, f as InboxViewConfig, B as BriefStyleVariant } from '../signal-priority-popover-DQ_VuHac.js';
+import '../components/feedback-primitives.js';
 import '../components/quick-action-sidebar-nav.js';
 import '../components/quick-action-modal.js';
 import '../components/score-breakdown.js';

package/dist/prototype/prototype-inbox-view.js

@@ -55,7 +55,8 @@ import {
 } from "../components/inbox-toolbar.js";
 import { GroupedListView } from "../components/item-list.js";
 import { SignalApproval } from "../components/signal-feedback-inline.js";
-import { ScoreWhyChips, SignalPriorityChip, SignalPriorityPanel } from "../components/score-why-chips.js";
+import { ScoreWhyChips } from "../components/score-why-chips.js";
+import { SignalPriorityPopover } from "../components/signal-priority-popover.js";
 import {
   SuggestedActions
 } from "../components/suggested-actions.js";
@@ -118,15 +119,12 @@ function DetailView({
   onRequestApproval,
   attentionCount
 }) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const [showTimeline, setShowTimeline] = React.useState(false);
   const [extraActions, setExtraActions] = React.useState([]);
-  const [priorityOpen, setPriorityOpen] = React.useState(false);
-  const priorityPanelId = React.useId();
   React.useEffect(() => {
     setShowTimeline(false);
     setExtraActions([]);
-    setPriorityOpen(false);
   }, [item.id]);
   const signalData = React.useMemo(
     () => getSignalScore(item.company, item),
@@ -201,16 +199,18 @@ function DetailView({
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ jsx(
-              SignalPriorityChip,
+              SignalPriorityPopover,
               {
                 score: signalData.score,
                 urgencyLabel: signalData.urgencyLabel,
-                isOpen: priorityOpen,
-                controlsId: priorityPanelId,
-                onClick: () => setPriorityOpen((prev) => !prev)
+                urgencyExplanation: (_a = signalData.urgencyExplanation) != null ? _a : signalData.signalBrief,
+                factors: (_b = signalData.priorityFactors) != null ? _b : [],
+                metaText: void 0,
+                feedbackChips: signalData.priorityFeedbackChips,
+                onFeedbackSubmit: signalData.onPriorityFeedback
               }
             ),
-            signalData.timeChipLabel && /* @__PURE__ */ jsx(Badge, { variant: "outline", title: (_a = signalData.timeChipDetail) != null ? _a : void 0, children: signalData.timeChipLabel }),
+            signalData.timeChipLabel && /* @__PURE__ */ jsx(Badge, { variant: "outline", title: (_c = signalData.timeChipDetail) != null ? _c : void 0, children: signalData.timeChipLabel }),
             /* @__PURE__ */ jsxs(
               "button",
               {
@@ -226,7 +226,6 @@ function DetailView({
             ),
             renderMetadataExtra == null ? void 0 : renderMetadataExtra(item)
           ] }),
-          priorityOpen && /* @__PURE__ */ jsx(SignalPriorityPanel, { id: priorityPanelId, signalData, className: "mb-6" }),
           sections.signalBrief && (() => {
             var _a2;
             const briefHeading = (_a2 = signalBriefCopy == null ? void 0 : signalBriefCopy.heading) != null ? _a2 : "Signal brief";
@@ -266,7 +265,7 @@ function DetailView({
                     ] }),
                     !showTimeline && (lastActivityTime || timelineEvents.length > 0 && timelineEvents[0].time) && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground/60", children: [
                       "\xB7 Last activity ",
-                      (_c = lastActivityTime != null ? lastActivityTime : (_b = timelineEvents[0]) == null ? void 0 : _b.time) != null ? _c : ""
+                      (_e = lastActivityTime != null ? lastActivityTime : (_d = timelineEvents[0]) == null ? void 0 : _d.time) != null ? _e : ""
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [