@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/charts/trend-area-chart.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface TrendSeries {
+    dataKey: string;
+    color: string;
+    label?: string;
+    fillOpacity?: number;
+}
+interface TrendAreaChartProps {
+    data: Record<string, unknown>[];
+    series: TrendSeries[];
+    height?: number;
+    xAxisKey?: string;
+    showGrid?: boolean;
+    yDomain?: [number, number];
+    tooltipFormatter?: (value: number | string, name: string) => [string, string];
+    className?: string;
+}
+declare function TrendAreaChart({ data, series, height, xAxisKey, showGrid, yDomain, tooltipFormatter, className, }: TrendAreaChartProps): React.JSX.Element;
+
+export { TrendAreaChart, type TrendAreaChartProps, type TrendSeries };

package/dist/charts/trend-area-chart.js

@@ -0,0 +1,150 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  AreaChart,
+  Area,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer
+} from "recharts";
+import { cn } from "../lib/utils.js";
+import { CHART_TOOLTIP_STYLE, CHART_CURSOR_STYLE } from "./chart-tooltip.js";
+function TrendAreaChart({
+  data,
+  series,
+  height = 250,
+  xAxisKey = "date",
+  showGrid = true,
+  yDomain,
+  tooltipFormatter,
+  className
+}) {
+  const chartId = React.useId().replace(/:/g, "");
+  const CustomTooltip = React.useCallback(
+    ({ active, payload, label }) => {
+      if (!active || !payload || !payload.length) return null;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-lg border border-border bg-background px-3 py-2 shadow-md",
+          style: { fontSize: "12px" },
+          children: [
+            label ? /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }) : null,
+            payload.map((entry, i) => {
+              var _a;
+              const val = (_a = entry.value) != null ? _a : "";
+              const name = entry.name || entry.dataKey || "";
+              const [displayValue, displayName] = tooltipFormatter ? tooltipFormatter(val, name) : [String(val), name];
+              return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-2 w-2 shrink-0 rounded-full",
+                    style: { backgroundColor: entry.color || entry.stroke }
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-foreground", children: [
+                  displayName,
+                  ": ",
+                  displayValue
+                ] })
+              ] }, i);
+            })
+          ]
+        }
+      );
+    },
+    [tooltipFormatter]
+  );
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
+    AreaChart,
+    {
+      data,
+      margin: { top: 10, right: 10, left: -20, bottom: 0 },
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: series.map((s, i) => {
+          var _a;
+          return /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: `trend-${chartId}-${i}`,
+              x1: "0",
+              y1: "0",
+              x2: "0",
+              y2: "1",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: "5%",
+                    stopColor: s.color,
+                    stopOpacity: (_a = s.fillOpacity) != null ? _a : 0.15
+                  }
+                ),
+                /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: s.color, stopOpacity: 0 })
+              ]
+            },
+            s.dataKey
+          );
+        }) }),
+        showGrid ? /* @__PURE__ */ jsx(
+          CartesianGrid,
+          {
+            strokeDasharray: "3 3",
+            vertical: false,
+            stroke: "#e2e8f0"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          XAxis,
+          {
+            dataKey: xAxisKey,
+            axisLine: false,
+            tickLine: false,
+            tick: { fontSize: 10, fill: "#64748b" },
+            dy: 10
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          YAxis,
+          {
+            axisLine: false,
+            tickLine: false,
+            tick: { fontSize: 10, fill: "#64748b" },
+            domain: yDomain
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: tooltipFormatter ? /* @__PURE__ */ jsx(CustomTooltip, {}) : void 0,
+            contentStyle: tooltipFormatter ? void 0 : CHART_TOOLTIP_STYLE,
+            cursor: CHART_CURSOR_STYLE
+          }
+        ),
+        series.map((s, i) => /* @__PURE__ */ jsx(
+          Area,
+          {
+            type: "linear",
+            dataKey: s.dataKey,
+            stroke: s.color,
+            strokeWidth: 2,
+            fillOpacity: 1,
+            fill: `url(#trend-${chartId}-${i})`,
+            activeDot: { r: 4, strokeWidth: 0 }
+          },
+          s.dataKey
+        ))
+      ]
+    }
+  ) }) });
+}
+export {
+  TrendAreaChart
+};
+//# sourceMappingURL=trend-area-chart.js.map

package/dist/charts/trend-area-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/trend-area-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AreaChart,\n  Area,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from \"recharts\"\n\nimport { cn } from \"../lib/utils\"\nimport { CHART_TOOLTIP_STYLE, CHART_CURSOR_STYLE } from \"./chart-tooltip\"\n\nexport interface TrendSeries {\n  dataKey: string\n  color: string\n  label?: string\n  fillOpacity?: number\n}\n\nexport interface TrendAreaChartProps {\n  data: Record<string, unknown>[]\n  series: TrendSeries[]\n  height?: number\n  xAxisKey?: string\n  showGrid?: boolean\n  yDomain?: [number, number]\n  tooltipFormatter?: (value: number | string, name: string) => [string, string]\n  className?: string\n}\n\nexport function TrendAreaChart({\n  data,\n  series,\n  height = 250,\n  xAxisKey = \"date\",\n  showGrid = true,\n  yDomain,\n  tooltipFormatter,\n  className,\n}: TrendAreaChartProps) {\n  const chartId = React.useId().replace(/:/g, \"\")\n\n  const CustomTooltip = React.useCallback(\n    ({ active, payload, label }: { active?: boolean; payload?: Array<{ value?: number | string; name?: string; dataKey?: string; color?: string }>; label?: string }) => {\n      if (!active || !payload || !payload.length) return null\n\n      return (\n        <div\n          className=\"rounded-lg border border-border bg-background px-3 py-2 shadow-md\"\n          style={{ fontSize: \"12px\" }}\n        >\n          {label ? (\n            <p className=\"mb-1 text-xs font-medium text-muted-foreground\">{label}</p>\n          ) : null}\n          {payload.map((entry: { value?: number | string; name?: string; dataKey?: string; color?: string; stroke?: string }, i: number) => {\n            const val = entry.value ?? \"\"\n            const name = entry.name || entry.dataKey || \"\"\n            const [displayValue, displayName] = tooltipFormatter\n              ? tooltipFormatter(val, name)\n              : [String(val), name]\n            return (\n              <div key={i} className=\"flex items-center gap-2\">\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-full\"\n                  style={{ backgroundColor: entry.color || entry.stroke }}\n                />\n                <span className=\"text-xs font-medium text-foreground\">\n                  {displayName}: {displayValue}\n                </span>\n              </div>\n            )\n          })}\n        </div>\n      )\n    },\n    [tooltipFormatter],\n  )\n\n  return (\n    <div className={cn(\"w-full\", className)} style={{ height }}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <AreaChart\n          data={data}\n          margin={{ top: 10, right: 10, left: -20, bottom: 0 }}\n        >\n          <defs>\n            {series.map((s, i) => (\n              <linearGradient\n                key={s.dataKey}\n                id={`trend-${chartId}-${i}`}\n                x1=\"0\"\n                y1=\"0\"\n                x2=\"0\"\n                y2=\"1\"\n              >\n                <stop\n                  offset=\"5%\"\n                  stopColor={s.color}\n                  stopOpacity={s.fillOpacity ?? 0.15}\n                />\n                <stop offset=\"95%\" stopColor={s.color} stopOpacity={0} />\n              </linearGradient>\n            ))}\n          </defs>\n          {showGrid ? (\n            <CartesianGrid\n              strokeDasharray=\"3 3\"\n              vertical={false}\n              stroke=\"#e2e8f0\"\n            />\n          ) : null}\n          <XAxis\n            dataKey={xAxisKey}\n            axisLine={false}\n            tickLine={false}\n            tick={{ fontSize: 10, fill: \"#64748b\" }}\n            dy={10}\n          />\n          <YAxis\n            axisLine={false}\n            tickLine={false}\n            tick={{ fontSize: 10, fill: \"#64748b\" }}\n            domain={yDomain}\n          />\n          <Tooltip\n            content={tooltipFormatter ? <CustomTooltip /> : undefined}\n            contentStyle={tooltipFormatter ? undefined : CHART_TOOLTIP_STYLE}\n            cursor={CHART_CURSOR_STYLE}\n          />\n          {series.map((s, i) => (\n            <Area\n              key={s.dataKey}\n              type=\"linear\"\n              dataKey={s.dataKey}\n              stroke={s.color}\n              strokeWidth={2}\n              fillOpacity={1}\n              fill={`url(#trend-${chartId}-${i})`}\n              activeDot={{ r: 4, strokeWidth: 0 }}\n            />\n          ))}\n        </AreaChart>\n      </ResponsiveContainer>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/charts/volume-analysis-chart.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface VolumeDataKey {
+    key: string;
+    color: string;
+}
+interface VolumeAnalysisChartProps {
+    data: Record<string, unknown>[];
+    dataKeys: VolumeDataKey[];
+    height?: number;
+    xAxisKey?: string;
+    stacked?: boolean;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+declare function VolumeAnalysisChart({ data, dataKeys, height, xAxisKey, stacked, title, subtitle, className, }: VolumeAnalysisChartProps): React.JSX.Element;
+
+export { VolumeAnalysisChart, type VolumeAnalysisChartProps, type VolumeDataKey };

package/dist/charts/volume-analysis-chart.js

@@ -0,0 +1,121 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  AreaChart,
+  Area,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer
+} from "recharts";
+import { cn } from "../lib/utils.js";
+import { CHART_TOOLTIP_STYLE } from "./chart-tooltip.js";
+function VolumeAnalysisChart({
+  data,
+  dataKeys,
+  height = 250,
+  xAxisKey = "date",
+  stacked = true,
+  title,
+  subtitle,
+  className
+}) {
+  const chartId = React.useId().replace(/:/g, "");
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    title || subtitle ? /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+      title ? /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-foreground", children: title }) : null,
+      subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: subtitle }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx("div", { className: "w-full", style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
+      AreaChart,
+      {
+        data,
+        margin: { top: 10, right: 10, left: -20, bottom: 0 },
+        children: [
+          /* @__PURE__ */ jsx("defs", { children: dataKeys.map((item, i) => /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: `vol-${chartId}-${i}`,
+              x1: "0",
+              y1: "0",
+              x2: "0",
+              y2: "1",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: "5%",
+                    stopColor: item.color,
+                    stopOpacity: 0.8
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: "95%",
+                    stopColor: item.color,
+                    stopOpacity: 0.1
+                  }
+                )
+              ]
+            },
+            item.key
+          )) }),
+          /* @__PURE__ */ jsx(
+            CartesianGrid,
+            {
+              strokeDasharray: "3 3",
+              vertical: false,
+              stroke: "#f1f5f9"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            XAxis,
+            {
+              dataKey: xAxisKey,
+              axisLine: false,
+              tickLine: false,
+              tick: { fill: "#64748B", fontSize: 12 },
+              dy: 10
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            YAxis,
+            {
+              axisLine: false,
+              tickLine: false,
+              tick: { fill: "#64748B", fontSize: 12 }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              contentStyle: CHART_TOOLTIP_STYLE,
+              itemStyle: { fontSize: "12px", fontWeight: 600 }
+            }
+          ),
+          dataKeys.map((item, i) => /* @__PURE__ */ jsx(
+            Area,
+            {
+              type: "linear",
+              dataKey: item.key,
+              stackId: stacked ? "1" : void 0,
+              stroke: item.color,
+              fill: `url(#vol-${chartId}-${i})`,
+              strokeWidth: 2
+            },
+            item.key
+          ))
+        ]
+      }
+    ) }) })
+  ] });
+}
+export {
+  VolumeAnalysisChart
+};
+//# sourceMappingURL=volume-analysis-chart.js.map

package/dist/charts/volume-analysis-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/volume-analysis-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AreaChart,\n  Area,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from \"recharts\"\n\nimport { cn } from \"../lib/utils\"\nimport { CHART_TOOLTIP_STYLE } from \"./chart-tooltip\"\n\nexport interface VolumeDataKey {\n  key: string\n  color: string\n}\n\nexport interface VolumeAnalysisChartProps {\n  data: Record<string, unknown>[]\n  dataKeys: VolumeDataKey[]\n  height?: number\n  xAxisKey?: string\n  stacked?: boolean\n  title?: string\n  subtitle?: string\n  className?: string\n}\n\nexport function VolumeAnalysisChart({\n  data,\n  dataKeys,\n  height = 250,\n  xAxisKey = \"date\",\n  stacked = true,\n  title,\n  subtitle,\n  className,\n}: VolumeAnalysisChartProps) {\n  const chartId = React.useId().replace(/:/g, \"\")\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {(title || subtitle) ? (\n        <div className=\"mb-4\">\n          {title ? (\n            <h3 className=\"text-base font-semibold text-foreground\">{title}</h3>\n          ) : null}\n          {subtitle ? (\n            <p className=\"mt-0.5 text-sm text-muted-foreground\">{subtitle}</p>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"w-full\" style={{ height }}>\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <AreaChart\n            data={data}\n            margin={{ top: 10, right: 10, left: -20, bottom: 0 }}\n          >\n            <defs>\n              {dataKeys.map((item, i) => (\n                <linearGradient\n                  key={item.key}\n                  id={`vol-${chartId}-${i}`}\n                  x1=\"0\"\n                  y1=\"0\"\n                  x2=\"0\"\n                  y2=\"1\"\n                >\n                  <stop\n                    offset=\"5%\"\n                    stopColor={item.color}\n                    stopOpacity={0.8}\n                  />\n                  <stop\n                    offset=\"95%\"\n                    stopColor={item.color}\n                    stopOpacity={0.1}\n                  />\n                </linearGradient>\n              ))}\n            </defs>\n            <CartesianGrid\n              strokeDasharray=\"3 3\"\n              vertical={false}\n              stroke=\"#f1f5f9\"\n            />\n            <XAxis\n              dataKey={xAxisKey}\n              axisLine={false}\n              tickLine={false}\n              tick={{ fill: \"#64748B\", fontSize: 12 }}\n              dy={10}\n            />\n            <YAxis\n              axisLine={false}\n              tickLine={false}\n              tick={{ fill: \"#64748B\", fontSize: 12 }}\n            />\n            <Tooltip\n              contentStyle={CHART_TOOLTIP_STYLE}\n              itemStyle={{ fontSize: \"12px\", fontWeight: 600 }}\n            />\n            {dataKeys.map((item, i) => (\n              <Area\n                key={item.key}\n                type=\"linear\"\n                dataKey={item.key}\n                stackId={stacked ? \"1\" : undefined}\n                stroke={item.color}\n                fill={`url(#vol-${chartId}-${i})`}\n                strokeWidth={2}\n              />\n            ))}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AA+CQ,SAEI,KAFJ;AA7CR,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU;AACnB,SAAS,2BAA2B;AAkB7B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,UAAU,MAAM,MAAM,EAAE,QAAQ,MAAM,EAAE;AAE9C,SACE,qBAAC,SAAI,WAAW,GAAG,UAAU,SAAS,GAClC;AAAA,aAAS,WACT,qBAAC,SAAI,WAAU,QACZ;AAAA,cACC,oBAAC,QAAG,WAAU,2CAA2C,iBAAM,IAC7D;AAAA,MACH,WACC,oBAAC,OAAE,WAAU,wCAAwC,oBAAS,IAC5D;AAAA,OACN,IACE;AAAA,IAEJ,oBAAC,SAAI,WAAU,UAAS,OAAO,EAAE,OAAO,GACtC,8BAAC,uBAAoB,OAAM,QAAO,QAAO,QACvC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,KAAK,QAAQ,EAAE;AAAA,QAEnD;AAAA,8BAAC,UACE,mBAAS,IAAI,CAAC,MAAM,MACnB;AAAA,YAAC;AAAA;AAAA,cAEC,IAAI,OAAO,OAAO,IAAI,CAAC;AAAA,cACvB,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cAEH;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAO;AAAA,oBACP,WAAW,KAAK;AAAA,oBAChB,aAAa;AAAA;AAAA,gBACf;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAO;AAAA,oBACP,WAAW,KAAK;AAAA,oBAChB,aAAa;AAAA;AAAA,gBACf;AAAA;AAAA;AAAA,YAhBK,KAAK;AAAA,UAiBZ,CACD,GACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,QAAO;AAAA;AAAA,UACT;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,UAAU;AAAA,cACV,MAAM,EAAE,MAAM,WAAW,UAAU,GAAG;AAAA,cACtC,IAAI;AAAA;AAAA,UACN;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,UAAU;AAAA,cACV,MAAM,EAAE,MAAM,WAAW,UAAU,GAAG;AAAA;AAAA,UACxC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,cAAc;AAAA,cACd,WAAW,EAAE,UAAU,QAAQ,YAAY,IAAI;AAAA;AAAA,UACjD;AAAA,UACC,SAAS,IAAI,CAAC,MAAM,MACnB;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAS,KAAK;AAAA,cACd,SAAS,UAAU,MAAM;AAAA,cACzB,QAAQ,KAAK;AAAA,cACb,MAAM,YAAY,OAAO,IAAI,CAAC;AAAA,cAC9B,aAAa;AAAA;AAAA,YANR,KAAK;AAAA,UAOZ,CACD;AAAA;AAAA;AAAA,IACH,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+interface ActivityThreadMessage {
+    id: string;
+    sender: string;
+    time: string;
+    content: string;
+    isCurrent?: boolean;
+    to?: string;
+    cc?: string;
+    subject?: string;
+}
+interface ActivityParticipant {
+    name: string;
+    role?: string;
+}
+interface ActivityDetailData {
+    icon: React.ReactNode;
+    title: string;
+    details: string;
+    content?: string;
+    time: string;
+    source: string;
+    sourceIcon?: React.ReactNode;
+    type?: "email" | "call" | "meeting" | "signal";
+    thread?: ActivityThreadMessage[];
+    participants?: ActivityParticipant[];
+    tags?: string[];
+    externalUrl?: string;
+}
+interface ActivityDetailProps {
+    activity: ActivityDetailData;
+    onBack?: () => void;
+    actions?: React.ReactNode;
+}
+declare function ActivityDetail({ activity, onBack, actions }: ActivityDetailProps): React.JSX.Element;
+
+export { ActivityDetail, type ActivityDetailData, type ActivityDetailProps, type ActivityParticipant, type ActivityThreadMessage };

package/dist/components/activity-detail.js

@@ -0,0 +1,163 @@
+"use client"
+
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowLeft, ExternalLink, ChevronDown, ChevronUp } from "lucide-react";
+import { Badge } from "./badge.js";
+function EmailMessage({ msg, defaultExpanded }) {
+  const [expanded, setExpanded] = React.useState(defaultExpanded);
+  return /* @__PURE__ */ jsxs("div", { className: "border-b border-border/20 last:border-0", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "w-full text-left py-2.5 hover:bg-muted/10 transition-colors",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground shrink-0", children: msg.sender }),
+            !expanded && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground truncate", children: [
+              "\u2014 ",
+              msg.content.slice(0, 80),
+              msg.content.length > 80 ? "..." : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0 ml-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground/60", children: msg.time }),
+            expanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "w-3 h-3 text-muted-foreground/40" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 text-muted-foreground/40" })
+          ] })
+        ] })
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxs("div", { className: "pb-3 animate-in fade-in duration-150", children: [
+      (msg.to || msg.cc) && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground/60 space-y-0.5 mb-2", children: [
+        msg.to && /* @__PURE__ */ jsxs("p", { children: [
+          "To: ",
+          msg.to
+        ] }),
+        msg.cc && /* @__PURE__ */ jsxs("p", { children: [
+          "Cc: ",
+          msg.cc
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground/90 leading-relaxed whitespace-pre-line", children: msg.content })
+    ] })
+  ] });
+}
+function ActivityDetail({ activity, onBack, actions }) {
+  var _a;
+  const [threadExpanded, setThreadExpanded] = React.useState(false);
+  const hasThread = activity.thread && activity.thread.length > 0;
+  const isEmail = activity.type === "email";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-0 animate-in fade-in slide-in-from-right-2 duration-200", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      onBack && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: onBack,
+          className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "w-3.5 h-3.5" }),
+            "Back to activity"
+          ]
+        }
+      ),
+      activity.externalUrl && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: activity.externalUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            "Open in ",
+            activity.source,
+            /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 pb-4 border-b border-border/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "mt-0.5 w-8 h-8 rounded-md border border-border/60 bg-muted/30 flex items-center justify-center shrink-0 text-muted-foreground", children: (_a = activity.sourceIcon) != null ? _a : activity.icon }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm text-foreground leading-snug", children: activity.title }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground/60 mt-1", children: [
+          activity.time,
+          " \xB7 ",
+          activity.source
+        ] })
+      ] })
+    ] }),
+    activity.tags && activity.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 py-3 border-b border-border/30", children: activity.tags.map((tag) => /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "outline",
+        className: "shadow-none px-2 py-0 text-[11px] font-medium text-muted-foreground border-border",
+        children: tag
+      },
+      tag
+    )) }),
+    !isEmail && activity.participants && activity.participants.length > 0 && /* @__PURE__ */ jsxs("div", { className: "py-3 border-b border-border/30", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-bold text-muted-foreground/70 uppercase tracking-wider", children: "Participants" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-1", children: activity.participants.map((p, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: p.name }),
+        p.role && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: p.role })
+        ] })
+      ] }, i)) })
+    ] }),
+    (!isEmail || !hasThread) && /* @__PURE__ */ jsxs("div", { className: "py-4 border-b border-border/30", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/90 leading-relaxed", children: activity.details }),
+      activity.content && /* @__PURE__ */ jsx("div", { className: "mt-3 text-sm text-muted-foreground leading-relaxed whitespace-pre-line", children: activity.content })
+    ] }),
+    isEmail && hasThread && /* @__PURE__ */ jsx("div", { className: "py-3 border-b border-border/30", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-snug", children: activity.details }) }),
+    hasThread && isEmail ? /* @__PURE__ */ jsxs("div", { className: "py-3 border-b border-border/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-3", children: /* @__PURE__ */ jsxs("span", { className: "text-[11px] font-bold text-muted-foreground/70 uppercase tracking-wider", children: [
+        activity.thread.length,
+        " messages"
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-0", children: activity.thread.map((msg, i) => /* @__PURE__ */ jsx(
+        EmailMessage,
+        {
+          msg,
+          defaultExpanded: i === activity.thread.length - 1
+        },
+        msg.id
+      )) })
+    ] }) : hasThread ? /* @__PURE__ */ jsxs("div", { className: "py-3 border-b border-border/30", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setThreadExpanded(!threadExpanded),
+          className: "flex items-center gap-1.5 text-[11px] font-bold text-muted-foreground/70 hover:text-foreground transition-colors uppercase tracking-wider",
+          children: [
+            "Thread \xB7 ",
+            activity.thread.length,
+            " messages",
+            /* @__PURE__ */ jsx(ChevronDown, { className: `w-3.5 h-3.5 transition-transform duration-200 ${threadExpanded ? "rotate-180" : ""}` })
+          ]
+        }
+      ),
+      threadExpanded && /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-0 animate-in fade-in slide-in-from-top-1 duration-200", children: activity.thread.map((msg) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `py-2.5 border-b border-border/20 last:border-0 ${msg.isCurrent ? "bg-muted/20 -mx-2 px-2 rounded-sm" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: msg.sender }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground/60", children: msg.time })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-snug", children: msg.content })
+          ]
+        },
+        msg.id
+      )) })
+    ] }) : null,
+    actions && /* @__PURE__ */ jsx("div", { className: "pt-4", children: actions })
+  ] });
+}
+export {
+  ActivityDetail
+};
+//# sourceMappingURL=activity-detail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/activity-detail.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowLeft, ExternalLink, ChevronDown, ChevronUp } from \"lucide-react\"\nimport { Badge } from \"./badge\"\n\nexport interface ActivityThreadMessage {\n  id: string\n  sender: string\n  time: string\n  content: string\n  isCurrent?: boolean\n  to?: string\n  cc?: string\n  subject?: string\n}\n\nexport interface ActivityParticipant {\n  name: string\n  role?: string\n}\n\nexport interface ActivityDetailData {\n  icon: React.ReactNode\n  title: string\n  details: string\n  content?: string\n  time: string\n  source: string\n  sourceIcon?: React.ReactNode\n  type?: \"email\" | \"call\" | \"meeting\" | \"signal\"\n  thread?: ActivityThreadMessage[]\n  participants?: ActivityParticipant[]\n  tags?: string[]\n  externalUrl?: string\n}\n\nexport interface ActivityDetailProps {\n  activity: ActivityDetailData\n  onBack?: () => void\n  actions?: React.ReactNode\n}\n\nfunction EmailMessage({ msg, defaultExpanded }: { msg: ActivityThreadMessage; defaultExpanded: boolean }) {\n  const [expanded, setExpanded] = React.useState(defaultExpanded)\n\n  return (\n    <div className=\"border-b border-border/20 last:border-0\">\n      <button\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full text-left py-2.5 hover:bg-muted/10 transition-colors\"\n      >\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex items-center gap-2 min-w-0\">\n            <span className=\"text-xs font-semibold text-foreground shrink-0\">{msg.sender}</span>\n            {!expanded && (\n              <span className=\"text-xs text-muted-foreground truncate\">&mdash; {msg.content.slice(0, 80)}{msg.content.length > 80 ? \"...\" : \"\"}</span>\n            )}\n          </div>\n          <div className=\"flex items-center gap-2 shrink-0 ml-2\">\n            <span className=\"text-xs text-muted-foreground/60\">{msg.time}</span>\n            {expanded ? <ChevronUp className=\"w-3 h-3 text-muted-foreground/40\" /> : <ChevronDown className=\"w-3 h-3 text-muted-foreground/40\" />}\n          </div>\n        </div>\n      </button>\n\n      {expanded && (\n        <div className=\"pb-3 animate-in fade-in duration-150\">\n          {(msg.to || msg.cc) && (\n            <div className=\"text-xs text-muted-foreground/60 space-y-0.5 mb-2\">\n              {msg.to && <p>To: {msg.to}</p>}\n              {msg.cc && <p>Cc: {msg.cc}</p>}\n            </div>\n          )}\n          <div className=\"text-sm text-foreground/90 leading-relaxed whitespace-pre-line\">{msg.content}</div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function ActivityDetail({ activity, onBack, actions }: ActivityDetailProps) {\n  const [threadExpanded, setThreadExpanded] = React.useState(false)\n  const hasThread = activity.thread && activity.thread.length > 0\n  const isEmail = activity.type === \"email\"\n\n  return (\n    <div className=\"space-y-0 animate-in fade-in slide-in-from-right-2 duration-200\">\n      {/* Back + header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        {onBack && (\n          <button\n            onClick={onBack}\n            className=\"flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <ArrowLeft className=\"w-3.5 h-3.5\" />\n            Back to activity\n          </button>\n        )}\n        {activity.externalUrl && (\n          <a\n            href={activity.externalUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            Open in {activity.source}\n            <ExternalLink className=\"w-3 h-3\" />\n          </a>\n        )}\n      </div>\n\n      {/* Title block */}\n      <div className=\"flex items-start gap-3 pb-4 border-b border-border/30\">\n        <div className=\"mt-0.5 w-8 h-8 rounded-md border border-border/60 bg-muted/30 flex items-center justify-center shrink-0 text-muted-foreground\">\n          {activity.sourceIcon ?? activity.icon}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <h3 className=\"font-medium text-sm text-foreground leading-snug\">{activity.title}</h3>\n          <p className=\"text-xs text-muted-foreground/60 mt-1\">{activity.time} &middot; {activity.source}</p>\n        </div>\n      </div>\n\n      {/* Tags */}\n      {activity.tags && activity.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-1.5 py-3 border-b border-border/30\">\n          {activity.tags.map((tag) => (\n            <Badge\n              key={tag}\n              variant=\"outline\"\n              className=\"shadow-none px-2 py-0 text-[11px] font-medium text-muted-foreground border-border\"\n            >\n              {tag}\n            </Badge>\n          ))}\n        </div>\n      )}\n\n      {/* Participants (non-email only; email shows to/cc per message) */}\n      {!isEmail && activity.participants && activity.participants.length > 0 && (\n        <div className=\"py-3 border-b border-border/30\">\n          <span className=\"text-[11px] font-bold text-muted-foreground/70 uppercase tracking-wider\">Participants</span>\n          <div className=\"mt-2 space-y-1\">\n            {activity.participants.map((p, i) => (\n              <div key={i} className=\"flex items-center gap-2 text-sm\">\n                <span className=\"font-medium text-foreground\">{p.name}</span>\n                {p.role && (\n                  <>\n                    <span className=\"text-muted-foreground/40\">&middot;</span>\n                    <span className=\"text-muted-foreground\">{p.role}</span>\n                  </>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Body content (non-email, or email summary) */}\n      {(!isEmail || !hasThread) && (\n        <div className=\"py-4 border-b border-border/30\">\n          <p className=\"text-sm text-foreground/90 leading-relaxed\">{activity.details}</p>\n          {activity.content && (\n            <div className=\"mt-3 text-sm text-muted-foreground leading-relaxed whitespace-pre-line\">\n              {activity.content}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Email context line when thread exists */}\n      {isEmail && hasThread && (\n        <div className=\"py-3 border-b border-border/30\">\n          <p className=\"text-sm text-muted-foreground leading-snug\">{activity.details}</p>\n        </div>\n      )}\n\n      {/* Thread: email vs generic */}\n      {hasThread && isEmail ? (\n        <div className=\"py-3 border-b border-border/30\">\n          <div className=\"flex items-center justify-between mb-3\">\n            <span className=\"text-[11px] font-bold text-muted-foreground/70 uppercase tracking-wider\">\n              {activity.thread!.length} messages\n            </span>\n          </div>\n          <div className=\"space-y-0\">\n            {activity.thread!.map((msg, i) => (\n              <EmailMessage\n                key={msg.id}\n                msg={msg}\n                defaultExpanded={i === activity.thread!.length - 1}\n              />\n            ))}\n          </div>\n        </div>\n      ) : hasThread ? (\n        <div className=\"py-3 border-b border-border/30\">\n          <button\n            onClick={() => setThreadExpanded(!threadExpanded)}\n            className=\"flex items-center gap-1.5 text-[11px] font-bold text-muted-foreground/70 hover:text-foreground transition-colors uppercase tracking-wider\"\n          >\n            Thread &middot; {activity.thread!.length} messages\n            <ChevronDown className={`w-3.5 h-3.5 transition-transform duration-200 ${threadExpanded ? \"rotate-180\" : \"\"}`} />\n          </button>\n\n          {threadExpanded && (\n            <div className=\"mt-3 space-y-0 animate-in fade-in slide-in-from-top-1 duration-200\">\n              {activity.thread!.map((msg) => (\n                <div\n                  key={msg.id}\n                  className={`py-2.5 border-b border-border/20 last:border-0 ${msg.isCurrent ? \"bg-muted/20 -mx-2 px-2 rounded-sm\" : \"\"}`}\n                >\n                  <div className=\"flex items-center justify-between mb-1\">\n                    <span className=\"text-xs font-semibold text-foreground\">{msg.sender}</span>\n                    <span className=\"text-xs text-muted-foreground/60\">{msg.time}</span>\n                  </div>\n                  <p className=\"text-sm text-muted-foreground leading-snug\">{msg.content}</p>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      ) : null}\n\n      {/* Actions */}\n      {actions && (\n        <div className=\"pt-4\">\n          {actions}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/components/activity-log.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface ActivityLogItem {
+    id: string;
+    type: "workout" | "weighin" | "biometric" | "checkin" | string;
+    title: string;
+    details: string;
+    date: string;
+    time: string;
+}
+interface ActivityLogProps {
+    items: ActivityLogItem[];
+    title?: string;
+    initialLimit?: number;
+}
+declare function ActivityRow({ item }: {
+    item: ActivityLogItem;
+}): React.JSX.Element;
+declare function ActivityLog({ items, title, initialLimit }: ActivityLogProps): React.JSX.Element;
+
+export { ActivityLog, type ActivityLogItem, type ActivityLogProps, ActivityRow };