npm - @open-mercato/core - Versions diffs - 0.6.6-develop.6257.1.6d0af84d26 → 0.6.6-develop.6286.1.d985c5c374 - Mend

@open-mercato/core 0.6.6-develop.6257.1.6d0af84d26 → 0.6.6-develop.6286.1.d985c5c374

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

Files changed (208) hide show

package/dist/modules/customers/backend/config/customers/pipeline-stages/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/customers/backend/config/customers/pipeline-stages/page.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { AppearanceSelector, type AppearanceSelectorLabels } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\ntype Pipeline = {\n  id: string\n  name: string\n  isDefault: boolean\n  updatedAt?: string | null\n}\n\ntype PipelineStage = {\n  id: string\n  pipelineId: string\n  label: string\n  order: number\n  color: string | null\n  icon: string | null\n  updatedAt?: string | null\n}\n\ntype PipelineDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; pipeline: Pipeline }\n  | null\n\ntype StageDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; stage: PipelineStage }\n  | null\n\nexport default function PipelineStagesPage() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [pipelines, setPipelines] = React.useState<Pipeline[]>([])\n  const [selectedPipelineId, setSelectedPipelineId] = React.useState<string | null>(null)\n  const [stages, setStages] = React.useState<PipelineStage[]>([])\n  const [loadingPipelines, setLoadingPipelines] = React.useState(true)\n  const [loadingStages, setLoadingStages] = React.useState(false)\n  const [pipelineDialog, setPipelineDialog] = React.useState<PipelineDialogState>(null)\n  const [stageDialog, setStageDialog] = React.useState<StageDialogState>(null)\n  const [pipelineName, setPipelineName] = React.useState('')\n  const [pipelineIsDefault, setPipelineIsDefault] = React.useState(false)\n  const [stageName, setStageName] = React.useState('')\n  const [stageColor, setStageColor] = React.useState<string | null>(null)\n  const [stageIcon, setStageIcon] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-pipeline-stages-page',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const pipelineMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-stages-page',\n      resourceKind: 'customers.pipeline',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n  const stageMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-stages-page',\n      resourceKind: 'customers.pipeline_stage',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n\n  const selectedPipeline = React.useMemo(\n    () => pipelines.find((p) => p.id === selectedPipelineId) ?? null,\n    [pipelines, selectedPipelineId],\n  )\n\n  const loadPipelines = React.useCallback(async () => {\n    setLoadingPipelines(true)\n    try {\n      const result = await apiCall<{ items: Pipeline[] }>('/api/customers/pipelines')\n      if (result.ok && result.result?.items) {\n        const items = result.result.items\n        setPipelines(items)\n        if (!selectedPipelineId && items.length > 0) {\n          const defaultPipeline = items.find((p) => p.isDefault) ?? items[0]\n          setSelectedPipelineId(defaultPipeline.id)\n        }\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadPipelines', 'Failed to load pipelines'), 'error')\n    } finally {\n      setLoadingPipelines(false)\n    }\n  }, [selectedPipelineId, t])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    setLoadingStages(true)\n    try {\n      const result = await apiCall<{ items: PipelineStage[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`\n      )\n      if (result.ok && result.result?.items) {\n        setStages(result.result.items)\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadStages', 'Failed to load pipeline stages'), 'error')\n    } finally {\n      setLoadingStages(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    void loadPipelines()\n  }, [loadPipelines])\n\n  React.useEffect(() => {\n    if (selectedPipelineId) {\n      void loadStages(selectedPipelineId)\n    } else {\n      setStages([])\n    }\n  }, [selectedPipelineId, loadStages])\n\n  function openCreatePipeline() {\n    setPipelineName('')\n    setPipelineIsDefault(false)\n    setPipelineDialog({ mode: 'create' })\n  }\n\n  function openEditPipeline(pipeline: Pipeline) {\n    setPipelineName(pipeline.name)\n    setPipelineIsDefault(pipeline.isDefault)\n    setPipelineDialog({ mode: 'edit', pipeline })\n  }\n\n  async function savePipeline() {\n    if (!pipelineName.trim()) return\n    setSaving(true)\n    try {\n      if (pipelineDialog?.mode === 'create') {\n        let newId: string | null = null\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await apiCall<{ id: string }>('/api/customers/pipelines', {\n                method: 'POST',\n                body: JSON.stringify({ name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n                headers: { 'Content-Type': 'application/json' },\n              })\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline'))\n              }\n              newId = result.result?.id ?? null\n            },\n            context: pipelineMutationContext,\n            mutationPayload: { action: 'create', name: pipelineName.trim(), isDefault: pipelineIsDefault },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdPipeline', 'Pipeline created'), 'success')\n        await loadPipelines()\n        if (newId) setSelectedPipelineId(newId)\n      } else if (pipelineDialog?.mode === 'edit') {\n        const targetPipeline = pipelineDialog.pipeline\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await withScopedApiRequestHeaders(\n                buildOptimisticLockHeader(targetPipeline.updatedAt),\n                () => apiCall('/api/customers/pipelines', {\n                  method: 'PUT',\n                  body: JSON.stringify({ id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n                  headers: { 'Content-Type': 'application/json' },\n                }),\n              )\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline'))\n              }\n            },\n            context: pipelineMutationContext,\n            mutationPayload: { action: 'update', id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedPipeline', 'Pipeline updated'), 'success')\n        await loadPipelines()\n      }\n      setPipelineDialog(null)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deletePipeline(pipeline: Pipeline) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deletePipelineTitle', 'Delete pipeline?'),\n      text: t(\n        'customers.config.pipelineStages.deletePipelineDesc',\n        'This pipeline and all its stages will be permanently removed. Deals assigned to it will lose their pipeline assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deletePipelineConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(pipeline.updatedAt),\n            () => apiCall('/api/customers/pipelines', {\n              method: 'DELETE',\n              body: JSON.stringify({ id: pipeline.id }),\n              headers: { 'Content-Type': 'application/json' },\n            }),\n          )\n          if (!result.ok) {\n            const error = (result.result as { error?: string })?.error\n            throw new Error(error ?? t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline'))\n          }\n        },\n        context: pipelineMutationContext,\n        mutationPayload: { action: 'delete', id: pipeline.id },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedPipeline', 'Pipeline deleted'), 'success')\n    if (selectedPipelineId === pipeline.id) setSelectedPipelineId(null)\n    await loadPipelines()\n  }\n\n  function openCreateStage() {\n    setStageName('')\n    setStageColor(null)\n    setStageIcon(null)\n    setStageDialog({ mode: 'create' })\n  }\n\n  function openEditStage(stage: PipelineStage) {\n    setStageName(stage.label)\n    setStageColor(stage.color)\n    setStageIcon(stage.icon)\n    setStageDialog({ mode: 'edit', stage })\n  }\n\n  async function saveStage() {\n    if (!stageName.trim() || !selectedPipelineId) return\n    setSaving(true)\n    try {\n      if (stageDialog?.mode === 'create') {\n        const appearancePayload = {\n          ...(stageColor !== null ? { color: stageColor } : {}),\n          ...(stageIcon !== null ? { icon: stageIcon } : {}),\n        }\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await apiCall('/api/customers/pipeline-stages', {\n                method: 'POST',\n                body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }),\n                headers: { 'Content-Type': 'application/json' },\n              })\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage'))\n              }\n            },\n            context: stageMutationContext,\n            mutationPayload: { action: 'create', pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdStage', 'Stage created'), 'success')\n      } else if (stageDialog?.mode === 'edit') {\n        const targetStage = stageDialog.stage\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await withScopedApiRequestHeaders(\n                buildOptimisticLockHeader(targetStage.updatedAt),\n                () => apiCall('/api/customers/pipeline-stages', {\n                  method: 'PUT',\n                  body: JSON.stringify({ id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }),\n                  headers: { 'Content-Type': 'application/json' },\n                }),\n              )\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage'))\n              }\n            },\n            context: stageMutationContext,\n            mutationPayload: { action: 'update', id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedStage', 'Stage updated'), 'success')\n      }\n      setStageDialog(null)\n      await loadStages(selectedPipelineId)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deleteStage(stage: PipelineStage) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deleteStagTitle', 'Delete stage?'),\n      text: t(\n        'customers.config.pipelineStages.deleteStageDesc',\n        'This stage will be permanently removed. Deals assigned to it will lose their stage assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deleteStageConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(stage.updatedAt),\n            () => apiCall('/api/customers/pipeline-stages', {\n              method: 'DELETE',\n              body: JSON.stringify({ id: stage.id }),\n              headers: { 'Content-Type': 'application/json' },\n            }),\n          )\n          if (!result.ok) {\n            const error = (result.result as { error?: string })?.error\n            throw new Error(error ?? t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage'))\n          }\n        },\n        context: stageMutationContext,\n        mutationPayload: { action: 'delete', id: stage.id },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedStage', 'Stage deleted'), 'success')\n    if (selectedPipelineId) await loadStages(selectedPipelineId)\n  }\n\n  async function moveStage(index: number, direction: 'up' | 'down') {\n    const nextIndex = direction === 'up' ? index - 1 : index + 1\n    if (nextIndex < 0 || nextIndex >= stages.length) return\n\n    const reordered = [...stages]\n    const [moved] = reordered.splice(index, 1)\n    reordered.splice(nextIndex, 0, moved)\n\n    const updated = reordered.map((stage, i) => ({ ...stage, order: i }))\n    setStages(updated)\n\n    const orderedStages = updated.map((s) => ({ id: s.id, order: s.order }))\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await apiCall('/api/customers/pipeline-stages/reorder', {\n            method: 'POST',\n            body: JSON.stringify({ stages: orderedStages }),\n            headers: { 'Content-Type': 'application/json' },\n          })\n          if (!result.ok) {\n            throw new Error(t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages'))\n          }\n        },\n        context: stageMutationContext,\n        mutationPayload: { action: 'reorder', stages: orderedStages },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages')\n      flash(msg, 'error')\n      if (selectedPipelineId) await loadStages(selectedPipelineId)\n    }\n  }\n\n  const appearanceLabels = React.useMemo<AppearanceSelectorLabels>(() => ({\n    colorLabel: t('customers.config.pipelineStages.colorLabel', 'Color'),\n    colorHelp: t('customers.config.pipelineStages.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('customers.config.pipelineStages.colorClear', 'Remove color'),\n    iconLabel: t('customers.config.pipelineStages.iconLabel', 'Icon'),\n    iconPlaceholder: t('customers.config.pipelineStages.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('customers.config.pipelineStages.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('customers.config.pipelineStages.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('customers.config.pipelineStages.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('customers.config.pipelineStages.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.config.pipelineStages.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.config.pipelineStages.previewEmpty', 'None'),\n  }), [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6 max-w-2xl\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold\">\n              {t('customers.config.pipelineStages.title', 'Pipeline stages')}\n            </h2>\n            <a\n              href=\"/backend/customers/deals/pipeline\"\n              className=\"text-sm text-muted-foreground hover:underline\"\n            >\n              {t('customers.config.pipelineStages.viewBoard', 'View pipeline board')} \u2192\n            </a>\n          </div>\n\n          {loadingPipelines ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Spinner size=\"sm\" />\n              {t('customers.config.pipelineStages.loadingPipelines', 'Loading pipelines\u2026')}\n            </div>\n          ) : (\n            <>\n              <div className=\"flex items-center gap-3\">\n                <Select\n                  value={selectedPipelineId || undefined}\n                  onValueChange={(value) => setSelectedPipelineId(value || null)}\n                  disabled={pipelines.length === 0}\n                >\n                  <SelectTrigger className=\"w-full max-w-xs\">\n                    <SelectValue\n                      placeholder={\n                        pipelines.length === 0\n                          ? t('customers.config.pipelineStages.noPipelines', 'No pipelines yet')\n                          : undefined\n                      }\n                    />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {pipelines.map((p) => (\n                      <SelectItem key={p.id} value={p.id}>\n                        {p.name}{p.isDefault ? ` (${t('customers.config.pipelineStages.default', 'default')})` : ''}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                {selectedPipeline && (\n                  <>\n                    <Button variant=\"outline\" size=\"sm\" onClick={() => openEditPipeline(selectedPipeline)}>\n                      {t('customers.config.pipelineStages.editPipeline', 'Edit')}\n                    </Button>\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"text-destructive\"\n                      onClick={() => deletePipeline(selectedPipeline)}\n                    >\n                      {t('customers.config.pipelineStages.deletePipeline', 'Delete')}\n                    </Button>\n                  </>\n                )}\n                <Button variant=\"outline\" size=\"sm\" onClick={openCreatePipeline}>\n                  {t('customers.config.pipelineStages.addPipeline', '+ Add pipeline')}\n                </Button>\n              </div>\n\n              {selectedPipelineId && (\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between\">\n                    <h3 className=\"text-sm font-medium text-muted-foreground\">\n                      {t('customers.config.pipelineStages.stagesTitle', 'Stages')}\n                    </h3>\n                    <Button size=\"sm\" onClick={openCreateStage}>\n                      {t('customers.config.pipelineStages.addStage', '+ Add stage')}\n                    </Button>\n                  </div>\n\n                  {loadingStages ? (\n                    <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Spinner size=\"sm\" />\n                      {t('customers.config.pipelineStages.loadingStages', 'Loading stages\u2026')}\n                    </div>\n                  ) : stages.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.config.pipelineStages.noStages', 'No stages yet. Add your first stage.')}\n                    </p>\n                  ) : (\n                    <div className=\"divide-y rounded-md border\">\n                      {stages.map((stage, index) => (\n                        <div key={stage.id} className=\"flex items-center gap-3 px-4 py-3\">\n                          <div className=\"flex flex-col gap-1\">\n                            <button\n                              type=\"button\"\n                              className=\"text-muted-foreground hover:text-foreground disabled:opacity-50\"\n                              onClick={() => moveStage(index, 'up')}\n                              disabled={index === 0}\n                              aria-label={t('customers.config.pipelineStages.moveUp', 'Move up')}\n                            >\n                              \u2191\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"text-muted-foreground hover:text-foreground disabled:opacity-50\"\n                              onClick={() => moveStage(index, 'down')}\n                              disabled={index === stages.length - 1}\n                              aria-label={t('customers.config.pipelineStages.moveDown', 'Move down')}\n                            >\n                              \u2193\n                            </button>\n                          </div>\n                          <span className=\"flex-1 text-sm flex items-center gap-2\">\n                            {stage.color ? renderDictionaryColor(stage.color) : null}\n                            {stage.icon ? renderDictionaryIcon(stage.icon) : null}\n                            {stage.label}\n                          </span>\n                          <Button variant=\"ghost\" size=\"sm\" onClick={() => openEditStage(stage)}>\n                            {t('customers.config.pipelineStages.editStage', 'Edit')}\n                          </Button>\n                          <Button\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"text-destructive\"\n                            onClick={() => deleteStage(stage)}\n                          >\n                            {t('customers.config.pipelineStages.deleteStage', 'Delete')}\n                          </Button>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n\n        <Dialog open={pipelineDialog !== null} onOpenChange={(open) => { if (!open) setPipelineDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {pipelineDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createPipelineTitle', 'Create pipeline')\n                  : t('customers.config.pipelineStages.editPipelineTitle', 'Edit pipeline')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.pipelineName', 'Name')}\n                </label>\n                <Input\n                  value={pipelineName}\n                  onChange={(e) => setPipelineName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.pipelineNamePlaceholder', 'e.g. Sales Pipeline')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void savePipeline() } }}\n                  autoFocus\n                />\n              </div>\n              <label className=\"flex items-center gap-2 text-sm cursor-pointer\">\n                <input\n                  type=\"checkbox\"\n                  checked={pipelineIsDefault}\n                  onChange={(e) => setPipelineIsDefault(e.target.checked)}\n                />\n                {t('customers.config.pipelineStages.setAsDefault', 'Set as default pipeline')}\n              </label>\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setPipelineDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void savePipeline()} disabled={saving || !pipelineName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n\n        <Dialog open={stageDialog !== null} onOpenChange={(open) => { if (!open) setStageDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {stageDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createStageTitle', 'Create stage')\n                  : t('customers.config.pipelineStages.editStageTitle', 'Edit stage')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.stageName', 'Stage name')}\n                </label>\n                <Input\n                  value={stageName}\n                  onChange={(e) => setStageName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.stageNamePlaceholder', 'e.g. Qualification')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void saveStage() } }}\n                  autoFocus\n                />\n              </div>\n              <AppearanceSelector\n                color={stageColor}\n                icon={stageIcon}\n                onColorChange={setStageColor}\n                onIconChange={setStageIcon}\n                labels={appearanceLabels}\n                iconSuggestions={ICON_SUGGESTIONS}\n              />\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setStageDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void saveStage()} disabled={saving || !stageName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ChevronDown, ChevronUp } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { AppearanceSelector, type AppearanceSelectorLabels } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\ntype Pipeline = {\n  id: string\n  name: string\n  isDefault: boolean\n  updatedAt?: string | null\n}\n\ntype PipelineStage = {\n  id: string\n  pipelineId: string\n  label: string\n  order: number\n  color: string | null\n  icon: string | null\n  updatedAt?: string | null\n}\n\ntype PipelineDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; pipeline: Pipeline }\n  | null\n\ntype StageDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; stage: PipelineStage }\n  | null\n\nexport default function PipelineStagesPage() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [pipelines, setPipelines] = React.useState<Pipeline[]>([])\n  const [selectedPipelineId, setSelectedPipelineId] = React.useState<string | null>(null)\n  const [stages, setStages] = React.useState<PipelineStage[]>([])\n  const [loadingPipelines, setLoadingPipelines] = React.useState(true)\n  const [loadingStages, setLoadingStages] = React.useState(false)\n  const [pipelineDialog, setPipelineDialog] = React.useState<PipelineDialogState>(null)\n  const [stageDialog, setStageDialog] = React.useState<StageDialogState>(null)\n  const [pipelineName, setPipelineName] = React.useState('')\n  const [pipelineIsDefault, setPipelineIsDefault] = React.useState(false)\n  const [stageName, setStageName] = React.useState('')\n  const [stageColor, setStageColor] = React.useState<string | null>(null)\n  const [stageIcon, setStageIcon] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-pipeline-stages-page',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const pipelineMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-stages-page',\n      resourceKind: 'customers.pipeline',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n  const stageMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-stages-page',\n      resourceKind: 'customers.pipeline_stage',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n\n  const selectedPipeline = React.useMemo(\n    () => pipelines.find((p) => p.id === selectedPipelineId) ?? null,\n    [pipelines, selectedPipelineId],\n  )\n\n  const loadPipelines = React.useCallback(async () => {\n    setLoadingPipelines(true)\n    try {\n      const result = await apiCall<{ items: Pipeline[] }>('/api/customers/pipelines')\n      if (result.ok && result.result?.items) {\n        const items = result.result.items\n        setPipelines(items)\n        if (!selectedPipelineId && items.length > 0) {\n          const defaultPipeline = items.find((p) => p.isDefault) ?? items[0]\n          setSelectedPipelineId(defaultPipeline.id)\n        }\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadPipelines', 'Failed to load pipelines'), 'error')\n    } finally {\n      setLoadingPipelines(false)\n    }\n  }, [selectedPipelineId, t])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    setLoadingStages(true)\n    try {\n      const result = await apiCall<{ items: PipelineStage[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`\n      )\n      if (result.ok && result.result?.items) {\n        setStages(result.result.items)\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadStages', 'Failed to load pipeline stages'), 'error')\n    } finally {\n      setLoadingStages(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    void loadPipelines()\n  }, [loadPipelines])\n\n  React.useEffect(() => {\n    if (selectedPipelineId) {\n      void loadStages(selectedPipelineId)\n    } else {\n      setStages([])\n    }\n  }, [selectedPipelineId, loadStages])\n\n  function openCreatePipeline() {\n    setPipelineName('')\n    setPipelineIsDefault(false)\n    setPipelineDialog({ mode: 'create' })\n  }\n\n  function openEditPipeline(pipeline: Pipeline) {\n    setPipelineName(pipeline.name)\n    setPipelineIsDefault(pipeline.isDefault)\n    setPipelineDialog({ mode: 'edit', pipeline })\n  }\n\n  async function savePipeline() {\n    if (!pipelineName.trim()) return\n    setSaving(true)\n    try {\n      if (pipelineDialog?.mode === 'create') {\n        let newId: string | null = null\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await apiCall<{ id: string }>('/api/customers/pipelines', {\n                method: 'POST',\n                body: JSON.stringify({ name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n                headers: { 'Content-Type': 'application/json' },\n              })\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline'))\n              }\n              newId = result.result?.id ?? null\n            },\n            context: pipelineMutationContext,\n            mutationPayload: { action: 'create', name: pipelineName.trim(), isDefault: pipelineIsDefault },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdPipeline', 'Pipeline created'), 'success')\n        await loadPipelines()\n        if (newId) setSelectedPipelineId(newId)\n      } else if (pipelineDialog?.mode === 'edit') {\n        const targetPipeline = pipelineDialog.pipeline\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await withScopedApiRequestHeaders(\n                buildOptimisticLockHeader(targetPipeline.updatedAt),\n                () => apiCall('/api/customers/pipelines', {\n                  method: 'PUT',\n                  body: JSON.stringify({ id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n                  headers: { 'Content-Type': 'application/json' },\n                }),\n              )\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline'))\n              }\n            },\n            context: pipelineMutationContext,\n            mutationPayload: { action: 'update', id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedPipeline', 'Pipeline updated'), 'success')\n        await loadPipelines()\n      }\n      setPipelineDialog(null)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deletePipeline(pipeline: Pipeline) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deletePipelineTitle', 'Delete pipeline?'),\n      text: t(\n        'customers.config.pipelineStages.deletePipelineDesc',\n        'This pipeline and all its stages will be permanently removed. Deals assigned to it will lose their pipeline assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deletePipelineConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(pipeline.updatedAt),\n            () => apiCall('/api/customers/pipelines', {\n              method: 'DELETE',\n              body: JSON.stringify({ id: pipeline.id }),\n              headers: { 'Content-Type': 'application/json' },\n            }),\n          )\n          if (!result.ok) {\n            const error = (result.result as { error?: string })?.error\n            throw new Error(error ?? t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline'))\n          }\n        },\n        context: pipelineMutationContext,\n        mutationPayload: { action: 'delete', id: pipeline.id },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedPipeline', 'Pipeline deleted'), 'success')\n    if (selectedPipelineId === pipeline.id) setSelectedPipelineId(null)\n    await loadPipelines()\n  }\n\n  function openCreateStage() {\n    setStageName('')\n    setStageColor(null)\n    setStageIcon(null)\n    setStageDialog({ mode: 'create' })\n  }\n\n  function openEditStage(stage: PipelineStage) {\n    setStageName(stage.label)\n    setStageColor(stage.color)\n    setStageIcon(stage.icon)\n    setStageDialog({ mode: 'edit', stage })\n  }\n\n  async function saveStage() {\n    if (!stageName.trim() || !selectedPipelineId) return\n    setSaving(true)\n    try {\n      if (stageDialog?.mode === 'create') {\n        const appearancePayload = {\n          ...(stageColor !== null ? { color: stageColor } : {}),\n          ...(stageIcon !== null ? { icon: stageIcon } : {}),\n        }\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await apiCall('/api/customers/pipeline-stages', {\n                method: 'POST',\n                body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }),\n                headers: { 'Content-Type': 'application/json' },\n              })\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage'))\n              }\n            },\n            context: stageMutationContext,\n            mutationPayload: { action: 'create', pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdStage', 'Stage created'), 'success')\n      } else if (stageDialog?.mode === 'edit') {\n        const targetStage = stageDialog.stage\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await withScopedApiRequestHeaders(\n                buildOptimisticLockHeader(targetStage.updatedAt),\n                () => apiCall('/api/customers/pipeline-stages', {\n                  method: 'PUT',\n                  body: JSON.stringify({ id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }),\n                  headers: { 'Content-Type': 'application/json' },\n                }),\n              )\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage'))\n              }\n            },\n            context: stageMutationContext,\n            mutationPayload: { action: 'update', id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedStage', 'Stage updated'), 'success')\n      }\n      setStageDialog(null)\n      await loadStages(selectedPipelineId)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deleteStage(stage: PipelineStage) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deleteStagTitle', 'Delete stage?'),\n      text: t(\n        'customers.config.pipelineStages.deleteStageDesc',\n        'This stage will be permanently removed. Deals assigned to it will lose their stage assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deleteStageConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(stage.updatedAt),\n            () => apiCall('/api/customers/pipeline-stages', {\n              method: 'DELETE',\n              body: JSON.stringify({ id: stage.id }),\n              headers: { 'Content-Type': 'application/json' },\n            }),\n          )\n          if (!result.ok) {\n            const error = (result.result as { error?: string })?.error\n            throw new Error(error ?? t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage'))\n          }\n        },\n        context: stageMutationContext,\n        mutationPayload: { action: 'delete', id: stage.id },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedStage', 'Stage deleted'), 'success')\n    if (selectedPipelineId) await loadStages(selectedPipelineId)\n  }\n\n  async function moveStage(index: number, direction: 'up' | 'down') {\n    const nextIndex = direction === 'up' ? index - 1 : index + 1\n    if (nextIndex < 0 || nextIndex >= stages.length) return\n\n    const reordered = [...stages]\n    const [moved] = reordered.splice(index, 1)\n    reordered.splice(nextIndex, 0, moved)\n\n    const updated = reordered.map((stage, i) => ({ ...stage, order: i }))\n    setStages(updated)\n\n    const orderedStages = updated.map((s) => ({ id: s.id, order: s.order }))\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await apiCall('/api/customers/pipeline-stages/reorder', {\n            method: 'POST',\n            body: JSON.stringify({ stages: orderedStages }),\n            headers: { 'Content-Type': 'application/json' },\n          })\n          if (!result.ok) {\n            throw new Error(t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages'))\n          }\n        },\n        context: stageMutationContext,\n        mutationPayload: { action: 'reorder', stages: orderedStages },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages')\n      flash(msg, 'error')\n      if (selectedPipelineId) await loadStages(selectedPipelineId)\n    }\n  }\n\n  const appearanceLabels = React.useMemo<AppearanceSelectorLabels>(() => ({\n    colorLabel: t('customers.config.pipelineStages.colorLabel', 'Color'),\n    colorHelp: t('customers.config.pipelineStages.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('customers.config.pipelineStages.colorClear', 'Remove color'),\n    iconLabel: t('customers.config.pipelineStages.iconLabel', 'Icon'),\n    iconPlaceholder: t('customers.config.pipelineStages.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('customers.config.pipelineStages.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('customers.config.pipelineStages.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('customers.config.pipelineStages.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('customers.config.pipelineStages.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.config.pipelineStages.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.config.pipelineStages.previewEmpty', 'None'),\n  }), [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6 max-w-2xl\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold\">\n              {t('customers.config.pipelineStages.title', 'Pipeline stages')}\n            </h2>\n            <a\n              href=\"/backend/customers/deals/pipeline\"\n              className=\"text-sm text-muted-foreground hover:underline\"\n            >\n              {t('customers.config.pipelineStages.viewBoard', 'View pipeline board')} \u2192\n            </a>\n          </div>\n\n          {loadingPipelines ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Spinner size=\"sm\" />\n              {t('customers.config.pipelineStages.loadingPipelines', 'Loading pipelines\u2026')}\n            </div>\n          ) : (\n            <>\n              <div className=\"flex items-center gap-3\">\n                <Select\n                  value={selectedPipelineId || undefined}\n                  onValueChange={(value) => setSelectedPipelineId(value || null)}\n                  disabled={pipelines.length === 0}\n                >\n                  <SelectTrigger className=\"w-full max-w-xs\">\n                    <SelectValue\n                      placeholder={\n                        pipelines.length === 0\n                          ? t('customers.config.pipelineStages.noPipelines', 'No pipelines yet')\n                          : undefined\n                      }\n                    />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {pipelines.map((p) => (\n                      <SelectItem key={p.id} value={p.id}>\n                        {p.name}{p.isDefault ? ` (${t('customers.config.pipelineStages.default', 'default')})` : ''}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                {selectedPipeline && (\n                  <>\n                    <Button variant=\"outline\" size=\"sm\" onClick={() => openEditPipeline(selectedPipeline)}>\n                      {t('customers.config.pipelineStages.editPipeline', 'Edit')}\n                    </Button>\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"text-destructive\"\n                      onClick={() => deletePipeline(selectedPipeline)}\n                    >\n                      {t('customers.config.pipelineStages.deletePipeline', 'Delete')}\n                    </Button>\n                  </>\n                )}\n                <Button variant=\"outline\" size=\"sm\" onClick={openCreatePipeline}>\n                  {t('customers.config.pipelineStages.addPipeline', '+ Add pipeline')}\n                </Button>\n              </div>\n\n              {selectedPipelineId && (\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between\">\n                    <h3 className=\"text-sm font-medium text-muted-foreground\">\n                      {t('customers.config.pipelineStages.stagesTitle', 'Stages')}\n                    </h3>\n                    <Button size=\"sm\" onClick={openCreateStage}>\n                      {t('customers.config.pipelineStages.addStage', '+ Add stage')}\n                    </Button>\n                  </div>\n\n                  {loadingStages ? (\n                    <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Spinner size=\"sm\" />\n                      {t('customers.config.pipelineStages.loadingStages', 'Loading stages\u2026')}\n                    </div>\n                  ) : stages.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.config.pipelineStages.noStages', 'No stages yet. Add your first stage.')}\n                    </p>\n                  ) : (\n                    <div className=\"divide-y rounded-md border\">\n                      {stages.map((stage, index) => (\n                        <div key={stage.id} className=\"flex items-center gap-3 px-4 py-3\">\n                          <div className=\"flex flex-col gap-1\">\n                            <IconButton\n                              type=\"button\"\n                              variant=\"ghost\"\n                              size=\"xs\"\n                              className=\"text-muted-foreground hover:text-foreground\"\n                              onClick={() => moveStage(index, 'up')}\n                              disabled={index === 0}\n                              aria-label={t('customers.config.pipelineStages.moveUp', 'Move up')}\n                            >\n                              <ChevronUp className=\"size-4\" />\n                            </IconButton>\n                            <IconButton\n                              type=\"button\"\n                              variant=\"ghost\"\n                              size=\"xs\"\n                              className=\"text-muted-foreground hover:text-foreground\"\n                              onClick={() => moveStage(index, 'down')}\n                              disabled={index === stages.length - 1}\n                              aria-label={t('customers.config.pipelineStages.moveDown', 'Move down')}\n                            >\n                              <ChevronDown className=\"size-4\" />\n                            </IconButton>\n                          </div>\n                          <span className=\"flex-1 text-sm flex items-center gap-2\">\n                            {stage.color ? renderDictionaryColor(stage.color) : null}\n                            {stage.icon ? renderDictionaryIcon(stage.icon) : null}\n                            {stage.label}\n                          </span>\n                          <Button variant=\"ghost\" size=\"sm\" onClick={() => openEditStage(stage)}>\n                            {t('customers.config.pipelineStages.editStage', 'Edit')}\n                          </Button>\n                          <Button\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"text-destructive\"\n                            onClick={() => deleteStage(stage)}\n                          >\n                            {t('customers.config.pipelineStages.deleteStage', 'Delete')}\n                          </Button>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n\n        <Dialog open={pipelineDialog !== null} onOpenChange={(open) => { if (!open) setPipelineDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {pipelineDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createPipelineTitle', 'Create pipeline')\n                  : t('customers.config.pipelineStages.editPipelineTitle', 'Edit pipeline')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.pipelineName', 'Name')}\n                </label>\n                <Input\n                  value={pipelineName}\n                  onChange={(e) => setPipelineName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.pipelineNamePlaceholder', 'e.g. Sales Pipeline')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void savePipeline() } }}\n                  autoFocus\n                />\n              </div>\n              <label htmlFor=\"pipeline-is-default\" className=\"flex items-center gap-2 text-sm cursor-pointer\">\n                <Checkbox\n                  id=\"pipeline-is-default\"\n                  checked={pipelineIsDefault}\n                  onCheckedChange={(checked) => setPipelineIsDefault(checked === true)}\n                />\n                {t('customers.config.pipelineStages.setAsDefault', 'Set as default pipeline')}\n              </label>\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setPipelineDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void savePipeline()} disabled={saving || !pipelineName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n\n        <Dialog open={stageDialog !== null} onOpenChange={(open) => { if (!open) setStageDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {stageDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createStageTitle', 'Create stage')\n                  : t('customers.config.pipelineStages.editStageTitle', 'Edit stage')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.stageName', 'Stage name')}\n                </label>\n                <Input\n                  value={stageName}\n                  onChange={(e) => setStageName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.stageNamePlaceholder', 'e.g. Qualification')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void saveStage() } }}\n                  autoFocus\n                />\n              </div>\n              <AppearanceSelector\n                color={stageColor}\n                icon={stageIcon}\n                onColorChange={setStageColor}\n                onIconChange={setStageIcon}\n                labels={appearanceLabels}\n                iconSuggestions={ICON_SUGGESTIONS}\n              />\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setStageDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void saveStage()} disabled={saving || !stageName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check, Phone, Mail, Users, CheckSquare } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
 const MENU_ITEMS = [
   { kind: "meeting", icon: Users, key: "customers.activities.add.meeting", fallback: "New meeting" },
@@ -22,12 +23,12 @@ function ActivitiesAddNewMenu({ onSelect, disabled }) {
   );
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
         type: "button",
         disabled,
         "aria-label": t("customers.activities.addNew", "Add new"),
-        className: "inline-flex items-center gap-1.5 overflow-hidden rounded-md bg-foreground pl-3 pr-3.5 py-2 text-xs font-semibold text-background transition-colors hover:bg-foreground/90 disabled:opacity-60",
+        className: "gap-1.5 overflow-hidden rounded-md bg-foreground pl-3 pr-3.5 py-2 text-xs font-semibold text-background hover:bg-foreground/90 disabled:opacity-60",
         children: [
           /* @__PURE__ */ jsx(Check, { className: "size-3.5" }),
           t("customers.activities.addNew", "Add new")
@@ -35,11 +36,12 @@ function ActivitiesAddNewMenu({ onSelect, disabled }) {
       }
     ) }),
     /* @__PURE__ */ jsx(PopoverContent, { align: "end", className: "w-[180px] p-1", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: MENU_ITEMS.map(({ kind, icon: Icon, key, fallback }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
         type: "button",
+        variant: "ghost",
         onClick: () => handleSelect(kind),
-        className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground hover:bg-accent/40",
+        className: "h-auto w-full justify-start gap-2 rounded-md px-2 py-1.5 text-sm font-normal text-foreground hover:bg-accent/40",
         children: [
           /* @__PURE__ */ jsx(Icon, { className: "size-4 text-muted-foreground" }),
           t(key, fallback)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivitiesAddNewMenu.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Check, Phone, Mail, Users, CheckSquare } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\n\nexport type ActivityKind = 'meeting' | 'call' | 'task' | 'email'\n\ninterface ActivitiesAddNewMenuProps {\n  onSelect: (kind: ActivityKind) => void\n  disabled?: boolean\n}\n\nconst MENU_ITEMS: ReadonlyArray<{ kind: ActivityKind; icon: React.ComponentType<{ className?: string }>; key: string; fallback: string }> = [\n  { kind: 'meeting', icon: Users, key: 'customers.activities.add.meeting', fallback: 'New meeting' },\n  { kind: 'call', icon: Phone, key: 'customers.activities.add.call', fallback: 'Log call' },\n  { kind: 'task', icon: CheckSquare, key: 'customers.activities.add.task', fallback: 'New task' },\n  { kind: 'email', icon: Mail, key: 'customers.activities.add.email', fallback: 'Compose email' },\n]\n\nexport function ActivitiesAddNewMenu({ onSelect, disabled }: ActivitiesAddNewMenuProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const handleSelect = React.useCallback(\n    (kind: ActivityKind) => {\n      setOpen(false)\n      onSelect(kind)\n    },\n    [onSelect],\n  )\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          disabled={disabled}\n          aria-label={t('customers.activities.addNew', 'Add new')}\n          className=\"inline-flex items-center gap-1.5 overflow-hidden rounded-md bg-foreground pl-3 pr-3.5 py-2 text-xs font-semibold text-background transition-colors hover:bg-foreground/90 disabled:opacity-60\"\n        >\n          <Check className=\"size-3.5\" />\n          {t('customers.activities.addNew', 'Add new')}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"w-[180px] p-1\">\n        <ul className=\"flex flex-col\">\n          {MENU_ITEMS.map(({ kind, icon: Icon, key, fallback }) => (\n            <li key={kind}>\n              <button\n                type=\"button\"\n                onClick={() => handleSelect(kind)}\n                className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground hover:bg-accent/40\"\n              >\n                <Icon className=\"size-4 text-muted-foreground\" />\n                {t(key, fallback)}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default ActivitiesAddNewMenu\n"],
-  "mappings": ";AAoCQ,SAME,KANF;AAlCR,YAAY,WAAW;AACvB,SAAS,OAAO,OAAO,MAAM,OAAO,mBAAmB;AACvD,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,sBAAsB;AASxD,MAAM,aAAsI;AAAA,EAC1I,EAAE,MAAM,WAAW,MAAM,OAAO,KAAK,oCAAoC,UAAU,cAAc;AAAA,EACjG,EAAE,MAAM,QAAQ,MAAM,OAAO,KAAK,iCAAiC,UAAU,WAAW;AAAA,EACxF,EAAE,MAAM,QAAQ,MAAM,aAAa,KAAK,iCAAiC,UAAU,WAAW;AAAA,EAC9F,EAAE,MAAM,SAAS,MAAM,MAAM,KAAK,kCAAkC,UAAU,gBAAgB;AAChG;AAEO,SAAS,qBAAqB,EAAE,UAAU,SAAS,GAA8B;AACtF,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,SAAuB;AACtB,cAAQ,KAAK;AACb,eAAS,IAAI;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,cAAY,EAAE,+BAA+B,SAAS;AAAA,QACtD,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAM,WAAU,YAAW;AAAA,UAC3B,EAAE,+BAA+B,SAAS;AAAA;AAAA;AAAA,IAC7C,GACF;AAAA,IACA,oBAAC,kBAAe,OAAM,OAAM,WAAU,iBACpC,8BAAC,QAAG,WAAU,iBACX,qBAAW,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,KAAK,SAAS,MACjD,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,gCAA+B;AAAA,UAC9C,EAAE,KAAK,QAAQ;AAAA;AAAA;AAAA,IAClB,KARO,IAST,CACD,GACH,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Check, Phone, Mail, Users, CheckSquare } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\n\nexport type ActivityKind = 'meeting' | 'call' | 'task' | 'email'\n\ninterface ActivitiesAddNewMenuProps {\n  onSelect: (kind: ActivityKind) => void\n  disabled?: boolean\n}\n\nconst MENU_ITEMS: ReadonlyArray<{ kind: ActivityKind; icon: React.ComponentType<{ className?: string }>; key: string; fallback: string }> = [\n  { kind: 'meeting', icon: Users, key: 'customers.activities.add.meeting', fallback: 'New meeting' },\n  { kind: 'call', icon: Phone, key: 'customers.activities.add.call', fallback: 'Log call' },\n  { kind: 'task', icon: CheckSquare, key: 'customers.activities.add.task', fallback: 'New task' },\n  { kind: 'email', icon: Mail, key: 'customers.activities.add.email', fallback: 'Compose email' },\n]\n\nexport function ActivitiesAddNewMenu({ onSelect, disabled }: ActivitiesAddNewMenuProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const handleSelect = React.useCallback(\n    (kind: ActivityKind) => {\n      setOpen(false)\n      onSelect(kind)\n    },\n    [onSelect],\n  )\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          disabled={disabled}\n          aria-label={t('customers.activities.addNew', 'Add new')}\n          className=\"gap-1.5 overflow-hidden rounded-md bg-foreground pl-3 pr-3.5 py-2 text-xs font-semibold text-background hover:bg-foreground/90 disabled:opacity-60\"\n        >\n          <Check className=\"size-3.5\" />\n          {t('customers.activities.addNew', 'Add new')}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"w-[180px] p-1\">\n        <ul className=\"flex flex-col\">\n          {MENU_ITEMS.map(({ kind, icon: Icon, key, fallback }) => (\n            <li key={kind}>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                onClick={() => handleSelect(kind)}\n                className=\"h-auto w-full justify-start gap-2 rounded-md px-2 py-1.5 text-sm font-normal text-foreground hover:bg-accent/40\"\n              >\n                <Icon className=\"size-4 text-muted-foreground\" />\n                {t(key, fallback)}\n              </Button>\n            </li>\n          ))}\n        </ul>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default ActivitiesAddNewMenu\n"],
+  "mappings": ";AAqCQ,SAME,KANF;AAnCR,YAAY,WAAW;AACvB,SAAS,OAAO,OAAO,MAAM,OAAO,mBAAmB;AACvD,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AASxD,MAAM,aAAsI;AAAA,EAC1I,EAAE,MAAM,WAAW,MAAM,OAAO,KAAK,oCAAoC,UAAU,cAAc;AAAA,EACjG,EAAE,MAAM,QAAQ,MAAM,OAAO,KAAK,iCAAiC,UAAU,WAAW;AAAA,EACxF,EAAE,MAAM,QAAQ,MAAM,aAAa,KAAK,iCAAiC,UAAU,WAAW;AAAA,EAC9F,EAAE,MAAM,SAAS,MAAM,MAAM,KAAK,kCAAkC,UAAU,gBAAgB;AAChG;AAEO,SAAS,qBAAqB,EAAE,UAAU,SAAS,GAA8B;AACtF,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,SAAuB;AACtB,cAAQ,KAAK;AACb,eAAS,IAAI;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,cAAY,EAAE,+BAA+B,SAAS;AAAA,QACtD,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAM,WAAU,YAAW;AAAA,UAC3B,EAAE,+BAA+B,SAAS;AAAA;AAAA;AAAA,IAC7C,GACF;AAAA,IACA,oBAAC,kBAAe,OAAM,OAAM,WAAU,iBACpC,8BAAC,QAAG,WAAU,iBACX,qBAAW,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,KAAK,SAAS,MACjD,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,gCAA+B;AAAA,UAC9C,EAAE,KAAK,QAAQ;AAAA;AAAA;AAAA,IAClB,KATO,IAUT,CACD,GACH,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
   "names": []
 }

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

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { AiIcon } from "@open-mercato/ui/ai/AiIcon";
+import { Button } from "@open-mercato/ui/primitives/button";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@open-mercato/ui/primitives/tooltip";
 import { AI_TIMELINE_ACTIONS_BY_TYPE, resolveAiActions } from "./aiActionCatalog.js";
 function AiActionChips({ activityType }) {
@@ -11,10 +12,12 @@ function AiActionChips({ activityType }) {
     /* @__PURE__ */ jsx("span", { className: "text-[9px] font-bold text-muted-foreground/70", children: t("customers.ai.prefix", "AI:") }),
     actions.map((action) => /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
           type: "button",
-          className: "inline-flex items-center gap-1 rounded-[4px] border border-dashed border-border bg-card pl-1.5 pr-[7px] py-[3px] text-[9px] font-medium text-muted-foreground/70 transition-colors hover:border-muted-foreground hover:text-foreground",
+          variant: "outline",
+          size: "sm",
+          className: "h-auto gap-1 rounded-[4px] border-dashed bg-card pl-1.5 pr-[7px] py-[3px] text-[9px] font-medium text-muted-foreground/70 shadow-none hover:border-muted-foreground hover:text-foreground",
           children: [
             /* @__PURE__ */ jsx(AiIcon, { className: "size-2.5 shrink-0" }),
             t(action.i18nKey, action.fallback)

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

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

package/dist/modules/customers/components/detail/schedule/ParticipantsField.js CHANGED Viewed

@@ -1,12 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Users, Search, X, Clock, CheckCircle2, XCircle } from "lucide-react";
+import { Users, X, Clock, CheckCircle2, XCircle } from "lucide-react";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
 import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { SearchInput } from "@open-mercato/ui/primitives/search-input";
 import { fetchAssignableStaffMembersPage } from "../assignableStaff.js";
 import { isVisible, getFieldLabel } from "./fieldConfig.js";
 import { PARTICIPANT_COLORS } from "./useScheduleFormState.js";
@@ -67,20 +69,16 @@ function ParticipantSearchPopover({
       t("customers.schedule.addParticipant", "Add participant")
     ] }) }),
     /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-72 p-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 mb-2", children: [
-        /* @__PURE__ */ jsx(Search, { className: "size-3.5 text-muted-foreground shrink-0" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: t("customers.schedule.searchParticipant", "Search team members..."),
-            className: "flex-1 bg-transparent text-sm focus:outline-none",
-            autoFocus: true
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx(
+        SearchInput,
+        {
+          value: query,
+          onChange: setQuery,
+          placeholder: t("customers.schedule.searchParticipant", "Search team members..."),
+          className: "mb-2",
+          autoFocus: true
+        }
+      ),
       selectableResults.length ? /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(
         Button,
         {
@@ -182,16 +180,16 @@ function ParticipantsField({
     ] }),
     participants.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-x-[16px] gap-y-[6px] text-xs", children: [
       /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground", children: t("customers.schedule.guestPermissions", "Guest permissions:") }),
-      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: guestPermissions.canInviteOthers, onChange: (e) => setGuestPermissions((p) => ({ ...p, canInviteOthers: e.target.checked })), className: "rounded" }),
+      /* @__PURE__ */ jsxs("label", { htmlFor: "guest-perm-invite", className: "flex items-center gap-1.5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx(Checkbox, { id: "guest-perm-invite", checked: guestPermissions.canInviteOthers, onCheckedChange: (checked) => setGuestPermissions((p) => ({ ...p, canInviteOthers: checked === true })) }),
         t("customers.schedule.guestPerm.invite", "Invite others")
       ] }),
-      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: guestPermissions.canModify, onChange: (e) => setGuestPermissions((p) => ({ ...p, canModify: e.target.checked })), className: "rounded" }),
+      /* @__PURE__ */ jsxs("label", { htmlFor: "guest-perm-modify", className: "flex items-center gap-1.5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx(Checkbox, { id: "guest-perm-modify", checked: guestPermissions.canModify, onCheckedChange: (checked) => setGuestPermissions((p) => ({ ...p, canModify: checked === true })) }),
         t("customers.schedule.guestPerm.modify", "Modify")
       ] }),
-      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: guestPermissions.canSeeList, onChange: (e) => setGuestPermissions((p) => ({ ...p, canSeeList: e.target.checked })), className: "rounded" }),
+      /* @__PURE__ */ jsxs("label", { htmlFor: "guest-perm-see-list", className: "flex items-center gap-1.5 cursor-pointer", children: [
+        /* @__PURE__ */ jsx(Checkbox, { id: "guest-perm-see-list", checked: guestPermissions.canSeeList, onCheckedChange: (checked) => setGuestPermissions((p) => ({ ...p, canSeeList: checked === true })) }),
         t("customers.schedule.guestPerm.seeList", "See list")
       ] })
     ] }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/components/detail/schedule/ParticipantsField.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Users, Search, X, Clock, CheckCircle2, XCircle } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { fetchAssignableStaffMembersPage } from '../assignableStaff'\nimport type { ActivityType, ScheduleFieldId } from './fieldConfig'\nimport { isVisible, getFieldLabel } from './fieldConfig'\nimport type { Participant, RsvpStatus } from './useScheduleFormState'\nimport { PARTICIPANT_COLORS } from './useScheduleFormState'\n\nfunction ParticipantSearchPopover({\n  existingIds,\n  onAdd,\n  onAddMany,\n  t,\n}: {\n  existingIds: Set<string>\n  onAdd: (p: Participant) => void\n  onAddMany: (participants: Participant[]) => void\n  t: (key: string, fallback: string) => string\n}) {\n  const [open, setOpen] = React.useState(false)\n  const [query, setQuery] = React.useState('')\n  const [results, setResults] = React.useState<Array<{ userId: string; name: string; email: string }>>([])\n  const [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const selectableResults = React.useMemo(\n    () => results.filter((result) => !existingIds.has(result.userId)),\n    [existingIds, results],\n  )\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    setLoading(true)\n    fetchAssignableStaffMembersPage(query, { page, pageSize: 20, signal: controller.signal })\n      .then((result) => {\n        const members = result.items\n        const nextResults = members.map((member) => ({\n          userId: member.userId,\n          name: member.displayName,\n          email: member.email ?? '',\n        }))\n        setResults((current) => {\n          if (page <= 1) return nextResults\n          const merged = new Map(current.map((entry) => [entry.userId, entry]))\n          nextResults.forEach((entry) => merged.set(entry.userId, entry))\n          return Array.from(merged.values())\n        })\n        setTotalPages(result.total > 0 ? Math.max(1, Math.ceil(result.total / result.pageSize)) : 1)\n        setLoadError(null)\n      })\n      .catch(() => {\n        setResults([])\n        setLoadError(\n          t(\n            'customers.assignableStaff.loadError',\n            'Unable to load team members. Check your permissions and try again.',\n          ),\n        )\n      })\n      .finally(() => setLoading(false))\n    return () => controller.abort()\n  }, [open, page, query, t])\n\n  React.useEffect(() => {\n    if (!open) return\n    setPage(1)\n  }, [open, query])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"h-auto inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg px-2.5 py-1.5 text-xs font-semibold text-foreground\">\n          <Users className=\"size-3\" />\n          {t('customers.schedule.addParticipant', 'Add participant')}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-72 p-2\">\n        <div className=\"flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 mb-2\">\n          <Search className=\"size-3.5 text-muted-foreground shrink-0\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder={t('customers.schedule.searchParticipant', 'Search team members...')}\n            className=\"flex-1 bg-transparent text-sm focus:outline-none\"\n            autoFocus\n          />\n        </div>\n        {selectableResults.length ? (\n          <div className=\"mb-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"w-full\"\n              onClick={() => {\n                onAddMany(\n                  selectableResults.map((participant, index) => ({\n                    userId: participant.userId,\n                    name: participant.name,\n                    email: participant.email,\n                    color: PARTICIPANT_COLORS[(existingIds.size + index) % PARTICIPANT_COLORS.length],\n                  })),\n                )\n                setOpen(false)\n                setQuery('')\n              }}\n            >\n              {t('customers.schedule.addVisibleParticipants', 'Add all visible')}\n            </Button>\n          </div>\n        ) : null}\n        <div className=\"max-h-48 overflow-y-auto space-y-0.5\">\n          {loading && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.searching', 'Searching...')}</p>}\n          {!loading && loadError && <p className=\"px-2 py-3 text-xs text-destructive text-center\">{loadError}</p>}\n          {!loading && !loadError && results.length === 0 && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.noResults', 'No results')}</p>}\n          {results.map((r) => {\n            const alreadyAdded = existingIds.has(r.userId)\n            return (\n              <Button\n                key={r.userId}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={alreadyAdded}\n                onClick={() => {\n                  onAdd({ userId: r.userId, name: r.name, email: r.email, color: PARTICIPANT_COLORS[existingIds.size % PARTICIPANT_COLORS.length] })\n                  setOpen(false)\n                  setQuery('')\n                }}\n                className={cn(\n                  'h-auto flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors',\n                  alreadyAdded ? 'opacity-40 cursor-default' : 'hover:bg-accent cursor-pointer',\n                )}\n              >\n                <span className=\"inline-flex size-6 items-center justify-center rounded-full bg-muted text-xs font-bold shrink-0\">\n                  {r.name.charAt(0).toUpperCase()}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">{r.name}</span>\n                {r.email && <span className=\"text-xs text-muted-foreground truncate\">{r.email}</span>}\n              </Button>\n            )\n          })}\n          {!loading && !loadError && page < totalPages ? (\n            <div className=\"px-2 py-2\">\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"w-full\" onClick={() => setPage((current) => current + 1)}>\n                {t('customers.schedule.loadMore', 'Load more')}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\ninterface ParticipantsFieldProps {\n  visible: Set<ScheduleFieldId>\n  activityType: ActivityType\n  participants: Participant[]\n  setParticipants: React.Dispatch<React.SetStateAction<Participant[]>>\n  removeParticipant: (userId: string) => void\n  guestPermissions: { canInviteOthers: boolean; canModify: boolean; canSeeList: boolean }\n  setGuestPermissions: React.Dispatch<React.SetStateAction<{ canInviteOthers: boolean; canModify: boolean; canSeeList: boolean }>>\n}\n\nexport function ParticipantsField({\n  visible,\n  activityType,\n  participants,\n  setParticipants,\n  removeParticipant,\n  guestPermissions,\n  setGuestPermissions,\n}: ParticipantsFieldProps) {\n  const t = useT()\n\n  if (!isVisible(activityType, 'participants')) return null\n\n  const sectionLabel = getFieldLabel(\n    activityType,\n    'participants',\n    t,\n    'customers.schedule.participants',\n    'Participants',\n  )\n\n  return (\n    <div>\n      <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n        {sectionLabel}\n      </label>\n      <div className=\"mt-2.5 flex flex-wrap content-center items-center gap-2 rounded-lg border border-border bg-background px-3 py-2.5\">\n        {participants.map((p) => (\n          <div key={p.userId} className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted px-2.5 py-1.5\">\n            <span className={cn('inline-flex size-5 items-center justify-center rounded-full text-xs font-bold text-white', p.color ?? 'bg-primary')}>\n              {p.name.charAt(0).toUpperCase()}\n            </span>\n            <span className=\"text-xs text-foreground\">{p.name}</span>\n            <IconButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => removeParticipant(p.userId)} className=\"h-auto text-muted-foreground hover:text-foreground p-0\" aria-label={t('customers.schedule.removeParticipant', 'Remove participant')}>\n              <X className=\"size-3\" />\n            </IconButton>\n          </div>\n        ))}\n        <ParticipantSearchPopover\n          existingIds={new Set(participants.map((p) => p.userId))}\n          onAdd={(p) => setParticipants((prev) => [...prev, { ...p, status: 'pending' as RsvpStatus }])}\n          onAddMany={(nextParticipants) => {\n            setParticipants((prev) => [\n              ...prev,\n              ...nextParticipants.map((participant) => ({ ...participant, status: 'pending' as RsvpStatus })),\n            ])\n          }}\n          t={t}\n        />\n      </div>\n\n      {/* Guest permissions -- shown when participants exist */}\n      {participants.length > 0 && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-[16px] gap-y-[6px] text-xs\">\n          <span className=\"font-medium text-muted-foreground\">{t('customers.schedule.guestPermissions', 'Guest permissions:')}</span>\n          <label className=\"flex items-center gap-1.5 cursor-pointer\">\n            <input type=\"checkbox\" checked={guestPermissions.canInviteOthers} onChange={(e) => setGuestPermissions((p) => ({ ...p, canInviteOthers: e.target.checked }))} className=\"rounded\" />\n            {t('customers.schedule.guestPerm.invite', 'Invite others')}\n          </label>\n          <label className=\"flex items-center gap-1.5 cursor-pointer\">\n            <input type=\"checkbox\" checked={guestPermissions.canModify} onChange={(e) => setGuestPermissions((p) => ({ ...p, canModify: e.target.checked }))} className=\"rounded\" />\n            {t('customers.schedule.guestPerm.modify', 'Modify')}\n          </label>\n          <label className=\"flex items-center gap-1.5 cursor-pointer\">\n            <input type=\"checkbox\" checked={guestPermissions.canSeeList} onChange={(e) => setGuestPermissions((p) => ({ ...p, canSeeList: e.target.checked }))} className=\"rounded\" />\n            {t('customers.schedule.guestPerm.seeList', 'See list')}\n          </label>\n        </div>\n      )}\n\n      {/* RSVP summary -- shown when participants exist */}\n      {participants.length > 0 && (() => {\n        const accepted = participants.filter((p) => p.status === 'accepted').length\n        const pending = participants.filter((p) => !p.status || p.status === 'pending').length\n        const declined = participants.filter((p) => p.status === 'declined').length\n        if (accepted === 0 && pending === 0 && declined === 0) return null\n        return (\n          <div className=\"mt-2 flex items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">{t('customers.schedule.rsvp.label', 'Responses:')}</span>\n            {accepted > 0 && <span className=\"flex items-center gap-1 font-medium text-status-success-text\"><CheckCircle2 className=\"size-3.5\" /> {accepted} {t('customers.schedule.rsvp.accepted', 'tak')}</span>}\n            {pending > 0 && <span className=\"flex items-center gap-1 font-medium text-status-warning-text\"><Clock className=\"size-3.5\" /> {pending} {t('customers.schedule.rsvp.pending', 'czeka')}</span>}\n            {declined > 0 && <span className=\"flex items-center gap-1 font-medium text-status-error-text\"><XCircle className=\"size-3.5\" /> {declined} {t('customers.schedule.rsvp.declined', 'nie')}</span>}\n          </div>\n        )\n      })()}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Users, X, Clock, CheckCircle2, XCircle } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { SearchInput } from '@open-mercato/ui/primitives/search-input'\nimport { fetchAssignableStaffMembersPage } from '../assignableStaff'\nimport type { ActivityType, ScheduleFieldId } from './fieldConfig'\nimport { isVisible, getFieldLabel } from './fieldConfig'\nimport type { Participant, RsvpStatus } from './useScheduleFormState'\nimport { PARTICIPANT_COLORS } from './useScheduleFormState'\n\nfunction ParticipantSearchPopover({\n  existingIds,\n  onAdd,\n  onAddMany,\n  t,\n}: {\n  existingIds: Set<string>\n  onAdd: (p: Participant) => void\n  onAddMany: (participants: Participant[]) => void\n  t: (key: string, fallback: string) => string\n}) {\n  const [open, setOpen] = React.useState(false)\n  const [query, setQuery] = React.useState('')\n  const [results, setResults] = React.useState<Array<{ userId: string; name: string; email: string }>>([])\n  const [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(false)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const selectableResults = React.useMemo(\n    () => results.filter((result) => !existingIds.has(result.userId)),\n    [existingIds, results],\n  )\n\n  React.useEffect(() => {\n    if (!open) return\n    const controller = new AbortController()\n    setLoading(true)\n    fetchAssignableStaffMembersPage(query, { page, pageSize: 20, signal: controller.signal })\n      .then((result) => {\n        const members = result.items\n        const nextResults = members.map((member) => ({\n          userId: member.userId,\n          name: member.displayName,\n          email: member.email ?? '',\n        }))\n        setResults((current) => {\n          if (page <= 1) return nextResults\n          const merged = new Map(current.map((entry) => [entry.userId, entry]))\n          nextResults.forEach((entry) => merged.set(entry.userId, entry))\n          return Array.from(merged.values())\n        })\n        setTotalPages(result.total > 0 ? Math.max(1, Math.ceil(result.total / result.pageSize)) : 1)\n        setLoadError(null)\n      })\n      .catch(() => {\n        setResults([])\n        setLoadError(\n          t(\n            'customers.assignableStaff.loadError',\n            'Unable to load team members. Check your permissions and try again.',\n          ),\n        )\n      })\n      .finally(() => setLoading(false))\n    return () => controller.abort()\n  }, [open, page, query, t])\n\n  React.useEffect(() => {\n    if (!open) return\n    setPage(1)\n  }, [open, query])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"h-auto inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg px-2.5 py-1.5 text-xs font-semibold text-foreground\">\n          <Users className=\"size-3\" />\n          {t('customers.schedule.addParticipant', 'Add participant')}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-72 p-2\">\n        <SearchInput\n          value={query}\n          onChange={setQuery}\n          placeholder={t('customers.schedule.searchParticipant', 'Search team members...')}\n          className=\"mb-2\"\n          autoFocus\n        />\n        {selectableResults.length ? (\n          <div className=\"mb-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"w-full\"\n              onClick={() => {\n                onAddMany(\n                  selectableResults.map((participant, index) => ({\n                    userId: participant.userId,\n                    name: participant.name,\n                    email: participant.email,\n                    color: PARTICIPANT_COLORS[(existingIds.size + index) % PARTICIPANT_COLORS.length],\n                  })),\n                )\n                setOpen(false)\n                setQuery('')\n              }}\n            >\n              {t('customers.schedule.addVisibleParticipants', 'Add all visible')}\n            </Button>\n          </div>\n        ) : null}\n        <div className=\"max-h-48 overflow-y-auto space-y-0.5\">\n          {loading && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.searching', 'Searching...')}</p>}\n          {!loading && loadError && <p className=\"px-2 py-3 text-xs text-destructive text-center\">{loadError}</p>}\n          {!loading && !loadError && results.length === 0 && <p className=\"px-2 py-3 text-xs text-muted-foreground text-center\">{t('customers.schedule.noResults', 'No results')}</p>}\n          {results.map((r) => {\n            const alreadyAdded = existingIds.has(r.userId)\n            return (\n              <Button\n                key={r.userId}\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={alreadyAdded}\n                onClick={() => {\n                  onAdd({ userId: r.userId, name: r.name, email: r.email, color: PARTICIPANT_COLORS[existingIds.size % PARTICIPANT_COLORS.length] })\n                  setOpen(false)\n                  setQuery('')\n                }}\n                className={cn(\n                  'h-auto flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors',\n                  alreadyAdded ? 'opacity-40 cursor-default' : 'hover:bg-accent cursor-pointer',\n                )}\n              >\n                <span className=\"inline-flex size-6 items-center justify-center rounded-full bg-muted text-xs font-bold shrink-0\">\n                  {r.name.charAt(0).toUpperCase()}\n                </span>\n                <span className=\"min-w-0 flex-1 truncate\">{r.name}</span>\n                {r.email && <span className=\"text-xs text-muted-foreground truncate\">{r.email}</span>}\n              </Button>\n            )\n          })}\n          {!loading && !loadError && page < totalPages ? (\n            <div className=\"px-2 py-2\">\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"w-full\" onClick={() => setPage((current) => current + 1)}>\n                {t('customers.schedule.loadMore', 'Load more')}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\ninterface ParticipantsFieldProps {\n  visible: Set<ScheduleFieldId>\n  activityType: ActivityType\n  participants: Participant[]\n  setParticipants: React.Dispatch<React.SetStateAction<Participant[]>>\n  removeParticipant: (userId: string) => void\n  guestPermissions: { canInviteOthers: boolean; canModify: boolean; canSeeList: boolean }\n  setGuestPermissions: React.Dispatch<React.SetStateAction<{ canInviteOthers: boolean; canModify: boolean; canSeeList: boolean }>>\n}\n\nexport function ParticipantsField({\n  visible,\n  activityType,\n  participants,\n  setParticipants,\n  removeParticipant,\n  guestPermissions,\n  setGuestPermissions,\n}: ParticipantsFieldProps) {\n  const t = useT()\n\n  if (!isVisible(activityType, 'participants')) return null\n\n  const sectionLabel = getFieldLabel(\n    activityType,\n    'participants',\n    t,\n    'customers.schedule.participants',\n    'Participants',\n  )\n\n  return (\n    <div>\n      <label className=\"text-overline font-semibold uppercase text-muted-foreground tracking-wider\">\n        {sectionLabel}\n      </label>\n      <div className=\"mt-2.5 flex flex-wrap content-center items-center gap-2 rounded-lg border border-border bg-background px-3 py-2.5\">\n        {participants.map((p) => (\n          <div key={p.userId} className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-muted px-2.5 py-1.5\">\n            <span className={cn('inline-flex size-5 items-center justify-center rounded-full text-xs font-bold text-white', p.color ?? 'bg-primary')}>\n              {p.name.charAt(0).toUpperCase()}\n            </span>\n            <span className=\"text-xs text-foreground\">{p.name}</span>\n            <IconButton type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => removeParticipant(p.userId)} className=\"h-auto text-muted-foreground hover:text-foreground p-0\" aria-label={t('customers.schedule.removeParticipant', 'Remove participant')}>\n              <X className=\"size-3\" />\n            </IconButton>\n          </div>\n        ))}\n        <ParticipantSearchPopover\n          existingIds={new Set(participants.map((p) => p.userId))}\n          onAdd={(p) => setParticipants((prev) => [...prev, { ...p, status: 'pending' as RsvpStatus }])}\n          onAddMany={(nextParticipants) => {\n            setParticipants((prev) => [\n              ...prev,\n              ...nextParticipants.map((participant) => ({ ...participant, status: 'pending' as RsvpStatus })),\n            ])\n          }}\n          t={t}\n        />\n      </div>\n\n      {/* Guest permissions -- shown when participants exist */}\n      {participants.length > 0 && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-[16px] gap-y-[6px] text-xs\">\n          <span className=\"font-medium text-muted-foreground\">{t('customers.schedule.guestPermissions', 'Guest permissions:')}</span>\n          <label htmlFor=\"guest-perm-invite\" className=\"flex items-center gap-1.5 cursor-pointer\">\n            <Checkbox id=\"guest-perm-invite\" checked={guestPermissions.canInviteOthers} onCheckedChange={(checked) => setGuestPermissions((p) => ({ ...p, canInviteOthers: checked === true }))} />\n            {t('customers.schedule.guestPerm.invite', 'Invite others')}\n          </label>\n          <label htmlFor=\"guest-perm-modify\" className=\"flex items-center gap-1.5 cursor-pointer\">\n            <Checkbox id=\"guest-perm-modify\" checked={guestPermissions.canModify} onCheckedChange={(checked) => setGuestPermissions((p) => ({ ...p, canModify: checked === true }))} />\n            {t('customers.schedule.guestPerm.modify', 'Modify')}\n          </label>\n          <label htmlFor=\"guest-perm-see-list\" className=\"flex items-center gap-1.5 cursor-pointer\">\n            <Checkbox id=\"guest-perm-see-list\" checked={guestPermissions.canSeeList} onCheckedChange={(checked) => setGuestPermissions((p) => ({ ...p, canSeeList: checked === true }))} />\n            {t('customers.schedule.guestPerm.seeList', 'See list')}\n          </label>\n        </div>\n      )}\n\n      {/* RSVP summary -- shown when participants exist */}\n      {participants.length > 0 && (() => {\n        const accepted = participants.filter((p) => p.status === 'accepted').length\n        const pending = participants.filter((p) => !p.status || p.status === 'pending').length\n        const declined = participants.filter((p) => p.status === 'declined').length\n        if (accepted === 0 && pending === 0 && declined === 0) return null\n        return (\n          <div className=\"mt-2 flex items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">{t('customers.schedule.rsvp.label', 'Responses:')}</span>\n            {accepted > 0 && <span className=\"flex items-center gap-1 font-medium text-status-success-text\"><CheckCircle2 className=\"size-3.5\" /> {accepted} {t('customers.schedule.rsvp.accepted', 'tak')}</span>}\n            {pending > 0 && <span className=\"flex items-center gap-1 font-medium text-status-warning-text\"><Clock className=\"size-3.5\" /> {pending} {t('customers.schedule.rsvp.pending', 'czeka')}</span>}\n            {declined > 0 && <span className=\"flex items-center gap-1 font-medium text-status-error-text\"><XCircle className=\"size-3.5\" /> {declined} {t('customers.schedule.rsvp.declined', 'nie')}</span>}\n          </div>\n        )\n      })()}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/data_sync/api/runs/[id]/cancel.js CHANGED Viewed

@@ -61,7 +61,7 @@ async function POST(req, ctx) {
       await progressService.markCancelled(run.progressJobId, progressCtx);
     } catch (error) {
       const job = await progressService.getJob(run.progressJobId, progressCtx);
-      const cancelRequested = job && (job.status === "running" || job.status === "cancelled") ? await progressService.isCancellationRequested(run.progressJobId, progressCtx.tenantId) : false;
+      const cancelRequested = job && (job.status === "running" || job.status === "cancelled") ? await progressService.isCancellationRequested(run.progressJobId, progressCtx.tenantId, progressCtx.organizationId) : false;
       if (job?.status !== "cancelled" && !cancelRequested) {
         throw error;
       }

package/dist/modules/data_sync/api/runs/[id]/cancel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/data_sync/api/runs/%5Bid%5D/cancel.ts"],
-  "sourcesContent": ["import { NextResponse } from 'next/server'\nimport { z } from 'zod'\nimport { getAuthFromRequest } from '@open-mercato/shared/lib/auth/server'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport type { IntegrationLogService } from '../../../../integrations/lib/log-service'\nimport type { IntegrationStateService } from '../../../../integrations/lib/state-service'\nimport type { ProgressService } from '../../../../progress/lib/progressService'\nimport type { SyncRunService } from '../../../lib/sync-run-service'\nimport {\n  runCrudMutationGuardAfterSuccess,\n  validateCrudMutationGuard,\n} from '@open-mercato/shared/lib/crud/mutation-guard'\n\nconst paramsSchema = z.object({ id: z.string().uuid() })\n\nexport const metadata = {\n  POST: { requireAuth: true, requireFeatures: ['data_sync.run'] },\n}\n\nexport const openApi = {\n  tags: ['DataSync'],\n  summary: 'Cancel a running sync',\n}\n\nexport async function POST(req: Request, ctx: { params?: Promise<{ id?: string }> | { id?: string } }) {\n  const auth = await getAuthFromRequest(req)\n  if (!auth?.tenantId || !auth.orgId) {\n    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n  }\n\n  const rawParams = (ctx.params && typeof (ctx.params as Promise<unknown>).then === 'function')\n    ? await (ctx.params as Promise<{ id?: string }>)\n    : (ctx.params as { id?: string } | undefined)\n\n  const parsed = paramsSchema.safeParse(rawParams)\n  if (!parsed.success) {\n    return NextResponse.json({ error: 'Invalid run id' }, { status: 400 })\n  }\n\n  const container = await createRequestContainer()\n  const syncRunService = container.resolve('dataSyncRunService') as SyncRunService\n  const progressService = container.resolve('progressService') as ProgressService\n  const integrationLogService = container.resolve('integrationLogService') as IntegrationLogService\n  const integrationStateService = container.resolve('integrationStateService') as IntegrationStateService\n  const scope = { organizationId: auth.orgId as string, tenantId: auth.tenantId }\n\n  const run = await syncRunService.getRun(parsed.data.id, scope)\n  if (!run) {\n    return NextResponse.json({ error: 'Run not found' }, { status: 404 })\n  }\n  if (run.status !== 'running' && run.status !== 'pending') {\n    return NextResponse.json({ error: 'Only pending or running runs can be cancelled' }, { status: 409 })\n  }\n\n  const guardResult = await validateCrudMutationGuard(container, {\n    tenantId: auth.tenantId,\n    organizationId: scope.organizationId,\n    userId: auth.sub,\n    resourceKind: 'data_sync.run',\n    resourceId: run.id,\n    operation: 'custom',\n    requestMethod: req.method,\n    requestHeaders: req.headers,\n    mutationPayload: { action: 'cancel' },\n  })\n  if (guardResult && !guardResult.ok) {\n    return NextResponse.json(guardResult.body, { status: guardResult.status })\n  }\n\n  const progressCtx = {\n    tenantId: auth.tenantId,\n    organizationId: auth.orgId,\n    userId: auth.sub,\n  }\n\n  if (run.progressJobId) {\n    try {\n      await progressService.markCancelled(run.progressJobId, progressCtx)\n    } catch (error) {\n      const job = await progressService.getJob(run.progressJobId, progressCtx)\n      const cancelRequested = job && (job.status === 'running' || job.status === 'cancelled')\n        ? await progressService.isCancellationRequested(run.progressJobId, progressCtx.tenantId)\n        : false\n\n      if (job?.status !== 'cancelled' && !cancelRequested) {\n        throw error\n      }\n    }\n  }\n\n  await syncRunService.markStatus(run.id, 'cancelled', scope)\n  await integrationStateService.upsert(run.integrationId, {\n    lastHealthStatus: 'degraded',\n    lastHealthCheckedAt: new Date(),\n  }, scope)\n  await integrationLogService.write({\n    integrationId: run.integrationId,\n    runId: run.id,\n    level: 'warn',\n    message: 'Sync run cancelled',\n    payload: {\n      operationalStatus: 'cancelled',\n      summary: 'The sync run was cancelled before completion.',\n    },\n  }, scope)\n\n  if (guardResult?.ok && guardResult.shouldRunAfterSuccess) {\n    await runCrudMutationGuardAfterSuccess(container, {\n      tenantId: auth.tenantId,\n      organizationId: scope.organizationId,\n      userId: auth.sub,\n      resourceKind: 'data_sync.run',\n      resourceId: run.id,\n      operation: 'custom',\n      requestMethod: req.method,\n      requestHeaders: req.headers,\n      metadata: guardResult.metadata ?? null,\n    })\n  }\n\n  return NextResponse.json({ ok: true })\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { NextResponse } from 'next/server'\nimport { z } from 'zod'\nimport { getAuthFromRequest } from '@open-mercato/shared/lib/auth/server'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport type { IntegrationLogService } from '../../../../integrations/lib/log-service'\nimport type { IntegrationStateService } from '../../../../integrations/lib/state-service'\nimport type { ProgressService } from '../../../../progress/lib/progressService'\nimport type { SyncRunService } from '../../../lib/sync-run-service'\nimport {\n  runCrudMutationGuardAfterSuccess,\n  validateCrudMutationGuard,\n} from '@open-mercato/shared/lib/crud/mutation-guard'\n\nconst paramsSchema = z.object({ id: z.string().uuid() })\n\nexport const metadata = {\n  POST: { requireAuth: true, requireFeatures: ['data_sync.run'] },\n}\n\nexport const openApi = {\n  tags: ['DataSync'],\n  summary: 'Cancel a running sync',\n}\n\nexport async function POST(req: Request, ctx: { params?: Promise<{ id?: string }> | { id?: string } }) {\n  const auth = await getAuthFromRequest(req)\n  if (!auth?.tenantId || !auth.orgId) {\n    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })\n  }\n\n  const rawParams = (ctx.params && typeof (ctx.params as Promise<unknown>).then === 'function')\n    ? await (ctx.params as Promise<{ id?: string }>)\n    : (ctx.params as { id?: string } | undefined)\n\n  const parsed = paramsSchema.safeParse(rawParams)\n  if (!parsed.success) {\n    return NextResponse.json({ error: 'Invalid run id' }, { status: 400 })\n  }\n\n  const container = await createRequestContainer()\n  const syncRunService = container.resolve('dataSyncRunService') as SyncRunService\n  const progressService = container.resolve('progressService') as ProgressService\n  const integrationLogService = container.resolve('integrationLogService') as IntegrationLogService\n  const integrationStateService = container.resolve('integrationStateService') as IntegrationStateService\n  const scope = { organizationId: auth.orgId as string, tenantId: auth.tenantId }\n\n  const run = await syncRunService.getRun(parsed.data.id, scope)\n  if (!run) {\n    return NextResponse.json({ error: 'Run not found' }, { status: 404 })\n  }\n  if (run.status !== 'running' && run.status !== 'pending') {\n    return NextResponse.json({ error: 'Only pending or running runs can be cancelled' }, { status: 409 })\n  }\n\n  const guardResult = await validateCrudMutationGuard(container, {\n    tenantId: auth.tenantId,\n    organizationId: scope.organizationId,\n    userId: auth.sub,\n    resourceKind: 'data_sync.run',\n    resourceId: run.id,\n    operation: 'custom',\n    requestMethod: req.method,\n    requestHeaders: req.headers,\n    mutationPayload: { action: 'cancel' },\n  })\n  if (guardResult && !guardResult.ok) {\n    return NextResponse.json(guardResult.body, { status: guardResult.status })\n  }\n\n  const progressCtx = {\n    tenantId: auth.tenantId,\n    organizationId: auth.orgId,\n    userId: auth.sub,\n  }\n\n  if (run.progressJobId) {\n    try {\n      await progressService.markCancelled(run.progressJobId, progressCtx)\n    } catch (error) {\n      const job = await progressService.getJob(run.progressJobId, progressCtx)\n      const cancelRequested = job && (job.status === 'running' || job.status === 'cancelled')\n        ? await progressService.isCancellationRequested(run.progressJobId, progressCtx.tenantId, progressCtx.organizationId)\n        : false\n\n      if (job?.status !== 'cancelled' && !cancelRequested) {\n        throw error\n      }\n    }\n  }\n\n  await syncRunService.markStatus(run.id, 'cancelled', scope)\n  await integrationStateService.upsert(run.integrationId, {\n    lastHealthStatus: 'degraded',\n    lastHealthCheckedAt: new Date(),\n  }, scope)\n  await integrationLogService.write({\n    integrationId: run.integrationId,\n    runId: run.id,\n    level: 'warn',\n    message: 'Sync run cancelled',\n    payload: {\n      operationalStatus: 'cancelled',\n      summary: 'The sync run was cancelled before completion.',\n    },\n  }, scope)\n\n  if (guardResult?.ok && guardResult.shouldRunAfterSuccess) {\n    await runCrudMutationGuardAfterSuccess(container, {\n      tenantId: auth.tenantId,\n      organizationId: scope.organizationId,\n      userId: auth.sub,\n      resourceKind: 'data_sync.run',\n      resourceId: run.id,\n      operation: 'custom',\n      requestMethod: req.method,\n      requestHeaders: req.headers,\n      metadata: guardResult.metadata ?? null,\n    })\n  }\n\n  return NextResponse.json({ ok: true })\n}\n"],
+  "mappings": "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",
   "names": []
 }