@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

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

@@ -0,0 +1,191 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Phone, Mail, Trash2, Building2, Globe, Pencil, MapPin } from "lucide-react";
+import { useQueryClient } from "@tanstack/react-query";
+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 { Badge } from "@open-mercato/ui/primitives/badge";
+import { CompanyTagsDialog } from "./CompanyTagsDialog.js";
+import { invalidateCustomerDictionary, useCustomerDictionary } from "./hooks/useCustomerDictionary.js";
+import { renderDictionaryIcon } from "../../../dictionaries/components/dictionaryAppearance.js";
+import { formatFallbackLabel } from "./utils.js";
+function CompanyDictionaryBadge({ value, map }) {
+  const entry = map?.[value];
+  const color = entry?.color ?? null;
+  const icon = entry?.icon ?? null;
+  const label = entry?.label ?? formatFallbackLabel(value);
+  const colorStyle = color ? { color, borderColor: color, backgroundColor: `${color}1A` } : void 0;
+  return /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-sm gap-1.5 text-xs font-medium", style: colorStyle, children: [
+    icon ? renderDictionaryIcon(icon, "size-2.5") : null,
+    label
+  ] });
+}
+function CompanyDetailHeader({
+  data,
+  onTagsChange,
+  tagsSectionControllerRef,
+  onSave,
+  onDelete,
+  isDirty,
+  isSaving,
+  onFocusField,
+  onDataReload
+}) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const [manageTagsOpen, setManageTagsOpen] = React.useState(false);
+  const company = data.company;
+  const profile = data.profile;
+  const displayName = company.displayName || t("customers.companies.detail.untitled", "Untitled");
+  const visibleCustomTags = React.useMemo(
+    () => data.tags?.filter((tag) => !["status", "lifecycle_stage", "source"].includes(tag.id)).slice(0, 6) ?? [],
+    [data.tags]
+  );
+  const hiddenCustomTagsCount = Math.max(
+    0,
+    (data.tags?.filter((tag) => !["status", "lifecycle_stage", "source"].includes(tag.id)).length ?? 0) - visibleCustomTags.length
+  );
+  const industryLabel = profile?.industry ?? null;
+  const sizeLabel = profile?.sizeBucket ?? null;
+  const subtitle = [industryLabel, sizeLabel ? t("customers.companies.detail.header.employees", "{count} employees", { count: sizeLabel }) : null].filter(Boolean).join(" \xB7 ");
+  const primaryAddress = React.useMemo(() => {
+    const addresses = data.addresses;
+    if (!addresses || !Array.isArray(addresses)) return null;
+    return addresses.find((a) => a.isPrimary) ?? addresses[0] ?? null;
+  }, [data]);
+  const locationText = React.useMemo(() => {
+    if (!primaryAddress) return null;
+    return [primaryAddress.city, primaryAddress.region, primaryAddress.postalCode].filter(Boolean).join(", ");
+  }, [primaryAddress]);
+  const companyOrgId = company.organizationId ?? null;
+  const { data: statusDict } = useCustomerDictionary("statuses", 0, companyOrgId);
+  const { data: lifecycleDict } = useCustomerDictionary("lifecycle-stages", 0, companyOrgId);
+  const { data: sourceDict } = useCustomerDictionary("sources", 0, companyOrgId);
+  const { data: temperatureDict } = useCustomerDictionary("temperature", 0, companyOrgId);
+  const { data: renewalQuarterDict } = useCustomerDictionary("renewal-quarters", 0, companyOrgId);
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 px-6 pt-6 pb-3 sm:flex-row sm:items-start sm:gap-5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex size-18 shrink-0 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(Building2, { className: "size-7 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("h1", { className: "truncate text-2xl font-bold text-foreground", children: displayName }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: subtitle }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-5 gap-y-1 text-sm text-muted-foreground", children: [
+          company.primaryPhone && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Phone, { className: "size-3.5" }),
+            /* @__PURE__ */ jsx("a", { href: `tel:${company.primaryPhone}`, className: "hover:text-foreground", children: company.primaryPhone })
+          ] }),
+          company.primaryEmail && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Mail, { className: "size-3.5" }),
+            /* @__PURE__ */ jsx("a", { href: `mailto:${company.primaryEmail}`, className: "hover:text-foreground", children: company.primaryEmail })
+          ] }),
+          profile?.websiteUrl && /* @__PURE__ */ jsxs("a", { href: profile.websiteUrl.startsWith("http") ? profile.websiteUrl : `https://${profile.websiteUrl}`, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 hover:text-foreground", children: [
+            /* @__PURE__ */ jsx(Globe, { className: "size-3.5" }),
+            profile.websiteUrl
+          ] }),
+          locationText && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(MapPin, { className: "size-3.5" }),
+            locationText
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex flex-wrap items-center gap-1.5", children: [
+          company.status && /* @__PURE__ */ jsx(CompanyDictionaryBadge, { value: company.status, map: statusDict?.map }),
+          company.lifecycleStage && /* @__PURE__ */ jsx(CompanyDictionaryBadge, { value: company.lifecycleStage, map: lifecycleDict?.map }),
+          company.source && /* @__PURE__ */ jsx(CompanyDictionaryBadge, { value: company.source, map: sourceDict?.map }),
+          company.temperature && /* @__PURE__ */ jsx(CompanyDictionaryBadge, { value: company.temperature, map: temperatureDict?.map }),
+          company.renewalQuarter && /* @__PURE__ */ jsx(CompanyDictionaryBadge, { value: company.renewalQuarter, map: renewalQuarterDict?.map }),
+          visibleCustomTags.map((tag) => {
+            const colorStyle = tag.color ? { color: tag.color, borderColor: tag.color, backgroundColor: `${tag.color}1A` } : void 0;
+            return /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "rounded-sm gap-1.5 text-xs font-medium",
+                style: colorStyle,
+                children: tag.label
+              },
+              tag.id
+            );
+          }),
+          hiddenCustomTagsCount > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-sm gap-1.5 text-xs font-medium", children: [
+            "+",
+            hiddenCustomTagsCount,
+            " ",
+            t("customers.companies.detail.header.more", "more")
+          ] }) : null,
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: "h-auto rounded-sm px-2 py-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+              onClick: () => setManageTagsOpen(true),
+              children: [
+                /* @__PURE__ */ jsx(Pencil, { className: "mr-1 size-3" }),
+                t("customers.companies.detail.actions.manageTags", "Edit tags")
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex w-full shrink-0 flex-col items-start gap-3 sm:w-auto sm:items-end", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap items-center justify-start gap-2 sm:w-auto sm:justify-end", children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            "aria-label": t("customers.companies.detail.actions.delete", "Delete company"),
+            onClick: () => {
+              void onDelete();
+            },
+            children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            onClick: onSave,
+            disabled: !isDirty || isSaving,
+            children: t("customers.companies.detail.actions.save", "Save")
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CompanyTagsDialog,
+      {
+        open: manageTagsOpen,
+        onClose: () => setManageTagsOpen(false),
+        entityId: company.id,
+        companyOrganizationId: company.organizationId ?? null,
+        companyData: {
+          status: company.status,
+          lifecycleStage: company.lifecycleStage,
+          source: company.source,
+          temperature: company.temperature,
+          renewalQuarter: company.renewalQuarter,
+          industry: profile?.industry ?? null,
+          customFields: data.customFields,
+          tags: data.tags
+        },
+        onSaved: () => {
+          void invalidateCustomerDictionary(queryClient, "statuses");
+          void invalidateCustomerDictionary(queryClient, "lifecycle-stages");
+          void invalidateCustomerDictionary(queryClient, "sources");
+          void invalidateCustomerDictionary(queryClient, "temperature");
+          void invalidateCustomerDictionary(queryClient, "renewal-quarters");
+          onDataReload?.();
+        }
+      }
+    )
+  ] });
+}
+export {
+  CompanyDetailHeader
+};
+//# sourceMappingURL=CompanyDetailHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/CompanyDetailHeader.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Phone, Mail, Trash2, Building2, Globe, Pencil, MapPin } from 'lucide-react'\nimport { useQueryClient } from '@tanstack/react-query'\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 { Badge } from '@open-mercato/ui/primitives/badge'\nimport { CompanyTagsDialog } from './CompanyTagsDialog'\nimport { invalidateCustomerDictionary, useCustomerDictionary } from './hooks/useCustomerDictionary'\nimport { renderDictionaryIcon } from '../../../dictionaries/components/dictionaryAppearance'\nimport type { TagSummary } from './types'\nimport type { TagsSectionController } from '@open-mercato/ui/backend/detail'\nimport type { CompanyOverview } from '../formConfig'\nimport type { CustomerDictionaryMap } from '@open-mercato/core/modules/customers/lib/dictionaries'\nimport { formatFallbackLabel } from './utils'\n\ntype CompanyDetailHeaderProps = {\n  data: CompanyOverview\n  onTagsChange: (tags: TagSummary[]) => void\n  tagsSectionControllerRef: React.RefObject<TagsSectionController | null>\n  onSave: () => void\n  onDelete: () => Promise<void>\n  isDirty: boolean\n  isSaving: boolean\n  onFocusField?: (fieldName: string) => void\n  onDataReload?: () => void\n}\n\nfunction CompanyDictionaryBadge({ value, map }: { value: string; map: CustomerDictionaryMap | undefined }) {\n  const entry = map?.[value]\n  const color = entry?.color ?? null\n  const icon = entry?.icon ?? null\n  const label = entry?.label ?? formatFallbackLabel(value)\n  const colorStyle: React.CSSProperties | undefined = color\n    ? { color, borderColor: color, backgroundColor: `${color}1A` }\n    : undefined\n  return (\n    <Badge variant=\"outline\" className=\"rounded-sm gap-1.5 text-xs font-medium\" style={colorStyle}>\n      {icon ? renderDictionaryIcon(icon, 'size-2.5') : null}\n      {label}\n    </Badge>\n  )\n}\n\nexport function CompanyDetailHeader({\n  data,\n  onTagsChange,\n  tagsSectionControllerRef,\n  onSave,\n  onDelete,\n  isDirty,\n  isSaving,\n  onFocusField,\n  onDataReload,\n}: CompanyDetailHeaderProps) {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const [manageTagsOpen, setManageTagsOpen] = React.useState(false)\n  const company = data.company\n  const profile = data.profile\n  const displayName = company.displayName || t('customers.companies.detail.untitled', 'Untitled')\n  const visibleCustomTags = React.useMemo(\n    () => (data.tags?.filter((tag) => !['status', 'lifecycle_stage', 'source'].includes(tag.id)).slice(0, 6) ?? []),\n    [data.tags],\n  )\n  const hiddenCustomTagsCount = Math.max(\n    0,\n    (data.tags?.filter((tag) => !['status', 'lifecycle_stage', 'source'].includes(tag.id)).length ?? 0) - visibleCustomTags.length,\n  )\n\n  const industryLabel = profile?.industry ?? null\n  const sizeLabel = profile?.sizeBucket ?? null\n  const subtitle = [industryLabel, sizeLabel ? t('customers.companies.detail.header.employees', '{count} employees', { count: sizeLabel }) : null].filter(Boolean).join(' \\u00b7 ')\n\n  // Primary address for header\n  const primaryAddress = React.useMemo(() => {\n    const addresses = (data as Record<string, unknown>).addresses as Array<{ isPrimary?: boolean; city?: string; region?: string; postalCode?: string }> | undefined\n    if (!addresses || !Array.isArray(addresses)) return null\n    return addresses.find((a) => a.isPrimary) ?? addresses[0] ?? null\n  }, [data])\n\n  const locationText = React.useMemo(() => {\n    if (!primaryAddress) return null\n    return [primaryAddress.city, primaryAddress.region, primaryAddress.postalCode].filter(Boolean).join(', ')\n  }, [primaryAddress])\n\n  // Fetch dictionary maps for colored badge rendering\n  const companyOrgId = company.organizationId ?? null\n  const { data: statusDict } = useCustomerDictionary('statuses', 0, companyOrgId)\n  const { data: lifecycleDict } = useCustomerDictionary('lifecycle-stages', 0, companyOrgId)\n  const { data: sourceDict } = useCustomerDictionary('sources', 0, companyOrgId)\n  const { data: temperatureDict } = useCustomerDictionary('temperature', 0, companyOrgId)\n  const { data: renewalQuarterDict } = useCustomerDictionary('renewal-quarters', 0, companyOrgId)\n\n  return (\n    <div className=\"rounded-lg border bg-card\">\n      {/* Top row: avatar + company info + account manager + actions */}\n      <div className=\"flex flex-col gap-4 px-6 pt-6 pb-3 sm:flex-row sm:items-start sm:gap-5\">\n        {/* Avatar */}\n        <div className=\"flex size-18 shrink-0 items-center justify-center rounded-full bg-muted\">\n          <Building2 className=\"size-7 text-muted-foreground\" />\n        </div>\n\n        {/* Company info */}\n        <div className=\"min-w-0 flex-1\">\n          <h1 className=\"truncate text-2xl font-bold text-foreground\">{displayName}</h1>\n          {subtitle && (\n            <p className=\"mt-0.5 text-sm text-muted-foreground\">{subtitle}</p>\n          )}\n\n          {/* Contact row */}\n          <div className=\"mt-1.5 flex flex-wrap items-center gap-x-5 gap-y-1 text-sm text-muted-foreground\">\n            {company.primaryPhone && (\n              <span className=\"inline-flex items-center gap-1.5\">\n                <Phone className=\"size-3.5\" />\n                <a href={`tel:${company.primaryPhone}`} className=\"hover:text-foreground\">{company.primaryPhone}</a>\n              </span>\n            )}\n            {company.primaryEmail && (\n              <span className=\"inline-flex items-center gap-1.5\">\n                <Mail className=\"size-3.5\" />\n                <a href={`mailto:${company.primaryEmail}`} className=\"hover:text-foreground\">{company.primaryEmail}</a>\n              </span>\n            )}\n            {profile?.websiteUrl && (\n              <a href={profile.websiteUrl.startsWith('http') ? profile.websiteUrl : `https://${profile.websiteUrl}`} target=\"_blank\" rel=\"noreferrer\" className=\"inline-flex items-center gap-1.5 hover:text-foreground\">\n                <Globe className=\"size-3.5\" />\n                {profile.websiteUrl}\n              </a>\n            )}\n            {locationText && (\n              <span className=\"inline-flex items-center gap-1.5\">\n                <MapPin className=\"size-3.5\" />\n                {locationText}\n              </span>\n            )}\n          </div>\n\n          {/* Status badges + temperature + renewal quarter + inline tags */}\n          <div className=\"mt-2.5 flex flex-wrap items-center gap-1.5\">\n            {company.status && (\n              <CompanyDictionaryBadge value={company.status} map={statusDict?.map} />\n            )}\n            {company.lifecycleStage && (\n              <CompanyDictionaryBadge value={company.lifecycleStage} map={lifecycleDict?.map} />\n            )}\n            {company.source && (\n              <CompanyDictionaryBadge value={company.source} map={sourceDict?.map} />\n            )}\n            {company.temperature && (\n              <CompanyDictionaryBadge value={company.temperature} map={temperatureDict?.map} />\n            )}\n            {company.renewalQuarter && (\n              <CompanyDictionaryBadge value={company.renewalQuarter} map={renewalQuarterDict?.map} />\n            )}\n            {visibleCustomTags.map((tag) => {\n              const colorStyle: React.CSSProperties | undefined = tag.color\n                ? { color: tag.color, borderColor: tag.color, backgroundColor: `${tag.color}1A` }\n                : undefined\n              return (\n                <Badge\n                  key={tag.id}\n                  variant=\"outline\"\n                  className=\"rounded-sm gap-1.5 text-xs font-medium\"\n                  style={colorStyle}\n                >\n                  {tag.label}\n                </Badge>\n              )\n            })}\n            {hiddenCustomTagsCount > 0 ? (\n              <Badge variant=\"outline\" className=\"rounded-sm gap-1.5 text-xs font-medium\">\n                +{hiddenCustomTagsCount} {t('customers.companies.detail.header.more', 'more')}\n              </Badge>\n            ) : null}\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"h-auto rounded-sm px-2 py-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              onClick={() => setManageTagsOpen(true)}\n            >\n              <Pencil className=\"mr-1 size-3\" />\n              {t('customers.companies.detail.actions.manageTags', 'Edit tags')}\n            </Button>\n          </div>\n        </div>\n\n        {/* Right side: actions */}\n        <div className=\"flex w-full shrink-0 flex-col items-start gap-3 sm:w-auto sm:items-end\">\n          <div className=\"flex w-full flex-wrap items-center justify-start gap-2 sm:w-auto sm:justify-end\">\n            <IconButton\n              variant=\"outline\"\n              size=\"sm\"\n              type=\"button\"\n              aria-label={t('customers.companies.detail.actions.delete', 'Delete company')}\n              onClick={() => {\n                void onDelete()\n              }}\n            >\n              <Trash2 className=\"size-4\" />\n            </IconButton>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              onClick={onSave}\n              disabled={!isDirty || isSaving}\n            >\n              {t('customers.companies.detail.actions.save', 'Save')}\n            </Button>\n          </div>\n        </div>\n      </div>\n\n      <CompanyTagsDialog\n        open={manageTagsOpen}\n        onClose={() => setManageTagsOpen(false)}\n        entityId={company.id}\n        companyOrganizationId={company.organizationId ?? null}\n        companyData={{\n          status: company.status,\n          lifecycleStage: company.lifecycleStage,\n          source: company.source,\n          temperature: company.temperature,\n          renewalQuarter: company.renewalQuarter,\n          industry: profile?.industry ?? null,\n          customFields: data.customFields,\n          tags: data.tags,\n        }}\n        onSaved={() => {\n          void invalidateCustomerDictionary(queryClient, 'statuses')\n          void invalidateCustomerDictionary(queryClient, 'lifecycle-stages')\n          void invalidateCustomerDictionary(queryClient, 'sources')\n          void invalidateCustomerDictionary(queryClient, 'temperature')\n          void invalidateCustomerDictionary(queryClient, 'renewal-quarters')\n          onDataReload?.()\n        }}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "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 {
+  Users,
+  Handshake,
+  Clock,
+  History,
+  Paperclip
+} from "lucide-react";
+const LEGACY_TAB_MAP = {
+  notes: "people",
+  activities: "activity-log",
+  addresses: "people",
+  tasks: "people",
+  dashboard: "people",
+  "dane-firmy": "people",
+  analysis: "people"
+};
+function resolveLegacyTab(tab) {
+  if (!tab) return "people";
+  if (LEGACY_TAB_MAP[tab]) return LEGACY_TAB_MAP[tab];
+  return tab;
+}
+function NewBadge() {
+  return /* @__PURE__ */ jsx("span", { className: "ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background", children: "NEW" });
+}
+function CountBadge({ count }) {
+  if (count <= 0) return null;
+  return /* @__PURE__ */ jsx("span", { className: "ml-1.5 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground", children: count > 999 ? "999+" : count });
+}
+function CompanyDetailTabs({
+  activeTab,
+  onTabChange,
+  injectedTabs = [],
+  peopleCount = 0,
+  dealsCount = 0,
+  activitiesCount = 0,
+  filesCount = 0,
+  children
+}) {
+  const t = useT();
+  const builtInTabs = React.useMemo(
+    () => [
+      {
+        id: "people",
+        label: t("customers.companies.detail.tabs.people", "People"),
+        icon: /* @__PURE__ */ jsx(Users, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: peopleCount })
+      },
+      {
+        id: "deals",
+        label: t("customers.companies.detail.tabs.deals", "Deals"),
+        icon: /* @__PURE__ */ jsx(Handshake, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: dealsCount })
+      },
+      {
+        id: "activity-log",
+        label: t("customers.companies.detail.tabs.activityLog", "Activity log"),
+        icon: /* @__PURE__ */ jsx(Clock, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: activitiesCount })
+      },
+      {
+        id: "changelog",
+        label: t("customers.companies.detail.tabs.changelog", "Changelog"),
+        icon: /* @__PURE__ */ jsx(History, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(NewBadge, {})
+      },
+      {
+        id: "files",
+        label: t("customers.companies.detail.tabs.files", "Files"),
+        icon: /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }),
+        badge: /* @__PURE__ */ jsx(CountBadge, { count: filesCount })
+      }
+    ],
+    [t, peopleCount, dealsCount, activitiesCount, filesCount]
+  );
+  const allTabs = React.useMemo(
+    () => [
+      ...builtInTabs,
+      ...injectedTabs.map((tab) => ({
+        id: tab.id,
+        label: tab.label
+      }))
+    ],
+    [builtInTabs, injectedTabs]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "border-b", role: "tablist", "aria-label": t("customers.companies.detail.tabs.label", "Company detail sections"), children: /* @__PURE__ */ jsx("nav", { className: "-mb-px flex gap-1 overflow-x-auto px-1", children: allTabs.map((tab) => {
+      const isActive = activeTab === tab.id;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          role: "tab",
+          "aria-selected": isActive,
+          onClick: () => onTabChange(tab.id),
+          className: cn(
+            "h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent",
+            isActive ? "border-foreground text-foreground font-semibold" : "border-transparent text-muted-foreground hover:text-foreground"
+          ),
+          children: [
+            tab.icon && /* @__PURE__ */ jsx("span", { className: "mr-1.5", children: tab.icon }),
+            tab.label,
+            tab.badge
+          ]
+        },
+        tab.id
+      );
+    }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "pt-6", role: "tabpanel", children })
+  ] });
+}
+export {
+  CompanyDetailTabs,
+  resolveLegacyTab
+};
+//# sourceMappingURL=CompanyDetailTabs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/CompanyDetailTabs.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from '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 { Badge } from '@open-mercato/ui/primitives/badge'\nimport {\n  Users,\n  Handshake,\n  Clock,\n  History,\n  Paperclip,\n} from 'lucide-react'\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  badge?: 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  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 NewBadge() {\n  return (\n    <span className=\"ml-1.5 rounded bg-foreground px-1.5 py-0.5 text-overline font-semibold leading-none text-background\">\n      NEW\n    </span>\n  )\n}\n\nfunction CountBadge({ count }: { count: number }) {\n  if (count <= 0) return null\n  return (\n    <span className=\"ml-1.5 rounded-full bg-muted px-1.5 py-0.5 text-xs font-medium leading-none text-muted-foreground\">\n      {count > 999 ? '999+' : count}\n    </span>\n  )\n}\n\nexport function CompanyDetailTabs({\n  activeTab,\n  onTabChange,\n  injectedTabs = [],\n  peopleCount = 0,\n  dealsCount = 0,\n  activitiesCount = 0,\n  filesCount = 0,\n  children,\n}: CompanyDetailTabsProps) {\n  const t = useT()\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        badge: <CountBadge count={peopleCount} />,\n      },\n      {\n        id: 'deals',\n        label: t('customers.companies.detail.tabs.deals', 'Deals'),\n        icon: <Handshake className=\"size-4\" />,\n        badge: <CountBadge count={dealsCount} />,\n      },\n      {\n        id: 'activity-log',\n        label: t('customers.companies.detail.tabs.activityLog', 'Activity log'),\n        icon: <Clock className=\"size-4\" />,\n        badge: <CountBadge count={activitiesCount} />,\n      },\n      {\n        id: 'changelog',\n        label: t('customers.companies.detail.tabs.changelog', 'Changelog'),\n        icon: <History className=\"size-4\" />,\n        badge: <NewBadge />,\n      },\n      {\n        id: 'files',\n        label: t('customers.companies.detail.tabs.files', 'Files'),\n        icon: <Paperclip className=\"size-4\" />,\n        badge: <CountBadge count={filesCount} />,\n      },\n    ],\n    [t, 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=\"border-b\" role=\"tablist\" aria-label={t('customers.companies.detail.tabs.label', 'Company detail sections')}>\n        <nav className=\"-mb-px flex gap-1 overflow-x-auto px-1\">\n          {allTabs.map((tab) => {\n            const isActive = activeTab === tab.id\n            return (\n              <Button\n                key={tab.id}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => onTabChange(tab.id)}\n                className={cn(\n                  'h-auto shrink-0 rounded-none border-b-2 px-3 py-2.5 hover:bg-transparent',\n                  isActive\n                    ? 'border-foreground text-foreground font-semibold'\n                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                )}\n              >\n                {tab.icon && <span className=\"mr-1.5\">{tab.icon}</span>}\n                {tab.label}\n                {tab.badge}\n              </Button>\n            )\n          })}\n        </nav>\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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",
+  "names": []
+}

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

@@ -0,0 +1,174 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { EyeOff } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { KpiCard } from "@open-mercato/ui/backend/charts/KpiCard";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import {
+  readJsonFromLocalStorage,
+  writeJsonToLocalStorage,
+  removeLocalStorageKey
+} from "@open-mercato/shared/lib/browser/safeLocalStorage";
+import { formatCurrency } from "./utils.js";
+const STORAGE_KEY = "om:company-detail-kpi-hidden";
+function sumActiveDeals(deals) {
+  return deals.filter((d) => d.status !== "won" && d.status !== "lost" && d.status !== "closed").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");
+}
+function computeActivityTrend(interactions) {
+  const now = Date.now();
+  const weekMs = 7 * 864e5;
+  const thisWeek = interactions.filter((i) => {
+    const d = i.occurredAt ?? i.scheduledAt;
+    return d && now - new Date(d).getTime() < weekMs;
+  }).length;
+  const lastWeek = interactions.filter((i) => {
+    const d = i.occurredAt ?? i.scheduledAt;
+    if (!d) return false;
+    const diff = now - new Date(d).getTime();
+    return diff >= weekMs && diff < weekMs * 2;
+  }).length;
+  if (lastWeek === 0 && thisWeek === 0) return void 0;
+  if (lastWeek === 0) return { value: 100, direction: "up" };
+  const pct = (thisWeek - lastWeek) / lastWeek * 100;
+  if (Math.abs(pct) < 0.5) return { value: 0, direction: "unchanged" };
+  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");
+  if (active.length === 0) return void 0;
+  const now = Date.now();
+  const monthMs = 30 * 864e5;
+  const recentDeals = active.filter((d) => d.createdAt && now - new Date(d.createdAt).getTime() < monthMs).length;
+  if (recentDeals > 0) return { value: recentDeals * 10, direction: "up" };
+  return { value: 0, direction: "unchanged" };
+}
+function CompanyKpiBar({ data }) {
+  const t = useT();
+  const activeDeals = React.useMemo(() => getActiveDeals(data.deals), [data.deals]);
+  const activeDealsValue = React.useMemo(
+    () => data.kpis?.activeDealsValue ?? sumActiveDeals(data.deals),
+    [data.deals, data.kpis?.activeDealsValue]
+  );
+  const dealCurrency = data.kpis?.dealCurrency ?? activeDeals[0]?.valueCurrency ?? data.deals[0]?.valueCurrency ?? "PLN";
+  const activityTrend = React.useMemo(
+    () => data.kpis?.activityTrend ?? computeActivityTrend(data.interactions),
+    [data.interactions, data.kpis?.activityTrend]
+  );
+  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");
+    if (wonDeals.length === 0) return null;
+    return wonDeals.reduce((sum, d) => {
+      const amt = typeof d.valueAmount === "number" ? d.valueAmount : parseFloat(String(d.valueAmount ?? "0"));
+      return sum + (Number.isFinite(amt) ? amt : 0);
+    }, 0);
+  }, [data.deals, data.kpis?.ltvValue]);
+  const clientTenureYears = React.useMemo(() => {
+    if (data.kpis?.clientTenureYears !== void 0) return data.kpis.clientTenureYears;
+    const allDates = data.interactions.map((i) => i.occurredAt ?? i.scheduledAt ?? i.createdAt).filter(Boolean).map((d) => new Date(d).getTime());
+    if (allDates.length === 0) return null;
+    const earliest = Math.min(...allDates);
+    return Math.floor((Date.now() - earliest) / (365.25 * 864e5));
+  }, [data.interactions, data.kpis?.clientTenureYears]);
+  const [hiddenTiles, setHiddenTiles] = React.useState(
+    () => new Set(readJsonFromLocalStorage(STORAGE_KEY, []))
+  );
+  const toggleTile = React.useCallback((tileId) => {
+    setHiddenTiles((prev) => {
+      const next = new Set(prev);
+      if (next.has(tileId)) next.delete(tileId);
+      else next.add(tileId);
+      writeJsonToLocalStorage(STORAGE_KEY, [...next]);
+      return next;
+    });
+  }, []);
+  const showAllTiles = React.useCallback(() => {
+    setHiddenTiles(/* @__PURE__ */ new Set());
+    removeLocalStorageKey(STORAGE_KEY);
+  }, []);
+  const kpiTiles = React.useMemo(() => [
+    {
+      id: "activeDeals",
+      title: t("customers.companies.dashboard.kpi.activeDeals", "ACTIVE DEALS"),
+      value: activeDealsValue,
+      trend: dealTrend,
+      formatValue: (v) => formatCurrency(v, dealCurrency),
+      comparisonLabel: `${data.kpis?.activeDealsCount ?? activeDeals.length} ${(data.kpis?.activeDealsCount ?? activeDeals.length) === 1 ? "pipeline" : "pipelines"}`
+    },
+    {
+      id: "activities",
+      title: t("customers.companies.dashboard.kpi.activities", "ACTIVITIES"),
+      value: data.kpis?.activityCount ?? data.interactions.length,
+      trend: activityTrend,
+      comparisonLabel: t("customers.companies.dashboard.kpi.last12months", "last 12 months")
+    },
+    {
+      id: "ltv",
+      title: t("customers.companies.dashboard.kpi.ltv", "CUSTOMER VALUE (LTV)"),
+      value: ltvValue,
+      formatValue: ltvValue !== null ? (v) => formatCurrency(v, dealCurrency) : void 0,
+      comparisonLabel: ltvValue !== null ? t("customers.companies.dashboard.kpi.wonDeals", "won deals total") : t("customers.companies.dashboard.kpi.noWonDeals", "No won deals")
+    },
+    {
+      id: "clientSince",
+      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")
+    }
+  ], [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));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: visibleTiles.map((tile) => /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+      /* @__PURE__ */ jsx(
+        KpiCard,
+        {
+          title: tile.title,
+          value: tile.value,
+          trend: tile.trend,
+          formatValue: tile.formatValue,
+          comparisonLabel: tile.comparisonLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          onClick: () => toggleTile(tile.id),
+          className: "absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-60",
+          "aria-label": t("customers.companies.dashboard.hideTile", "Hide tile"),
+          children: /* @__PURE__ */ jsx(EyeOff, { className: "size-3.5" })
+        }
+      )
+    ] }, tile.id)) }),
+    hiddenTiles.size > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("customers.companies.dashboard.hiddenTiles", "{{count}} tiles hidden", { count: hiddenTiles.size }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-auto px-1.5 py-0.5 text-xs hover:bg-transparent",
+          onClick: showAllTiles,
+          children: t("customers.companies.dashboard.showAll", "Show all")
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  CompanyKpiBar
+};
+//# sourceMappingURL=CompanyKpiBar.js.map

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

@@ -0,0 +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  readJsonFromLocalStorage,\n  writeJsonToLocalStorage,\n  removeLocalStorageKey,\n} from '@open-mercato/shared/lib/browser/safeLocalStorage'\nimport type { CompanyOverview, DealSummary, InteractionSummary } from '../formConfig'\nimport { formatCurrency } from './utils'\n\nconst STORAGE_KEY = 'om:company-detail-kpi-hidden'\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    () => new Set(readJsonFromLocalStorage<string[]>(STORAGE_KEY, [])),\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      writeJsonToLocalStorage(STORAGE_KEY, [...next])\n      return next\n    })\n  }, [])\n\n  const showAllTiles = React.useCallback(() => {\n    setHiddenTiles(new Set())\n    removeLocalStorageKey(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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",
+  "names": []
+}