@open-mercato/core 0.5.1-develop.2996.ce62fd491c → 0.5.1-develop.3036.f02c281f23

package/dist/modules/customers/components/detail/ActivityLogTab.js

@@ -1,40 +1,31 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { InlineActivityComposer } from "./InlineActivityComposer.js";
-import { PlannedActivitiesSection } from "./PlannedActivitiesSection.js";
+import { ActivitiesCard } from "./ActivitiesCard.js";
 import { ActivityHistorySection } from "./ActivityHistorySection.js";
 function ActivityLogTab({
   entityId,
   plannedActivities,
-  onActivityCreated,
   onScheduleRequested,
-  onMarkDone,
+  onAddActivity,
   onEditActivity,
-  onCancelActivity,
-  runGuardedMutation,
   refreshKey = 0,
-  useCanonicalInteractions = false
+  useCanonicalInteractions = false,
+  entityCompanyName
 }) {
+  const handleAddNew = (kind) => {
+    if (onAddActivity) onAddActivity(kind);
+    else onScheduleRequested();
+  };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
-      InlineActivityComposer,
+      ActivitiesCard,
       {
-        entityType: "company",
         entityId,
-        onActivityCreated,
-        runGuardedMutation,
-        onScheduleRequested,
-        useCanonicalInteractions
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PlannedActivitiesSection,
-      {
-        activities: plannedActivities,
-        onComplete: onMarkDone,
-        onSchedule: onScheduleRequested,
-        onEdit: onEditActivity,
-        onCancel: onCancelActivity
+        plannedActivities,
+        refreshKey,
+        onAddNew: handleAddNew,
+        onEditActivity,
+        entityCompanyName
       }
     ),
     /* @__PURE__ */ jsx(

package/dist/modules/customers/components/detail/ActivityLogTab.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityLogTab.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { InlineActivityComposer } from './InlineActivityComposer'\nimport { PlannedActivitiesSection } from './PlannedActivitiesSection'\nimport { ActivityHistorySection } from './ActivityHistorySection'\nimport type { InteractionSummary } from './types'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype ActivityLogTabProps = {\n  entityId: string\n  plannedActivities: InteractionSummary[]\n  onActivityCreated: () => void\n  onScheduleRequested: () => void\n  onMarkDone: (id: string) => void\n  onEditActivity: (activity: InteractionSummary) => void\n  onCancelActivity: (id: string) => void\n  runGuardedMutation?: GuardedMutationRunner\n  refreshKey?: number\n  useCanonicalInteractions?: boolean\n}\n\nexport function ActivityLogTab({\n  entityId,\n  plannedActivities,\n  onActivityCreated,\n  onScheduleRequested,\n  onMarkDone,\n  onEditActivity,\n  onCancelActivity,\n  runGuardedMutation,\n  refreshKey = 0,\n  useCanonicalInteractions = false,\n}: ActivityLogTabProps) {\n  return (\n    <div className=\"space-y-4\">\n      <InlineActivityComposer\n        entityType=\"company\"\n        entityId={entityId}\n        onActivityCreated={onActivityCreated}\n        runGuardedMutation={runGuardedMutation}\n        onScheduleRequested={onScheduleRequested}\n        useCanonicalInteractions={useCanonicalInteractions}\n      />\n\n      <PlannedActivitiesSection\n        activities={plannedActivities}\n        onComplete={onMarkDone}\n        onSchedule={onScheduleRequested}\n        onEdit={onEditActivity}\n        onCancel={onCancelActivity}\n      />\n\n      <ActivityHistorySection\n        entityId={entityId}\n        useCanonicalInteractions={useCanonicalInteractions}\n        refreshKey={refreshKey}\n        onEditActivity={onEditActivity}\n      />\n    </div>\n  )\n}\n\nexport default ActivityLogTab\n"],
-  "mappings": ";AAsCI,SACE,KADF;AApCJ,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AAqBhC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,2BAA2B;AAC7B,GAAwB;AACtB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["'use client'\n\nimport { ActivitiesCard } from './ActivitiesCard'\nimport type { ActivityKind } from './ActivitiesAddNewMenu'\nimport { ActivityHistorySection } from './ActivityHistorySection'\nimport type { InteractionSummary } from './types'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype ActivityLogTabProps = {\n  entityId: string\n  plannedActivities: InteractionSummary[]\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  onActivityCreated?: () => void\n  onScheduleRequested: () => void\n  onAddActivity?: (kind: ActivityKind) => void\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  onMarkDone?: (id: string) => void\n  onEditActivity: (activity: InteractionSummary) => void\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  onCancelActivity?: (id: string) => void\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  runGuardedMutation?: GuardedMutationRunner\n  refreshKey?: number\n  useCanonicalInteractions?: boolean\n  /** Optional parent-entity company name; surfaces in planned event subtitles when no deal is set. */\n  entityCompanyName?: string | null\n}\n\nexport function ActivityLogTab({\n  entityId,\n  plannedActivities,\n  onScheduleRequested,\n  onAddActivity,\n  onEditActivity,\n  refreshKey = 0,\n  useCanonicalInteractions = false,\n  entityCompanyName,\n}: ActivityLogTabProps) {\n  const handleAddNew = (kind: ActivityKind) => {\n    if (onAddActivity) onAddActivity(kind)\n    else onScheduleRequested()\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <ActivitiesCard\n        entityId={entityId}\n        plannedActivities={plannedActivities}\n        refreshKey={refreshKey}\n        onAddNew={handleAddNew}\n        onEditActivity={onEditActivity}\n        entityCompanyName={entityCompanyName}\n      />\n\n      <ActivityHistorySection\n        entityId={entityId}\n        useCanonicalInteractions={useCanonicalInteractions}\n        refreshKey={refreshKey}\n        onEditActivity={onEditActivity}\n      />\n    </div>\n  )\n}\n\nexport default ActivityLogTab\n"],
+  "mappings": ";AAgDI,SACE,KADF;AA9CJ,SAAS,sBAAsB;AAE/B,SAAS,8BAA8B;AA4BhC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,2BAA2B;AAAA,EAC3B;AACF,GAAwB;AACtB,QAAM,eAAe,CAAC,SAAuB;AAC3C,QAAI,cAAe,eAAc,IAAI;AAAA,QAChC,qBAAoB;AAAA,EAC3B;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/modules/customers/components/detail/ActivityTimeline.js

@@ -52,30 +52,30 @@ function TimelineEntry({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `px-5 py-4 ${withBorder ? "border-b border-border/60" : ""} ${onEdit ? "cursor-pointer hover:bg-accent/50 transition-colors" : ""}`,
+      className: `py-2.5 ${withBorder ? "border-b border-border/60" : ""} ${onEdit ? "cursor-pointer hover:bg-accent/40 transition-colors" : ""}`,
       onClick: () => onEdit?.(activity),
       role: onEdit ? "button" : void 0,
       tabIndex: onEdit ? 0 : void 0,
       onKeyDown: onEdit ? (e) => {
         if (e.key === "Enter") onEdit(activity);
       } : void 0,
-      children: /* @__PURE__ */ jsxs("div", { className: "grid items-start gap-3", style: { gridTemplateColumns: "72px 40px 1fr" }, children: [
-        /* @__PURE__ */ jsxs("div", { className: "shrink-0 pt-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "block text-xs font-bold leading-tight", children: formatRelativeDate(dateStr, t) }),
-          /* @__PURE__ */ jsx("span", { className: "block text-xs leading-tight text-muted-foreground", children: formatTime(dateStr) })
+      children: /* @__PURE__ */ jsxs("div", { className: "grid items-start gap-3", style: { gridTemplateColumns: "75px 32px 1fr" }, children: [
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-[11px] font-semibold leading-tight text-foreground", children: formatRelativeDate(dateStr, t) }),
+          /* @__PURE__ */ jsx("span", { className: "block text-[10px] leading-tight text-muted-foreground", children: formatTime(dateStr) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex size-10 items-center justify-center rounded-lg bg-muted shrink-0", children: TypeIcon ? /* @__PURE__ */ jsx(TypeIcon, { className: "size-4 text-muted-foreground" }) : null }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold leading-5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex size-8 items-center justify-center rounded-md bg-muted shrink-0", children: TypeIcon ? /* @__PURE__ */ jsx(TypeIcon, { className: "size-3.5 text-muted-foreground" }) : null }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: "block text-[12px] font-semibold leading-tight text-foreground", children: [
             title,
             duration
-          ] }) }),
-          activity.body && activity.title && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: activity.body }),
-          activity.authorName && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(User, { className: "size-3 shrink-0" }),
+          ] }),
+          activity.body && activity.title && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: activity.body }),
+          activity.authorName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(User, { className: "size-2.5 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: t("customers.timeline.author", "by {{name}}", { name: activity.authorName }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(AiActionChips, { activityType: activity.interactionType }) })
+          /* @__PURE__ */ jsx(AiActionChips, { activityType: activity.interactionType })
         ] })
       ] })
     }

package/dist/modules/customers/components/detail/ActivityTimeline.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityTimeline.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, User } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { AiActionChips } from './AiActionChips'\nimport type { InteractionSummary } from './types'\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\ninterface ActivityTimelineProps {\n  activities: InteractionSummary[]\n  onEdit?: (activity: InteractionSummary) => void\n}\n\nexport function ActivityTimeline({ activities, onEdit }: ActivityTimelineProps) {\n  const t = useT()\n\n  if (activities.length === 0) {\n    return (\n      <div className=\"py-6 text-center text-sm text-muted-foreground\">\n        {t('customers.timeline.empty', 'No activities match the current filters.')}\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      {activities.map((activity, index) => {\n        const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n        const activityYear = dateStr ? new Date(dateStr).getFullYear() : null\n        const prevDateStr = index > 0 ? (activities[index - 1].scheduledAt ?? activities[index - 1].occurredAt ?? activities[index - 1].createdAt) : null\n        const prevYear = prevDateStr ? new Date(prevDateStr).getFullYear() : null\n        const showYearSeparator = activityYear !== null && prevYear !== null && activityYear !== prevYear\n\n        return (\n          <React.Fragment key={activity.id}>\n            {showYearSeparator && (\n              <div className=\"flex items-center gap-3 py-3 px-5\">\n                <div className=\"h-px flex-1 bg-border\" />\n                <span className=\"text-xs font-semibold text-muted-foreground\">\n                  {t('customers.activities.yearSeparator', '{year}', { year: activityYear })}\n                </span>\n                <div className=\"h-px flex-1 bg-border\" />\n              </div>\n            )}\n            <TimelineEntry\n              activity={activity}\n              t={t}\n              withBorder={index < activities.length - 1}\n              onEdit={onEdit}\n            />\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nfunction TimelineEntry({\n  activity,\n  t,\n  withBorder,\n  onEdit,\n}: {\n  activity: InteractionSummary\n  t: TranslateFn\n  withBorder: boolean\n  onEdit?: (activity: InteractionSummary) => void\n}) {\n  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType]\n  const title = activity.title ?? activity.body ?? activity.interactionType\n  const duration = activity.duration ? ` (${activity.duration} min)` : ''\n\n  return (\n    <div\n      className={`px-5 py-4 ${withBorder ? 'border-b border-border/60' : ''} ${onEdit ? 'cursor-pointer hover:bg-accent/50 transition-colors' : ''}`}\n      onClick={() => onEdit?.(activity)}\n      role={onEdit ? 'button' : undefined}\n      tabIndex={onEdit ? 0 : undefined}\n      onKeyDown={onEdit ? (e) => { if (e.key === 'Enter') onEdit(activity) } : undefined}\n    >\n      <div className=\"grid items-start gap-3\" style={{ gridTemplateColumns: '72px 40px 1fr' }}>\n        {/* Column 1: Date */}\n        <div className=\"shrink-0 pt-0.5\">\n          <span className=\"block text-xs font-bold leading-tight\">\n            {formatRelativeDate(dateStr, t)}\n          </span>\n          <span className=\"block text-xs leading-tight text-muted-foreground\">\n            {formatTime(dateStr)}\n          </span>\n        </div>\n\n        {/* Column 2: Type icon */}\n        <div className=\"flex size-10 items-center justify-center rounded-lg bg-muted shrink-0\">\n          {TypeIcon ? <TypeIcon className=\"size-4 text-muted-foreground\" /> : null}\n        </div>\n\n        {/* Column 3: Content */}\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-1.5\">\n            <span className=\"text-sm font-semibold leading-5\">\n              {title}{duration}\n            </span>\n          </div>\n\n          {activity.body && activity.title && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {activity.body}\n            </p>\n          )}\n\n          {activity.authorName && (\n            <div className=\"mt-1.5 flex items-center gap-1 text-xs text-muted-foreground\">\n              <User className=\"size-3 shrink-0\" />\n              <span>{t('customers.timeline.author', 'by {{name}}', { name: activity.authorName })}</span>\n            </div>\n          )}\n\n          <div className=\"mt-2\">\n            <AiActionChips activityType={activity.interactionType} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction formatRelativeDate(isoString: string, t: TranslateFn): string {\n  try {\n    const date = new Date(isoString)\n    const now = new Date()\n    // Compare calendar dates (not time-based diff) to correctly handle same-day future times\n    const dateDay = new Date(date.getFullYear(), date.getMonth(), date.getDate())\n    const nowDay = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    const diffDays = Math.round((nowDay.getTime() - dateDay.getTime()) / (1000 * 60 * 60 * 24))\n\n    if (diffDays === 0) return t('customers.timeline.date.today', 'today')\n    if (diffDays === 1) return t('customers.timeline.date.yesterday', 'yesterday')\n    return date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n  } catch {\n    return ''\n  }\n}\n\nfunction formatTime(isoString: string): string {\n  try {\n    return new Date(isoString).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n  } catch {\n    return ''\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, User } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { AiActionChips } from './AiActionChips'\nimport type { InteractionSummary } from './types'\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\ninterface ActivityTimelineProps {\n  activities: InteractionSummary[]\n  onEdit?: (activity: InteractionSummary) => void\n}\n\nexport function ActivityTimeline({ activities, onEdit }: ActivityTimelineProps) {\n  const t = useT()\n\n  if (activities.length === 0) {\n    return (\n      <div className=\"py-6 text-center text-sm text-muted-foreground\">\n        {t('customers.timeline.empty', 'No activities match the current filters.')}\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      {activities.map((activity, index) => {\n        const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n        const activityYear = dateStr ? new Date(dateStr).getFullYear() : null\n        const prevDateStr = index > 0 ? (activities[index - 1].scheduledAt ?? activities[index - 1].occurredAt ?? activities[index - 1].createdAt) : null\n        const prevYear = prevDateStr ? new Date(prevDateStr).getFullYear() : null\n        const showYearSeparator = activityYear !== null && prevYear !== null && activityYear !== prevYear\n\n        return (\n          <React.Fragment key={activity.id}>\n            {showYearSeparator && (\n              <div className=\"flex items-center gap-3 py-3 px-5\">\n                <div className=\"h-px flex-1 bg-border\" />\n                <span className=\"text-xs font-semibold text-muted-foreground\">\n                  {t('customers.activities.yearSeparator', '{year}', { year: activityYear })}\n                </span>\n                <div className=\"h-px flex-1 bg-border\" />\n              </div>\n            )}\n            <TimelineEntry\n              activity={activity}\n              t={t}\n              withBorder={index < activities.length - 1}\n              onEdit={onEdit}\n            />\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nfunction TimelineEntry({\n  activity,\n  t,\n  withBorder,\n  onEdit,\n}: {\n  activity: InteractionSummary\n  t: TranslateFn\n  withBorder: boolean\n  onEdit?: (activity: InteractionSummary) => void\n}) {\n  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType]\n  const title = activity.title ?? activity.body ?? activity.interactionType\n  const duration = activity.duration ? ` (${activity.duration} min)` : ''\n\n  return (\n    <div\n      className={`py-2.5 ${withBorder ? 'border-b border-border/60' : ''} ${onEdit ? 'cursor-pointer hover:bg-accent/40 transition-colors' : ''}`}\n      onClick={() => onEdit?.(activity)}\n      role={onEdit ? 'button' : undefined}\n      tabIndex={onEdit ? 0 : undefined}\n      onKeyDown={onEdit ? (e) => { if (e.key === 'Enter') onEdit(activity) } : undefined}\n    >\n      <div className=\"grid items-start gap-3\" style={{ gridTemplateColumns: '75px 32px 1fr' }}>\n        {/* Column 1: Date */}\n        <div className=\"shrink-0\">\n          <span className=\"block text-[11px] font-semibold leading-tight text-foreground\">\n            {formatRelativeDate(dateStr, t)}\n          </span>\n          <span className=\"block text-[10px] leading-tight text-muted-foreground\">\n            {formatTime(dateStr)}\n          </span>\n        </div>\n\n        {/* Column 2: Type icon */}\n        <div className=\"flex size-8 items-center justify-center rounded-md bg-muted shrink-0\">\n          {TypeIcon ? <TypeIcon className=\"size-3.5 text-muted-foreground\" /> : null}\n        </div>\n\n        {/* Column 3: Content */}\n        <div className=\"min-w-0 space-y-1.5\">\n          <span className=\"block text-[12px] font-semibold leading-tight text-foreground\">\n            {title}{duration}\n          </span>\n\n          {activity.body && activity.title && (\n            <p className=\"text-[11px] leading-snug text-muted-foreground\">\n              {activity.body}\n            </p>\n          )}\n\n          {activity.authorName && (\n            <div className=\"flex items-center gap-1 text-[10px] text-muted-foreground\">\n              <User className=\"size-2.5 shrink-0\" />\n              <span>{t('customers.timeline.author', 'by {{name}}', { name: activity.authorName })}</span>\n            </div>\n          )}\n\n          <AiActionChips activityType={activity.interactionType} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction formatRelativeDate(isoString: string, t: TranslateFn): string {\n  try {\n    const date = new Date(isoString)\n    const now = new Date()\n    // Compare calendar dates (not time-based diff) to correctly handle same-day future times\n    const dateDay = new Date(date.getFullYear(), date.getMonth(), date.getDate())\n    const nowDay = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    const diffDays = Math.round((nowDay.getTime() - dateDay.getTime()) / (1000 * 60 * 60 * 24))\n\n    if (diffDays === 0) return t('customers.timeline.date.today', 'today')\n    if (diffDays === 1) return t('customers.timeline.date.yesterday', 'yesterday')\n    return date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n  } catch {\n    return ''\n  }\n}\n\nfunction formatTime(isoString: string): string {\n  try {\n    return new Date(isoString).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n  } catch {\n    return ''\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/ActivityTimelineFilters.js

@@ -5,14 +5,18 @@ import { Phone, Mail, Users, StickyNote, SlidersHorizontal } from "lucide-react"
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 const FILTER_TYPES = [
+  { type: "note", icon: StickyNote },
   { type: "call", icon: Phone },
-  { type: "email", icon: Mail },
   { type: "meeting", icon: Users },
-  { type: "note", icon: StickyNote }
+  { type: "email", icon: Mail }
 ];
+const CHIP_BASE = "inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors";
+const CHIP_INACTIVE = "border border-border bg-card text-muted-foreground hover:bg-accent/40";
+const CHIP_ACTIVE = "border border-status-info-border bg-status-info-bg text-status-info-text";
 function ActivityTimelineFilters({
   entityId,
   activeTypes,
@@ -25,6 +29,7 @@ function ActivityTimelineFilters({
 }) {
   const t = useT();
   const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo;
+  const allActive = activeTypes.length === 0;
   const [counts, setCounts] = React.useState(null);
   React.useEffect(() => {
     if (!entityId) return;
@@ -49,28 +54,38 @@ function ActivityTimelineFilters({
       onTypesChange([...activeTypes, type]);
     }
   }, [activeTypes, onTypesChange]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border-b border-border/60 pb-4 md:flex-row md:items-center md:justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground", children: t("customers.people.detail.activities.filterLabel", "FILTER:") }),
+  const handleSelectAll = React.useCallback(() => {
+    onTypesChange([]);
+  }, [onTypesChange]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSelectAll,
+          "aria-pressed": allActive,
+          className: cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE),
+          children: /* @__PURE__ */ jsx("span", { children: t("customers.timeline.filter.all", "All Activities") })
+        }
+      ),
       FILTER_TYPES.map(({ type, icon: Icon }) => {
         const isActive = activeTypes.includes(type);
         const count = counts?.[type];
+        const hasCount = typeof count === "number" && count > 0;
         return /* @__PURE__ */ jsxs(
-          Button,
+          "button",
           {
             type: "button",
-            variant: "outline",
-            size: "sm",
             onClick: () => handleTypeToggle(type),
-            className: cn(
-              "h-7 rounded-full px-2.5 text-xs gap-1.5",
-              isActive ? "border-foreground bg-background text-foreground" : "border-border bg-background text-muted-foreground"
-            ),
             "aria-pressed": isActive,
+            className: cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE),
             children: [
-              /* @__PURE__ */ jsx(Icon, { className: "size-2.5" }),
-              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t(`customers.timeline.filter.${type}`, type) }),
-              typeof count === "number" && count > 0 ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1 text-overline leading-4 text-muted-foreground", children: count }) : null
+              /* @__PURE__ */ jsx(Icon, { className: "size-[18px] shrink-0" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                t(`customers.timeline.filter.${type}`, type),
+                hasCount ? ` ${count}` : ""
+              ] })
             ]
           },
           type
@@ -78,17 +93,15 @@ function ActivityTimelineFilters({
       })
     ] }),
     /* @__PURE__ */ jsxs(Popover, { children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button,
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        IconButton,
         {
           type: "button",
           variant: "outline",
           size: "sm",
-          className: "h-7 rounded-md px-2.5 text-xs text-muted-foreground",
-          children: [
-            /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-2.5" }),
-            t("customers.people.detail.activities.moreFilters", "More")
-          ]
+          className: "size-7 rounded-md text-muted-foreground",
+          "aria-label": t("customers.people.detail.activities.moreFilters", "More filters"),
+          children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" })
         }
       ) }),
       /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-72 space-y-3", children: [

package/dist/modules/customers/components/detail/ActivityTimelineFilters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityTimelineFilters.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, SlidersHorizontal } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'call', icon: Phone },\n  { type: 'email', icon: Mail },\n  { type: 'meeting', icon: Users },\n  { type: 'note', icon: StickyNote },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  total: number\n}\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const nextCounts = await readApiResultOrThrow<InteractionCounts>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        setCounts(nextCounts)\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 border-b border-border/60 pb-4 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground\">\n          {t('customers.people.detail.activities.filterLabel', 'FILTER:')}\n        </span>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          return (\n            <Button\n              key={type}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleTypeToggle(type)}\n              className={cn(\n                'h-7 rounded-full px-2.5 text-xs gap-1.5',\n                isActive\n                  ? 'border-foreground bg-background text-foreground'\n                  : 'border-border bg-background text-muted-foreground',\n              )}\n              aria-pressed={isActive}\n            >\n              <Icon className=\"size-2.5\" />\n              <span className=\"font-semibold\">{t(`customers.timeline.filter.${type}`, type)}</span>\n              {typeof count === 'number' && count > 0 ? (\n                <span className=\"rounded-full bg-muted px-1 text-overline leading-4 text-muted-foreground\">\n                  {count}\n                </span>\n              ) : null}\n            </Button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-7 rounded-md px-2.5 text-xs text-muted-foreground\"\n          >\n            <SlidersHorizontal className=\"size-2.5\" />\n            {t('customers.people.detail.activities.moreFilters', 'More')}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, SlidersHorizontal } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'note', icon: StickyNote },\n  { type: 'call', icon: Phone },\n  { type: 'meeting', icon: Users },\n  { type: 'email', icon: Mail },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  total: number\n}\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nconst CHIP_BASE = 'inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors'\nconst CHIP_INACTIVE = 'border border-border bg-card text-muted-foreground hover:bg-accent/40'\nconst CHIP_ACTIVE = 'border border-status-info-border bg-status-info-bg text-status-info-text'\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const allActive = activeTypes.length === 0\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const nextCounts = await readApiResultOrThrow<InteractionCounts>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        setCounts(nextCounts)\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  const handleSelectAll = React.useCallback(() => {\n    onTypesChange([])\n  }, [onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2.5\">\n        <button\n          type=\"button\"\n          onClick={handleSelectAll}\n          aria-pressed={allActive}\n          className={cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n        >\n          <span>{t('customers.timeline.filter.all', 'All Activities')}</span>\n        </button>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          const hasCount = typeof count === 'number' && count > 0\n          return (\n            <button\n              key={type}\n              type=\"button\"\n              onClick={() => handleTypeToggle(type)}\n              aria-pressed={isActive}\n              className={cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n            >\n              <Icon className=\"size-[18px] shrink-0\" />\n              <span>\n                {t(`customers.timeline.filter.${type}`, type)}\n                {hasCount ? ` ${count}` : ''}\n              </span>\n            </button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <IconButton\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"size-7 rounded-md text-muted-foreground\"\n            aria-label={t('customers.people.detail.activities.moreFilters', 'More filters')}\n          >\n            <SlidersHorizontal className=\"size-3.5\" />\n          </IconButton>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/AiActionChips.js

@@ -1,34 +1,27 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Sparkles } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-import { Button } from "@open-mercato/ui/primitives/button";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@open-mercato/ui/primitives/tooltip";
 import { AI_TIMELINE_ACTIONS_BY_TYPE, resolveAiActions } from "./aiActionCatalog.js";
 function AiActionChips({ activityType }) {
   const t = useT();
   const actions = resolveAiActions(activityType, AI_TIMELINE_ACTIONS_BY_TYPE);
-  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-    /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs text-muted-foreground", children: t("customers.ai.prefix", "AI:") }),
-    actions.map((action, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground/40", children: "|" }),
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            className: "h-auto inline-flex items-center gap-0.5 px-1 py-0.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx(Sparkles, { className: "size-2.5" }),
-              t(action.i18nKey, action.fallback)
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t("customers.ai.comingSoon", "Coming soon") })
-      ] })
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[9px] font-bold text-muted-foreground/70", children: t("customers.ai.prefix", "AI:") }),
+    actions.map((action) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1 rounded-[4px] border border-dashed border-border bg-card pl-1.5 pr-[7px] py-[3px] text-[9px] font-medium text-muted-foreground/70 transition-colors hover:border-muted-foreground hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Sparkles, { className: "size-2.5 shrink-0" }),
+            t(action.i18nKey, action.fallback)
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t("customers.ai.comingSoon", "Coming soon") })
     ] }, action.key))
   ] }) });
 }

package/dist/modules/customers/components/detail/AiActionChips.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/AiActionChips.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@open-mercato/ui/primitives/tooltip'\nimport { AI_TIMELINE_ACTIONS_BY_TYPE, resolveAiActions } from './aiActionCatalog'\n\ninterface AiActionChipsProps {\n  activityType: string\n}\n\nexport function AiActionChips({ activityType }: AiActionChipsProps) {\n  const t = useT()\n  const actions = resolveAiActions(activityType, AI_TIMELINE_ACTIONS_BY_TYPE)\n\n  return (\n    <TooltipProvider delayDuration={300}>\n      <div className=\"flex items-center gap-0.5\">\n        <span className=\"mr-1 text-xs text-muted-foreground\">\n          {t('customers.ai.prefix', 'AI:')}\n        </span>\n        {actions.map((action, index) => (\n          <React.Fragment key={action.key}>\n            {index > 0 && <span className=\"text-xs text-muted-foreground/40\">|</span>}\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-auto inline-flex items-center gap-0.5 px-1 py-0.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer\"\n                >\n                  <Sparkles className=\"size-2.5\" />\n                  {t(action.i18nKey, action.fallback)}\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\" className=\"text-xs\">\n                {t('customers.ai.comingSoon', 'Coming soon')}\n              </TooltipContent>\n            </Tooltip>\n          </React.Fragment>\n        ))}\n      </div>\n    </TooltipProvider>\n  )\n}\n"],
-  "mappings": ";AAoBQ,cAQQ,YARR;AAlBR,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,iBAAiB,sBAAsB;AACzE,SAAS,6BAA6B,wBAAwB;AAMvD,SAAS,cAAc,EAAE,aAAa,GAAuB;AAClE,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,iBAAiB,cAAc,2BAA2B;AAE1E,SACE,oBAAC,mBAAgB,eAAe,KAC9B,+BAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,UAAK,WAAU,sCACb,YAAE,uBAAuB,KAAK,GACjC;AAAA,IACC,QAAQ,IAAI,CAAC,QAAQ,UACpB,qBAAC,MAAM,UAAN,EACE;AAAA,cAAQ,KAAK,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MAClE,qBAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YAEV;AAAA,kCAAC,YAAS,WAAU,YAAW;AAAA,cAC9B,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,QACA,oBAAC,kBAAe,MAAK,UAAS,WAAU,WACrC,YAAE,2BAA2B,aAAa,GAC7C;AAAA,SACF;AAAA,SAjBmB,OAAO,GAkB5B,CACD;AAAA,KACH,GACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@open-mercato/ui/primitives/tooltip'\nimport { AI_TIMELINE_ACTIONS_BY_TYPE, resolveAiActions } from './aiActionCatalog'\n\ninterface AiActionChipsProps {\n  activityType: string\n}\n\nexport function AiActionChips({ activityType }: AiActionChipsProps) {\n  const t = useT()\n  const actions = resolveAiActions(activityType, AI_TIMELINE_ACTIONS_BY_TYPE)\n\n  return (\n    <TooltipProvider delayDuration={300}>\n      <div className=\"flex items-center gap-1.5\">\n        <span className=\"text-[9px] font-bold text-muted-foreground/70\">\n          {t('customers.ai.prefix', 'AI:')}\n        </span>\n        {actions.map((action) => (\n          <Tooltip key={action.key}>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex items-center gap-1 rounded-[4px] border border-dashed border-border bg-card pl-1.5 pr-[7px] py-[3px] text-[9px] font-medium text-muted-foreground/70 transition-colors hover:border-muted-foreground hover:text-foreground\"\n              >\n                <Sparkles className=\"size-2.5 shrink-0\" />\n                {t(action.i18nKey, action.fallback)}\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\" className=\"text-xs\">\n              {t('customers.ai.comingSoon', 'Coming soon')}\n            </TooltipContent>\n          </Tooltip>\n        ))}\n      </div>\n    </TooltipProvider>\n  )\n}\n"],
+  "mappings": ";AAmBQ,cAMM,YANN;AAhBR,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,iBAAiB,sBAAsB;AACzE,SAAS,6BAA6B,wBAAwB;AAMvD,SAAS,cAAc,EAAE,aAAa,GAAuB;AAClE,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,iBAAiB,cAAc,2BAA2B;AAE1E,SACE,oBAAC,mBAAgB,eAAe,KAC9B,+BAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,UAAK,WAAU,iDACb,YAAE,uBAAuB,KAAK,GACjC;AAAA,IACC,QAAQ,IAAI,CAAC,WACZ,qBAAC,WACC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UAEV;AAAA,gCAAC,YAAS,WAAU,qBAAoB;AAAA,YACvC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA;AAAA;AAAA,MACpC,GACF;AAAA,MACA,oBAAC,kBAAe,MAAK,UAAS,WAAU,WACrC,YAAE,2BAA2B,aAAa,GAC7C;AAAA,SAZY,OAAO,GAarB,CACD;AAAA,KACH,GACF;AAEJ;",
   "names": []
 }