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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ManageTagsDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport {\n  CalendarDays,\n  ChevronsLeft,\n  ChevronsRight,\n  ChevronDown,\n  ChevronUp,\n  Check,\n  GripVertical,\n  Hash,\n  Info,\n  Plus,\n  Radio,\n  RefreshCw,\n  Save,\n  Search,\n  Tag,\n  Thermometer,\n  Trash2,\n  Users,\n  X,\n} from 'lucide-react'\nimport {\n  DndContext,\n  closestCenter,\n  PointerSensor,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype TagEntryDraft = {\n  localId: string\n  id: string | null\n  value: string\n  label: string\n  color: string\n  icon: string\n  isDefault: boolean\n  isInherited: boolean\n  manualValue: boolean\n  deleted: boolean\n}\n\ntype KindSetting = {\n  kind: string\n  selectionMode: 'single' | 'multi'\n  visibleInTags: boolean\n  sortOrder: number\n}\n\n// ---------------------------------------------------------------------------\n// Category definitions \u2014 maps to /api/customers/dictionaries/{kind}\n// ---------------------------------------------------------------------------\n\ntype CategoryDef = {\n  kind: string // route param for /api/customers/dictionaries/{kind}\n  icon: React.ComponentType<{ className?: string }>\n  shortLabelKey: string\n  shortLabelFallback: string\n  descriptionKey: string\n  descriptionFallback: string\n  badges?: string[]\n  noteTitleKey: string\n  noteTitleFallback: string\n  noteDescriptionKey: string\n  noteDescriptionFallback: string\n  isCustom?: boolean\n}\n\nconst BUILTIN_CATEGORIES: CategoryDef[] = [\n  {\n    kind: 'statuses',\n    icon: Tag,\n    shortLabelKey: 'customers.personTags.category.statuses',\n    shortLabelFallback: 'Status',\n    descriptionKey: 'customers.tags.manage.description.customers.status',\n    descriptionFallback: 'Single-select values visible on the hero area of person, company, and deal cards.',\n    badges: ['system', 'required'],\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.status',\n    noteTitleFallback: 'System category',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.status',\n    noteDescriptionFallback:\n      'Status is required on customer cards. Existing rows can be edited, but this category should remain available tenant-wide.',\n  },\n  {\n    kind: 'lifecycle-stages',\n    icon: RefreshCw,\n    shortLabelKey: 'customers.personTags.category.lifecycle-stages',\n    shortLabelFallback: 'Lifecycle',\n    descriptionKey: 'customers.tags.manage.description.customers.lifecycle_stage',\n    descriptionFallback: 'Pipeline-aligned lifecycle values shared across CRM detail pages.',\n    badges: ['system'],\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.lifecycle_stage',\n    noteTitleFallback: 'Shared lifecycle values',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.lifecycle_stage',\n    noteDescriptionFallback:\n      'Use lifecycle stages to keep person and company headers visually consistent across CRM detail views.',\n  },\n  {\n    kind: 'sources',\n    icon: Radio,\n    shortLabelKey: 'customers.personTags.category.sources',\n    shortLabelFallback: 'Source',\n    descriptionKey: 'customers.tags.manage.description.customers.source',\n    descriptionFallback: 'Acquisition source labels used in Zone 1 forms and CRM summary badges.',\n    badges: ['system'],\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.source',\n    noteTitleFallback: 'Source dictionary',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.source',\n    noteDescriptionFallback: 'These values are reused by customer forms and reporting filters.',\n  },\n  {\n    kind: 'temperature',\n    icon: Thermometer,\n    shortLabelKey: 'customers.personTags.category.temperature',\n    shortLabelFallback: 'Temperature',\n    descriptionKey: 'customers.tags.manage.description.customers.temperature',\n    descriptionFallback: 'Temperature / interest level for leads and contacts.',\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.temperature',\n    noteTitleFallback: 'Temperature / Interest',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.temperature',\n    noteDescriptionFallback: 'Use temperature to quickly classify contact interest level from hot to cold.',\n  },\n  {\n    kind: 'renewal-quarters',\n    icon: CalendarDays,\n    shortLabelKey: 'customers.personTags.category.renewal-quarters',\n    shortLabelFallback: 'Renewal',\n    descriptionKey: 'customers.tags.manage.description.customers.renewal_quarter',\n    descriptionFallback: 'Renewal quarter labels for tracking contract renewal timing.',\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.renewal_quarter',\n    noteTitleFallback: 'Renewal quarter',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.renewal_quarter',\n    noteDescriptionFallback: 'Assign renewal quarters to track when contracts or subscriptions are up for renewal.',\n  },\n  {\n    kind: 'person-company-roles',\n    icon: Users,\n    shortLabelKey: 'customers.personTags.category.person-company-roles',\n    shortLabelFallback: 'Roles',\n    descriptionKey: 'customers.tags.manage.description.customers.person_company_role',\n    descriptionFallback: 'Person-company relationship roles such as decision maker, influencer, or budget holder.',\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.person_company_role',\n    noteTitleFallback: 'Person-company roles',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.person_company_role',\n    noteDescriptionFallback: 'Use roles to classify how a person relates to a company, for example decision maker, technical evaluator, or primary contact.',\n  },\n  {\n    kind: 'activity-types',\n    icon: CalendarDays,\n    shortLabelKey: 'customers.personTags.category.activity-types',\n    shortLabelFallback: 'Activity',\n    descriptionKey: 'customers.tags.manage.description.customers.activity_type',\n    descriptionFallback: 'Activity types for calls, emails, meetings, and other CRM interactions.',\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.activity_type',\n    noteTitleFallback: 'Activity types',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.activity_type',\n    noteDescriptionFallback: 'Keep activity type names consistent so timeline filters remain readable across CRM views.',\n  },\n  {\n    kind: 'deal-statuses',\n    icon: Tag,\n    shortLabelKey: 'customers.personTags.category.deal-statuses',\n    shortLabelFallback: 'Deal status',\n    descriptionKey: 'customers.tags.manage.description.customers.deal_status',\n    descriptionFallback: 'Deal status labels used in pipeline views and deal detail cards.',\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.deal_status',\n    noteTitleFallback: 'Deal statuses',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.deal_status',\n    noteDescriptionFallback: 'Deal status values affect pipeline filtering and reporting groupings.',\n  },\n  {\n    kind: 'industries',\n    icon: Hash,\n    shortLabelKey: 'customers.personTags.category.industries',\n    shortLabelFallback: 'Industry',\n    descriptionKey: 'customers.config.dictionaries.sections.industries.description',\n    descriptionFallback: 'Industry classification labels for companies and contacts.',\n    noteTitleKey: 'customers.tags.manage.noteTitle.customers.industry',\n    noteTitleFallback: 'Industry labels',\n    noteDescriptionKey: 'customers.tags.manage.noteDescription.customers.industry',\n    noteDescriptionFallback: 'Add industry categories that match your target market segments for consistent CRM classification.',\n  },\n]\n\nconst BUILTIN_CATEGORY_KINDS = new Set(BUILTIN_CATEGORIES.map((category) => category.kind))\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction createLocalId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return crypto.randomUUID()\n  }\n  return `draft-${Math.random().toString(36).slice(2)}`\n}\n\nfunction normalizeColor(value: string | null | undefined): string {\n  if (typeof value !== 'string') return '#D1D5DB'\n  const trimmed = value.trim()\n  if (/^#([0-9a-fA-F]{6})$/.test(trimmed)) {\n    return `#${trimmed.slice(1).toLowerCase()}`\n  }\n  return '#D1D5DB'\n}\n\nfunction slugifyLabel(value: string): string {\n  return value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n}\n\nfunction sanitizeIcon(value: string | null | undefined): string {\n  return typeof value === 'string' ? value.trim() : ''\n}\n\nfunction humanizeCategoryKind(kind: string): string {\n  return kind\n    .split(/[-_]+/)\n    .filter((part) => part.trim().length > 0)\n    .map((part) => `${part.slice(0, 1).toUpperCase()}${part.slice(1)}`)\n    .join(' ')\n}\n\nfunction createCustomCategoryDef(kind: string): CategoryDef {\n  const label = humanizeCategoryKind(kind)\n  return {\n    kind,\n    icon: Hash,\n    shortLabelKey: '',\n    shortLabelFallback: label,\n    descriptionKey: 'customers.tags.manage.customCategoryDescription',\n    descriptionFallback: `Custom CRM category: ${label}.`,\n    noteTitleKey: 'customers.tags.manage.customCategoryNoteTitle',\n    noteTitleFallback: 'Custom category',\n    noteDescriptionKey: 'customers.tags.manage.customCategoryNoteDescription',\n    noteDescriptionFallback: 'Use this category to group and manage additional CRM values for your team.',\n    isCustom: true,\n  }\n}\n\nfunction makeDraftEntry(entry: Record<string, unknown>): TagEntryDraft | null {\n  const id = typeof entry.id === 'string' ? entry.id : null\n  const value = typeof entry.value === 'string' ? entry.value.trim() : ''\n  if (!value.length) return null\n  return {\n    localId: id ?? createLocalId(),\n    id,\n    value,\n    label:\n      typeof entry.label === 'string' && entry.label.trim().length\n        ? entry.label.trim()\n        : value,\n    color: normalizeColor(typeof entry.color === 'string' ? entry.color : null),\n    icon: sanitizeIcon(typeof entry.icon === 'string' ? entry.icon : null),\n    isDefault: false,\n    isInherited: typeof entry.isInherited === 'boolean' ? entry.isInherited : false,\n    manualValue: true,\n    deleted: false,\n  }\n}\n\nfunction cloneDrafts(entries: TagEntryDraft[]): TagEntryDraft[] {\n  return entries.map((entry) => ({ ...entry }))\n}\n\nfunction serializeEntries(entries: TagEntryDraft[]): string {\n  return JSON.stringify(\n    entries\n      .filter((entry) => !entry.deleted)\n      .map((entry) => ({\n        id: entry.id,\n        value: entry.value,\n        label: entry.label,\n        color: entry.color,\n        icon: entry.icon,\n      })),\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Sortable entry row\n// ---------------------------------------------------------------------------\n\nfunction SortableEntryRow({\n  entry,\n  index,\n  total,\n  isDefault,\n  onLabelChange,\n  onValueChange,\n  onColorChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  t,\n}: {\n  entry: TagEntryDraft\n  index: number\n  total: number\n  isDefault: boolean\n  onLabelChange: (value: string) => void\n  onValueChange: (value: string) => void\n  onColorChange: (value: string) => void\n  onDelete: () => void\n  onMoveUp: () => void\n  onMoveDown: () => void\n  t: ReturnType<typeof useT>\n}) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: entry.localId,\n  })\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : 1,\n  }\n\n  const isFirst = index === 0\n  const isLast = index === total - 1\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className=\"flex items-center gap-2.5 rounded-md border border-border bg-card px-2.5 py-2\"\n    >\n      {/* Grip handle */}\n      <div\n        aria-label={t('customers.tags.manage.dragHandle', 'Drag to reorder')}\n        title={t('customers.tags.manage.dragHandle', 'Drag to reorder')}\n        className=\"flex size-5 shrink-0 cursor-grab items-center justify-center text-muted-foreground/70\"\n        {...attributes}\n        {...listeners}\n      >\n        <GripVertical className=\"size-3.5\" />\n      </div>\n\n      {/* Arrow reorder buttons \u2014 additive alternative to drag */}\n      <div className=\"flex shrink-0 flex-col gap-0.5\">\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          aria-label={t('customers.tags.manage.moveUp', 'Move up')}\n          disabled={isFirst}\n          onClick={onMoveUp}\n          className=\"h-5 w-5 text-muted-foreground hover:text-foreground disabled:opacity-40\"\n        >\n          <ChevronUp className=\"size-3\" />\n        </IconButton>\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          aria-label={t('customers.tags.manage.moveDown', 'Move down')}\n          disabled={isLast}\n          onClick={onMoveDown}\n          className=\"h-5 w-5 text-muted-foreground hover:text-foreground disabled:opacity-40\"\n        >\n          <ChevronDown className=\"size-3\" />\n        </IconButton>\n      </div>\n\n      {/* Label + default indicator */}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <input\n          type=\"text\"\n          value={entry.label}\n          onChange={(e) => onLabelChange(e.target.value)}\n          className=\"w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-medium text-foreground outline-none focus:border-foreground\"\n        />\n        {isDefault && (\n          <div className=\"flex items-center gap-1.5\">\n            <Check className=\"size-2.5 text-status-success-icon\" />\n            <span className=\"text-xs text-muted-foreground\">\n              {t('customers.tags.manage.defaultEntry', 'default when creating new records')}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Slug (read-only style) */}\n      <div className=\"w-[140px] shrink-0\">\n        <input\n          type=\"text\"\n          value={entry.value}\n          onChange={(e) => onValueChange(slugifyLabel(e.target.value))}\n          className=\"w-full rounded-md bg-muted px-2.5 py-2 text-xs font-medium text-muted-foreground outline-none\"\n        />\n      </div>\n\n      {/* Color picker */}\n      <div className=\"flex w-[80px] shrink-0 items-center gap-1.5 rounded-md border border-input px-2 py-1.5\">\n        <label className=\"relative size-4 shrink-0 cursor-pointer\">\n          <span\n            className=\"block size-full rounded-sm\"\n            style={{ backgroundColor: normalizeColor(entry.color) }}\n          />\n          <input\n            type=\"color\"\n            value={normalizeColor(entry.color)}\n            onChange={(e) => onColorChange(normalizeColor(e.target.value))}\n            className=\"absolute inset-0 size-full cursor-pointer opacity-0\"\n          />\n        </label>\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {normalizeColor(entry.color)}\n        </span>\n      </div>\n\n      {/* Delete */}\n      <IconButton\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"size-8 shrink-0 text-muted-foreground hover:text-destructive\"\n        onClick={onDelete}\n        aria-label={t('customers.tags.manage.delete', 'Delete')}\n      >\n        <Trash2 className=\"size-3.5\" />\n      </IconButton>\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Main dialog\n// ---------------------------------------------------------------------------\n\ninterface ManageTagsDialogProps {\n  open: boolean\n  onClose: () => void\n}\n\nexport function ManageTagsDialog({ open, onClose }: ManageTagsDialogProps) {\n  const t = useT()\n  const [categories, setCategories] = React.useState<CategoryDef[]>(BUILTIN_CATEGORIES)\n  const [activeTab, setActiveTab] = React.useState(BUILTIN_CATEGORIES[0].kind)\n  const [loading, setLoading] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [searchValue, setSearchValue] = React.useState('')\n  const [entryCounts, setEntryCounts] = React.useState<Record<string, number>>({})\n  const [draftsByKind, setDraftsByKind] = React.useState<Record<string, TagEntryDraft[]>>({})\n  const [originalByKind, setOriginalByKind] = React.useState<Record<string, TagEntryDraft[]>>({})\n  const [createCategoryOpen, setCreateCategoryOpen] = React.useState(false)\n  const [newCategoryName, setNewCategoryName] = React.useState('')\n  const [newCategorySelectionMode, setNewCategorySelectionMode] = React.useState<'single' | 'multi'>('multi')\n  const [creatingCategory, setCreatingCategory] = React.useState(false)\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false)\n  const [canScrollRight, setCanScrollRight] = React.useState(false)\n  const categoryRailRef = React.useRef<HTMLDivElement | null>(null)\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-manage-tags',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const mutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-manage-tags',\n      resourceKind: 'customers.dictionary_entry',\n      resourceId: 'bulk',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n  const runGuardedMutation = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload: Record<string, unknown>) =>\n      runMutation({\n        operation,\n        mutationPayload,\n        context: mutationContext,\n      }),\n    [mutationContext, runMutation],\n  )\n  const translatedCategories = React.useMemo(\n    () =>\n      categories.map((category) => ({\n        ...category,\n        shortLabel: category.shortLabelKey\n          ? t(category.shortLabelKey, category.shortLabelFallback)\n          : category.shortLabelFallback,\n        description: category.descriptionKey\n          ? t(\n            category.descriptionKey,\n            category.descriptionFallback,\n            category.isCustom ? { name: category.shortLabelFallback } : undefined,\n          )\n          : category.descriptionFallback,\n        noteTitle: category.noteTitleKey\n          ? t(category.noteTitleKey, category.noteTitleFallback)\n          : category.noteTitleFallback,\n        noteDescription: category.noteDescriptionKey\n          ? t(category.noteDescriptionKey, category.noteDescriptionFallback)\n          : category.noteDescriptionFallback,\n      })),\n    [categories, t],\n  )\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor),\n  )\n\n  // --- data loading ---\n\n  const loadData = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      let kindSettings: KindSetting[] = []\n      try {\n        const settings = await readApiResultOrThrow<{ items?: KindSetting[] }>(\n          '/api/customers/dictionaries/kind-settings',\n          { cache: 'no-store' },\n        )\n        kindSettings = Array.isArray(settings?.items) ? settings.items : []\n      } catch {\n        kindSettings = []\n      }\n\n      const customCategories = kindSettings\n        .filter((setting) => !BUILTIN_CATEGORY_KINDS.has(setting.kind))\n        .sort((left, right) => left.sortOrder - right.sortOrder || left.kind.localeCompare(right.kind))\n        .map((setting) => createCustomCategoryDef(setting.kind))\n      const resolvedCategories = [...BUILTIN_CATEGORIES, ...customCategories]\n\n      const loadedDrafts: Record<string, TagEntryDraft[]> = {}\n      const counts: Record<string, number> = {}\n\n      for (const category of resolvedCategories) {\n        try {\n          const data = await readApiResultOrThrow<{\n            items?: Array<Record<string, unknown>>\n          }>(`/api/customers/dictionaries/${category.kind}`, { cache: 'no-store' })\n          const entries = Array.isArray(data?.items)\n            ? data.items\n                .map(makeDraftEntry)\n                .filter((entry): entry is TagEntryDraft => entry !== null)\n            : []\n          loadedDrafts[category.kind] = entries\n          counts[category.kind] = entries.length\n        } catch {\n          loadedDrafts[category.kind] = []\n          counts[category.kind] = 0\n        }\n      }\n\n      setCategories(resolvedCategories)\n      setDraftsByKind(\n        Object.fromEntries(\n          Object.entries(loadedDrafts).map(([k, v]) => [k, cloneDrafts(v)]),\n        ),\n      )\n      setOriginalByKind(\n        Object.fromEntries(\n          Object.entries(loadedDrafts).map(([k, v]) => [k, cloneDrafts(v)]),\n        ),\n      )\n      setEntryCounts(counts)\n      setActiveTab((current) =>\n        resolvedCategories.some((category) => category.kind === current)\n          ? current\n          : resolvedCategories[0]?.kind ?? BUILTIN_CATEGORIES[0].kind,\n      )\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : t('customers.tags.manage.loadError', 'Failed to load tag dictionaries.')\n      flash(message, 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    if (!open) return\n    setSearchValue('')\n    setCreateCategoryOpen(false)\n    setNewCategoryName('')\n    setNewCategorySelectionMode('multi')\n    loadData().catch((err) => console.warn('[ManageTagsDialog] loadData failed', err))\n  }, [loadData, open])\n\n  // --- derived state ---\n\n  const activeMeta = translatedCategories.find((category) => category.kind === activeTab) ?? null\n  const activeEntries = draftsByKind[activeTab] ?? []\n  const visibleEntries = React.useMemo(() => {\n    const query = searchValue.trim().toLowerCase()\n    return activeEntries.filter((entry) => {\n      if (entry.deleted) return false\n      if (!query) return true\n      return (\n        entry.label.toLowerCase().includes(query) || entry.value.toLowerCase().includes(query)\n      )\n    })\n  }, [activeEntries, searchValue])\n\n  const hasChanges = React.useMemo(\n    () =>\n      categories.some((category) => {\n        const original = originalByKind[category.kind] ?? []\n        const current = draftsByKind[category.kind] ?? []\n        return serializeEntries(original) !== serializeEntries(current)\n      }),\n    [categories, draftsByKind, originalByKind],\n  )\n\n  // --- draft mutations ---\n\n  const updateDraftEntry = React.useCallback(\n    (kind: string, localId: string, updater: (e: TagEntryDraft) => TagEntryDraft) => {\n      setDraftsByKind((current) => ({\n        ...current,\n        [kind]: (current[kind] ?? []).map((entry) =>\n          entry.localId === localId ? updater(entry) : entry,\n        ),\n      }))\n    },\n    [],\n  )\n\n  const handleAddEntry = React.useCallback(() => {\n    setDraftsByKind((current) => ({\n      ...current,\n      [activeTab]: [\n        ...(current[activeTab] ?? []),\n        {\n          localId: createLocalId(),\n          id: null,\n          value: '',\n          label: '',\n          color: '#D1D5DB',\n          icon: '',\n          isDefault: false,\n          isInherited: false,\n          manualValue: false,\n          deleted: false,\n        },\n      ],\n    }))\n  }, [activeTab])\n\n  const handleDeleteEntry = React.useCallback(\n    (kind: string, localId: string) => {\n      setDraftsByKind((current) => {\n        const nextEntries = (current[kind] ?? [])\n          .map((entry) => {\n            if (entry.localId !== localId) return entry\n            if (!entry.id) return null\n            return { ...entry, deleted: true }\n          })\n          .filter((entry): entry is TagEntryDraft => entry !== null)\n        return { ...current, [kind]: nextEntries }\n      })\n    },\n    [],\n  )\n\n  // --- drag & drop ---\n\n  const handleDragEnd = React.useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n      if (!over || active.id === over.id) return\n\n      setDraftsByKind((current) => {\n        const entries = current[activeTab] ?? []\n        const liveEntries = entries.filter((e) => !e.deleted)\n        const oldIndex = liveEntries.findIndex((e) => e.localId === active.id)\n        const newIndex = liveEntries.findIndex((e) => e.localId === over.id)\n        if (oldIndex === -1 || newIndex === -1) return current\n        const reordered = arrayMove(liveEntries, oldIndex, newIndex)\n        const deletedEntries = entries.filter((e) => e.deleted)\n        return { ...current, [activeTab]: [...reordered, ...deletedEntries] }\n      })\n    },\n    [activeTab],\n  )\n\n  const moveEntryByDelta = React.useCallback(\n    (localId: string, delta: -1 | 1) => {\n      setDraftsByKind((current) => {\n        const entries = current[activeTab] ?? []\n        const liveEntries = entries.filter((entry) => !entry.deleted)\n        const oldIndex = liveEntries.findIndex((entry) => entry.localId === localId)\n        if (oldIndex < 0) return current\n        const newIndex = oldIndex + delta\n        if (newIndex < 0 || newIndex >= liveEntries.length) return current\n        const reordered = arrayMove(liveEntries, oldIndex, newIndex)\n        const deletedEntries = entries.filter((entry) => entry.deleted)\n        return { ...current, [activeTab]: [...reordered, ...deletedEntries] }\n      })\n    },\n    [activeTab],\n  )\n\n  // --- save ---\n\n  const handleSave = React.useCallback(async () => {\n    if (saving) return\n\n    for (const category of categories) {\n      const entries = draftsByKind[category.kind] ?? []\n      for (const entry of entries) {\n        if (entry.deleted) continue\n        const nextLabel = entry.label.trim()\n        const nextValue = entry.value.trim()\n        if (!nextLabel || !nextValue) {\n          flash(\n            t(\n              'customers.tags.manage.validation.required',\n              'Each entry must have both a label and a slug before saving.',\n            ),\n            'error',\n          )\n          return\n        }\n      }\n    }\n\n    setSaving(true)\n    try {\n      for (const category of categories) {\n        const currentEntries = draftsByKind[category.kind] ?? []\n        const originalEntries = originalByKind[category.kind] ?? []\n        const originalById = new Map(\n          originalEntries.filter((e) => e.id).map((e) => [e.id as string, e]),\n        )\n\n        for (const entry of currentEntries) {\n          if (entry.deleted) {\n            if (entry.id) {\n              await runGuardedMutation(\n                () =>\n                  apiCallOrThrow(`/api/customers/dictionaries/${category.kind}/${entry.id}`, {\n                    method: 'DELETE',\n                  }),\n                { kind: category.kind, entryId: entry.id, operation: 'delete' },\n              )\n            }\n            continue\n          }\n\n          const payload: Record<string, unknown> = {\n            value: entry.value.trim(),\n            label: entry.label.trim(),\n            color: normalizeColor(entry.color),\n            icon: sanitizeIcon(entry.icon) || null,\n          }\n\n          if (!entry.id) {\n            await runGuardedMutation(\n              () =>\n                apiCallOrThrow(`/api/customers/dictionaries/${category.kind}`, {\n                  method: 'POST',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify(payload),\n                }),\n              { kind: category.kind, value: payload.value, operation: 'create' },\n            )\n            continue\n          }\n\n          // Skip inherited entries \u2014 they belong to a parent org and can't be PATCHed\n          if (entry.isInherited) continue\n\n          const originalEntry = originalById.get(entry.id)\n          if (\n            originalEntry &&\n            originalEntry.value === (payload.value as string) &&\n            originalEntry.label === (payload.label as string) &&\n            normalizeColor(originalEntry.color) === normalizeColor(payload.color as string) &&\n            sanitizeIcon(originalEntry.icon) === sanitizeIcon(payload.icon as string)\n          ) {\n            continue\n          }\n\n          await runGuardedMutation(\n            () =>\n              apiCallOrThrow(`/api/customers/dictionaries/${category.kind}/${entry.id}`, {\n                method: 'PATCH',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify(payload),\n              }),\n            { kind: category.kind, entryId: entry.id, value: payload.value, operation: 'update' },\n          )\n        }\n      }\n\n      flash(t('customers.tags.manage.saveSuccess', 'Tag dictionaries updated.'), 'success')\n      await loadData()\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : t('customers.tags.manage.saveError', 'Failed to save tag dictionaries.')\n      flash(message, 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [categories, draftsByKind, loadData, originalByKind, runGuardedMutation, saving, t])\n\n  const updateCategoryRailState = React.useCallback(() => {\n    const rail = categoryRailRef.current\n    if (!rail) {\n      setCanScrollLeft(false)\n      setCanScrollRight(false)\n      return\n    }\n    const maxScrollLeft = Math.max(0, rail.scrollWidth - rail.clientWidth)\n    setCanScrollLeft(rail.scrollLeft > 4)\n    setCanScrollRight(rail.scrollLeft < maxScrollLeft - 4)\n  }, [])\n\n  const scrollCategoryRail = React.useCallback(\n    (direction: 'left' | 'right') => {\n      const rail = categoryRailRef.current\n      if (!rail) return\n      const offset = Math.max(180, Math.round(rail.clientWidth * 0.65))\n      rail.scrollBy({\n        left: direction === 'left' ? -offset : offset,\n        behavior: 'smooth',\n      })\n    },\n    [],\n  )\n\n  React.useEffect(() => {\n    if (!open) return\n    const rail = categoryRailRef.current\n    if (!rail) return\n    updateCategoryRailState()\n    rail.addEventListener('scroll', updateCategoryRailState, { passive: true })\n    const resizeObserver =\n      typeof ResizeObserver !== 'undefined'\n        ? new ResizeObserver(() => updateCategoryRailState())\n        : null\n    resizeObserver?.observe(rail)\n    return () => {\n      rail.removeEventListener('scroll', updateCategoryRailState)\n      resizeObserver?.disconnect()\n    }\n  }, [open, translatedCategories, updateCategoryRailState])\n\n  const handleCreateCategory = React.useCallback(async () => {\n    if (creatingCategory) return\n    const trimmedName = newCategoryName.trim()\n    const kind = slugifyLabel(trimmedName)\n    if (!kind.length) {\n      flash(\n        t('customers.tags.manage.addCategoryRequired', 'Enter a category name first.'),\n        'error',\n      )\n      return\n    }\n    if (categories.some((category) => category.kind === kind)) {\n      setActiveTab(kind)\n      setCreateCategoryOpen(false)\n      return\n    }\n\n    setCreatingCategory(true)\n    try {\n      await runGuardedMutation(\n        () =>\n          apiCallOrThrow('/api/customers/dictionaries/kind-settings', {\n            method: 'PATCH',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({\n              kind,\n              selectionMode: newCategorySelectionMode,\n              visibleInTags: true,\n              sortOrder: categories.length + 1,\n            }),\n          }),\n        {\n          kind,\n          selectionMode: newCategorySelectionMode,\n          operation: 'createCategory',\n        },\n      )\n      await loadData()\n      setActiveTab(kind)\n      setCreateCategoryOpen(false)\n      setNewCategoryName('')\n      setNewCategorySelectionMode('multi')\n      flash(t('customers.tags.manage.createCategorySuccess', 'Category created.'), 'success')\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : t('customers.tags.manage.createCategoryError', 'Failed to create category.')\n      flash(message, 'error')\n    } finally {\n      setCreatingCategory(false)\n    }\n  }, [categories, creatingCategory, loadData, newCategoryName, newCategorySelectionMode, runGuardedMutation, t])\n\n  // --- keyboard shortcut ---\n\n  React.useEffect(() => {\n    if (!open) return\n    const handler = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n        e.preventDefault()\n        void handleSave()\n      }\n    }\n    window.addEventListener('keydown', handler)\n    return () => window.removeEventListener('keydown', handler)\n  }, [open, handleSave])\n\n  // --- render ---\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(nextOpen) => {\n        if (!nextOpen) onClose()\n      }}\n    >\n      <DialogContent\n        className=\"flex max-h-[90vh] flex-col overflow-hidden border-border p-0 shadow-[0px_20px_48px_0px_rgba(0,0,0,0.18)] sm:max-w-[820px] sm:rounded-lg [&>[data-dialog-close]]:hidden\"\n        aria-describedby={undefined}\n      >\n        <VisuallyHidden>\n          <DialogTitle>{t('customers.tags.manage.title', 'Manage tags')}</DialogTitle>\n        </VisuallyHidden>\n\n        {/* Header */}\n        <div className=\"flex shrink-0 items-center justify-between pb-2.5 pl-6 pr-5 pt-4\">\n          <div className=\"flex flex-col gap-1\">\n            <h2 className=\"text-base font-bold leading-tight text-foreground\">\n              {t('customers.tags.manage.title', 'Manage tags')}\n            </h2>\n            <p className=\"text-xs leading-tight text-muted-foreground\">\n              {t(\n                'customers.tags.manage.subtitle',\n                'Tag dictionaries for the entire tenant',\n              )}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"h-auto gap-1.5 rounded-md px-3 py-2 text-xs font-semibold\"\n              onClick={() => {\n                setCreateCategoryOpen((current) => !current)\n                setNewCategoryName('')\n                setNewCategorySelectionMode('multi')\n              }}\n            >\n              <Plus className=\"size-3.5\" />\n              {t('customers.tags.manage.addCategory', 'New category')}\n            </Button>\n            <IconButton\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"size-7 shrink-0 rounded-md border-border\"\n              onClick={onClose}\n              aria-label={t('customers.tags.manage.closeDialog', 'Close')}\n            >\n              <X className=\"size-3.5\" />\n            </IconButton>\n          </div>\n        </div>\n        <div className=\"h-px shrink-0 bg-border\" />\n\n        {loading ? (\n          <div className=\"px-7 py-12 text-center text-sm text-muted-foreground\">\n            {t('customers.tags.manage.loading', 'Loading...')}\n          </div>\n        ) : (\n          <>\n            {createCategoryOpen ? (\n              <div className=\"flex shrink-0 flex-wrap items-center gap-2.5 border-b border-border px-6 py-3\">\n                <div className=\"min-w-[220px] flex-1 rounded-md border border-input bg-background px-3 py-2\">\n                  <input\n                    type=\"text\"\n                    value={newCategoryName}\n                    onChange={(event) => setNewCategoryName(event.target.value)}\n                    onKeyDown={(event) => {\n                      if (event.key === 'Enter') {\n                        event.preventDefault()\n                        void handleCreateCategory()\n                      }\n                    }}\n                    placeholder={t('customers.tags.manage.addCategoryPlaceholder', 'Category name...')}\n                    className=\"w-full bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground\"\n                  />\n                </div>\n                <div className=\"flex items-center gap-1 rounded-md border border-border bg-muted/60 p-1\">\n                  <Button\n                    type=\"button\"\n                    variant={newCategorySelectionMode === 'single' ? 'secondary' : 'ghost'}\n                    size=\"sm\"\n                    className=\"h-auto rounded-md px-2.5 py-1.5 text-xs\"\n                    onClick={() => setNewCategorySelectionMode('single')}\n                  >\n                    {t('customers.tags.manage.categoryMode.single', 'Single')}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant={newCategorySelectionMode === 'multi' ? 'secondary' : 'ghost'}\n                    size=\"sm\"\n                    className=\"h-auto rounded-md px-2.5 py-1.5 text-xs\"\n                    onClick={() => setNewCategorySelectionMode('multi')}\n                  >\n                    {t('customers.tags.manage.categoryMode.multi', 'Multi')}\n                  </Button>\n                </div>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  className=\"h-auto rounded-md px-3 py-2 text-xs font-semibold\"\n                  onClick={() => {\n                    void handleCreateCategory()\n                  }}\n                  disabled={creatingCategory}\n                >\n                  {creatingCategory\n                    ? t('customers.tags.manage.creatingCategory', 'Creating...')\n                    : t('customers.tags.manage.createCategory', 'Create category')}\n                </Button>\n              </div>\n            ) : null}\n\n            {/* Tab bar */}\n            <div className=\"flex shrink-0 items-center gap-2 border-b border-border px-4 py-1.5\">\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"size-8 shrink-0 rounded-full\"\n                onClick={() => scrollCategoryRail('left')}\n                disabled={!canScrollLeft}\n                aria-label={t('customers.tags.manage.scrollLeft', 'Scroll categories left')}\n              >\n                <ChevronsLeft className=\"size-3.5\" />\n              </IconButton>\n              <div\n                ref={categoryRailRef}\n                className=\"min-w-0 flex-1 overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n              >\n                <div className=\"flex items-end gap-0.5\">\n                  {translatedCategories.map((category) => {\n                    const Icon = category.icon\n                    const isActive = category.kind === activeTab\n                    const count = entryCounts[category.kind] ?? 0\n                    return (\n                      <Button\n                        key={category.kind}\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => {\n                          setActiveTab(category.kind)\n                          setSearchValue('')\n                        }}\n                        className={`flex h-auto shrink-0 items-center gap-1.5 rounded-none border-b-2 px-2.5 py-2 hover:bg-transparent ${\n                          isActive\n                            ? '-mb-px border-foreground text-foreground'\n                            : '-mb-px border-transparent text-muted-foreground'\n                        }`}\n                      >\n                        <Icon className=\"size-3.5\" />\n                        <span\n                          className={`whitespace-nowrap text-xs ${isActive ? 'font-semibold' : 'font-medium'}`}\n                        >\n                          {category.shortLabel}\n                        </span>\n                        <span className=\"rounded-sm bg-muted px-1 py-px text-overline font-semibold text-foreground\">\n                          {count}\n                        </span>\n                      </Button>\n                    )\n                  })}\n                </div>\n              </div>\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"size-8 shrink-0 rounded-full\"\n                onClick={() => scrollCategoryRail('right')}\n                disabled={!canScrollRight}\n                aria-label={t('customers.tags.manage.scrollRight', 'Scroll categories right')}\n              >\n                <ChevronsRight className=\"size-3.5\" />\n              </IconButton>\n            </div>\n\n            {/* Content */}\n            <div className=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-6 py-3.5\">\n              {activeMeta ? (\n                <>\n                  {/* Category header + search */}\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex flex-col gap-1\">\n                      <div className=\"flex items-center gap-1.5\">\n                        <span className=\"text-sm font-bold text-foreground\">\n                          {activeMeta.shortLabel}\n                        </span>\n                        {(activeMeta.badges ?? []).map((badge) => (\n                          <span\n                            key={badge}\n                            className={`rounded-sm px-2 py-0.5 text-overline font-bold ${\n                              badge === 'required'\n                                ? 'bg-status-warning-bg text-status-warning-text'\n                                : 'bg-muted text-muted-foreground'\n                            }`}\n                          >\n                            {badge === 'required'\n                              ? t('customers.tags.manage.badge.required', 'REQUIRED')\n                              : t('customers.tags.manage.badge.system', 'SYSTEM')}\n                          </span>\n                        ))}\n                      </div>\n                      <div className=\"flex items-center gap-1.5\">\n                        <Info className=\"size-3 shrink-0 text-muted-foreground\" />\n                        <span className=\"text-xs text-muted-foreground\">\n                          {activeMeta.description}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"relative w-[220px] shrink-0\">\n                      <Search className=\"absolute left-3 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground/70\" />\n                      <input\n                        type=\"text\"\n                        value={searchValue}\n                        onChange={(e) => setSearchValue(e.target.value)}\n                        placeholder={t('customers.tags.manage.search', 'Search values...')}\n                        className=\"w-full rounded-md border border-input bg-background py-2 pl-9 pr-3 text-xs text-foreground outline-none placeholder:text-muted-foreground/70 focus:border-foreground\"\n                      />\n                    </div>\n                  </div>\n\n                  {/* Column headers */}\n                  <div className=\"flex items-center gap-3 px-3 py-1.5\">\n                    <div className=\"w-[18px] shrink-0\" />\n                    <div className=\"min-w-0 flex-1\">\n                      <span className=\"text-overline font-bold uppercase text-muted-foreground\">\n                        {t('customers.tags.manage.columns.label', 'LABEL')}\n                      </span>\n                    </div>\n                    <div className=\"w-[140px] shrink-0\">\n                      <span className=\"text-overline font-bold uppercase text-muted-foreground\">\n                        {t('customers.tags.manage.columns.slug', 'SLUG')}\n                      </span>\n                    </div>\n                    <div className=\"w-[80px] shrink-0\">\n                      <span className=\"text-overline font-bold uppercase text-muted-foreground\">\n                        {t('customers.tags.manage.columns.color', 'COLOR')}\n                      </span>\n                    </div>\n                    <div className=\"w-[32px] shrink-0\" />\n                  </div>\n\n                  {/* Entry rows */}\n                  <div className=\"flex flex-col gap-2\">\n                    <DndContext\n                      sensors={sensors}\n                      collisionDetection={closestCenter}\n                      onDragEnd={handleDragEnd}\n                    >\n                      <SortableContext\n                        items={visibleEntries.map((e) => e.localId)}\n                        strategy={verticalListSortingStrategy}\n                      >\n                        {visibleEntries.map((entry, index) => (\n                          <SortableEntryRow\n                            key={entry.localId}\n                            entry={entry}\n                            index={index}\n                            total={visibleEntries.length}\n                            isDefault={index === 0 && entry.id !== null}\n                            onLabelChange={(value) => {\n                              updateDraftEntry(activeTab, entry.localId, (current) => ({\n                                ...current,\n                                label: value,\n                                value: current.manualValue\n                                  ? current.value\n                                  : slugifyLabel(value),\n                              }))\n                            }}\n                            onValueChange={(value) => {\n                              updateDraftEntry(activeTab, entry.localId, (current) => ({\n                                ...current,\n                                value,\n                                manualValue: true,\n                              }))\n                            }}\n                            onColorChange={(value) => {\n                              updateDraftEntry(activeTab, entry.localId, (current) => ({\n                                ...current,\n                                color: value,\n                              }))\n                            }}\n                            onDelete={() => handleDeleteEntry(activeTab, entry.localId)}\n                            onMoveUp={() => moveEntryByDelta(entry.localId, -1)}\n                            onMoveDown={() => moveEntryByDelta(entry.localId, 1)}\n                            t={t}\n                          />\n                        ))}\n                      </SortableContext>\n                    </DndContext>\n\n                    {visibleEntries.length === 0 && (\n                      <div className=\"px-4 py-8 text-center text-sm text-muted-foreground\">\n                        {t(\n                          'customers.tags.manage.noMatches',\n                          'No entries match the current search.',\n                        )}\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Add new value */}\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    onClick={handleAddEntry}\n                    className=\"flex h-auto w-full items-center justify-center gap-2 rounded-md border border-dashed border-border bg-background p-3 text-xs font-semibold text-foreground hover:bg-muted\"\n                  >\n                    <Plus className=\"size-3.5\" />\n                    {t('customers.tags.manage.addValue', 'Add new value')}\n                  </Button>\n\n                  {/* Info note */}\n                  <div className=\"flex items-start gap-2.5 rounded-md bg-muted px-3.5 py-3\">\n                    <Info className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground\" />\n                    <div className=\"flex flex-1 flex-col gap-1\">\n                      <span className=\"text-xs font-semibold text-foreground\">\n                        {activeMeta.noteTitle}\n                      </span>\n                      <span className=\"text-xs text-muted-foreground\">\n                        {activeMeta.noteDescription}\n                      </span>\n                    </div>\n                  </div>\n                </>\n              ) : (\n                <div className=\"py-8 text-center text-sm text-muted-foreground\">\n                  {t('customers.tags.manage.noDictionaries', 'No tag categories found.')}\n                </div>\n              )}\n            </div>\n\n            {/* Separator */}\n            <div className=\"h-px shrink-0 bg-border\" />\n\n            {/* Footer */}\n            <div className=\"flex shrink-0 items-center justify-between px-6 py-3\">\n              <div className=\"flex items-center gap-1.5\">\n                <Info className=\"size-3 shrink-0 text-muted-foreground\" />\n                <span className=\"text-xs text-muted-foreground\">\n                  {t(\n                    'customers.tags.manage.tenantNotice',\n                    'Changes apply to the entire tenant \\u00b7 visible immediately',\n                  )}\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2.5\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={onClose}\n                  className=\"rounded-md border-border px-4 py-2.5 text-sm font-semibold text-foreground\"\n                >\n                  {t('customers.tags.manage.close', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  onClick={() => {\n                    void handleSave()\n                  }}\n                  disabled={saving || !hasChanges}\n                  className=\"rounded-md bg-foreground px-4 py-2.5 text-sm font-semibold text-background hover:bg-foreground/90\"\n                >\n                  <Save className=\"mr-2 size-4\" />\n                  {saving\n                    ? t('customers.tags.manage.saving', 'Saving...')\n                    : t('customers.tags.manage.save', 'Save changes')}\n                </Button>\n              </div>\n            </div>\n          </>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AA6WQ,SAiwBQ,UAjwBR,KAIF,YAJE;AA3WR,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,gBAAgB,4BAA4B;AACrD,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AA6C/B,MAAM,qBAAoC;AAAA,EACxC;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,QAAQ,CAAC,UAAU,UAAU;AAAA,IAC7B,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,QAAQ,CAAC,QAAQ;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,QAAQ,CAAC,QAAQ;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,EAC3B;AACF;AAEA,MAAM,yBAAyB,IAAI,IAAI,mBAAmB,IAAI,CAAC,aAAa,SAAS,IAAI,CAAC;AAM1F,SAAS,gBAAwB;AAC/B,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;AAC5E,WAAO,OAAO,WAAW;AAAA,EAC3B;AACA,SAAO,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AACrD;AAEA,SAAS,eAAe,OAA0C;AAChE,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,sBAAsB,KAAK,OAAO,GAAG;AACvC,WAAO,IAAI,QAAQ,MAAM,CAAC,EAAE,YAAY,CAAC;AAAA,EAC3C;AACA,SAAO;AACT;AAEA,SAAS,aAAa,OAAuB;AAC3C,SAAO,MACJ,KAAK,EACL,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AAC3B;AAEA,SAAS,aAAa,OAA0C;AAC9D,SAAO,OAAO,UAAU,WAAW,MAAM,KAAK,IAAI;AACpD;AAEA,SAAS,qBAAqB,MAAsB;AAClD,SAAO,KACJ,MAAM,OAAO,EACb,OAAO,CAAC,SAAS,KAAK,KAAK,EAAE,SAAS,CAAC,EACvC,IAAI,CAAC,SAAS,GAAG,KAAK,MAAM,GAAG,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,EAAE,EACjE,KAAK,GAAG;AACb;AAEA,SAAS,wBAAwB,MAA2B;AAC1D,QAAM,QAAQ,qBAAqB,IAAI;AACvC,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,qBAAqB,wBAAwB,KAAK;AAAA,IAClD,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,UAAU;AAAA,EACZ;AACF;AAEA,SAAS,eAAe,OAAsD;AAC5E,QAAM,KAAK,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK;AACrD,QAAM,QAAQ,OAAO,MAAM,UAAU,WAAW,MAAM,MAAM,KAAK,IAAI;AACrE,MAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,SAAO;AAAA,IACL,SAAS,MAAM,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,IACA,OACE,OAAO,MAAM,UAAU,YAAY,MAAM,MAAM,KAAK,EAAE,SAClD,MAAM,MAAM,KAAK,IACjB;AAAA,IACN,OAAO,eAAe,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ,IAAI;AAAA,IAC1E,MAAM,aAAa,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,IAAI;AAAA,IACrE,WAAW;AAAA,IACX,aAAa,OAAO,MAAM,gBAAgB,YAAY,MAAM,cAAc;AAAA,IAC1E,aAAa;AAAA,IACb,SAAS;AAAA,EACX;AACF;AAEA,SAAS,YAAY,SAA2C;AAC9D,SAAO,QAAQ,IAAI,CAAC,WAAW,EAAE,GAAG,MAAM,EAAE;AAC9C;AAEA,SAAS,iBAAiB,SAAkC;AAC1D,SAAO,KAAK;AAAA,IACV,QACG,OAAO,CAAC,UAAU,CAAC,MAAM,OAAO,EAChC,IAAI,CAAC,WAAW;AAAA,MACf,IAAI,MAAM;AAAA,MACV,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,MAAM,MAAM;AAAA,IACd,EAAE;AAAA,EACN;AACF;AAMA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAYG;AACD,QAAM,EAAE,YAAY,WAAW,YAAY,WAAW,YAAY,WAAW,IAAI,YAAY;AAAA,IAC3F,IAAI,MAAM;AAAA,EACZ,CAAC;AACD,QAAM,QAA6B;AAAA,IACjC,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,IACA,SAAS,aAAa,MAAM;AAAA,EAC9B;AAEA,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,UAAU,QAAQ;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAU;AAAA,MAGV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,EAAE,oCAAoC,iBAAiB;AAAA,YACnE,OAAO,EAAE,oCAAoC,iBAAiB;AAAA,YAC9D,WAAU;AAAA,YACT,GAAG;AAAA,YACH,GAAG;AAAA,YAEJ,8BAAC,gBAAa,WAAU,YAAW;AAAA;AAAA,QACrC;AAAA,QAGA,qBAAC,SAAI,WAAU,kCACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,cAAY,EAAE,gCAAgC,SAAS;AAAA,cACvD,UAAU;AAAA,cACV,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,8BAAC,aAAU,WAAU,UAAS;AAAA;AAAA,UAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,cAAY,EAAE,kCAAkC,WAAW;AAAA,cAC3D,UAAU;AAAA,cACV,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,8BAAC,eAAY,WAAU,UAAS;AAAA;AAAA,UAClC;AAAA,WACF;AAAA,QAGA,qBAAC,SAAI,WAAU,sCACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,MAAM;AAAA,cACb,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,cAC7C,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,aACC,qBAAC,SAAI,WAAU,6BACb;AAAA,gCAAC,SAAM,WAAU,qCAAoC;AAAA,YACrD,oBAAC,UAAK,WAAU,iCACb,YAAE,sCAAsC,mCAAmC,GAC9E;AAAA,aACF;AAAA,WAEJ;AAAA,QAGA,oBAAC,SAAI,WAAU,sBACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO,MAAM;AAAA,YACb,UAAU,CAAC,MAAM,cAAc,aAAa,EAAE,OAAO,KAAK,CAAC;AAAA,YAC3D,WAAU;AAAA;AAAA,QACZ,GACF;AAAA,QAGA,qBAAC,SAAI,WAAU,0FACb;AAAA,+BAAC,WAAM,WAAU,2CACf;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB,eAAe,MAAM,KAAK,EAAE;AAAA;AAAA,YACxD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,eAAe,MAAM,KAAK;AAAA,gBACjC,UAAU,CAAC,MAAM,cAAc,eAAe,EAAE,OAAO,KAAK,CAAC;AAAA,gBAC7D,WAAU;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,UACA,oBAAC,UAAK,WAAU,6CACb,yBAAe,MAAM,KAAK,GAC7B;AAAA,WACF;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAY,EAAE,gCAAgC,QAAQ;AAAA,YAEtD,8BAAC,UAAO,WAAU,YAAW;AAAA;AAAA,QAC/B;AAAA;AAAA;AAAA,EACF;AAEJ;AAWO,SAAS,iBAAiB,EAAE,MAAM,QAAQ,GAA0B;AACzE,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAwB,kBAAkB;AACpF,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,mBAAmB,CAAC,EAAE,IAAI;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAE;AACvD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAiC,CAAC,CAAC;AAC/E,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAA0C,CAAC,CAAC;AAC1F,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAA0C,CAAC,CAAC;AAC9F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAE;AAC/D,QAAM,CAAC,0BAA0B,2BAA2B,IAAI,MAAM,SAA6B,OAAO;AAC1G,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,KAAK;AACpE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAC9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,KAAK;AAChE,QAAM,kBAAkB,MAAM,OAA8B,IAAI;AAChE,QAAM,EAAE,aAAa,kBAAkB,IAAI,mBAKxC;AAAA,IACD,WAAW;AAAA,IACX,gBAAgB,EAAE,8BAA8B,4BAA4B;AAAA,EAC9E,CAAC;AACD,QAAM,kBAAkB,MAAM;AAAA,IAC5B,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,YAAY;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AACA,QAAM,qBAAqB,MAAM;AAAA,IAC/B,OAAW,WAA6B,oBACtC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AAAA,IACH,CAAC,iBAAiB,WAAW;AAAA,EAC/B;AACA,QAAM,uBAAuB,MAAM;AAAA,IACjC,MACE,WAAW,IAAI,CAAC,cAAc;AAAA,MAC5B,GAAG;AAAA,MACH,YAAY,SAAS,gBACjB,EAAE,SAAS,eAAe,SAAS,kBAAkB,IACrD,SAAS;AAAA,MACb,aAAa,SAAS,iBAClB;AAAA,QACA,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS,WAAW,EAAE,MAAM,SAAS,mBAAmB,IAAI;AAAA,MAC9D,IACE,SAAS;AAAA,MACb,WAAW,SAAS,eAChB,EAAE,SAAS,cAAc,SAAS,iBAAiB,IACnD,SAAS;AAAA,MACb,iBAAiB,SAAS,qBACtB,EAAE,SAAS,oBAAoB,SAAS,uBAAuB,IAC/D,SAAS;AAAA,IACf,EAAE;AAAA,IACJ,CAAC,YAAY,CAAC;AAAA,EAChB;AAEA,QAAM,UAAU;AAAA,IACd,UAAU,eAAe,EAAE,sBAAsB,EAAE,UAAU,EAAE,EAAE,CAAC;AAAA,IAClE,UAAU,cAAc;AAAA,EAC1B;AAIA,QAAM,WAAW,MAAM,YAAY,YAAY;AAC7C,eAAW,IAAI;AACf,QAAI;AACF,UAAI,eAA8B,CAAC;AACnC,UAAI;AACF,cAAM,WAAW,MAAM;AAAA,UACrB;AAAA,UACA,EAAE,OAAO,WAAW;AAAA,QACtB;AACA,uBAAe,MAAM,QAAQ,UAAU,KAAK,IAAI,SAAS,QAAQ,CAAC;AAAA,MACpE,QAAQ;AACN,uBAAe,CAAC;AAAA,MAClB;AAEA,YAAM,mBAAmB,aACtB,OAAO,CAAC,YAAY,CAAC,uBAAuB,IAAI,QAAQ,IAAI,CAAC,EAC7D,KAAK,CAAC,MAAM,UAAU,KAAK,YAAY,MAAM,aAAa,KAAK,KAAK,cAAc,MAAM,IAAI,CAAC,EAC7F,IAAI,CAAC,YAAY,wBAAwB,QAAQ,IAAI,CAAC;AACzD,YAAM,qBAAqB,CAAC,GAAG,oBAAoB,GAAG,gBAAgB;AAEtE,YAAM,eAAgD,CAAC;AACvD,YAAM,SAAiC,CAAC;AAExC,iBAAW,YAAY,oBAAoB;AACzC,YAAI;AACF,gBAAM,OAAO,MAAM,qBAEhB,+BAA+B,SAAS,IAAI,IAAI,EAAE,OAAO,WAAW,CAAC;AACxE,gBAAM,UAAU,MAAM,QAAQ,MAAM,KAAK,IACrC,KAAK,MACF,IAAI,cAAc,EAClB,OAAO,CAAC,UAAkC,UAAU,IAAI,IAC3D,CAAC;AACL,uBAAa,SAAS,IAAI,IAAI;AAC9B,iBAAO,SAAS,IAAI,IAAI,QAAQ;AAAA,QAClC,QAAQ;AACN,uBAAa,SAAS,IAAI,IAAI,CAAC;AAC/B,iBAAO,SAAS,IAAI,IAAI;AAAA,QAC1B;AAAA,MACF;AAEA,oBAAc,kBAAkB;AAChC;AAAA,QACE,OAAO;AAAA,UACL,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;AAAA,QAClE;AAAA,MACF;AACA;AAAA,QACE,OAAO;AAAA,UACL,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;AAAA,QAClE;AAAA,MACF;AACA,qBAAe,MAAM;AACrB;AAAA,QAAa,CAAC,YACZ,mBAAmB,KAAK,CAAC,aAAa,SAAS,SAAS,OAAO,IAC3D,UACA,mBAAmB,CAAC,GAAG,QAAQ,mBAAmB,CAAC,EAAE;AAAA,MAC3D;AAAA,IACF,SAAS,OAAO;AACd,YAAM,UACJ,iBAAiB,QACb,MAAM,UACN,EAAE,mCAAmC,kCAAkC;AAC7E,YAAM,SAAS,OAAO;AAAA,IACxB,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,mBAAe,EAAE;AACjB,0BAAsB,KAAK;AAC3B,uBAAmB,EAAE;AACrB,gCAA4B,OAAO;AACnC,aAAS,EAAE,MAAM,CAAC,QAAQ,QAAQ,KAAK,sCAAsC,GAAG,CAAC;AAAA,EACnF,GAAG,CAAC,UAAU,IAAI,CAAC;AAInB,QAAM,aAAa,qBAAqB,KAAK,CAAC,aAAa,SAAS,SAAS,SAAS,KAAK;AAC3F,QAAM,gBAAgB,aAAa,SAAS,KAAK,CAAC;AAClD,QAAM,iBAAiB,MAAM,QAAQ,MAAM;AACzC,UAAM,QAAQ,YAAY,KAAK,EAAE,YAAY;AAC7C,WAAO,cAAc,OAAO,CAAC,UAAU;AACrC,UAAI,MAAM,QAAS,QAAO;AAC1B,UAAI,CAAC,MAAO,QAAO;AACnB,aACE,MAAM,MAAM,YAAY,EAAE,SAAS,KAAK,KAAK,MAAM,MAAM,YAAY,EAAE,SAAS,KAAK;AAAA,IAEzF,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,WAAW,CAAC;AAE/B,QAAM,aAAa,MAAM;AAAA,IACvB,MACE,WAAW,KAAK,CAAC,aAAa;AAC5B,YAAM,WAAW,eAAe,SAAS,IAAI,KAAK,CAAC;AACnD,YAAM,UAAU,aAAa,SAAS,IAAI,KAAK,CAAC;AAChD,aAAO,iBAAiB,QAAQ,MAAM,iBAAiB,OAAO;AAAA,IAChE,CAAC;AAAA,IACH,CAAC,YAAY,cAAc,cAAc;AAAA,EAC3C;AAIA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,MAAc,SAAiB,YAAiD;AAC/E,sBAAgB,CAAC,aAAa;AAAA,QAC5B,GAAG;AAAA,QACH,CAAC,IAAI,IAAI,QAAQ,IAAI,KAAK,CAAC,GAAG;AAAA,UAAI,CAAC,UACjC,MAAM,YAAY,UAAU,QAAQ,KAAK,IAAI;AAAA,QAC/C;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,oBAAgB,CAAC,aAAa;AAAA,MAC5B,GAAG;AAAA,MACH,CAAC,SAAS,GAAG;AAAA,QACX,GAAI,QAAQ,SAAS,KAAK,CAAC;AAAA,QAC3B;AAAA,UACE,SAAS,cAAc;AAAA,UACvB,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,OAAO;AAAA,UACP,OAAO;AAAA,UACP,MAAM;AAAA,UACN,WAAW;AAAA,UACX,aAAa;AAAA,UACb,aAAa;AAAA,UACb,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF,EAAE;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,oBAAoB,MAAM;AAAA,IAC9B,CAAC,MAAc,YAAoB;AACjC,sBAAgB,CAAC,YAAY;AAC3B,cAAM,eAAe,QAAQ,IAAI,KAAK,CAAC,GACpC,IAAI,CAAC,UAAU;AACd,cAAI,MAAM,YAAY,QAAS,QAAO;AACtC,cAAI,CAAC,MAAM,GAAI,QAAO;AACtB,iBAAO,EAAE,GAAG,OAAO,SAAS,KAAK;AAAA,QACnC,CAAC,EACA,OAAO,CAAC,UAAkC,UAAU,IAAI;AAC3D,eAAO,EAAE,GAAG,SAAS,CAAC,IAAI,GAAG,YAAY;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EACH;AAIA,QAAM,gBAAgB,MAAM;AAAA,IAC1B,CAAC,UAAwB;AACvB,YAAM,EAAE,QAAQ,KAAK,IAAI;AACzB,UAAI,CAAC,QAAQ,OAAO,OAAO,KAAK,GAAI;AAEpC,sBAAgB,CAAC,YAAY;AAC3B,cAAM,UAAU,QAAQ,SAAS,KAAK,CAAC;AACvC,cAAM,cAAc,QAAQ,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO;AACpD,cAAM,WAAW,YAAY,UAAU,CAAC,MAAM,EAAE,YAAY,OAAO,EAAE;AACrE,cAAM,WAAW,YAAY,UAAU,CAAC,MAAM,EAAE,YAAY,KAAK,EAAE;AACnE,YAAI,aAAa,MAAM,aAAa,GAAI,QAAO;AAC/C,cAAM,YAAY,UAAU,aAAa,UAAU,QAAQ;AAC3D,cAAM,iBAAiB,QAAQ,OAAO,CAAC,MAAM,EAAE,OAAO;AACtD,eAAO,EAAE,GAAG,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,WAAW,GAAG,cAAc,EAAE;AAAA,MACtE,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,SAAiB,UAAkB;AAClC,sBAAgB,CAAC,YAAY;AAC3B,cAAM,UAAU,QAAQ,SAAS,KAAK,CAAC;AACvC,cAAM,cAAc,QAAQ,OAAO,CAAC,UAAU,CAAC,MAAM,OAAO;AAC5D,cAAM,WAAW,YAAY,UAAU,CAAC,UAAU,MAAM,YAAY,OAAO;AAC3E,YAAI,WAAW,EAAG,QAAO;AACzB,cAAM,WAAW,WAAW;AAC5B,YAAI,WAAW,KAAK,YAAY,YAAY,OAAQ,QAAO;AAC3D,cAAM,YAAY,UAAU,aAAa,UAAU,QAAQ;AAC3D,cAAM,iBAAiB,QAAQ,OAAO,CAAC,UAAU,MAAM,OAAO;AAC9D,eAAO,EAAE,GAAG,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,WAAW,GAAG,cAAc,EAAE;AAAA,MACtE,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAIA,QAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,QAAI,OAAQ;AAEZ,eAAW,YAAY,YAAY;AACjC,YAAM,UAAU,aAAa,SAAS,IAAI,KAAK,CAAC;AAChD,iBAAW,SAAS,SAAS;AAC3B,YAAI,MAAM,QAAS;AACnB,cAAM,YAAY,MAAM,MAAM,KAAK;AACnC,cAAM,YAAY,MAAM,MAAM,KAAK;AACnC,YAAI,CAAC,aAAa,CAAC,WAAW;AAC5B;AAAA,YACE;AAAA,cACE;AAAA,cACA;AAAA,YACF;AAAA,YACA;AAAA,UACF;AACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,cAAU,IAAI;AACd,QAAI;AACF,iBAAW,YAAY,YAAY;AACjC,cAAM,iBAAiB,aAAa,SAAS,IAAI,KAAK,CAAC;AACvD,cAAM,kBAAkB,eAAe,SAAS,IAAI,KAAK,CAAC;AAC1D,cAAM,eAAe,IAAI;AAAA,UACvB,gBAAgB,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,IAAc,CAAC,CAAC;AAAA,QACpE;AAEA,mBAAW,SAAS,gBAAgB;AAClC,cAAI,MAAM,SAAS;AACjB,gBAAI,MAAM,IAAI;AACZ,oBAAM;AAAA,gBACJ,MACE,eAAe,+BAA+B,SAAS,IAAI,IAAI,MAAM,EAAE,IAAI;AAAA,kBACzE,QAAQ;AAAA,gBACV,CAAC;AAAA,gBACH,EAAE,MAAM,SAAS,MAAM,SAAS,MAAM,IAAI,WAAW,SAAS;AAAA,cAChE;AAAA,YACF;AACA;AAAA,UACF;AAEA,gBAAM,UAAmC;AAAA,YACvC,OAAO,MAAM,MAAM,KAAK;AAAA,YACxB,OAAO,MAAM,MAAM,KAAK;AAAA,YACxB,OAAO,eAAe,MAAM,KAAK;AAAA,YACjC,MAAM,aAAa,MAAM,IAAI,KAAK;AAAA,UACpC;AAEA,cAAI,CAAC,MAAM,IAAI;AACb,kBAAM;AAAA,cACJ,MACE,eAAe,+BAA+B,SAAS,IAAI,IAAI;AAAA,gBAC7D,QAAQ;AAAA,gBACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,gBAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,cAC9B,CAAC;AAAA,cACH,EAAE,MAAM,SAAS,MAAM,OAAO,QAAQ,OAAO,WAAW,SAAS;AAAA,YACnE;AACA;AAAA,UACF;AAGA,cAAI,MAAM,YAAa;AAEvB,gBAAM,gBAAgB,aAAa,IAAI,MAAM,EAAE;AAC/C,cACE,iBACA,cAAc,UAAW,QAAQ,SACjC,cAAc,UAAW,QAAQ,SACjC,eAAe,cAAc,KAAK,MAAM,eAAe,QAAQ,KAAe,KAC9E,aAAa,cAAc,IAAI,MAAM,aAAa,QAAQ,IAAc,GACxE;AACA;AAAA,UACF;AAEA,gBAAM;AAAA,YACJ,MACE,eAAe,+BAA+B,SAAS,IAAI,IAAI,MAAM,EAAE,IAAI;AAAA,cACzE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,YAC9B,CAAC;AAAA,YACH,EAAE,MAAM,SAAS,MAAM,SAAS,MAAM,IAAI,OAAO,QAAQ,OAAO,WAAW,SAAS;AAAA,UACtF;AAAA,QACF;AAAA,MACF;AAEA,YAAM,EAAE,qCAAqC,2BAA2B,GAAG,SAAS;AACpF,YAAM,SAAS;AAAA,IACjB,SAAS,OAAO;AACd,YAAM,UACJ,iBAAiB,QACb,MAAM,UACN,EAAE,mCAAmC,kCAAkC;AAC7E,YAAM,SAAS,OAAO;AAAA,IACxB,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,YAAY,cAAc,UAAU,gBAAgB,oBAAoB,QAAQ,CAAC,CAAC;AAEtF,QAAM,0BAA0B,MAAM,YAAY,MAAM;AACtD,UAAM,OAAO,gBAAgB;AAC7B,QAAI,CAAC,MAAM;AACT,uBAAiB,KAAK;AACtB,wBAAkB,KAAK;AACvB;AAAA,IACF;AACA,UAAM,gBAAgB,KAAK,IAAI,GAAG,KAAK,cAAc,KAAK,WAAW;AACrE,qBAAiB,KAAK,aAAa,CAAC;AACpC,sBAAkB,KAAK,aAAa,gBAAgB,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,MAAM;AAAA,IAC/B,CAAC,cAAgC;AAC/B,YAAM,OAAO,gBAAgB;AAC7B,UAAI,CAAC,KAAM;AACX,YAAM,SAAS,KAAK,IAAI,KAAK,KAAK,MAAM,KAAK,cAAc,IAAI,CAAC;AAChE,WAAK,SAAS;AAAA,QACZ,MAAM,cAAc,SAAS,CAAC,SAAS;AAAA,QACvC,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,gBAAgB;AAC7B,QAAI,CAAC,KAAM;AACX,4BAAwB;AACxB,SAAK,iBAAiB,UAAU,yBAAyB,EAAE,SAAS,KAAK,CAAC;AAC1E,UAAM,iBACJ,OAAO,mBAAmB,cACtB,IAAI,eAAe,MAAM,wBAAwB,CAAC,IAClD;AACN,oBAAgB,QAAQ,IAAI;AAC5B,WAAO,MAAM;AACX,WAAK,oBAAoB,UAAU,uBAAuB;AAC1D,sBAAgB,WAAW;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,MAAM,sBAAsB,uBAAuB,CAAC;AAExD,QAAM,uBAAuB,MAAM,YAAY,YAAY;AACzD,QAAI,iBAAkB;AACtB,UAAM,cAAc,gBAAgB,KAAK;AACzC,UAAM,OAAO,aAAa,WAAW;AACrC,QAAI,CAAC,KAAK,QAAQ;AAChB;AAAA,QACE,EAAE,6CAA6C,8BAA8B;AAAA,QAC7E;AAAA,MACF;AACA;AAAA,IACF;AACA,QAAI,WAAW,KAAK,CAAC,aAAa,SAAS,SAAS,IAAI,GAAG;AACzD,mBAAa,IAAI;AACjB,4BAAsB,KAAK;AAC3B;AAAA,IACF;AAEA,wBAAoB,IAAI;AACxB,QAAI;AACF,YAAM;AAAA,QACJ,MACE,eAAe,6CAA6C;AAAA,UAC1D,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU;AAAA,YACnB;AAAA,YACA,eAAe;AAAA,YACf,eAAe;AAAA,YACf,WAAW,WAAW,SAAS;AAAA,UACjC,CAAC;AAAA,QACH,CAAC;AAAA,QACH;AAAA,UACE;AAAA,UACA,eAAe;AAAA,UACf,WAAW;AAAA,QACb;AAAA,MACF;AACA,YAAM,SAAS;AACf,mBAAa,IAAI;AACjB,4BAAsB,KAAK;AAC3B,yBAAmB,EAAE;AACrB,kCAA4B,OAAO;AACnC,YAAM,EAAE,+CAA+C,mBAAmB,GAAG,SAAS;AAAA,IACxF,SAAS,OAAO;AACd,YAAM,UACJ,iBAAiB,QACb,MAAM,UACN,EAAE,6CAA6C,4BAA4B;AACjF,YAAM,SAAS,OAAO;AAAA,IACxB,UAAE;AACA,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,YAAY,kBAAkB,UAAU,iBAAiB,0BAA0B,oBAAoB,CAAC,CAAC;AAI7G,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,CAAC,MAAqB;AACpC,WAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,SAAS;AACjD,UAAE,eAAe;AACjB,aAAK,WAAW;AAAA,MAClB;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,OAAO;AAC1C,WAAO,MAAM,OAAO,oBAAoB,WAAW,OAAO;AAAA,EAC5D,GAAG,CAAC,MAAM,UAAU,CAAC;AAIrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,aAAa;AAC1B,YAAI,CAAC,SAAU,SAAQ;AAAA,MACzB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,oBAAkB;AAAA,UAElB;AAAA,gCAAC,kBACC,8BAAC,eAAa,YAAE,+BAA+B,aAAa,GAAE,GAChE;AAAA,YAGA,qBAAC,SAAI,WAAU,oEACb;AAAA,mCAAC,SAAI,WAAU,uBACb;AAAA,oCAAC,QAAG,WAAU,qDACX,YAAE,+BAA+B,aAAa,GACjD;AAAA,gBACA,oBAAC,OAAE,WAAU,+CACV;AAAA,kBACC;AAAA,kBACA;AAAA,gBACF,GACF;AAAA,iBACF;AAAA,cACA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS,MAAM;AACb,4CAAsB,CAAC,YAAY,CAAC,OAAO;AAC3C,yCAAmB,EAAE;AACrB,kDAA4B,OAAO;AAAA,oBACrC;AAAA,oBAEA;AAAA,0CAAC,QAAK,WAAU,YAAW;AAAA,sBAC1B,EAAE,qCAAqC,cAAc;AAAA;AAAA;AAAA,gBACxD;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS;AAAA,oBACT,cAAY,EAAE,qCAAqC,OAAO;AAAA,oBAE1D,8BAAC,KAAE,WAAU,YAAW;AAAA;AAAA,gBAC1B;AAAA,iBACF;AAAA,eACF;AAAA,YACA,oBAAC,SAAI,WAAU,2BAA0B;AAAA,YAExC,UACC,oBAAC,SAAI,WAAU,wDACZ,YAAE,iCAAiC,YAAY,GAClD,IAEA,iCACG;AAAA,mCACC,qBAAC,SAAI,WAAU,iFACb;AAAA,oCAAC,SAAI,WAAU,+EACb;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAO;AAAA,oBACP,UAAU,CAAC,UAAU,mBAAmB,MAAM,OAAO,KAAK;AAAA,oBAC1D,WAAW,CAAC,UAAU;AACpB,0BAAI,MAAM,QAAQ,SAAS;AACzB,8BAAM,eAAe;AACrB,6BAAK,qBAAqB;AAAA,sBAC5B;AAAA,oBACF;AAAA,oBACA,aAAa,EAAE,gDAAgD,kBAAkB;AAAA,oBACjF,WAAU;AAAA;AAAA,gBACZ,GACF;AAAA,gBACA,qBAAC,SAAI,WAAU,2EACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,6BAA6B,WAAW,cAAc;AAAA,sBAC/D,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,SAAS,MAAM,4BAA4B,QAAQ;AAAA,sBAElD,YAAE,6CAA6C,QAAQ;AAAA;AAAA,kBAC1D;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,6BAA6B,UAAU,cAAc;AAAA,sBAC9D,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,SAAS,MAAM,4BAA4B,OAAO;AAAA,sBAEjD,YAAE,4CAA4C,OAAO;AAAA;AAAA,kBACxD;AAAA,mBACF;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS,MAAM;AACb,2BAAK,qBAAqB;AAAA,oBAC5B;AAAA,oBACA,UAAU;AAAA,oBAET,6BACG,EAAE,0CAA0C,aAAa,IACzD,EAAE,wCAAwC,iBAAiB;AAAA;AAAA,gBACjE;AAAA,iBACF,IACE;AAAA,cAGJ,qBAAC,SAAI,WAAU,uEACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS,MAAM,mBAAmB,MAAM;AAAA,oBACxC,UAAU,CAAC;AAAA,oBACX,cAAY,EAAE,oCAAoC,wBAAwB;AAAA,oBAE1E,8BAAC,gBAAa,WAAU,YAAW;AAAA;AAAA,gBACrC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAU;AAAA,oBAEV,8BAAC,SAAI,WAAU,0BACZ,+BAAqB,IAAI,CAAC,aAAa;AACtC,4BAAM,OAAO,SAAS;AACtB,4BAAM,WAAW,SAAS,SAAS;AACnC,4BAAM,QAAQ,YAAY,SAAS,IAAI,KAAK;AAC5C,6BACE;AAAA,wBAAC;AAAA;AAAA,0BAEC,MAAK;AAAA,0BACL,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,SAAS,MAAM;AACb,yCAAa,SAAS,IAAI;AAC1B,2CAAe,EAAE;AAAA,0BACnB;AAAA,0BACA,WAAW,sGACT,WACI,6CACA,iDACN;AAAA,0BAEA;AAAA,gDAAC,QAAK,WAAU,YAAW;AAAA,4BAC3B;AAAA,8BAAC;AAAA;AAAA,gCACC,WAAW,6BAA6B,WAAW,kBAAkB,aAAa;AAAA,gCAEjF,mBAAS;AAAA;AAAA,4BACZ;AAAA,4BACA,oBAAC,UAAK,WAAU,8EACb,iBACH;AAAA;AAAA;AAAA,wBAtBK,SAAS;AAAA,sBAuBhB;AAAA,oBAEJ,CAAC,GACH;AAAA;AAAA,gBACF;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS,MAAM,mBAAmB,OAAO;AAAA,oBACzC,UAAU,CAAC;AAAA,oBACX,cAAY,EAAE,qCAAqC,yBAAyB;AAAA,oBAE5E,8BAAC,iBAAc,WAAU,YAAW;AAAA;AAAA,gBACtC;AAAA,iBACF;AAAA,cAGA,oBAAC,SAAI,WAAU,kEACZ,uBACC,iCAEE;AAAA,qCAAC,SAAI,WAAU,qCACb;AAAA,uCAAC,SAAI,WAAU,uBACb;AAAA,yCAAC,SAAI,WAAU,6BACb;AAAA,0CAAC,UAAK,WAAU,qCACb,qBAAW,YACd;AAAA,uBACE,WAAW,UAAU,CAAC,GAAG,IAAI,CAAC,UAC9B;AAAA,wBAAC;AAAA;AAAA,0BAEC,WAAW,kDACT,UAAU,aACN,kDACA,gCACN;AAAA,0BAEC,oBAAU,aACP,EAAE,wCAAwC,UAAU,IACpD,EAAE,sCAAsC,QAAQ;AAAA;AAAA,wBAT/C;AAAA,sBAUP,CACD;AAAA,uBACH;AAAA,oBACA,qBAAC,SAAI,WAAU,6BACb;AAAA,0CAAC,QAAK,WAAU,yCAAwC;AAAA,sBACxD,oBAAC,UAAK,WAAU,iCACb,qBAAW,aACd;AAAA,uBACF;AAAA,qBACF;AAAA,kBACA,qBAAC,SAAI,WAAU,+BACb;AAAA,wCAAC,UAAO,WAAU,8EAA6E;AAAA,oBAC/F;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAO;AAAA,wBACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,wBAC9C,aAAa,EAAE,gCAAgC,kBAAkB;AAAA,wBACjE,WAAU;AAAA;AAAA,oBACZ;AAAA,qBACF;AAAA,mBACF;AAAA,gBAGA,qBAAC,SAAI,WAAU,uCACb;AAAA,sCAAC,SAAI,WAAU,qBAAoB;AAAA,kBACnC,oBAAC,SAAI,WAAU,kBACb,8BAAC,UAAK,WAAU,2DACb,YAAE,uCAAuC,OAAO,GACnD,GACF;AAAA,kBACA,oBAAC,SAAI,WAAU,sBACb,8BAAC,UAAK,WAAU,2DACb,YAAE,sCAAsC,MAAM,GACjD,GACF;AAAA,kBACA,oBAAC,SAAI,WAAU,qBACb,8BAAC,UAAK,WAAU,2DACb,YAAE,uCAAuC,OAAO,GACnD,GACF;AAAA,kBACA,oBAAC,SAAI,WAAU,qBAAoB;AAAA,mBACrC;AAAA,gBAGA,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC;AAAA,sBACA,oBAAoB;AAAA,sBACpB,WAAW;AAAA,sBAEX;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAO,eAAe,IAAI,CAAC,MAAM,EAAE,OAAO;AAAA,0BAC1C,UAAU;AAAA,0BAET,yBAAe,IAAI,CAAC,OAAO,UAC1B;AAAA,4BAAC;AAAA;AAAA,8BAEC;AAAA,8BACA;AAAA,8BACA,OAAO,eAAe;AAAA,8BACtB,WAAW,UAAU,KAAK,MAAM,OAAO;AAAA,8BACvC,eAAe,CAAC,UAAU;AACxB,iDAAiB,WAAW,MAAM,SAAS,CAAC,aAAa;AAAA,kCACvD,GAAG;AAAA,kCACH,OAAO;AAAA,kCACP,OAAO,QAAQ,cACX,QAAQ,QACR,aAAa,KAAK;AAAA,gCACxB,EAAE;AAAA,8BACJ;AAAA,8BACA,eAAe,CAAC,UAAU;AACxB,iDAAiB,WAAW,MAAM,SAAS,CAAC,aAAa;AAAA,kCACvD,GAAG;AAAA,kCACH;AAAA,kCACA,aAAa;AAAA,gCACf,EAAE;AAAA,8BACJ;AAAA,8BACA,eAAe,CAAC,UAAU;AACxB,iDAAiB,WAAW,MAAM,SAAS,CAAC,aAAa;AAAA,kCACvD,GAAG;AAAA,kCACH,OAAO;AAAA,gCACT,EAAE;AAAA,8BACJ;AAAA,8BACA,UAAU,MAAM,kBAAkB,WAAW,MAAM,OAAO;AAAA,8BAC1D,UAAU,MAAM,iBAAiB,MAAM,SAAS,EAAE;AAAA,8BAClD,YAAY,MAAM,iBAAiB,MAAM,SAAS,CAAC;AAAA,8BACnD;AAAA;AAAA,4BA9BK,MAAM;AAAA,0BA+Bb,CACD;AAAA;AAAA,sBACH;AAAA;AAAA,kBACF;AAAA,kBAEC,eAAe,WAAW,KACzB,oBAAC,SAAI,WAAU,uDACZ;AAAA,oBACC;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,mBAEJ;AAAA,gBAGA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,SAAS;AAAA,oBACT,WAAU;AAAA,oBAEV;AAAA,0CAAC,QAAK,WAAU,YAAW;AAAA,sBAC1B,EAAE,kCAAkC,eAAe;AAAA;AAAA;AAAA,gBACtD;AAAA,gBAGA,qBAAC,SAAI,WAAU,4DACb;AAAA,sCAAC,QAAK,WAAU,kDAAiD;AAAA,kBACjE,qBAAC,SAAI,WAAU,8BACb;AAAA,wCAAC,UAAK,WAAU,yCACb,qBAAW,WACd;AAAA,oBACA,oBAAC,UAAK,WAAU,iCACb,qBAAW,iBACd;AAAA,qBACF;AAAA,mBACF;AAAA,iBACF,IAEA,oBAAC,SAAI,WAAU,kDACZ,YAAE,wCAAwC,0BAA0B,GACvE,GAEJ;AAAA,cAGA,oBAAC,SAAI,WAAU,2BAA0B;AAAA,cAGzC,qBAAC,SAAI,WAAU,wDACb;AAAA,qCAAC,SAAI,WAAU,6BACb;AAAA,sCAAC,QAAK,WAAU,yCAAwC;AAAA,kBACxD,oBAAC,UAAK,WAAU,iCACb;AAAA,oBACC;AAAA,oBACA;AAAA,kBACF,GACF;AAAA,mBACF;AAAA,gBACA,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,SAAS;AAAA,sBACT,WAAU;AAAA,sBAET,YAAE,+BAA+B,QAAQ;AAAA;AAAA,kBAC5C;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,MAAM;AACb,6BAAK,WAAW;AAAA,sBAClB;AAAA,sBACA,UAAU,UAAU,CAAC;AAAA,sBACrB,WAAU;AAAA,sBAEV;AAAA,4CAAC,QAAK,WAAU,eAAc;AAAA,wBAC7B,SACG,EAAE,gCAAgC,WAAW,IAC7C,EAAE,8BAA8B,cAAc;AAAA;AAAA;AAAA,kBACpD;AAAA,mBACF;AAAA,iBACF;AAAA,eACF;AAAA;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,272 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Calendar, ChevronLeft, ChevronRight } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+function getWeekDays(baseDate) {
+  const day = baseDate.getDay();
+  const monday = new Date(baseDate);
+  monday.setDate(baseDate.getDate() - ((day === 0 ? 7 : day) - 1));
+  monday.setHours(0, 0, 0, 0);
+  const days = [];
+  for (let i = 0; i < 7; i++) {
+    const d = new Date(monday);
+    d.setDate(monday.getDate() + i);
+    days.push(d);
+  }
+  return days;
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function getDayLabels(t) {
+  return [
+    t("customers.calendar.day.mon", "MON"),
+    t("customers.calendar.day.tue", "TUE"),
+    t("customers.calendar.day.wed", "WED"),
+    t("customers.calendar.day.thu", "THU"),
+    t("customers.calendar.day.fri", "FRI"),
+    t("customers.calendar.day.sat", "SAT"),
+    t("customers.calendar.day.sun", "SUN")
+  ];
+}
+const INTERACTION_TYPE_COLORS = {
+  call: "bg-chart-orange",
+  email: "bg-chart-blue",
+  meeting: "bg-chart-emerald",
+  task: "bg-chart-violet",
+  note: "bg-muted-foreground"
+};
+const INTERACTION_TYPE_FALLBACK_COLOR = "bg-chart-orange";
+function dotColorForType(type, isToday) {
+  if (isToday) return "bg-background";
+  return INTERACTION_TYPE_COLORS[type] ?? INTERACTION_TYPE_FALLBACK_COLOR;
+}
+function MiniWeekCalendar({ entityId, useCanonicalInteractions = true, refreshRef }) {
+  const t = useT();
+  const today = React.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const [weekOffset, setWeekOffset] = React.useState(0);
+  const [events, setEvents] = React.useState([]);
+  const baseDate = React.useMemo(() => {
+    const d = new Date(today);
+    d.setDate(d.getDate() + weekOffset * 7);
+    return d;
+  }, [today, weekOffset]);
+  const weekDays = React.useMemo(() => getWeekDays(baseDate), [baseDate]);
+  const weekStart = weekDays[0];
+  const weekEnd = weekDays[6];
+  const monthLabel = React.useMemo(() => {
+    const month = baseDate.toLocaleDateString(void 0, { month: "long", year: "numeric" });
+    return weekOffset === 0 ? t("customers.calendar.thisWeek", "This week") + " \u2014 " + month : month;
+  }, [baseDate, t, weekOffset]);
+  const [refreshKey, setRefreshKey] = React.useState(0);
+  const refresh = React.useCallback(() => setRefreshKey((k) => k + 1), []);
+  React.useEffect(() => {
+    if (refreshRef) refreshRef.current = refresh;
+  }, [refresh, refreshRef]);
+  React.useEffect(() => {
+    if (!entityId) return;
+    const controller = new AbortController();
+    const rangeStart = new Date(weekStart);
+    rangeStart.setHours(0, 0, 0, 0);
+    const rangeEnd = new Date(weekEnd);
+    rangeEnd.setDate(rangeEnd.getDate() + 2);
+    rangeEnd.setHours(23, 59, 59, 999);
+    function isWithinRange(item) {
+      const rawDate = item.scheduledAt ?? item.occurredAt ?? item.createdAt;
+      if (!rawDate) return false;
+      const eventDate = new Date(rawDate);
+      if (Number.isNaN(eventDate.getTime())) return false;
+      return eventDate >= rangeStart && eventDate <= rangeEnd;
+    }
+    async function loadCanonicalInteractions() {
+      const items = [];
+      let cursor;
+      do {
+        const params = new URLSearchParams({
+          entityId,
+          sortField: "occurredAt",
+          sortDir: "desc",
+          limit: "100",
+          excludeInteractionType: "task",
+          from: rangeStart.toISOString(),
+          to: rangeEnd.toISOString()
+        });
+        if (cursor) params.set("cursor", cursor);
+        const payload = await readApiResultOrThrow(`/api/customers/interactions?${params.toString()}`, { signal: controller.signal });
+        const pageItems = Array.isArray(payload?.items) ? payload.items : [];
+        items.push(...pageItems);
+        cursor = typeof payload?.nextCursor === "string" ? payload.nextCursor : void 0;
+      } while (cursor);
+      return items.filter(isWithinRange);
+    }
+    async function loadLegacyActivities() {
+      const items = [];
+      let page = 1;
+      let totalPages = 1;
+      do {
+        const payload = await readApiResultOrThrow(
+          `/api/customers/activities?entityId=${encodeURIComponent(entityId)}&page=${page}&pageSize=100&sortField=occurredAt&sortDir=desc`,
+          { signal: controller.signal }
+        );
+        const pageItems = Array.isArray(payload?.items) ? payload.items : [];
+        const mappedItems = pageItems.map((activity) => ({
+          id: activity.id,
+          interactionType: activity.activityType,
+          title: activity.subject ?? null,
+          body: activity.body ?? null,
+          status: "done",
+          scheduledAt: null,
+          occurredAt: activity.occurredAt ?? null,
+          priority: null,
+          authorUserId: activity.authorUserId ?? null,
+          ownerUserId: null,
+          appearanceIcon: activity.appearanceIcon ?? null,
+          appearanceColor: activity.appearanceColor ?? null,
+          source: "legacy-activity",
+          entityId: activity.entityId ?? null,
+          dealId: activity.dealId ?? null,
+          organizationId: null,
+          tenantId: null,
+          authorName: activity.authorName ?? null,
+          authorEmail: activity.authorEmail ?? null,
+          dealTitle: activity.dealTitle ?? null,
+          customValues: null,
+          createdAt: activity.createdAt,
+          updatedAt: activity.createdAt
+        }));
+        items.push(...mappedItems.filter(isWithinRange));
+        totalPages = typeof payload?.totalPages === "number" ? payload.totalPages : totalPages;
+        if (!pageItems.length) break;
+        const oldestPageTimestamp = pageItems.reduce((oldest, activity) => {
+          const rawDate = activity.occurredAt ?? activity.createdAt;
+          const timestamp = rawDate ? new Date(rawDate).getTime() : Number.NaN;
+          if (!Number.isFinite(timestamp)) return oldest;
+          return Math.min(oldest, timestamp);
+        }, Number.POSITIVE_INFINITY);
+        if (Number.isFinite(oldestPageTimestamp) && oldestPageTimestamp < rangeStart.getTime()) {
+          break;
+        }
+        page += 1;
+      } while (page <= totalPages);
+      return items;
+    }
+    void (async () => {
+      try {
+        const canonicalItems = await loadCanonicalInteractions();
+        if (useCanonicalInteractions) {
+          setEvents(canonicalItems);
+          return;
+        }
+        const legacyItems = await loadLegacyActivities();
+        const seen = /* @__PURE__ */ new Set();
+        const merged = [];
+        for (const item of [...canonicalItems, ...legacyItems]) {
+          if (seen.has(item.id)) continue;
+          seen.add(item.id);
+          merged.push(item);
+        }
+        setEvents(merged.filter(isWithinRange));
+      } catch {
+        setEvents([]);
+      }
+    })();
+    return () => controller.abort();
+  }, [entityId, weekStart, weekEnd, useCanonicalInteractions, refreshKey]);
+  const eventsByDay = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const event of events) {
+      const dateStr = event.scheduledAt ?? event.occurredAt ?? event.createdAt;
+      if (!dateStr) continue;
+      const key = new Date(dateStr).toDateString();
+      const list = map.get(key) ?? [];
+      list.push(event);
+      map.set(key, list);
+    }
+    return map;
+  }, [events]);
+  const [selectedDay, setSelectedDay] = React.useState(null);
+  const activeDay = selectedDay ?? today;
+  const summaryEvents = React.useMemo(() => {
+    const result = [];
+    for (let offset = 0; offset <= 2 && result.length < 3; offset++) {
+      const d = new Date(activeDay);
+      d.setDate(d.getDate() + offset);
+      const dayEvents = eventsByDay.get(d.toDateString()) ?? [];
+      const isActiveDay = offset === 0;
+      const label = isActiveDay ? "" : offset === 1 ? t("customers.calendar.tomorrow", "Tomorrow") + " " : d.toLocaleDateString(void 0, { weekday: "short" }) + " ";
+      for (const ev of dayEvents) {
+        if (result.length >= 3) break;
+        result.push({ event: ev, dayLabel: label, isToday: isActiveDay });
+      }
+    }
+    return result;
+  }, [eventsByDay, activeDay, t]);
+  const dayLabels = getDayLabels(t);
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border/60 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "size-4 text-muted-foreground" }),
+        monthLabel
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "xs", onClick: () => setWeekOffset((w) => w - 1), "aria-label": t("customers.calendar.previousWeek", "Previous week"), children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "xs", onClick: () => setWeekOffset((w) => w + 1), "aria-label": t("customers.calendar.nextWeek", "Next week"), children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-1", children: dayLabels.map((label) => /* @__PURE__ */ jsx("div", { className: "text-center text-xs font-medium text-muted-foreground", children: label }, label)) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 border rounded-lg overflow-hidden", children: weekDays.map((day) => {
+      const isToday = isSameDay(day, today);
+      const isSelected = selectedDay ? isSameDay(day, selectedDay) : isToday;
+      const dayEvents = eventsByDay.get(day.toDateString()) ?? [];
+      const hasEvents = dayEvents.length > 0;
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setSelectedDay(isSameDay(day, selectedDay ?? today) ? null : day),
+          className: cn(
+            "h-auto flex flex-col items-center border-r last:border-r-0 py-3 text-sm transition-colors cursor-pointer rounded-none",
+            isSelected ? "bg-foreground text-background font-bold" : "hover:bg-accent/50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-base", children: day.getDate() }),
+            hasEvents && /* @__PURE__ */ jsx("div", { className: "mt-1 flex gap-0.5", children: dayEvents.slice(0, 3).map((ev, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "size-1 rounded-full",
+                  dotColorForType(ev.interactionType, isSelected)
+                )
+              },
+              i
+            )) })
+          ]
+        },
+        day.toISOString()
+      );
+    }) }),
+    summaryEvents.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-1.5 border-t pt-3", children: summaryEvents.map(({ event, dayLabel, isToday: isActiveDay }) => {
+      const dateStr = event.scheduledAt ?? event.occurredAt ?? event.createdAt;
+      const time = dateStr ? new Date(dateStr).toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : "";
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("size-1.5 rounded-full shrink-0", INTERACTION_TYPE_COLORS[event.interactionType] ?? (isActiveDay ? INTERACTION_TYPE_FALLBACK_COLOR : "bg-muted-foreground")) }),
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold text-muted-foreground shrink-0", children: [
+          dayLabel,
+          time
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title ?? event.body ?? event.interactionType })
+      ] }, event.id);
+    }) })
+  ] });
+}
+export {
+  MiniWeekCalendar
+};
+//# sourceMappingURL=MiniWeekCalendar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/MiniWeekCalendar.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Calendar, ChevronLeft, ChevronRight } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport type { InteractionSummary, ActivitySummary } from './types'\n\ninterface MiniWeekCalendarProps {\n  entityId: string\n  useCanonicalInteractions?: boolean\n  refreshRef?: React.RefObject<(() => void) | null>\n}\n\nfunction getWeekDays(baseDate: Date): Date[] {\n  const day = baseDate.getDay()\n  const monday = new Date(baseDate)\n  monday.setDate(baseDate.getDate() - ((day === 0 ? 7 : day) - 1))\n  monday.setHours(0, 0, 0, 0)\n  const days: Date[] = []\n  for (let i = 0; i < 7; i++) {\n    const d = new Date(monday)\n    d.setDate(monday.getDate() + i)\n    days.push(d)\n  }\n  return days\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate()\n}\n\nfunction getDayLabels(t: ReturnType<typeof useT>): string[] {\n  return [\n    t('customers.calendar.day.mon', 'MON'),\n    t('customers.calendar.day.tue', 'TUE'),\n    t('customers.calendar.day.wed', 'WED'),\n    t('customers.calendar.day.thu', 'THU'),\n    t('customers.calendar.day.fri', 'FRI'),\n    t('customers.calendar.day.sat', 'SAT'),\n    t('customers.calendar.day.sun', 'SUN'),\n  ]\n}\n\nconst INTERACTION_TYPE_COLORS: Record<string, string> = {\n  call: 'bg-chart-orange',\n  email: 'bg-chart-blue',\n  meeting: 'bg-chart-emerald',\n  task: 'bg-chart-violet',\n  note: 'bg-muted-foreground',\n}\n\nconst INTERACTION_TYPE_FALLBACK_COLOR = 'bg-chart-orange'\n\nfunction dotColorForType(type: string, isToday: boolean): string {\n  if (isToday) return 'bg-background'\n  return INTERACTION_TYPE_COLORS[type] ?? INTERACTION_TYPE_FALLBACK_COLOR\n}\n\nexport function MiniWeekCalendar({ entityId, useCanonicalInteractions = true, refreshRef }: MiniWeekCalendarProps) {\n  const t = useT()\n  const today = React.useMemo(() => new Date(), [])\n  const [weekOffset, setWeekOffset] = React.useState(0)\n  const [events, setEvents] = React.useState<InteractionSummary[]>([])\n\n  const baseDate = React.useMemo(() => {\n    const d = new Date(today)\n    d.setDate(d.getDate() + weekOffset * 7)\n    return d\n  }, [today, weekOffset])\n\n  const weekDays = React.useMemo(() => getWeekDays(baseDate), [baseDate])\n  const weekStart = weekDays[0]\n  const weekEnd = weekDays[6]\n\n  const monthLabel = React.useMemo(() => {\n    const month = baseDate.toLocaleDateString(undefined, { month: 'long', year: 'numeric' })\n    return weekOffset === 0\n      ? t('customers.calendar.thisWeek', 'This week') + ' \u2014 ' + month\n      : month\n  }, [baseDate, t, weekOffset])\n\n  const [refreshKey, setRefreshKey] = React.useState(0)\n  const refresh = React.useCallback(() => setRefreshKey((k) => k + 1), [])\n\n  React.useEffect(() => {\n    if (refreshRef) (refreshRef as React.MutableRefObject<(() => void) | null>).current = refresh\n  }, [refresh, refreshRef])\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    const rangeStart = new Date(weekStart)\n    rangeStart.setHours(0, 0, 0, 0)\n    const rangeEnd = new Date(weekEnd)\n    rangeEnd.setDate(rangeEnd.getDate() + 2)\n    rangeEnd.setHours(23, 59, 59, 999)\n\n    function isWithinRange(item: InteractionSummary): boolean {\n      const rawDate = item.scheduledAt ?? item.occurredAt ?? item.createdAt\n      if (!rawDate) return false\n      const eventDate = new Date(rawDate)\n      if (Number.isNaN(eventDate.getTime())) return false\n      return eventDate >= rangeStart && eventDate <= rangeEnd\n    }\n\n    async function loadCanonicalInteractions(): Promise<InteractionSummary[]> {\n      const items: InteractionSummary[] = []\n      let cursor: string | undefined\n      do {\n        const params = new URLSearchParams({\n          entityId,\n          sortField: 'occurredAt',\n          sortDir: 'desc',\n          limit: '100',\n          excludeInteractionType: 'task',\n          from: rangeStart.toISOString(),\n          to: rangeEnd.toISOString(),\n        })\n        if (cursor) params.set('cursor', cursor)\n        const payload = await readApiResultOrThrow<{\n          items?: InteractionSummary[]\n          nextCursor?: string\n        }>(`/api/customers/interactions?${params.toString()}`, { signal: controller.signal })\n        const pageItems = Array.isArray(payload?.items) ? payload.items : []\n        items.push(...pageItems)\n        cursor = typeof payload?.nextCursor === 'string' ? payload.nextCursor : undefined\n      } while (cursor)\n      return items.filter(isWithinRange)\n    }\n\n    async function loadLegacyActivities(): Promise<InteractionSummary[]> {\n      const items: InteractionSummary[] = []\n      let page = 1\n      let totalPages = 1\n      do {\n        const payload = await readApiResultOrThrow<{\n          items?: ActivitySummary[]\n          totalPages?: number\n        }>(\n          `/api/customers/activities?entityId=${encodeURIComponent(entityId)}&page=${page}&pageSize=100&sortField=occurredAt&sortDir=desc`,\n          { signal: controller.signal },\n        )\n        const pageItems = Array.isArray(payload?.items) ? payload.items : []\n        const mappedItems: InteractionSummary[] = pageItems.map((activity) => ({\n          id: activity.id,\n          interactionType: activity.activityType,\n          title: activity.subject ?? null,\n          body: activity.body ?? null,\n          status: 'done',\n          scheduledAt: null,\n          occurredAt: activity.occurredAt ?? null,\n          priority: null,\n          authorUserId: activity.authorUserId ?? null,\n          ownerUserId: null,\n          appearanceIcon: activity.appearanceIcon ?? null,\n          appearanceColor: activity.appearanceColor ?? null,\n          source: 'legacy-activity',\n          entityId: activity.entityId ?? null,\n          dealId: activity.dealId ?? null,\n          organizationId: null,\n          tenantId: null,\n          authorName: activity.authorName ?? null,\n          authorEmail: activity.authorEmail ?? null,\n          dealTitle: activity.dealTitle ?? null,\n          customValues: null,\n          createdAt: activity.createdAt,\n          updatedAt: activity.createdAt,\n        }))\n        items.push(...mappedItems.filter(isWithinRange))\n        totalPages = typeof payload?.totalPages === 'number' ? payload.totalPages : totalPages\n        if (!pageItems.length) break\n        const oldestPageTimestamp = pageItems.reduce<number>((oldest, activity) => {\n          const rawDate = activity.occurredAt ?? activity.createdAt\n          const timestamp = rawDate ? new Date(rawDate).getTime() : Number.NaN\n          if (!Number.isFinite(timestamp)) return oldest\n          return Math.min(oldest, timestamp)\n        }, Number.POSITIVE_INFINITY)\n        if (Number.isFinite(oldestPageTimestamp) && oldestPageTimestamp < rangeStart.getTime()) {\n          break\n        }\n        page += 1\n      } while (page <= totalPages)\n      return items\n    }\n\n    void (async () => {\n      try {\n        const canonicalItems = await loadCanonicalInteractions()\n        if (useCanonicalInteractions) {\n          setEvents(canonicalItems)\n          return\n        }\n        const legacyItems = await loadLegacyActivities()\n        const seen = new Set<string>()\n        const merged: InteractionSummary[] = []\n        for (const item of [...canonicalItems, ...legacyItems]) {\n          if (seen.has(item.id)) continue\n          seen.add(item.id)\n          merged.push(item)\n        }\n        setEvents(merged.filter(isWithinRange))\n      } catch {\n        setEvents([])\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId, weekStart, weekEnd, useCanonicalInteractions, refreshKey])\n\n  const eventsByDay = React.useMemo(() => {\n    const map = new Map<string, InteractionSummary[]>()\n    for (const event of events) {\n      const dateStr = event.scheduledAt ?? event.occurredAt ?? event.createdAt\n      if (!dateStr) continue\n      const key = new Date(dateStr).toDateString()\n      const list = map.get(key) ?? []\n      list.push(event)\n      map.set(key, list)\n    }\n    return map\n  }, [events])\n\n  // Selected day for summary (defaults to today)\n  const [selectedDay, setSelectedDay] = React.useState<Date | null>(null)\n  const activeDay = selectedDay ?? today\n\n  // Collect events for the active day + tomorrow for the summary list\n  const summaryEvents = React.useMemo(() => {\n    const result: Array<{ event: InteractionSummary; dayLabel: string; isToday: boolean }> = []\n    for (let offset = 0; offset <= 2 && result.length < 3; offset++) {\n      const d = new Date(activeDay)\n      d.setDate(d.getDate() + offset)\n      const dayEvents = eventsByDay.get(d.toDateString()) ?? []\n      const isActiveDay = offset === 0\n      const label = isActiveDay\n        ? ''\n        : offset === 1\n          ? t('customers.calendar.tomorrow', 'Tomorrow') + ' '\n          : d.toLocaleDateString(undefined, { weekday: 'short' }) + ' '\n      for (const ev of dayEvents) {\n        if (result.length >= 3) break\n        result.push({ event: ev, dayLabel: label, isToday: isActiveDay })\n      }\n    }\n    return result\n  }, [eventsByDay, activeDay, t])\n\n  const dayLabels = getDayLabels(t)\n\n  return (\n    <div className=\"rounded-lg border border-border/60 p-4\">\n      {/* Header */}\n      <div className=\"mb-3 flex items-center justify-between\">\n        <div className=\"flex items-center gap-2 text-sm font-medium\">\n          <Calendar className=\"size-4 text-muted-foreground\" />\n          {monthLabel}\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" onClick={() => setWeekOffset((w) => w - 1)} aria-label={t('customers.calendar.previousWeek', 'Previous week')}>\n            <ChevronLeft className=\"size-3.5\" />\n          </IconButton>\n          <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" onClick={() => setWeekOffset((w) => w + 1)} aria-label={t('customers.calendar.nextWeek', 'Next week')}>\n            <ChevronRight className=\"size-3.5\" />\n          </IconButton>\n        </div>\n      </div>\n\n      {/* Day headers */}\n      <div className=\"grid grid-cols-7 mb-1\">\n        {dayLabels.map((label) => (\n          <div key={label} className=\"text-center text-xs font-medium text-muted-foreground\">\n            {label}\n          </div>\n        ))}\n      </div>\n\n      {/* Day cells \u2014 bordered grid like Figma */}\n      <div className=\"grid grid-cols-7 border rounded-lg overflow-hidden\">\n        {weekDays.map((day) => {\n          const isToday = isSameDay(day, today)\n          const isSelected = selectedDay ? isSameDay(day, selectedDay) : isToday\n          const dayEvents = eventsByDay.get(day.toDateString()) ?? []\n          const hasEvents = dayEvents.length > 0\n          return (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              key={day.toISOString()}\n              onClick={() => setSelectedDay(isSameDay(day, selectedDay ?? today) ? null : day)}\n              className={cn(\n                'h-auto flex flex-col items-center border-r last:border-r-0 py-3 text-sm transition-colors cursor-pointer rounded-none',\n                isSelected ? 'bg-foreground text-background font-bold' : 'hover:bg-accent/50',\n              )}\n            >\n              <span className=\"text-base\">{day.getDate()}</span>\n              {hasEvents && (\n                <div className=\"mt-1 flex gap-0.5\">\n                  {dayEvents.slice(0, 3).map((ev, i) => (\n                    <span\n                      key={i}\n                      className={cn(\n                        'size-1 rounded-full',\n                        dotColorForType(ev.interactionType, isSelected),\n                      )}\n                    />\n                  ))}\n                </div>\n              )}\n            </Button>\n          )\n        })}\n      </div>\n\n      {/* Day summary \u2014 events for selected/active day + upcoming */}\n      {summaryEvents.length > 0 && (\n        <div className=\"mt-3 space-y-1.5 border-t pt-3\">\n          {summaryEvents.map(({ event, dayLabel, isToday: isActiveDay }) => {\n            const dateStr = event.scheduledAt ?? event.occurredAt ?? event.createdAt\n            const time = dateStr ? new Date(dateStr).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }) : ''\n            return (\n              <div key={event.id} className=\"flex items-center gap-2 text-xs\">\n                <span className={cn('size-1.5 rounded-full shrink-0', INTERACTION_TYPE_COLORS[event.interactionType] ?? (isActiveDay ? INTERACTION_TYPE_FALLBACK_COLOR : 'bg-muted-foreground'))} />\n                <span className=\"font-semibold text-muted-foreground shrink-0\">\n                  {dayLabel}{time}\n                </span>\n                <span className=\"truncate\">{event.title ?? event.body ?? event.interactionType}</span>\n              </div>\n            )\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,106 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "@open-mercato/ui/primitives/button";
+const ZONES = [
+  { id: "details", labelKey: "customers.people.mobile.zoneSwitcher.details", fallback: "Details" },
+  { id: "activity", labelKey: "customers.people.mobile.zoneSwitcher.activity", fallback: "Activity" }
+];
+function MobilePersonDetail({
+  zone1,
+  zone2,
+  defaultZone = "details",
+  syncToUrl = true
+}) {
+  const t = useT();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const initialZone = React.useMemo(() => {
+    if (!syncToUrl) return defaultZone;
+    const raw = searchParams?.get("zone");
+    if (raw === "activity" || raw === "details") return raw;
+    return defaultZone;
+  }, []);
+  const [zone, setZone] = React.useState(initialZone);
+  const lastWrittenZoneRef = React.useRef(null);
+  const handleZoneChange = React.useCallback(
+    (next) => {
+      setZone(next);
+      lastWrittenZoneRef.current = next;
+      if (!syncToUrl) return;
+      const params = new URLSearchParams(searchParams?.toString() ?? "");
+      if (next === defaultZone) {
+        params.delete("zone");
+      } else {
+        params.set("zone", next);
+      }
+      const query = params.toString();
+      router.replace(query.length ? `?${query}` : "?", { scroll: false });
+    },
+    [defaultZone, router, searchParams, syncToUrl]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+      event.preventDefault();
+      const currentIndex = ZONES.findIndex((entry) => entry.id === zone);
+      if (currentIndex < 0) return;
+      const offset = event.key === "ArrowRight" ? 1 : -1;
+      const nextIndex = (currentIndex + offset + ZONES.length) % ZONES.length;
+      handleZoneChange(ZONES[nextIndex].id);
+    },
+    [handleZoneChange, zone]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "tablist",
+        "aria-label": t(
+          "customers.people.mobile.zoneSwitcher.ariaLabel",
+          "Zone selector"
+        ),
+        className: "grid grid-cols-2 gap-1 rounded-lg border border-border/70 bg-muted/20 p-1",
+        onKeyDown: handleKeyDown,
+        children: ZONES.map((entry) => {
+          const isActive = zone === entry.id;
+          return /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": isActive,
+              "aria-controls": `mobile-person-zone-${entry.id}`,
+              variant: isActive ? "default" : "ghost",
+              className: cn(
+                "h-11 rounded-lg text-sm font-semibold",
+                isActive ? "" : "text-muted-foreground"
+              ),
+              onClick: () => handleZoneChange(entry.id),
+              children: t(entry.labelKey, entry.fallback)
+            },
+            entry.id
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: `mobile-person-zone-${zone}`,
+        role: "tabpanel",
+        "aria-labelledby": `mobile-person-zone-${zone}-tab`,
+        children: zone === "details" ? zone1 : zone2
+      }
+    )
+  ] });
+}
+var MobilePersonDetail_default = MobilePersonDetail;
+export {
+  MobilePersonDetail,
+  MobilePersonDetail_default as default
+};
+//# sourceMappingURL=MobilePersonDetail.js.map