@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/lib/icons.d.ts

@@ -0,0 +1,18 @@
+declare const BRAND_ICONS: {
+    readonly gdoc: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/gdoc.a1.svg";
+    readonly gmail: {
+        readonly icon: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/gmail.icon.a1.svg";
+        readonly logo: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/gmail.logo.a2.svg";
+    };
+    readonly gong: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/gong.icon.a1.png";
+    readonly google: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/google.icon.a1.svg";
+    readonly hubspot: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/hubspot.icon.a1.svg";
+    readonly linkedin: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/linkedin.icon.a1.svg";
+    readonly microsoft: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/microsoft.icon.a1.svg";
+    readonly outlook: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/outlook.icon.a2.svg";
+    readonly salesforce: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/salesforce.icon.a1.svg";
+    readonly slack: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/slack.icon.a1.svg";
+    readonly zendesk: "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons/zendesk.icon.a1.svg";
+};
+
+export { BRAND_ICONS };

package/dist/lib/icons.js

@@ -0,0 +1,21 @@
+const SUPABASE_ICONS = "https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons";
+const BRAND_ICONS = {
+  gdoc: `${SUPABASE_ICONS}/gdoc.a1.svg`,
+  gmail: {
+    icon: `${SUPABASE_ICONS}/gmail.icon.a1.svg`,
+    logo: `${SUPABASE_ICONS}/gmail.logo.a2.svg`
+  },
+  gong: `${SUPABASE_ICONS}/gong.icon.a1.png`,
+  google: `${SUPABASE_ICONS}/google.icon.a1.svg`,
+  hubspot: `${SUPABASE_ICONS}/hubspot.icon.a1.svg`,
+  linkedin: `${SUPABASE_ICONS}/linkedin.icon.a1.svg`,
+  microsoft: `${SUPABASE_ICONS}/microsoft.icon.a1.svg`,
+  outlook: `${SUPABASE_ICONS}/outlook.icon.a2.svg`,
+  salesforce: `${SUPABASE_ICONS}/salesforce.icon.a1.svg`,
+  slack: `${SUPABASE_ICONS}/slack.icon.a1.svg`,
+  zendesk: `${SUPABASE_ICONS}/zendesk.icon.a1.svg`
+};
+export {
+  BRAND_ICONS
+};
+//# sourceMappingURL=icons.js.map

package/dist/lib/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/icons.ts"],"sourcesContent":["const SUPABASE_ICONS = \"https://bqvtedneuaozpgcgcxow.supabase.co/storage/v1/object/public/media/Icons\";\n\nexport const BRAND_ICONS = {\n  gdoc: `${SUPABASE_ICONS}/gdoc.a1.svg`,\n  gmail: {\n    icon: `${SUPABASE_ICONS}/gmail.icon.a1.svg`,\n    logo: `${SUPABASE_ICONS}/gmail.logo.a2.svg`,\n  },\n  gong: `${SUPABASE_ICONS}/gong.icon.a1.png`,\n  google: `${SUPABASE_ICONS}/google.icon.a1.svg`,\n  hubspot: `${SUPABASE_ICONS}/hubspot.icon.a1.svg`,\n  linkedin: `${SUPABASE_ICONS}/linkedin.icon.a1.svg`,\n  microsoft: `${SUPABASE_ICONS}/microsoft.icon.a1.svg`,\n  outlook: `${SUPABASE_ICONS}/outlook.icon.a2.svg`,\n  salesforce: `${SUPABASE_ICONS}/salesforce.icon.a1.svg`,\n  slack: `${SUPABASE_ICONS}/slack.icon.a1.svg`,\n  zendesk: `${SUPABASE_ICONS}/zendesk.icon.a1.svg`,\n} as const;\n"],"mappings":"AAAA,MAAM,iBAAiB;AAEhB,MAAM,cAAc;AAAA,EACzB,MAAM,GAAG,cAAc;AAAA,EACvB,OAAO;AAAA,IACL,MAAM,GAAG,cAAc;AAAA,IACvB,MAAM,GAAG,cAAc;AAAA,EACzB;AAAA,EACA,MAAM,GAAG,cAAc;AAAA,EACvB,QAAQ,GAAG,cAAc;AAAA,EACzB,SAAS,GAAG,cAAc;AAAA,EAC1B,UAAU,GAAG,cAAc;AAAA,EAC3B,WAAW,GAAG,cAAc;AAAA,EAC5B,SAAS,GAAG,cAAc;AAAA,EAC1B,YAAY,GAAG,cAAc;AAAA,EAC7B,OAAO,GAAG,cAAc;AAAA,EACxB,SAAS,GAAG,cAAc;AAC5B;","names":[]}

package/dist/lib/utils.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/prototype/index.d.ts

@@ -0,0 +1,20 @@
+export { AccountFilterTab, AccountsViewConfig, AdminTab, AdminViewConfig, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, WorkQueueViewConfig } from './prototype-config.js';
+export { PrototypeShell, PrototypeShellProps } from './prototype-shell.js';
+export { DetailView, DetailViewProps, PrototypeInboxView, PrototypeInboxViewProps } from './prototype-inbox-view.js';
+export { PrototypeInsightsView, PrototypeInsightsViewProps } from './prototype-insights-view.js';
+export { PrototypeAccountsView, PrototypeAccountsViewProps } from './prototype-accounts-view.js';
+export { PrototypeAdminView, PrototypeAdminViewProps } from './prototype-admin-view.js';
+export { PrototypeWorkQueueView, PrototypeWorkQueueViewProps } from './prototype-work-queue-view.js';
+import 'react';
+import '../components/quick-action-sidebar-nav.js';
+import '../components/quick-action-modal.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 'lucide-react';

package/dist/prototype/index.js

@@ -0,0 +1,8 @@
+export * from "./prototype-config.js";
+export * from "./prototype-shell.js";
+export * from "./prototype-inbox-view.js";
+export * from "./prototype-insights-view.js";
+export * from "./prototype-accounts-view.js";
+export * from "./prototype-admin-view.js";
+export * from "./prototype-work-queue-view.js";
+//# sourceMappingURL=index.js.map

package/dist/prototype/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/prototype/index.ts"],"sourcesContent":["/**\n * @handled-ai/design-system/prototype\n * Prototype template system (transitively depends on charts)\n */\nexport * from \"./prototype-config\"\nexport * from \"./prototype-shell\"\nexport * from \"./prototype-inbox-view\"\nexport * from \"./prototype-insights-view\"\nexport * from \"./prototype-accounts-view\"\nexport * from \"./prototype-admin-view\"\nexport * from \"./prototype-work-queue-view\"\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { AccountsViewConfig } from './prototype-config.js';
+import { DataRow } from '../components/data-table.js';
+import '../components/quick-action-sidebar-nav.js';
+import '../components/quick-action-modal.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/metric-card.js';
+import '../charts/pipeline-overview.js';
+import '../components/timeline-activity.js';
+import 'lucide-react';
+
+interface PrototypeAccountsViewProps extends AccountsViewConfig {
+    headerActions?: React.ReactNode;
+    onRowClick?: (row: DataRow) => void;
+}
+declare function PrototypeAccountsView({ filterTabs, headerActions, onRowClick, rows, filterCategories, quickViews, moreQuickViews, quickViewFilters, iconMap, entityUrlBuilder, onScoreFactorFeedback, onScoreApproveFeedback, onScoreDismissFeedback, }: PrototypeAccountsViewProps): React.JSX.Element;
+
+export { PrototypeAccountsView, type PrototypeAccountsViewProps };

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

@@ -0,0 +1,70 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../components/button.js";
+import { Badge } from "../components/badge.js";
+import { DataTable } from "../components/data-table.js";
+const DEFAULT_FILTER_TABS = [
+  { label: "All Accounts", count: 6, variant: "default" },
+  { label: "Needs Attention", count: 11, variant: "attention" },
+  { label: "Recent", count: 7, variant: "ghost" }
+];
+function PrototypeAccountsView({
+  filterTabs,
+  headerActions,
+  onRowClick,
+  rows,
+  filterCategories,
+  quickViews,
+  moreQuickViews,
+  quickViewFilters,
+  iconMap,
+  entityUrlBuilder,
+  onScoreFactorFeedback,
+  onScoreApproveFeedback,
+  onScoreDismissFeedback
+}) {
+  const tabs = filterTabs != null ? filterTabs : DEFAULT_FILTER_TABS;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full w-full bg-background relative", children: [
+    headerActions && /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-10", children: headerActions }),
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b border-border flex items-center gap-2 overflow-x-auto shrink-0 mt-2", children: tabs.map((tab, i) => {
+      if (tab.variant === "attention") {
+        return /* @__PURE__ */ jsxs(Button, { size: "sm", className: "h-7 text-xs rounded-md bg-emerald-600 hover:bg-emerald-700 text-white font-medium", children: [
+          tab.label,
+          tab.count != null && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-2 h-4 px-1.5 text-[10px] bg-white/20 text-white border-transparent", children: tab.count })
+        ] }, i);
+      }
+      if (tab.variant === "ghost") {
+        return /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs rounded-md border border-border bg-transparent font-medium", children: [
+          tab.label,
+          tab.count != null && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-2 h-4 px-1.5 text-[10px]", children: tab.count })
+        ] }, i);
+      }
+      return /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", className: "h-7 text-xs rounded-md bg-muted font-medium", children: [
+        tab.label,
+        tab.count != null && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "ml-2 h-4 px-1.5 text-[10px]", children: tab.count })
+      ] }, i);
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        onRowClick,
+        rows,
+        filterCategories,
+        quickViews,
+        moreQuickViews,
+        quickViewFilters,
+        iconMap,
+        entityUrlBuilder,
+        onScoreFactorFeedback,
+        onScoreApproveFeedback,
+        onScoreDismissFeedback
+      }
+    ) })
+  ] });
+}
+export {
+  PrototypeAccountsView
+};
+//# sourceMappingURL=prototype-accounts-view.js.map

package/dist/prototype/prototype-accounts-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/prototype/prototype-accounts-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Button } from \"../components/button\"\nimport { Badge } from \"../components/badge\"\nimport { DataTable } from \"../components/data-table\"\nimport type { AccountsViewConfig, AccountFilterTab } from \"./prototype-config\"\nimport type { DataRow } from \"../components/data-table\"\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeAccountsViewProps extends AccountsViewConfig {\n  headerActions?: React.ReactNode\n  onRowClick?: (row: DataRow) => void\n}\n\n// ---------------------------------------------------------------------------\n// Defaults\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_FILTER_TABS: AccountFilterTab[] = [\n  { label: \"All Accounts\", count: 6, variant: \"default\" },\n  { label: \"Needs Attention\", count: 11, variant: \"attention\" },\n  { label: \"Recent\", count: 7, variant: \"ghost\" },\n]\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeAccountsView({\n  filterTabs,\n  headerActions,\n  onRowClick,\n  rows,\n  filterCategories,\n  quickViews,\n  moreQuickViews,\n  quickViewFilters,\n  iconMap,\n  entityUrlBuilder,\n  onScoreFactorFeedback,\n  onScoreApproveFeedback,\n  onScoreDismissFeedback,\n}: PrototypeAccountsViewProps) {\n  const tabs = filterTabs ?? DEFAULT_FILTER_TABS\n\n  return (\n    <div className=\"flex flex-col h-full w-full bg-background relative\">\n      {headerActions && (\n        <div className=\"absolute top-4 right-4 z-10\">{headerActions}</div>\n      )}\n\n      <div className=\"px-4 py-3 border-b border-border flex items-center gap-2 overflow-x-auto shrink-0 mt-2\">\n        {tabs.map((tab, i) => {\n          if (tab.variant === \"attention\") {\n            return (\n              <Button key={i} size=\"sm\" className=\"h-7 text-xs rounded-md bg-emerald-600 hover:bg-emerald-700 text-white font-medium\">\n                {tab.label}\n                {tab.count != null && (\n                  <Badge variant=\"secondary\" className=\"ml-2 h-4 px-1.5 text-[10px] bg-white/20 text-white border-transparent\">\n                    {tab.count}\n                  </Badge>\n                )}\n              </Button>\n            )\n          }\n          if (tab.variant === \"ghost\") {\n            return (\n              <Button key={i} variant=\"ghost\" size=\"sm\" className=\"h-7 text-xs rounded-md border border-border bg-transparent font-medium\">\n                {tab.label}\n                {tab.count != null && (\n                  <Badge variant=\"secondary\" className=\"ml-2 h-4 px-1.5 text-[10px]\">\n                    {tab.count}\n                  </Badge>\n                )}\n              </Button>\n            )\n          }\n          return (\n            <Button key={i} variant=\"secondary\" size=\"sm\" className=\"h-7 text-xs rounded-md bg-muted font-medium\">\n              {tab.label}\n              {tab.count != null && (\n                <Badge variant=\"outline\" className=\"ml-2 h-4 px-1.5 text-[10px]\">\n                  {tab.count}\n                </Badge>\n              )}\n            </Button>\n          )\n        })}\n      </div>\n\n      <div className=\"flex-1 overflow-auto\">\n        <DataTable\n          onRowClick={onRowClick}\n          rows={rows}\n          filterCategories={filterCategories}\n          quickViews={quickViews}\n          moreQuickViews={moreQuickViews}\n          quickViewFilters={quickViewFilters}\n          iconMap={iconMap}\n          entityUrlBuilder={entityUrlBuilder}\n          onScoreFactorFeedback={onScoreFactorFeedback}\n          onScoreApproveFeedback={onScoreApproveFeedback}\n          onScoreDismissFeedback={onScoreDismissFeedback}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAoDQ,cAOM,YAPN;AAjDR,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAiB1B,MAAM,sBAA0C;AAAA,EAC9C,EAAE,OAAO,gBAAgB,OAAO,GAAG,SAAS,UAAU;AAAA,EACtD,EAAE,OAAO,mBAAmB,OAAO,IAAI,SAAS,YAAY;AAAA,EAC5D,EAAE,OAAO,UAAU,OAAO,GAAG,SAAS,QAAQ;AAChD;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,OAAO,kCAAc;AAE3B,SACE,qBAAC,SAAI,WAAU,sDACZ;AAAA,qBACC,oBAAC,SAAI,WAAU,+BAA+B,yBAAc;AAAA,IAG9D,oBAAC,SAAI,WAAU,0FACZ,eAAK,IAAI,CAAC,KAAK,MAAM;AACpB,UAAI,IAAI,YAAY,aAAa;AAC/B,eACE,qBAAC,UAAe,MAAK,MAAK,WAAU,qFACjC;AAAA,cAAI;AAAA,UACJ,IAAI,SAAS,QACZ,oBAAC,SAAM,SAAQ,aAAY,WAAU,yEAClC,cAAI,OACP;AAAA,aALS,CAOb;AAAA,MAEJ;AACA,UAAI,IAAI,YAAY,SAAS;AAC3B,eACE,qBAAC,UAAe,SAAQ,SAAQ,MAAK,MAAK,WAAU,0EACjD;AAAA,cAAI;AAAA,UACJ,IAAI,SAAS,QACZ,oBAAC,SAAM,SAAQ,aAAY,WAAU,+BAClC,cAAI,OACP;AAAA,aALS,CAOb;AAAA,MAEJ;AACA,aACE,qBAAC,UAAe,SAAQ,aAAY,MAAK,MAAK,WAAU,+CACrD;AAAA,YAAI;AAAA,QACJ,IAAI,SAAS,QACZ,oBAAC,SAAM,SAAQ,WAAU,WAAU,+BAChC,cAAI,OACP;AAAA,WALS,CAOb;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA,oBAAC,SAAI,WAAU,wBACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { AdminViewConfig } from './prototype-config.js';
+import '../components/quick-action-sidebar-nav.js';
+import '../components/quick-action-modal.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 'lucide-react';
+
+interface PrototypeAdminViewProps extends AdminViewConfig {
+    headerActions?: React.ReactNode;
+}
+declare function PrototypeAdminView({ title, icon: Icon, tabs, defaultTab, headerActions, }: PrototypeAdminViewProps): React.JSX.Element | null;
+
+export { PrototypeAdminView, type PrototypeAdminViewProps };

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

@@ -0,0 +1,53 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Settings } from "lucide-react";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../components/tabs.js";
+function PrototypeAdminView({
+  title = "Admin",
+  icon: Icon = Settings,
+  tabs,
+  defaultTab,
+  headerActions
+}) {
+  var _a;
+  const resolvedDefault = defaultTab != null ? defaultTab : (_a = tabs[0]) == null ? void 0 : _a.id;
+  if (!tabs.length) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden bg-background", children: [
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border bg-background", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-lg font-bold text-foreground", children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx("span", { children: title })
+      ] }),
+      headerActions
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-8", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-6xl", children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: resolvedDefault, className: "w-full space-y-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx(TabsList, { className: "h-9 rounded-lg border border-border/50 bg-muted/50 p-1", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+        TabsTrigger,
+        {
+          value: tab.id,
+          className: "gap-2 rounded-md px-3 py-1.5 text-xs font-medium transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+          children: [
+            tab.icon && /* @__PURE__ */ jsx(tab.icon, { className: "h-3.5 w-3.5" }),
+            tab.label
+          ]
+        },
+        tab.id
+      )) }) }),
+      tabs.map((tab) => /* @__PURE__ */ jsx(
+        TabsContent,
+        {
+          value: tab.id,
+          className: "space-y-6 focus-visible:outline-none",
+          children: tab.content
+        },
+        tab.id
+      ))
+    ] }) }) })
+  ] });
+}
+export {
+  PrototypeAdminView
+};
+//# sourceMappingURL=prototype-admin-view.js.map

package/dist/prototype/prototype-admin-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/prototype/prototype-admin-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Settings } from \"lucide-react\"\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"../components/tabs\"\nimport type { AdminViewConfig } from \"./prototype-config\"\n\nexport interface PrototypeAdminViewProps extends AdminViewConfig {\n  headerActions?: React.ReactNode\n}\n\nexport function PrototypeAdminView({\n  title = \"Admin\",\n  icon: Icon = Settings,\n  tabs,\n  defaultTab,\n  headerActions,\n}: PrototypeAdminViewProps) {\n  const resolvedDefault = defaultTab ?? tabs[0]?.id\n\n  if (!tabs.length) return null\n\n  return (\n    <div className=\"flex h-full w-full flex-col overflow-hidden bg-background\">\n      <div className=\"shrink-0 border-b border-border bg-background\">\n        <div className=\"flex items-center justify-between px-6 py-4\">\n          <div className=\"flex items-center gap-2 text-lg font-bold text-foreground\">\n            <Icon className=\"h-5 w-5\" />\n            <span>{title}</span>\n          </div>\n          {headerActions}\n        </div>\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-8\">\n        <div className=\"mx-auto max-w-6xl\">\n          <Tabs defaultValue={resolvedDefault} className=\"w-full space-y-8\">\n            <div className=\"flex justify-start\">\n              <TabsList className=\"h-9 rounded-lg border border-border/50 bg-muted/50 p-1\">\n                {tabs.map((tab) => (\n                  <TabsTrigger\n                    key={tab.id}\n                    value={tab.id}\n                    className=\"gap-2 rounded-md px-3 py-1.5 text-xs font-medium transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\"\n                  >\n                    {tab.icon && <tab.icon className=\"h-3.5 w-3.5\" />}\n                    {tab.label}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            </div>\n\n            {tabs.map((tab) => (\n              <TabsContent\n                key={tab.id}\n                value={tab.id}\n                className=\"space-y-6 focus-visible:outline-none\"\n              >\n                {tab.content}\n              </TabsContent>\n            ))}\n          </Tabs>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AA0BU,SACE,KADF;AAvBV,SAAS,gBAAgB;AACzB,SAAS,MAAM,UAAU,aAAa,mBAAmB;AAOlD,SAAS,mBAAmB;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM,OAAO;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAjB5B;AAkBE,QAAM,kBAAkB,mCAAc,UAAK,CAAC,MAAN,mBAAS;AAE/C,MAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,SACE,qBAAC,SAAI,WAAU,6DACb;AAAA,wBAAC,SAAI,WAAU,iDACb,+BAAC,SAAI,WAAU,+CACb;AAAA,2BAAC,SAAI,WAAU,6DACb;AAAA,4BAAC,QAAK,WAAU,WAAU;AAAA,QAC1B,oBAAC,UAAM,iBAAM;AAAA,SACf;AAAA,MACC;AAAA,OACH,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,4BACb,8BAAC,SAAI,WAAU,qBACb,+BAAC,QAAK,cAAc,iBAAiB,WAAU,oBAC7C;AAAA,0BAAC,SAAI,WAAU,sBACb,8BAAC,YAAS,WAAU,0DACjB,eAAK,IAAI,CAAC,QACT;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,IAAI;AAAA,UACX,WAAU;AAAA,UAET;AAAA,gBAAI,QAAQ,oBAAC,IAAI,MAAJ,EAAS,WAAU,eAAc;AAAA,YAC9C,IAAI;AAAA;AAAA;AAAA,QALA,IAAI;AAAA,MAMX,CACD,GACH,GACF;AAAA,MAEC,KAAK,IAAI,CAAC,QACT;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,IAAI;AAAA,UACX,WAAU;AAAA,UAET,cAAI;AAAA;AAAA,QAJA,IAAI;AAAA,MAKX,CACD;AAAA,OACH,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,226 @@
+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 { LucideIcon } from 'lucide-react';
+import '../components/quick-action-modal.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;
+}
+interface SignalScoreData {
+    score: number;
+    factors: ScoreFactor[];
+    whyNow: string;
+    evidence: string[];
+    confidence: number;
+    onFactorFeedback?: (factorKey: string, type: "up" | "down" | null, detail?: string) => void;
+    onApproveFeedback?: (reasons: string[], detail: string) => void;
+    onDismissFeedback?: (reasons: string[], detail: string) => void;
+}
+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) => SignalScoreData;
+    getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
+    iconMap?: Record<string, string>;
+    hideToolbarActions?: boolean;
+    hideHoverActions?: boolean;
+    onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: 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;
+    signalLabels?: {
+        approveButton?: string;
+        dismissButton?: string;
+        approvedStatus?: string;
+        dismissedStatus?: string;
+    };
+}
+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, EntityPanelConfig, EntityPanelSection, InboxDetailSections, InboxViewConfig, InsightsCustomTab, InsightsViewConfig, PrototypeBrandConfig, PrototypeConfig, QueueItem, SignalScoreData, WorkQueueViewConfig };

package/dist/prototype/prototype-config.js

@@ -0,0 +1 @@
+//# sourceMappingURL=prototype-config.js.map

package/dist/prototype/prototype-config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,48 @@
+import * as React from 'react';
+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 } from './prototype-config.js';
+import '../components/quick-action-sidebar-nav.js';
+import '../components/quick-action-modal.js';
+import '../components/score-breakdown.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 'lucide-react';
+
+interface PrototypeInboxViewProps extends InboxViewConfig {
+    /** Extra ReactNode rendered at the end of the header bar (e.g. exit button). */
+    headerActions?: React.ReactNode;
+    onOpenEntityPanel?: () => void;
+    onOpenRecentActivity?: () => void;
+    onNavigateToInbox?: () => void;
+    onItemSelect?: (item: QueueItem) => void;
+    defaultViewMode?: "list" | "split";
+}
+interface DetailViewProps {
+    item: QueueItem;
+    sections: InboxDetailSections;
+    getSignalScore: (company: string) => SignalScoreData;
+    buildSuggestedActions: (item: QueueItem) => SuggestedAction[];
+    buildSourceItems: (item: QueueItem) => SourceDef[];
+    getTimelineEvents?: (item: QueueItem) => TimelineEvent[];
+    accountContacts: SuggestedContact[];
+    emailSignature: string | React.ReactNode;
+    iconMap: Record<string, string>;
+    onOpenEntityPanel?: () => void;
+    onOpenRecentActivity?: () => void;
+    onSuggestedActionFeedback?: (actionId: number | string, feedback: string, actionTitle?: string) => void;
+    signalLabels?: {
+        approveButton?: string;
+        dismissButton?: string;
+        approvedStatus?: string;
+        dismissedStatus?: string;
+    };
+}
+declare function DetailView({ item, sections, getSignalScore, buildSuggestedActions, buildSourceItems, getTimelineEvents, accountContacts, emailSignature, iconMap, onOpenEntityPanel, onOpenRecentActivity, onSuggestedActionFeedback: _onSuggestedActionFeedback, signalLabels, }: DetailViewProps): React.JSX.Element;
+declare function PrototypeInboxView({ items, filterCategories, detailSections, accountContacts, buildAccountContacts, emailSignature, buildSuggestedActions: buildSuggestedActionsProp, buildSourceItems: buildSourceItemsProp, getSignalScore: getSignalScoreProp, getTimelineEvents, iconMap, hideToolbarActions, hideHoverActions, onSuggestedActionFeedback, headerActions, onOpenEntityPanel, onOpenRecentActivity, onItemSelect, defaultViewMode, buildEntityChips, quickFilterTabs, hideAccountsButton, accountDetailsLabel, signalLabels, }: PrototypeInboxViewProps): React.JSX.Element;
+
+export { DetailView, type DetailViewProps, PrototypeInboxView, type PrototypeInboxViewProps };