npm - @open-mercato/core - Versions diffs - 0.6.7 → 0.6.8-develop.6875.1.871a4afc94 - Mend

@open-mercato/core 0.6.7 → 0.6.8-develop.6875.1.871a4afc94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1508) hide show

package/dist/modules/customers/components/detail/CompanyDetailTabs.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/CompanyDetailTabs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport {\n  Users,\n  Handshake,\n  Clock,\n  History,\n  Paperclip,\n  Plus,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\nimport { useDealsAccess } from './useDealsAccess'\n\nexport type CompanyTabId =\n  | 'people'\n  | 'deals'\n  | 'activity-log'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: CompanyTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\ntype CompanyDetailTabsProps = {\n  activeTab: CompanyTabId\n  onTabChange: (tab: CompanyTabId) => void\n  injectedTabs?: Array<{ id: string; label: string; priority?: number }>\n  peopleCount?: number\n  dealsCount?: number\n  activitiesCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst LEGACY_TAB_MAP: Record<string, CompanyTabId> = {\n  notes: 'people',\n  activities: 'activity-log',\n  addresses: 'people',\n  tasks: 'people',\n  dashboard: 'people',\n  'dane-firmy': 'people',\n  analysis: 'people',\n}\n\nexport function resolveLegacyTab(tab: string | null | undefined): CompanyTabId {\n  if (!tab) return 'people'\n  if (LEGACY_TAB_MAP[tab]) return LEGACY_TAB_MAP[tab]\n  return tab as CompanyTabId\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nexport function CompanyDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  peopleCount = 0,\n  dealsCount = 0,\n  activitiesCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: CompanyDetailTabsProps) {\n  const t = useT()\n  const { canViewDeals } = useDealsAccess()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'people',\n        label: t('customers.companies.detail.tabs.people', 'People'),\n        icon: <Users className=\"size-4\" />,\n        count: formatTabCount(peopleCount),\n      },\n      ...(canViewDeals\n        ? [\n            {\n              id: 'deals' as CompanyTabId,\n              label: t('customers.companies.detail.tabs.deals', 'Deals'),\n              icon: <Handshake className=\"size-4\" />,\n              count: formatTabCount(dealsCount),\n            },\n          ]\n        : []),\n      {\n        id: 'activity-log',\n        label: t('customers.companies.detail.tabs.activityLog', 'Activity log'),\n        icon: <Clock className=\"size-4\" />,\n        count: formatTabCount(activitiesCount),\n      },\n      {\n        id: 'changelog',\n        label: t('customers.companies.detail.tabs.changelog', 'Changelog'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n      {\n        id: 'files',\n        label: t('customers.companies.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        count: formatTabCount(filesCount),\n      },\n    ],\n    [t, canViewDeals, peopleCount, dealsCount, activitiesCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as CompanyTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      {/* Tab navigation */}\n      <div className=\"flex items-end justify-between gap-2 border-b\">\n        <Tabs\n          value={activeTab}\n          onValueChange={(value) => onTabChange(value as CompanyTabId)}\n          variant=\"underline\"\n          className=\"min-w-0 flex-1\"\n        >\n          <TabsList\n            aria-label={t('customers.companies.detail.tabs.label', 'Company detail sections')}\n            className=\"-mb-px w-full overflow-x-auto border-b-0 px-1\"\n          >\n            {allTabs.map((tab) => (\n              <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Tab content */}\n      <div className=\"pt-6\" role=\"tabpanel\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport {\n  Users,\n  Handshake,\n  Clock,\n  History,\n  Paperclip,\n  Plus,\n} from 'lucide-react'\nimport type { SectionAction } from '@open-mercato/ui/backend/detail'\nimport { registerComponent } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '@open-mercato/ui/backend/injection/useRegisteredComponent'\nimport { useDealsAccess } from './useDealsAccess'\n\nexport type CompanyTabId =\n  | 'people'\n  | 'deals'\n  | 'activity-log'\n  | 'changelog'\n  | 'files'\n  | string\n\ntype TabDef = {\n  id: CompanyTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\nexport const COMPANY_DETAIL_TABS_COMPONENT_ID = 'section:customers.companies.detailTabs'\n\nexport type CompanyDetailTabsProps = {\n  activeTab: CompanyTabId\n  onTabChange: (tab: CompanyTabId) => void\n  injectedTabs?: Array<{ id: string; label: string; priority?: number }>\n  hiddenTabIds?: string[]\n  peopleCount?: number\n  dealsCount?: number\n  activitiesCount?: number\n  filesCount?: number\n  sectionAction?: SectionAction | null\n  children: React.ReactNode\n}\n\nconst LEGACY_TAB_MAP: Record<string, CompanyTabId> = {\n  notes: 'people',\n  activities: 'activity-log',\n  addresses: 'people',\n  tasks: 'people',\n  dashboard: 'people',\n  'dane-firmy': 'people',\n  analysis: 'people',\n}\n\nexport function resolveLegacyTab(tab: string | null | undefined): CompanyTabId {\n  if (!tab) return 'people'\n  if (LEGACY_TAB_MAP[tab]) return LEGACY_TAB_MAP[tab]\n  return tab as CompanyTabId\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nfunction DefaultCompanyDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  hiddenTabIds = [],\n  peopleCount = 0,\n  dealsCount = 0,\n  activitiesCount = 0,\n  filesCount = 0,\n  sectionAction = null,\n  children,\n}: CompanyDetailTabsProps) {\n  const t = useT()\n  const { canViewDeals } = useDealsAccess()\n\n  const builtInTabs: TabDef[] = React.useMemo(\n    () => [\n      {\n        id: 'people',\n        label: t('customers.companies.detail.tabs.people', 'People'),\n        icon: <Users className=\"size-4\" />,\n        count: formatTabCount(peopleCount),\n      },\n      ...(canViewDeals\n        ? [\n            {\n              id: 'deals' as CompanyTabId,\n              label: t('customers.companies.detail.tabs.deals', 'Deals'),\n              icon: <Handshake className=\"size-4\" />,\n              count: formatTabCount(dealsCount),\n            },\n          ]\n        : []),\n      {\n        id: 'activity-log',\n        label: t('customers.companies.detail.tabs.activityLog', 'Activity log'),\n        icon: <Clock className=\"size-4\" />,\n        count: formatTabCount(activitiesCount),\n      },\n      {\n        id: 'changelog',\n        label: t('customers.companies.detail.tabs.changelog', 'Changelog'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n      {\n        id: 'files',\n        label: t('customers.companies.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        count: formatTabCount(filesCount),\n      },\n    ],\n    [t, canViewDeals, peopleCount, dealsCount, activitiesCount, filesCount],\n  )\n\n  const allTabs: TabDef[] = React.useMemo(() => {\n    const hidden = new Set(hiddenTabIds)\n    return [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as CompanyTabId,\n        label: tab.label,\n      })),\n    ].filter((tab) => !hidden.has(tab.id))\n  }, [builtInTabs, hiddenTabIds, injectedTabs])\n\n  return (\n    <div>\n      {/* Tab navigation */}\n      <div className=\"flex items-end justify-between gap-2 border-b\">\n        <Tabs\n          value={activeTab}\n          onValueChange={(value) => onTabChange(value as CompanyTabId)}\n          variant=\"underline\"\n          className=\"min-w-0 flex-1\"\n        >\n          <TabsList\n            aria-label={t('customers.companies.detail.tabs.label', 'Company detail sections')}\n            className=\"-mb-px w-full overflow-x-auto border-b-0 px-1\"\n          >\n            {allTabs.map((tab) => (\n              <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        {sectionAction ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={sectionAction.onClick}\n            disabled={sectionAction.disabled}\n            className=\"mb-1.5 mr-1 shrink-0\"\n          >\n            <Plus className=\"mr-1.5 h-4 w-4\" />\n            {sectionAction.label}\n          </Button>\n        ) : null}\n      </div>\n\n      {/* Tab content */}\n      <div className=\"pt-6\" role=\"tabpanel\">\n        {children}\n      </div>\n    </div>\n  )\n}\n\nregisterComponent<CompanyDetailTabsProps>({\n  id: COMPANY_DETAIL_TABS_COMPONENT_ID,\n  component: DefaultCompanyDetailTabs,\n  metadata: {\n    module: 'customers',\n    description: 'Company detail tab navigation and content.',\n  },\n})\n\nexport function CompanyDetailTabs(props: CompanyDetailTabsProps) {\n  const ResolvedTabs = useRegisteredComponent<CompanyDetailTabsProps>(\n    COMPANY_DETAIL_TABS_COMPONENT_ID,\n    DefaultCompanyDetailTabs,\n  )\n  return <ResolvedTabs {...props} />\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/CompanyKpiBar.js CHANGED Viewed

@@ -11,17 +11,18 @@ import {
   writeVersionedIdSet,
   clearVersionedPreference
 } from "@open-mercato/shared/lib/browser/versionedPreference";
+import { isOpenDealStatus, isWonDealStatus } from "../../lib/dealStatus.js";
 import { formatCurrency } from "./utils.js";
 const STORAGE_KEY = "om:company-detail-kpi-hidden";
 const STORAGE_VERSION = 1;
 function sumActiveDeals(deals) {
-  return deals.filter((d) => d.status !== "won" && d.status !== "lost" && d.status !== "closed").reduce((sum, d) => {
+  return deals.filter((d) => isOpenDealStatus(d.status)).reduce((sum, d) => {
     const amount = typeof d.valueAmount === "number" ? d.valueAmount : parseFloat(String(d.valueAmount ?? "0"));
     return sum + (Number.isFinite(amount) ? amount : 0);
   }, 0);
 }
 function getActiveDeals(deals) {
-  return deals.filter((d) => d.status !== "won" && d.status !== "lost" && d.status !== "closed");
+  return deals.filter((d) => isOpenDealStatus(d.status));
 }
 function computeActivityTrend(interactions) {
   const now = Date.now();
@@ -43,7 +44,7 @@ function computeActivityTrend(interactions) {
   return { value: Math.abs(pct), direction: pct > 0 ? "up" : "down" };
 }
 function computeDealTrend(deals) {
-  const active = deals.filter((d) => d.status !== "won" && d.status !== "lost" && d.status !== "closed");
+  const active = deals.filter((d) => isOpenDealStatus(d.status));
   if (active.length === 0) return void 0;
   const now = Date.now();
   const monthMs = 30 * 864e5;
@@ -66,7 +67,7 @@ function CompanyKpiBar({ data }) {
   const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals]);
   const ltvValue = React.useMemo(() => {
     if (data.kpis?.ltvValue !== void 0) return data.kpis.ltvValue;
-    const wonDeals = data.deals.filter((d) => d.status === "won");
+    const wonDeals = data.deals.filter((d) => isWonDealStatus(d.status));
     if (wonDeals.length === 0) return null;
     return wonDeals.reduce((sum, d) => {
       const amt = typeof d.valueAmount === "number" ? d.valueAmount : parseFloat(String(d.valueAmount ?? "0"));
@@ -124,7 +125,7 @@ function CompanyKpiBar({ data }) {
       title: t("customers.companies.dashboard.kpi.clientSince", "CLIENT SINCE"),
       value: clientTenureYears,
       formatValue: clientTenureYears !== null ? (v) => v < 1 ? `< 1 ${t("customers.companies.dashboard.kpi.year", "year")}` : `${v} ${v === 1 ? t("customers.companies.dashboard.kpi.year", "year") : t("customers.companies.dashboard.kpi.years", "years")}` : void 0,
-      comparisonLabel: clientTenureYears !== null ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => d.status === "won").length} ${t("customers.companies.dashboard.kpi.completedDeals", "completed deals")}` : t("customers.companies.dashboard.kpi.noInteractions", "No interactions yet")
+      comparisonLabel: clientTenureYears !== null ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => isWonDealStatus(d.status)).length} ${t("customers.companies.dashboard.kpi.completedDeals", "completed deals")}` : t("customers.companies.dashboard.kpi.noInteractions", "No interactions yet")
     }
   ], [t, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis]);
   const visibleTiles = kpiTiles.filter((tile) => !hiddenTiles.has(tile.id));

package/dist/modules/customers/components/detail/CompanyKpiBar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/CompanyKpiBar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EyeOff } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts/KpiCard'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  readVersionedIdSet,\n  writeVersionedIdSet,\n  clearVersionedPreference,\n} from '@open-mercato/shared/lib/browser/versionedPreference'\nimport type { CompanyOverview, DealSummary, InteractionSummary } from '../formConfig'\nimport { formatCurrency } from './utils'\n\nconst STORAGE_KEY = 'om:company-detail-kpi-hidden'\nconst STORAGE_VERSION = 1\n\nfunction sumActiveDeals(deals: DealSummary[]): number {\n  return deals\n    .filter((d) => d.status !== 'won' && d.status !== 'lost' && d.status !== 'closed')\n    .reduce((sum, d) => {\n      const amount = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amount) ? amount : 0)\n    }, 0)\n}\n\nfunction getActiveDeals(deals: DealSummary[]): DealSummary[] {\n  return deals.filter((d) => d.status !== 'won' && d.status !== 'lost' && d.status !== 'closed')\n}\n\nfunction computeActivityTrend(interactions: InteractionSummary[]): KpiTrend | undefined {\n  const now = Date.now()\n  const weekMs = 7 * 86_400_000\n  const thisWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    return d && now - new Date(d).getTime() < weekMs\n  }).length\n  const lastWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    if (!d) return false\n    const diff = now - new Date(d).getTime()\n    return diff >= weekMs && diff < weekMs * 2\n  }).length\n  if (lastWeek === 0 && thisWeek === 0) return undefined\n  if (lastWeek === 0) return { value: 100, direction: 'up' }\n  const pct = ((thisWeek - lastWeek) / lastWeek) * 100\n  if (Math.abs(pct) < 0.5) return { value: 0, direction: 'unchanged' }\n  return { value: Math.abs(pct), direction: pct > 0 ? 'up' : 'down' }\n}\n\nfunction computeDealTrend(deals: DealSummary[]): KpiTrend | undefined {\n  const active = deals.filter((d) => d.status !== 'won' && d.status !== 'lost' && d.status !== 'closed')\n  if (active.length === 0) return undefined\n  const now = Date.now()\n  const monthMs = 30 * 86_400_000\n  const recentDeals = active.filter((d) => d.createdAt && now - new Date(d.createdAt).getTime() < monthMs).length\n  if (recentDeals > 0) return { value: recentDeals * 10, direction: 'up' }\n  return { value: 0, direction: 'unchanged' }\n}\n\ntype CompanyKpiBarProps = {\n  data: CompanyOverview\n}\n\nexport function CompanyKpiBar({ data }: CompanyKpiBarProps) {\n  const t = useT()\n\n  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals])\n  const activeDealsValue = React.useMemo(\n    () => data.kpis?.activeDealsValue ?? sumActiveDeals(data.deals),\n    [data.deals, data.kpis?.activeDealsValue],\n  )\n  const dealCurrency = data.kpis?.dealCurrency ?? activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? 'PLN'\n  const activityTrend = React.useMemo(\n    () => data.kpis?.activityTrend ?? computeActivityTrend(data.interactions),\n    [data.interactions, data.kpis?.activityTrend],\n  )\n  const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals])\n\n  const ltvValue = React.useMemo(() => {\n    if (data.kpis?.ltvValue !== undefined) return data.kpis.ltvValue\n    const wonDeals = data.deals.filter((d) => d.status === 'won')\n    if (wonDeals.length === 0) return null\n    return wonDeals.reduce((sum, d) => {\n      const amt = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amt) ? amt : 0)\n    }, 0)\n  }, [data.deals, data.kpis?.ltvValue])\n\n  const clientTenureYears = React.useMemo(() => {\n    if (data.kpis?.clientTenureYears !== undefined) return data.kpis.clientTenureYears\n    const allDates = data.interactions\n      .map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt)\n      .filter(Boolean)\n      .map((d) => new Date(d).getTime())\n    if (allDates.length === 0) return null\n    const earliest = Math.min(...allDates)\n    return Math.floor((Date.now() - earliest) / (365.25 * 86_400_000))\n  }, [data.interactions, data.kpis?.clientTenureYears])\n\n  const [hiddenTiles, setHiddenTiles] = React.useState<Set<string>>(\n    () => readVersionedIdSet(STORAGE_KEY, STORAGE_VERSION),\n  )\n\n  const toggleTile = React.useCallback((tileId: string) => {\n    setHiddenTiles((prev) => {\n      const next = new Set(prev)\n      if (next.has(tileId)) next.delete(tileId)\n      else next.add(tileId)\n      writeVersionedIdSet(STORAGE_KEY, STORAGE_VERSION, next)\n      return next\n    })\n  }, [])\n\n  const showAllTiles = React.useCallback(() => {\n    setHiddenTiles(new Set())\n    clearVersionedPreference(STORAGE_KEY)\n  }, [])\n\n  const kpiTiles = React.useMemo(() => [\n    {\n      id: 'activeDeals',\n      title: t('customers.companies.dashboard.kpi.activeDeals', 'ACTIVE DEALS'),\n      value: activeDealsValue,\n      trend: dealTrend,\n      formatValue: (v: number) => formatCurrency(v, dealCurrency),\n      comparisonLabel: `${data.kpis?.activeDealsCount ?? activeDeals.length} ${(data.kpis?.activeDealsCount ?? activeDeals.length) === 1 ? 'pipeline' : 'pipelines'}`,\n    },\n    {\n      id: 'activities',\n      title: t('customers.companies.dashboard.kpi.activities', 'ACTIVITIES'),\n      value: data.kpis?.activityCount ?? data.interactions.length,\n      trend: activityTrend,\n      comparisonLabel: t('customers.companies.dashboard.kpi.last12months', 'last 12 months'),\n    },\n    {\n      id: 'ltv',\n      title: t('customers.companies.dashboard.kpi.ltv', 'CUSTOMER VALUE (LTV)'),\n      value: ltvValue,\n      formatValue: ltvValue !== null ? (v: number) => formatCurrency(v, dealCurrency) : undefined,\n      comparisonLabel: ltvValue !== null\n        ? t('customers.companies.dashboard.kpi.wonDeals', 'won deals total')\n        : t('customers.companies.dashboard.kpi.noWonDeals', 'No won deals'),\n    },\n    {\n      id: 'clientSince',\n      title: t('customers.companies.dashboard.kpi.clientSince', 'CLIENT SINCE'),\n      value: clientTenureYears,\n      formatValue: clientTenureYears !== null\n        ? (v: number) => v < 1\n          ? `< 1 ${t('customers.companies.dashboard.kpi.year', 'year')}`\n          : `${v} ${v === 1 ? t('customers.companies.dashboard.kpi.year', 'year') : t('customers.companies.dashboard.kpi.years', 'years')}`\n        : undefined,\n      comparisonLabel: clientTenureYears !== null\n        ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => d.status === 'won').length} ${t('customers.companies.dashboard.kpi.completedDeals', 'completed deals')}`\n        : t('customers.companies.dashboard.kpi.noInteractions', 'No interactions yet'),\n    },\n  ], [t, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis])\n\n  const visibleTiles = kpiTiles.filter((tile) => !hiddenTiles.has(tile.id))\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        {visibleTiles.map((tile) => (\n          <div key={tile.id} className=\"group relative\">\n            <KpiCard\n              title={tile.title}\n              value={tile.value}\n              trend={tile.trend}\n              formatValue={tile.formatValue}\n              comparisonLabel={tile.comparisonLabel}\n            />\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={() => toggleTile(tile.id)}\n              className=\"absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-60\"\n              aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n            >\n              <EyeOff className=\"size-3.5\" />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n      {hiddenTiles.size > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs text-muted-foreground\">\n            {t('customers.companies.dashboard.hiddenTiles', '{{count}} tiles hidden', { count: hiddenTiles.size })}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-auto px-1.5 py-0.5 text-xs hover:bg-transparent\"\n            onClick={showAllTiles}\n          >\n            {t('customers.companies.dashboard.showAll', 'Show all')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EyeOff } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts/KpiCard'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  readVersionedIdSet,\n  writeVersionedIdSet,\n  clearVersionedPreference,\n} from '@open-mercato/shared/lib/browser/versionedPreference'\nimport { isOpenDealStatus, isWonDealStatus } from '../../lib/dealStatus'\nimport type { CompanyOverview, DealSummary, InteractionSummary } from '../formConfig'\nimport { formatCurrency } from './utils'\n\nconst STORAGE_KEY = 'om:company-detail-kpi-hidden'\nconst STORAGE_VERSION = 1\n\nfunction sumActiveDeals(deals: DealSummary[]): number {\n  return deals\n    .filter((d) => isOpenDealStatus(d.status))\n    .reduce((sum, d) => {\n      const amount = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amount) ? amount : 0)\n    }, 0)\n}\n\nfunction getActiveDeals(deals: DealSummary[]): DealSummary[] {\n  return deals.filter((d) => isOpenDealStatus(d.status))\n}\n\nfunction computeActivityTrend(interactions: InteractionSummary[]): KpiTrend | undefined {\n  const now = Date.now()\n  const weekMs = 7 * 86_400_000\n  const thisWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    return d && now - new Date(d).getTime() < weekMs\n  }).length\n  const lastWeek = interactions.filter((i) => {\n    const d = i.occurredAt ?? i.scheduledAt\n    if (!d) return false\n    const diff = now - new Date(d).getTime()\n    return diff >= weekMs && diff < weekMs * 2\n  }).length\n  if (lastWeek === 0 && thisWeek === 0) return undefined\n  if (lastWeek === 0) return { value: 100, direction: 'up' }\n  const pct = ((thisWeek - lastWeek) / lastWeek) * 100\n  if (Math.abs(pct) < 0.5) return { value: 0, direction: 'unchanged' }\n  return { value: Math.abs(pct), direction: pct > 0 ? 'up' : 'down' }\n}\n\nfunction computeDealTrend(deals: DealSummary[]): KpiTrend | undefined {\n  const active = deals.filter((d) => isOpenDealStatus(d.status))\n  if (active.length === 0) return undefined\n  const now = Date.now()\n  const monthMs = 30 * 86_400_000\n  const recentDeals = active.filter((d) => d.createdAt && now - new Date(d.createdAt).getTime() < monthMs).length\n  if (recentDeals > 0) return { value: recentDeals * 10, direction: 'up' }\n  return { value: 0, direction: 'unchanged' }\n}\n\ntype CompanyKpiBarProps = {\n  data: CompanyOverview\n}\n\nexport function CompanyKpiBar({ data }: CompanyKpiBarProps) {\n  const t = useT()\n\n  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals])\n  const activeDealsValue = React.useMemo(\n    () => data.kpis?.activeDealsValue ?? sumActiveDeals(data.deals),\n    [data.deals, data.kpis?.activeDealsValue],\n  )\n  const dealCurrency = data.kpis?.dealCurrency ?? activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? 'PLN'\n  const activityTrend = React.useMemo(\n    () => data.kpis?.activityTrend ?? computeActivityTrend(data.interactions),\n    [data.interactions, data.kpis?.activityTrend],\n  )\n  const dealTrend = React.useMemo(() => computeDealTrend(data.deals), [data.deals])\n\n  const ltvValue = React.useMemo(() => {\n    if (data.kpis?.ltvValue !== undefined) return data.kpis.ltvValue\n    const wonDeals = data.deals.filter((d) => isWonDealStatus(d.status))\n    if (wonDeals.length === 0) return null\n    return wonDeals.reduce((sum, d) => {\n      const amt = typeof d.valueAmount === 'number' ? d.valueAmount : parseFloat(String(d.valueAmount ?? '0'))\n      return sum + (Number.isFinite(amt) ? amt : 0)\n    }, 0)\n  }, [data.deals, data.kpis?.ltvValue])\n\n  const clientTenureYears = React.useMemo(() => {\n    if (data.kpis?.clientTenureYears !== undefined) return data.kpis.clientTenureYears\n    const allDates = data.interactions\n      .map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt)\n      .filter(Boolean)\n      .map((d) => new Date(d).getTime())\n    if (allDates.length === 0) return null\n    const earliest = Math.min(...allDates)\n    return Math.floor((Date.now() - earliest) / (365.25 * 86_400_000))\n  }, [data.interactions, data.kpis?.clientTenureYears])\n\n  const [hiddenTiles, setHiddenTiles] = React.useState<Set<string>>(\n    () => readVersionedIdSet(STORAGE_KEY, STORAGE_VERSION),\n  )\n\n  const toggleTile = React.useCallback((tileId: string) => {\n    setHiddenTiles((prev) => {\n      const next = new Set(prev)\n      if (next.has(tileId)) next.delete(tileId)\n      else next.add(tileId)\n      writeVersionedIdSet(STORAGE_KEY, STORAGE_VERSION, next)\n      return next\n    })\n  }, [])\n\n  const showAllTiles = React.useCallback(() => {\n    setHiddenTiles(new Set())\n    clearVersionedPreference(STORAGE_KEY)\n  }, [])\n\n  const kpiTiles = React.useMemo(() => [\n    {\n      id: 'activeDeals',\n      title: t('customers.companies.dashboard.kpi.activeDeals', 'ACTIVE DEALS'),\n      value: activeDealsValue,\n      trend: dealTrend,\n      formatValue: (v: number) => formatCurrency(v, dealCurrency),\n      comparisonLabel: `${data.kpis?.activeDealsCount ?? activeDeals.length} ${(data.kpis?.activeDealsCount ?? activeDeals.length) === 1 ? 'pipeline' : 'pipelines'}`,\n    },\n    {\n      id: 'activities',\n      title: t('customers.companies.dashboard.kpi.activities', 'ACTIVITIES'),\n      value: data.kpis?.activityCount ?? data.interactions.length,\n      trend: activityTrend,\n      comparisonLabel: t('customers.companies.dashboard.kpi.last12months', 'last 12 months'),\n    },\n    {\n      id: 'ltv',\n      title: t('customers.companies.dashboard.kpi.ltv', 'CUSTOMER VALUE (LTV)'),\n      value: ltvValue,\n      formatValue: ltvValue !== null ? (v: number) => formatCurrency(v, dealCurrency) : undefined,\n      comparisonLabel: ltvValue !== null\n        ? t('customers.companies.dashboard.kpi.wonDeals', 'won deals total')\n        : t('customers.companies.dashboard.kpi.noWonDeals', 'No won deals'),\n    },\n    {\n      id: 'clientSince',\n      title: t('customers.companies.dashboard.kpi.clientSince', 'CLIENT SINCE'),\n      value: clientTenureYears,\n      formatValue: clientTenureYears !== null\n        ? (v: number) => v < 1\n          ? `< 1 ${t('customers.companies.dashboard.kpi.year', 'year')}`\n          : `${v} ${v === 1 ? t('customers.companies.dashboard.kpi.year', 'year') : t('customers.companies.dashboard.kpi.years', 'years')}`\n        : undefined,\n      comparisonLabel: clientTenureYears !== null\n        ? `${data.kpis?.completedDealsCount ?? data.deals.filter((d) => isWonDealStatus(d.status)).length} ${t('customers.companies.dashboard.kpi.completedDeals', 'completed deals')}`\n        : t('customers.companies.dashboard.kpi.noInteractions', 'No interactions yet'),\n    },\n  ], [t, activeDealsValue, dealTrend, dealCurrency, activeDeals.length, activityTrend, ltvValue, clientTenureYears, data.deals, data.interactions.length, data.kpis])\n\n  const visibleTiles = kpiTiles.filter((tile) => !hiddenTiles.has(tile.id))\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        {visibleTiles.map((tile) => (\n          <div key={tile.id} className=\"group relative\">\n            <KpiCard\n              title={tile.title}\n              value={tile.value}\n              trend={tile.trend}\n              formatValue={tile.formatValue}\n              comparisonLabel={tile.comparisonLabel}\n            />\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"xs\"\n              onClick={() => toggleTile(tile.id)}\n              className=\"absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-60\"\n              aria-label={t('customers.companies.dashboard.hideTile', 'Hide tile')}\n            >\n              <EyeOff className=\"size-3.5\" />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n      {hiddenTiles.size > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs text-muted-foreground\">\n            {t('customers.companies.dashboard.hiddenTiles', '{{count}} tiles hidden', { count: hiddenTiles.size })}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-auto px-1.5 py-0.5 text-xs hover:bg-transparent\"\n            onClick={showAllTiles}\n          >\n            {t('customers.companies.dashboard.showAll', 'Show all')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/ConfirmDealLostDialog.js CHANGED Viewed

@@ -113,7 +113,7 @@ function ConfirmDealLostDialog({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-7 py-6", children: [
-      /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "rounded-md", children: [
+      /* @__PURE__ */ jsxs(Alert, { status: "warning", className: "rounded-md", children: [
         /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.deals.detail.lost.warningTitle", "This action closes the deal") }),
         /* @__PURE__ */ jsx(AlertDescription, { children: t("customers.deals.detail.lost.warning", "This action sets the stage to 'Lost' and cannot be undone without 'sales.reopen' permission") })
       ] }),
@@ -187,7 +187,7 @@ function ConfirmDealLostDialog({
         Button,
         {
           type: "button",
-          variant: "destructive",
+          variant: "destructive-solid",
           disabled: confirmDisabled,
           onClick: () => {
             void handleConfirm();

package/dist/modules/customers/components/detail/ConfirmDealLostDialog.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ConfirmDealLostDialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, Check, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { loadDictionaryEntriesByKey } from '@open-mercato/core/modules/dictionaries/lib/clientEntries'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('customers')\n\ntype LossReasonOption = {\n  id: string\n  value: string\n  label: string\n  description?: string | null\n}\n\ntype ConfirmDealLostDialogProps = {\n  open: boolean\n  dealTitle: string\n  dealValue?: string | null\n  companyName?: string | null\n  onClose: () => void\n  onConfirm: (input: { lossReasonId: string; lossNotes?: string }) => void | Promise<void>\n}\n\nexport function ConfirmDealLostDialog({\n  open,\n  dealTitle,\n  dealValue,\n  companyName,\n  onClose,\n  onConfirm,\n}: ConfirmDealLostDialogProps) {\n  const t = useT()\n  const [lossReasonId, setLossReasonId] = React.useState('')\n  const [lossNotes, setLossNotes] = React.useState('')\n  const [lossReasons, setLossReasons] = React.useState<LossReasonOption[]>([])\n  const [reasonListOpen, setReasonListOpen] = React.useState(false)\n  const [error, setError] = React.useState('')\n  const [dictionaryLoadFailed, setDictionaryLoadFailed] = React.useState(false)\n  const [isLoadingReasons, setIsLoadingReasons] = React.useState(false)\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    setIsLoadingReasons(true)\n    setDictionaryLoadFailed(false)\n    loadDictionaryEntriesByKey('sales.deal_loss_reason')\n      .then((items) => {\n        if (!cancelled) setLossReasons(items)\n      })\n      .catch((loadError) => {\n        logger.error('customers.deals.detail.lossReasons failed', { loadError })\n        if (!cancelled) {\n          setLossReasons([])\n          setDictionaryLoadFailed(true)\n        }\n      })\n      .finally(() => {\n        if (!cancelled) setIsLoadingReasons(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    setLossReasonId('')\n    setLossNotes('')\n    setReasonListOpen(false)\n    setError('')\n    setDictionaryLoadFailed(false)\n    setIsConfirming(false)\n  }, [open])\n\n  const selectedLossReason = React.useMemo(\n    () => lossReasons.find((reason) => reason.id === lossReasonId) ?? null,\n    [lossReasonId, lossReasons],\n  )\n  const hasLossReasons = lossReasons.length > 0\n  const reasonUnavailable = !isLoadingReasons && !hasLossReasons\n  const unavailableReasonText = dictionaryLoadFailed\n    ? t('customers.deals.detail.lost.reasonLoadError', 'Loss reasons could not be loaded.')\n    : t('customers.deals.detail.lost.reasonUnavailable', 'No loss reasons are configured.')\n  const reasonHelpText = React.useMemo(() => {\n    if (selectedLossReason?.description) return selectedLossReason.description\n    if (isLoadingReasons) {\n      return t('customers.deals.detail.lost.reasonLoading', 'Loading loss reasons...')\n    }\n    if (reasonUnavailable) {\n      return unavailableReasonText\n    }\n    return t('customers.deals.detail.lost.reasonHelp', 'Choose the closest reason from the dictionary.')\n  }, [isLoadingReasons, reasonUnavailable, selectedLossReason?.description, t, unavailableReasonText])\n\n  const handleConfirm = React.useCallback(async () => {\n    if (isLoadingReasons || reasonUnavailable) {\n      setError(unavailableReasonText)\n      return\n    }\n    if (!lossReasonId) {\n      setError(t('customers.deals.detail.lost.reasonRequired', 'Please select a loss reason'))\n      return\n    }\n    setIsConfirming(true)\n    try {\n      await onConfirm({\n        lossReasonId,\n        lossNotes: lossNotes.trim() || undefined,\n      })\n    } finally {\n      setIsConfirming(false)\n    }\n  }, [isLoadingReasons, lossNotes, lossReasonId, onConfirm, reasonUnavailable, t, unavailableReasonText])\n\n  const confirmDisabled = isConfirming || isLoadingReasons || reasonUnavailable || !lossReasonId\n\n  const handleKeyDown = useDialogKeyHandler({\n    onConfirm: () => void handleConfirm(),\n    disabled: confirmDisabled,\n  })\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => { if (!nextOpen) onClose() }}>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-[560px]\" onKeyDown={handleKeyDown}>\n        <div className=\"overflow-hidden rounded-lg bg-card\">\n          <DialogHeader className=\"border-b border-border/70 px-7 py-5\">\n            <div className=\"flex items-start gap-4\">\n              <div className=\"flex size-10 shrink-0 items-center justify-center rounded-md bg-destructive/10 text-destructive\">\n                <AlertTriangle className=\"size-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <DialogTitle className=\"text-lg font-bold leading-none tracking-tight text-foreground\">\n                  {t('customers.deals.detail.lost.title', 'Mark deal as Lost?')}\n                </DialogTitle>\n                <p className=\"mt-1 text-xs text-muted-foreground\">\n                  {dealTitle}\n                  {dealValue ? ` \u00B7 ${dealValue}` : ''}\n                  {companyName ? ` \u00B7 ${companyName}` : ''}\n                </p>\n              </div>\n            </div>\n          </DialogHeader>\n\n          <div className=\"space-y-6 px-7 py-6\">\n            <Alert variant=\"warning\" className=\"rounded-md\">\n              <AlertTitle>\n                {t('customers.deals.detail.lost.warningTitle', 'This action closes the deal')}\n              </AlertTitle>\n              <AlertDescription>\n                {t('customers.deals.detail.lost.warning', \"This action sets the stage to 'Lost' and cannot be undone without 'sales.reopen' permission\")}\n              </AlertDescription>\n            </Alert>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.reasonLabel', 'Loss reason')}\n                <span className=\"ml-1 text-destructive\">*</span>\n              </label>\n              <div className=\"space-y-3\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => setReasonListOpen((current) => !current)}\n                  className=\"h-auto flex w-full items-center justify-between rounded-md border-2 border-foreground bg-background px-4 py-3 text-left\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-base font-semibold text-foreground\">\n                      {selectedLossReason?.label\n                        ?? (isLoadingReasons\n                          ? t('customers.deals.detail.lost.reasonLoadingShort', 'Loading...')\n                          : t('customers.deals.detail.lost.reasonPlaceholder', 'Select loss reason'))}\n                    </div>\n                    <div className=\"truncate text-sm text-muted-foreground\">\n                      {reasonHelpText}\n                    </div>\n                  </div>\n                  <ChevronDown className=\"ml-3 size-4 shrink-0 text-muted-foreground\" />\n                </Button>\n\n                {reasonListOpen ? (\n                  <div className=\"overflow-hidden rounded-md border border-border/80 bg-background\">\n                    {hasLossReasons ? lossReasons.map((reason, index) => {\n                      const isSelected = reason.id === lossReasonId\n                      return (\n                        <Button\n                          key={reason.id}\n                          type=\"button\"\n                          variant=\"ghost\"\n                          onClick={() => {\n                            setLossReasonId(reason.id)\n                            setReasonListOpen(false)\n                            setError('')\n                          }}\n                          className={`h-auto flex w-full items-center justify-between rounded-none px-4 py-3 text-left ${\n                            index < lossReasons.length - 1 ? 'border-b border-border/60' : ''\n                          } ${isSelected ? 'bg-muted/60' : 'hover:bg-accent/50'}`}\n                        >\n                          <div className=\"min-w-0\">\n                            <div className=\"text-base font-semibold text-foreground\">{reason.label}</div>\n                            <div className=\"text-sm text-muted-foreground\">\n                              {reason.description ?? t('customers.deals.detail.lost.reasonFallbackDescription', 'No description available.')}\n                            </div>\n                          </div>\n                          {isSelected ? (\n                            <span className=\"ml-3 flex size-6 shrink-0 items-center justify-center rounded-full bg-foreground text-background\">\n                              <Check className=\"size-3.5\" />\n                            </span>\n                          ) : null}\n                        </Button>\n                      )\n                    }) : (\n                      <div className=\"px-4 py-3 text-sm text-muted-foreground\">\n                        {unavailableReasonText}\n                      </div>\n                    )}\n                  </div>\n                ) : null}\n              </div>\n              {reasonUnavailable ? (\n                <p className=\"text-xs text-destructive\">\n                  {unavailableReasonText}\n                </p>\n              ) : null}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.notesLabel', 'Loss notes (optional)')}\n              </label>\n              <Textarea\n                value={lossNotes}\n                onChange={(event) => setLossNotes(event.target.value)}\n                placeholder={t('customers.deals.detail.lost.notesPlaceholder', 'Additional context about the loss...')}\n                rows={4}\n                className=\"min-h-[88px] rounded-md border-border/80 px-4 py-3 shadow-none\"\n              />\n            </div>\n          </div>\n\n          <DialogFooter className=\"border-t border-border/70 px-7 py-4 sm:justify-end\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n              {t('customers.deals.detail.lost.cancel', 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              disabled={confirmDisabled}\n              onClick={() => { void handleConfirm() }}\n            >\n              {t('customers.deals.detail.lost.confirm', 'Mark as Lost')}\n            </Button>\n          </DialogFooter>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, Check, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { loadDictionaryEntriesByKey } from '@open-mercato/core/modules/dictionaries/lib/clientEntries'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('customers')\n\ntype LossReasonOption = {\n  id: string\n  value: string\n  label: string\n  description?: string | null\n}\n\ntype ConfirmDealLostDialogProps = {\n  open: boolean\n  dealTitle: string\n  dealValue?: string | null\n  companyName?: string | null\n  onClose: () => void\n  onConfirm: (input: { lossReasonId: string; lossNotes?: string }) => void | Promise<void>\n}\n\nexport function ConfirmDealLostDialog({\n  open,\n  dealTitle,\n  dealValue,\n  companyName,\n  onClose,\n  onConfirm,\n}: ConfirmDealLostDialogProps) {\n  const t = useT()\n  const [lossReasonId, setLossReasonId] = React.useState('')\n  const [lossNotes, setLossNotes] = React.useState('')\n  const [lossReasons, setLossReasons] = React.useState<LossReasonOption[]>([])\n  const [reasonListOpen, setReasonListOpen] = React.useState(false)\n  const [error, setError] = React.useState('')\n  const [dictionaryLoadFailed, setDictionaryLoadFailed] = React.useState(false)\n  const [isLoadingReasons, setIsLoadingReasons] = React.useState(false)\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    setIsLoadingReasons(true)\n    setDictionaryLoadFailed(false)\n    loadDictionaryEntriesByKey('sales.deal_loss_reason')\n      .then((items) => {\n        if (!cancelled) setLossReasons(items)\n      })\n      .catch((loadError) => {\n        logger.error('customers.deals.detail.lossReasons failed', { loadError })\n        if (!cancelled) {\n          setLossReasons([])\n          setDictionaryLoadFailed(true)\n        }\n      })\n      .finally(() => {\n        if (!cancelled) setIsLoadingReasons(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    setLossReasonId('')\n    setLossNotes('')\n    setReasonListOpen(false)\n    setError('')\n    setDictionaryLoadFailed(false)\n    setIsConfirming(false)\n  }, [open])\n\n  const selectedLossReason = React.useMemo(\n    () => lossReasons.find((reason) => reason.id === lossReasonId) ?? null,\n    [lossReasonId, lossReasons],\n  )\n  const hasLossReasons = lossReasons.length > 0\n  const reasonUnavailable = !isLoadingReasons && !hasLossReasons\n  const unavailableReasonText = dictionaryLoadFailed\n    ? t('customers.deals.detail.lost.reasonLoadError', 'Loss reasons could not be loaded.')\n    : t('customers.deals.detail.lost.reasonUnavailable', 'No loss reasons are configured.')\n  const reasonHelpText = React.useMemo(() => {\n    if (selectedLossReason?.description) return selectedLossReason.description\n    if (isLoadingReasons) {\n      return t('customers.deals.detail.lost.reasonLoading', 'Loading loss reasons...')\n    }\n    if (reasonUnavailable) {\n      return unavailableReasonText\n    }\n    return t('customers.deals.detail.lost.reasonHelp', 'Choose the closest reason from the dictionary.')\n  }, [isLoadingReasons, reasonUnavailable, selectedLossReason?.description, t, unavailableReasonText])\n\n  const handleConfirm = React.useCallback(async () => {\n    if (isLoadingReasons || reasonUnavailable) {\n      setError(unavailableReasonText)\n      return\n    }\n    if (!lossReasonId) {\n      setError(t('customers.deals.detail.lost.reasonRequired', 'Please select a loss reason'))\n      return\n    }\n    setIsConfirming(true)\n    try {\n      await onConfirm({\n        lossReasonId,\n        lossNotes: lossNotes.trim() || undefined,\n      })\n    } finally {\n      setIsConfirming(false)\n    }\n  }, [isLoadingReasons, lossNotes, lossReasonId, onConfirm, reasonUnavailable, t, unavailableReasonText])\n\n  const confirmDisabled = isConfirming || isLoadingReasons || reasonUnavailable || !lossReasonId\n\n  const handleKeyDown = useDialogKeyHandler({\n    onConfirm: () => void handleConfirm(),\n    disabled: confirmDisabled,\n  })\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => { if (!nextOpen) onClose() }}>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-[560px]\" onKeyDown={handleKeyDown}>\n        <div className=\"overflow-hidden rounded-lg bg-card\">\n          <DialogHeader className=\"border-b border-border/70 px-7 py-5\">\n            <div className=\"flex items-start gap-4\">\n              <div className=\"flex size-10 shrink-0 items-center justify-center rounded-md bg-destructive/10 text-destructive\">\n                <AlertTriangle className=\"size-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <DialogTitle className=\"text-lg font-bold leading-none tracking-tight text-foreground\">\n                  {t('customers.deals.detail.lost.title', 'Mark deal as Lost?')}\n                </DialogTitle>\n                <p className=\"mt-1 text-xs text-muted-foreground\">\n                  {dealTitle}\n                  {dealValue ? ` \u00B7 ${dealValue}` : ''}\n                  {companyName ? ` \u00B7 ${companyName}` : ''}\n                </p>\n              </div>\n            </div>\n          </DialogHeader>\n\n          <div className=\"space-y-6 px-7 py-6\">\n            <Alert status=\"warning\" className=\"rounded-md\">\n              <AlertTitle>\n                {t('customers.deals.detail.lost.warningTitle', 'This action closes the deal')}\n              </AlertTitle>\n              <AlertDescription>\n                {t('customers.deals.detail.lost.warning', \"This action sets the stage to 'Lost' and cannot be undone without 'sales.reopen' permission\")}\n              </AlertDescription>\n            </Alert>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.reasonLabel', 'Loss reason')}\n                <span className=\"ml-1 text-destructive\">*</span>\n              </label>\n              <div className=\"space-y-3\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => setReasonListOpen((current) => !current)}\n                  className=\"h-auto flex w-full items-center justify-between rounded-md border-2 border-foreground bg-background px-4 py-3 text-left\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-base font-semibold text-foreground\">\n                      {selectedLossReason?.label\n                        ?? (isLoadingReasons\n                          ? t('customers.deals.detail.lost.reasonLoadingShort', 'Loading...')\n                          : t('customers.deals.detail.lost.reasonPlaceholder', 'Select loss reason'))}\n                    </div>\n                    <div className=\"truncate text-sm text-muted-foreground\">\n                      {reasonHelpText}\n                    </div>\n                  </div>\n                  <ChevronDown className=\"ml-3 size-4 shrink-0 text-muted-foreground\" />\n                </Button>\n\n                {reasonListOpen ? (\n                  <div className=\"overflow-hidden rounded-md border border-border/80 bg-background\">\n                    {hasLossReasons ? lossReasons.map((reason, index) => {\n                      const isSelected = reason.id === lossReasonId\n                      return (\n                        <Button\n                          key={reason.id}\n                          type=\"button\"\n                          variant=\"ghost\"\n                          onClick={() => {\n                            setLossReasonId(reason.id)\n                            setReasonListOpen(false)\n                            setError('')\n                          }}\n                          className={`h-auto flex w-full items-center justify-between rounded-none px-4 py-3 text-left ${\n                            index < lossReasons.length - 1 ? 'border-b border-border/60' : ''\n                          } ${isSelected ? 'bg-muted/60' : 'hover:bg-accent/50'}`}\n                        >\n                          <div className=\"min-w-0\">\n                            <div className=\"text-base font-semibold text-foreground\">{reason.label}</div>\n                            <div className=\"text-sm text-muted-foreground\">\n                              {reason.description ?? t('customers.deals.detail.lost.reasonFallbackDescription', 'No description available.')}\n                            </div>\n                          </div>\n                          {isSelected ? (\n                            <span className=\"ml-3 flex size-6 shrink-0 items-center justify-center rounded-full bg-foreground text-background\">\n                              <Check className=\"size-3.5\" />\n                            </span>\n                          ) : null}\n                        </Button>\n                      )\n                    }) : (\n                      <div className=\"px-4 py-3 text-sm text-muted-foreground\">\n                        {unavailableReasonText}\n                      </div>\n                    )}\n                  </div>\n                ) : null}\n              </div>\n              {reasonUnavailable ? (\n                <p className=\"text-xs text-destructive\">\n                  {unavailableReasonText}\n                </p>\n              ) : null}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.notesLabel', 'Loss notes (optional)')}\n              </label>\n              <Textarea\n                value={lossNotes}\n                onChange={(event) => setLossNotes(event.target.value)}\n                placeholder={t('customers.deals.detail.lost.notesPlaceholder', 'Additional context about the loss...')}\n                rows={4}\n                className=\"min-h-[88px] rounded-md border-border/80 px-4 py-3 shadow-none\"\n              />\n            </div>\n          </div>\n\n          <DialogFooter className=\"border-t border-border/70 px-7 py-4 sm:justify-end\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n              {t('customers.deals.detail.lost.cancel', 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive-solid\"\n              disabled={confirmDisabled}\n              onClick={() => { void handleConfirm() }}\n            >\n              {t('customers.deals.detail.lost.confirm', 'Mark as Lost')}\n            </Button>\n          </DialogFooter>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/DealDetailTabs.js CHANGED Viewed

@@ -3,20 +3,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Activity, Building2, History, NotebookPen, Paperclip, Users } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { registerComponent } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "@open-mercato/ui/backend/injection/useRegisteredComponent";
 import { Tabs, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
+const DEAL_DETAIL_TABS_COMPONENT_ID = "section:customers.deals.detailTabs";
 const SUPPORTED_TAB_IDS = /* @__PURE__ */ new Set(["activities", "people", "companies", "notes", "files", "changelog"]);
-function resolveLegacyTab(tab) {
+function resolveLegacyTab(tab, knownTabIds) {
   if (!tab) return "activities";
-  return SUPPORTED_TAB_IDS.has(tab) ? tab : "activities";
+  if (SUPPORTED_TAB_IDS.has(tab)) return tab;
+  if (knownTabIds && new Set(knownTabIds).has(tab)) return tab;
+  return "activities";
 }
 function formatTabCount(count) {
   if (count <= 0) return void 0;
   return count > 999 ? "999+" : count;
 }
-function DealDetailTabs({
+function DefaultDealDetailTabs({
   activeTab,
   onTabChange,
   injectedTabs = [],
+  hiddenTabIds = [],
   peopleCount = 0,
   companiesCount = 0,
   children
@@ -60,16 +66,16 @@ function DealDetailTabs({
     ],
     [companiesCount, peopleCount, t]
   );
-  const allTabs = React.useMemo(
-    () => [
+  const allTabs = React.useMemo(() => {
+    const hidden = new Set(hiddenTabIds);
+    return [
       ...builtInTabs,
       ...injectedTabs.map((tab) => ({
         id: tab.id,
         label: tab.label
       }))
-    ],
-    [builtInTabs, injectedTabs]
-  );
+    ].filter((tab) => !hidden.has(tab.id));
+  }, [builtInTabs, hiddenTabIds, injectedTabs]);
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
       Tabs,
@@ -90,7 +96,23 @@ function DealDetailTabs({
     /* @__PURE__ */ jsx("div", { className: "pt-5", role: "tabpanel", children })
   ] });
 }
+registerComponent({
+  id: DEAL_DETAIL_TABS_COMPONENT_ID,
+  component: DefaultDealDetailTabs,
+  metadata: {
+    module: "customers",
+    description: "Deal detail tab navigation and content."
+  }
+});
+function DealDetailTabs(props) {
+  const ResolvedTabs = useRegisteredComponent(
+    DEAL_DETAIL_TABS_COMPONENT_ID,
+    DefaultDealDetailTabs
+  );
+  return /* @__PURE__ */ jsx(ResolvedTabs, { ...props });
+}
 export {
+  DEAL_DETAIL_TABS_COMPONENT_ID,
   DealDetailTabs,
   resolveLegacyTab
 };

package/dist/modules/customers/components/detail/DealDetailTabs.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/DealDetailTabs.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Activity, Building2, History, NotebookPen, Paperclip, Users } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\n\nexport type DealTabId =\n  | 'activities'\n  | 'people'\n  | 'companies'\n  | 'notes'\n  | 'files'\n  | 'changelog'\n  | string\n\ntype TabDef = {\n  id: DealTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\ntype DealDetailTabsProps = {\n  activeTab: DealTabId\n  onTabChange: (tab: DealTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  peopleCount?: number\n  companiesCount?: number\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<DealTabId>(['activities', 'people', 'companies', 'notes', 'files', 'changelog'])\n\nexport function resolveLegacyTab(tab: string | null | undefined): DealTabId {\n  if (!tab) return 'activities'\n  return SUPPORTED_TAB_IDS.has(tab as DealTabId) ? (tab as DealTabId) : 'activities'\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nexport function DealDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  peopleCount = 0,\n  companiesCount = 0,\n  children,\n}: DealDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs = React.useMemo<TabDef[]>(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.deals.detail.tabs.activities', 'Activities'),\n        icon: <Activity className=\"size-4\" />,\n      },\n      {\n        id: 'people',\n        label: t('customers.deals.detail.tabs.people', 'People'),\n        icon: <Users className=\"size-4\" />,\n        count: formatTabCount(peopleCount),\n      },\n      {\n        id: 'companies',\n        label: t('customers.deals.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        count: formatTabCount(companiesCount),\n      },\n      {\n        id: 'notes',\n        label: t('customers.deals.detail.tabs.notes', 'Notes'),\n        icon: <NotebookPen className=\"size-4\" />,\n      },\n      {\n        id: 'files',\n        label: t('customers.deals.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.deals.detail.tabs.changelog', 'Changelog'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n    ],\n    [companiesCount, peopleCount, t],\n  )\n\n  const allTabs = React.useMemo<TabDef[]>(\n    () => [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as DealTabId,\n        label: tab.label,\n      })),\n    ],\n    [builtInTabs, injectedTabs],\n  )\n\n  return (\n    <div>\n      <Tabs\n        value={activeTab}\n        onValueChange={(value) => onTabChange(value as DealTabId)}\n        variant=\"underline\"\n      >\n        <TabsList\n          aria-label={t('customers.deals.detail.tabs.label', 'Deal detail sections')}\n          className=\"w-full overflow-x-auto\"\n        >\n          {allTabs.map((tab) => (\n            <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      <div className=\"pt-5\" role=\"tabpanel\">\n        {children}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AA2Dc,cA8CV,YA9CU;AAzDd,YAAY,WAAW;AACvB,SAAS,UAAU,WAAW,SAAS,aAAa,WAAW,aAAa;AAC5E,SAAS,YAAY;AACrB,SAAS,MAAM,UAAU,mBAAmB;AA2B5C,MAAM,oBAAoB,oBAAI,IAAe,CAAC,cAAc,UAAU,aAAa,SAAS,SAAS,WAAW,CAAC;AAE1G,SAAS,iBAAiB,KAA2C;AAC1E,MAAI,CAAC,IAAK,QAAO;AACjB,SAAO,kBAAkB,IAAI,GAAgB,IAAK,MAAoB;AACxE;AAEA,SAAS,eAAe,OAA4C;AAClE,MAAI,SAAS,EAAG,QAAO;AACvB,SAAO,QAAQ,MAAM,SAAS;AAChC;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AAEf,QAAM,cAAc,MAAM;AAAA,IACxB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,0CAA0C,YAAY;AAAA,QAC/D,MAAM,oBAAC,YAAS,WAAU,UAAS;AAAA,MACrC;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,sCAAsC,QAAQ;AAAA,QACvD,MAAM,oBAAC,SAAM,WAAU,UAAS;AAAA,QAChC,OAAO,eAAe,WAAW;AAAA,MACnC;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,yCAAyC,WAAW;AAAA,QAC7D,MAAM,oBAAC,aAAU,WAAU,UAAS;AAAA,QACpC,OAAO,eAAe,cAAc;AAAA,MACtC;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,qCAAqC,OAAO;AAAA,QACrD,MAAM,oBAAC,eAAY,WAAU,UAAS;AAAA,MACxC;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,qCAAqC,OAAO;AAAA,QACrD,MAAM,oBAAC,aAAU,WAAU,UAAS;AAAA,MACtC;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,yCAAyC,WAAW;AAAA,QAC7D,MAAM,oBAAC,WAAQ,WAAU,UAAS;AAAA,QAClC,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,aAAa,CAAC;AAAA,EACjC;AAEA,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG,aAAa,IAAI,CAAC,SAAS;AAAA,QAC5B,IAAI,IAAI;AAAA,QACR,OAAO,IAAI;AAAA,MACb,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,aAAa,YAAY;AAAA,EAC5B;AAEA,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,eAAe,CAAC,UAAU,YAAY,KAAkB;AAAA,QACxD,SAAQ;AAAA,QAER;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,EAAE,qCAAqC,sBAAsB;AAAA,YACzE,WAAU;AAAA,YAET,kBAAQ,IAAI,CAAC,QACZ,oBAAC,eAAyB,OAAO,IAAI,IAAI,SAAS,IAAI,MAAM,OAAO,IAAI,OACpE,cAAI,SADW,IAAI,EAEtB,CACD;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAI,WAAU,QAAO,MAAK,YACxB,UACH;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Activity, Building2, History, NotebookPen, Paperclip, Users } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { registerComponent } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '@open-mercato/ui/backend/injection/useRegisteredComponent'\nimport { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\n\nexport type DealTabId =\n  | 'activities'\n  | 'people'\n  | 'companies'\n  | 'notes'\n  | 'files'\n  | 'changelog'\n  | string\n\ntype TabDef = {\n  id: DealTabId\n  label: string\n  icon?: React.ReactNode\n  count?: React.ReactNode\n}\n\nexport const DEAL_DETAIL_TABS_COMPONENT_ID = 'section:customers.deals.detailTabs'\n\nexport type DealDetailTabsProps = {\n  activeTab: DealTabId\n  onTabChange: (tab: DealTabId) => void\n  injectedTabs?: Array<{ id: string; label: string }>\n  hiddenTabIds?: string[]\n  peopleCount?: number\n  companiesCount?: number\n  children: React.ReactNode\n}\n\nconst SUPPORTED_TAB_IDS = new Set<DealTabId>(['activities', 'people', 'companies', 'notes', 'files', 'changelog'])\n\nexport function resolveLegacyTab(tab: string | null | undefined, knownTabIds?: Iterable<string>): DealTabId {\n  if (!tab) return 'activities'\n  if (SUPPORTED_TAB_IDS.has(tab as DealTabId)) return tab as DealTabId\n  if (knownTabIds && new Set(knownTabIds).has(tab)) return tab\n  return 'activities'\n}\n\nfunction formatTabCount(count: number): string | number | undefined {\n  if (count <= 0) return undefined\n  return count > 999 ? '999+' : count\n}\n\nfunction DefaultDealDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  hiddenTabIds = [],\n  peopleCount = 0,\n  companiesCount = 0,\n  children,\n}: DealDetailTabsProps) {\n  const t = useT()\n\n  const builtInTabs = React.useMemo<TabDef[]>(\n    () => [\n      {\n        id: 'activities',\n        label: t('customers.deals.detail.tabs.activities', 'Activities'),\n        icon: <Activity className=\"size-4\" />,\n      },\n      {\n        id: 'people',\n        label: t('customers.deals.detail.tabs.people', 'People'),\n        icon: <Users className=\"size-4\" />,\n        count: formatTabCount(peopleCount),\n      },\n      {\n        id: 'companies',\n        label: t('customers.deals.detail.tabs.companies', 'Companies'),\n        icon: <Building2 className=\"size-4\" />,\n        count: formatTabCount(companiesCount),\n      },\n      {\n        id: 'notes',\n        label: t('customers.deals.detail.tabs.notes', 'Notes'),\n        icon: <NotebookPen className=\"size-4\" />,\n      },\n      {\n        id: 'files',\n        label: t('customers.deals.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.deals.detail.tabs.changelog', 'Changelog'),\n        icon: <History className=\"size-4\" />,\n        count: 'NEW',\n      },\n    ],\n    [companiesCount, peopleCount, t],\n  )\n\n  const allTabs = React.useMemo<TabDef[]>(() => {\n    const hidden = new Set(hiddenTabIds)\n    return [\n      ...builtInTabs,\n      ...injectedTabs.map((tab) => ({\n        id: tab.id as DealTabId,\n        label: tab.label,\n      })),\n    ].filter((tab) => !hidden.has(tab.id))\n  }, [builtInTabs, hiddenTabIds, injectedTabs])\n\n  return (\n    <div>\n      <Tabs\n        value={activeTab}\n        onValueChange={(value) => onTabChange(value as DealTabId)}\n        variant=\"underline\"\n      >\n        <TabsList\n          aria-label={t('customers.deals.detail.tabs.label', 'Deal detail sections')}\n          className=\"w-full overflow-x-auto\"\n        >\n          {allTabs.map((tab) => (\n            <TabsTrigger key={tab.id} value={tab.id} leading={tab.icon} count={tab.count}>\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      <div className=\"pt-5\" role=\"tabpanel\">\n        {children}\n      </div>\n    </div>\n  )\n}\n\nregisterComponent<DealDetailTabsProps>({\n  id: DEAL_DETAIL_TABS_COMPONENT_ID,\n  component: DefaultDealDetailTabs,\n  metadata: {\n    module: 'customers',\n    description: 'Deal detail tab navigation and content.',\n  },\n})\n\nexport function DealDetailTabs(props: DealDetailTabsProps) {\n  const ResolvedTabs = useRegisteredComponent<DealDetailTabsProps>(\n    DEAL_DETAIL_TABS_COMPONENT_ID,\n    DefaultDealDetailTabs,\n  )\n  return <ResolvedTabs {...props} />\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/DealForm.js CHANGED Viewed

@@ -15,6 +15,7 @@ import {
 } from "@open-mercato/ui/primitives/select";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { DEAL_DESCRIPTION_MAX_LENGTH } from "../../data/validators.js";
 import { DictionarySelectField } from "../formConfig.js";
 import { createDictionarySelectLabels } from "./utils.js";
 import { E } from "../../../../generated/entities.ids.generated.js";
@@ -133,7 +134,7 @@ const schema = z.object({
     },
     "customers.people.detail.deals.expectedCloseInvalid"
   ).optional(),
-  description: z.string().max(4e3, "customers.people.detail.deals.descriptionTooLong").optional(),
+  description: z.string().max(DEAL_DESCRIPTION_MAX_LENGTH, "customers.people.detail.deals.descriptionTooLong").optional(),
   personIds: z.array(z.string().trim().min(1)).optional(),
   companyIds: z.array(z.string().trim().min(1)).optional()
 }).passthrough();