@open-mercato/core 0.6.6-develop.6205.1.109e4b6a84 → 0.6.6-develop.6227.1.2695efff30

package/dist/modules/translations/components/TranslationManager.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/translations/components/TranslationManager.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { ComboboxInput } from '@open-mercato/ui/backend/inputs'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useCustomFieldDefs } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport { Save, Plus, X } from 'lucide-react'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { locales as defaultLocales } from '@open-mercato/shared/lib/i18n/config'\nimport { ISO_639_1, isValidIso639, getIso639Label } from '@open-mercato/shared/lib/i18n/iso639'\nimport { formatEntityLabel, buildEntityListUrl, getRecordLabel, resolveBaseValue } from '../lib/helpers'\nimport { resolveFieldList } from '../lib/resolve-field-list'\nimport type { ResolvedField } from '../lib/resolve-field-list'\n\ntype TranslationManagerProps = {\n  entityType?: string\n  recordId?: string\n  baseValues?: Record<string, unknown>\n  translatableFields?: string[]\n  mode?: 'standalone' | 'embedded'\n  compact?: boolean\n}\n\ntype EntityOption = { entityId: string; label?: string; source?: string }\n\ntype TranslationsResponse = {\n  entityType: string\n  entityId: string\n  translations: Record<string, Record<string, unknown>>\n  createdAt?: string\n  updatedAt?: string\n}\n\nfunction useTranslationLocales() {\n  return useQuery<string[]>({\n    queryKey: ['translation-locales'],\n    queryFn: async () => {\n      const res = await apiCall<{ locales: string[] }>('/api/translations/locales')\n      if (!res.ok) return [...defaultLocales]\n      return Array.isArray(res.result?.locales) && res.result.locales.length > 0\n        ? res.result.locales\n        : [...defaultLocales]\n    },\n    staleTime: 60_000,\n  })\n}\n\nexport function TranslationManager({\n  entityType: propEntityType,\n  recordId: propRecordId,\n  baseValues: propBaseValues,\n  translatableFields: propTranslatableFields,\n  mode = 'standalone',\n  compact = false,\n}: TranslationManagerProps) {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const isEmbedded = mode === 'embedded'\n\n  const [selectedEntityType, setSelectedEntityType] = React.useState(propEntityType ?? '')\n  const [selectedRecordId, setSelectedRecordId] = React.useState(propRecordId ?? '')\n  const [activeLocale, setActiveLocale] = React.useState('')\n  const [editedTranslations, setEditedTranslations] = React.useState<Record<string, Record<string, string>>>({})\n  const editedTranslationsRef = React.useRef<Record<string, Record<string, string>>>({})\n  const [hasUserEdited, setHasUserEdited] = React.useState(false)\n  const hasUserEditedRef = React.useRef(false)\n\n  const entityType = isEmbedded ? (propEntityType ?? '') : selectedEntityType\n  const recordId = isEmbedded ? (propRecordId ?? '') : selectedRecordId\n\n  const { data: locales = [...defaultLocales] } = useTranslationLocales()\n\n  React.useEffect(() => {\n    if (locales.length > 0 && (!activeLocale || !locales.includes(activeLocale))) {\n      setActiveLocale(locales[0])\n    }\n  }, [locales, activeLocale])\n\n  React.useEffect(() => {\n    if (isEmbedded && propEntityType) setSelectedEntityType(propEntityType)\n  }, [isEmbedded, propEntityType])\n\n  React.useEffect(() => {\n    if (isEmbedded && propRecordId) setSelectedRecordId(propRecordId)\n  }, [isEmbedded, propRecordId])\n\n  const { data: entities, isLoading: loadingEntities, error: entitiesError } = useQuery<{ items: EntityOption[] }>({\n    queryKey: ['entities-list', scopeVersion],\n    enabled: !isEmbedded,\n    queryFn: async () =>\n      readApiResultOrThrow('/api/entities/entities', undefined, {\n        errorMessage: t('translations.manager.errors.loadEntities', 'Failed to load entities'),\n      }),\n  })\n\n  const entitySuggestions = React.useMemo(\n    () =>\n      (entities?.items || []).map((item) => ({\n        value: item.entityId,\n        label: formatEntityLabel(item.entityId, item.label),\n        description: item.entityId,\n      })),\n    [entities],\n  )\n\n  const resolveEntityLabel = React.useCallback(\n    (value: string) => {\n      const match = entities?.items?.find((e) => e.entityId === value)\n      return match ? formatEntityLabel(match.entityId, match.label) : formatEntityLabel(value)\n    },\n    [entities],\n  )\n\n  const listUrl = React.useMemo(() => entityType ? buildEntityListUrl(entityType) : null, [entityType])\n\n  const loadRecordSuggestions = React.useCallback(\n    async (query?: string) => {\n      if (!entityType || !listUrl) return []\n      const url = `${listUrl}?pageSize=20${query ? `&search=${encodeURIComponent(query)}` : ''}`\n      const res = await apiCall<{ items: Array<Record<string, unknown>> }>(url)\n      if (!res.ok) return []\n      const items = res.result?.items ?? []\n      return items.map((item) => ({\n        value: String(item.id ?? ''),\n        label: getRecordLabel(item),\n      }))\n    },\n    [entityType, listUrl],\n  )\n\n  const { data: recordData } = useQuery<Record<string, unknown> | null>({\n    queryKey: ['translation-record-data', entityType, recordId, listUrl, scopeVersion],\n    enabled: !isEmbedded && !!entityType && !!recordId && !!listUrl,\n    queryFn: async () => {\n      const res = await apiCall<{ items: Array<Record<string, unknown>> }>(\n        // Some APIs filter by `id` (catalog), others by `ids` (resources) \u2014 send both so the one recognized by the target route's buildFilters is applied\n        `${listUrl}?id=${encodeURIComponent(recordId)}&ids=${encodeURIComponent(recordId)}&pageSize=1`,\n      )\n      if (!res.ok) return null\n      const items = res.result?.items\n      return Array.isArray(items) && items.length > 0 ? items[0] : null\n    },\n  })\n\n  const baseValues = isEmbedded ? (propBaseValues ?? {}) : (recordData ?? {})\n\n  const resolveRecordLabel = React.useCallback(\n    (value: string) => {\n      if (recordData) return getRecordLabel(recordData)\n      return value\n    },\n    [recordData],\n  )\n\n  const { data: fieldDefs = [], isLoading: loadingFieldDefs } = useCustomFieldDefs(entityType ? [entityType] : [], {\n    enabled: !!entityType,\n  })\n\n  const fieldList = React.useMemo(\n    () => resolveFieldList(entityType, propTranslatableFields, fieldDefs as Array<{ key: string; kind: string; label?: string }>),\n    [entityType, propTranslatableFields, fieldDefs],\n  )\n\n  const {\n    data: translationData,\n    isLoading: loadingTranslation,\n    isError: translationError,\n    refetch: refetchTranslation,\n  } = useQuery<TranslationsResponse | null>({\n    queryKey: ['entity-translation', entityType, recordId, scopeVersion],\n    enabled: !!entityType && !!recordId,\n    queryFn: async () => {\n      const res = await apiCall<TranslationsResponse>(\n        `/api/translations/${encodeURIComponent(entityType)}/${encodeURIComponent(recordId)}`,\n      )\n      if (!res.ok) {\n        if (res.response?.status === 404) return null\n        return null\n      }\n      return res.result ?? null\n    },\n  })\n\n  const translationSignature = React.useMemo(() => JSON.stringify(translationData ?? null), [translationData])\n  const lastTranslationSignatureRef = React.useRef<string | null>(null)\n\n  React.useEffect(() => {\n    const sig = translationSignature\n    if (sig === lastTranslationSignatureRef.current && hasUserEditedRef.current) return\n    lastTranslationSignatureRef.current = sig\n\n    if (!translationData?.translations) {\n      if (!hasUserEditedRef.current) {\n        editedTranslationsRef.current = {}\n        setEditedTranslations({})\n      }\n      return\n    }\n\n    const parsed: Record<string, Record<string, string>> = {}\n    for (const [locale, fields] of Object.entries(translationData.translations)) {\n      if (!fields || typeof fields !== 'object') continue\n      parsed[locale] = {}\n      for (const [key, val] of Object.entries(fields)) {\n        parsed[locale][key] = typeof val === 'string' ? val : ''\n      }\n    }\n    if (!hasUserEditedRef.current) {\n      editedTranslationsRef.current = parsed\n      setEditedTranslations(parsed)\n    }\n  }, [translationSignature, translationData])\n\n  const mutation = useMutation({\n    mutationFn: async () => {\n      if (!entityType || !recordId) {\n        throw new Error(t('translations.manager.errors.selectRecord', 'Select an entity and record before saving'))\n      }\n      const body: Record<string, Record<string, string | null>> = {}\n      for (const [locale, fields] of Object.entries(editedTranslationsRef.current)) {\n        const localeFields: Record<string, string | null> = {}\n        let hasValues = false\n        for (const [key, val] of Object.entries(fields)) {\n          if (val && val.trim().length > 0) {\n            localeFields[key] = val.trim()\n            hasValues = true\n          }\n        }\n        if (hasValues) body[locale] = localeFields\n      }\n      if (Object.keys(body).length === 0) {\n        console.warn('[translations] Save skipped: payload is empty \u2014 no locale contains any non-empty field')\n        throw new Error(t('translations.manager.errors.nothingToSave', 'Nothing to save \u2014 enter a translation first'))\n      }\n      const res = await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(translationData?.updatedAt),\n        () => apiCall(\n          `/api/translations/${encodeURIComponent(entityType)}/${encodeURIComponent(recordId)}`,\n          {\n            method: 'PUT',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(body),\n          },\n        ),\n      )\n      if (!res.ok) {\n        throw new Error(t('translations.manager.errors.save', 'Failed to save translations'))\n      }\n      return true\n    },\n    onSuccess: () => {\n      flash(t('translations.manager.flash.saved', 'Translations saved'), 'success')\n      hasUserEditedRef.current = false\n      setHasUserEdited(false)\n      void refetchTranslation()\n    },\n    onError: (err: unknown) => {\n      const message = err instanceof Error ? err.message : t('translations.manager.errors.save', 'Failed to save translations')\n      flash(message, 'error')\n    },\n  })\n\n  const updateFieldValue = (locale: string, fieldKey: string, value: string) => {\n    hasUserEditedRef.current = true\n    setHasUserEdited(true)\n    const next = {\n      ...editedTranslationsRef.current,\n      [locale]: {\n        ...editedTranslationsRef.current[locale],\n        [fieldKey]: value,\n      },\n    }\n    editedTranslationsRef.current = next\n    setEditedTranslations(next)\n  }\n\n  const getBaseValue = (fieldKey: string): string => resolveBaseValue(baseValues, fieldKey)\n\n  const renderRecordPicker = () => {\n    if (isEmbedded) return null\n\n    return (\n      <div className=\"space-y-2\">\n        <label className=\"text-xs text-muted-foreground\">\n          {t('translations.manager.selectRecord', 'Select record')}\n        </label>\n        <ComboboxInput\n          value={selectedRecordId}\n          onChange={(next) => {\n            setSelectedRecordId(next)\n            hasUserEditedRef.current = false\n            setHasUserEdited(false)\n          }}\n          placeholder={t('translations.manager.searchRecords', 'Search records...')}\n          loadSuggestions={loadRecordSuggestions}\n          resolveLabel={resolveRecordLabel}\n          allowCustomValues\n          disabled={!entityType}\n        />\n      </div>\n    )\n  }\n\n  const renderLocaleTabs = () => (\n    <div className=\"flex gap-1 border-b\">\n      {locales.map((locale) => {\n        const isActive = activeLocale === locale\n        return (\n          <button\n            key={locale}\n            type=\"button\"\n            data-state={isActive ? 'active' : 'inactive'}\n            data-locale={locale}\n            className={`px-3 py-1.5 text-sm font-medium transition-colors ${\n              isActive\n                ? 'border-b-2 border-accent-indigo text-foreground'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n            onClick={() => setActiveLocale(locale)}\n          >\n            {locale.toUpperCase()}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const renderFieldTable = () => {\n    if (!entityType || !recordId) {\n      return (\n        <div className=\"rounded border bg-background/80 p-4 text-sm text-muted-foreground\">\n          {t('translations.manager.selectFirst', 'Select an entity and record to manage translations.')}\n        </div>\n      )\n    }\n    if (loadingTranslation || loadingFieldDefs) {\n      return (\n        <LoadingMessage\n          label={t('translations.manager.loadingTranslations', 'Loading translations...')}\n          className=\"border-0 bg-transparent p-4\"\n        />\n      )\n    }\n    if (translationError) {\n      return (\n        <ErrorMessage\n          label={t('translations.manager.errors.loadTranslation', 'Failed to load translations')}\n          action={(\n            <Button variant=\"outline\" size=\"sm\" onClick={() => void refetchTranslation()}>\n              {t('translations.manager.actions.retry', 'Retry')}\n            </Button>\n          )}\n        />\n      )\n    }\n    if (!fieldList.length) {\n      return (\n        <div className=\"rounded border bg-background/80 p-4 text-sm text-muted-foreground\">\n          {t('translations.manager.noFields', 'No translatable fields found for this entity type.')}\n        </div>\n      )\n    }\n\n    const localeTranslations = editedTranslations[activeLocale] ?? {}\n\n    return (\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full min-w-[480px] text-sm\">\n          <thead>\n            <tr className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              <th className=\"px-3 py-2 text-left w-[140px]\">\n                {t('translations.manager.fields.field', 'Field')}\n              </th>\n              {!compact && (\n                <th className=\"px-3 py-2 text-left\">\n                  {t('translations.manager.fields.baseValue', 'Base value')}\n                </th>\n              )}\n              <th className=\"px-3 py-2 text-left\">\n                {t('translations.manager.fields.translation', 'Translation')} ({activeLocale.toUpperCase()})\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {fieldList.map((field) => {\n              const baseVal = getBaseValue(field.key)\n              const translatedVal = localeTranslations[field.key] ?? ''\n\n              return (\n                <tr key={field.key} className=\"border-t\">\n                  <td className=\"px-3 py-2 align-top text-xs font-medium text-muted-foreground\">\n                    {field.label}\n                  </td>\n                  {!compact && (\n                    <td className=\"px-3 py-2 align-top text-xs text-muted-foreground max-w-[200px]\">\n                      {baseVal ? (\n                        <span className=\"line-clamp-3\">{baseVal}</span>\n                      ) : (\n                        <span className=\"text-muted-foreground/50\">-</span>\n                      )}\n                    </td>\n                  )}\n                  <td className=\"px-3 py-2 align-top\">\n                    {field.multiline ? (\n                      <textarea\n                        className=\"flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\"\n                        rows={3}\n                        value={translatedVal}\n                        onChange={(e) => updateFieldValue(activeLocale, field.key, e.target.value)}\n                        placeholder={baseVal || field.label}\n                      />\n                    ) : (\n                      <Input\n                        value={translatedVal}\n                        onChange={(e) => updateFieldValue(activeLocale, field.key, e.target.value)}\n                        placeholder={baseVal || field.label}\n                      />\n                    )}\n                  </td>\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n\n  React.useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n        e.preventDefault()\n        if (entityType && recordId && !mutation.isPending) mutation.mutate()\n      }\n    }\n    document.addEventListener('keydown', handler)\n    return () => document.removeEventListener('keydown', handler)\n  }, [entityType, recordId, mutation])\n\n  if (compact) {\n    return (\n      <div className=\"space-y-3\">\n        {renderLocaleTabs()}\n        {renderFieldTable()}\n        <div className=\"flex justify-end\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => mutation.mutate()}\n            disabled={mutation.isPending || !entityType || !recordId}\n            data-testid=\"translations-save\"\n          >\n            <Save className=\"mr-2 h-3 w-3\" />\n            {mutation.isPending\n              ? t('translations.manager.actions.saving', 'Saving...')\n              : t('translations.manager.actions.save', 'Save translations')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 shadow-sm\">\n        <div className=\"space-y-2\">\n          <h2 className=\"text-xl font-semibold\">{t('translations.manager.title', 'Translations')}</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('translations.manager.description', 'Manage translations for entity records across supported locales.')}\n          </p>\n        </div>\n\n        {!isEmbedded && (\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start\">\n            <div className=\"flex-1 space-y-3\">\n              <div>\n                <label className=\"text-xs text-muted-foreground\">\n                  {t('translations.manager.selectEntity', 'Choose entity')}\n                </label>\n                <div className=\"mt-1\">\n                  <ComboboxInput\n                    value={selectedEntityType}\n                    onChange={(next) => {\n                      setSelectedEntityType(next)\n                      setSelectedRecordId('')\n                      hasUserEditedRef.current = false\n                      setHasUserEdited(false)\n                    }}\n                    placeholder={t('translations.manager.placeholder', 'Select an entity')}\n                    suggestions={entitySuggestions}\n                    resolveLabel={resolveEntityLabel}\n                    disabled={loadingEntities || !!entitiesError}\n                  />\n                </div>\n                {entitiesError && (\n                  <p className=\"mt-1 text-xs text-destructive\">\n                    {t('translations.manager.errors.loadEntities', 'Failed to load entities')}\n                  </p>\n                )}\n              </div>\n              {renderRecordPicker()}\n            </div>\n          </div>\n        )}\n\n        <div className=\"rounded-lg border bg-background/80 p-4\">\n          {renderLocaleTabs()}\n          <div className=\"mt-3\">\n            {renderFieldTable()}\n          </div>\n        </div>\n\n        <div className=\"flex justify-end\">\n          <Button\n            type=\"button\"\n            onClick={() => mutation.mutate()}\n            disabled={mutation.isPending || loadingEntities || !!entitiesError || !entityType || !recordId}\n            data-testid=\"translations-save\"\n          >\n            <Save className=\"mr-2 h-4 w-4\" />\n            {mutation.isPending\n              ? t('translations.manager.actions.saving', 'Saving...')\n              : t('translations.manager.actions.save', 'Save translations')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function LocaleManager() {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const { data: locales = [], isLoading } = useTranslationLocales()\n  const [newLocale, setNewLocale] = React.useState('')\n\n  const mutation = useMutation({\n    mutationFn: async (updatedLocales: string[]) => {\n      // optimistic-lock-exempt: single-row tenant supported-locales settings list \u2014 no per-record version / concurrent record edit\n      const res = await apiCall<{ locales: string[] }>('/api/translations/locales', {\n        method: 'PUT',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ locales: updatedLocales }),\n      })\n      if (!res.ok) throw new Error('Failed to save locales')\n      return res.result?.locales ?? updatedLocales\n    },\n    onSuccess: (result) => {\n      queryClient.setQueryData(['translation-locales'], result)\n      flash(t('translations.locales.flash.saved', 'Locales updated'), 'success')\n    },\n    onError: () => {\n      flash(t('translations.locales.flash.error', 'Failed to update locales'), 'error')\n    },\n  })\n\n  const availableLocales = React.useMemo(\n    () => ISO_639_1.filter((entry) => !locales.includes(entry.code)).map((entry) => ({\n      value: entry.code,\n      label: `${entry.code.toUpperCase()} \u2014 ${entry.label}`,\n    })),\n    [locales],\n  )\n\n  const addLocale = () => {\n    const code = newLocale.toLowerCase().trim()\n    if (!code || !isValidIso639(code) || locales.includes(code)) return\n    mutation.mutate([...locales, code])\n    setNewLocale('')\n  }\n\n  const removeLocale = (locale: string) => {\n    if (locales.length <= 1) return\n    mutation.mutate(locales.filter((l) => l !== locale))\n  }\n\n  if (isLoading) {\n    return <LoadingMessage label={t('translations.locales.loading', 'Loading locales...')} className=\"border-0 bg-transparent p-4\" />\n  }\n\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 shadow-sm\">\n      <div className=\"space-y-1\">\n        <h3 className=\"text-lg font-semibold\">{t('translations.locales.title', 'Supported locales')}</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('translations.locales.description', 'Configure which locales are available for translations. Add ISO language codes (e.g. fr, it, ja, zh).')}\n        </p>\n      </div>\n\n      <div className=\"flex flex-wrap gap-2\">\n        {locales.map((locale) => (\n          <span\n            key={locale}\n            className=\"inline-flex items-center gap-1.5 rounded-full border bg-muted/50 px-3 py-1 text-sm font-medium\"\n            title={getIso639Label(locale) ?? locale}\n          >\n            {locale.toUpperCase()}{getIso639Label(locale) ? ` \u2014 ${getIso639Label(locale)}` : ''}\n            {locales.length > 1 && (\n              <button\n                type=\"button\"\n                className=\"rounded-full p-0.5 text-muted-foreground hover:text-foreground transition-colors\"\n                onClick={() => removeLocale(locale)}\n                disabled={mutation.isPending}\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            )}\n          </span>\n        ))}\n      </div>\n\n      <div className=\"flex gap-2 items-center\">\n        <div className=\"max-w-[240px] flex-1\">\n          <ComboboxInput\n            value={newLocale}\n            onChange={setNewLocale}\n            placeholder={t('translations.locales.addPlaceholder', 'Search language...')}\n            suggestions={availableLocales}\n            resolveLabel={(value) => {\n              const label = getIso639Label(value)\n              return label ? `${value.toUpperCase()} \u2014 ${label}` : value.toUpperCase()\n            }}\n          />\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={addLocale}\n          disabled={mutation.isPending || !newLocale.trim() || !isValidIso639(newLocale) || locales.includes(newLocale.toLowerCase().trim())}\n        >\n          <Plus className=\"mr-1 h-3 w-3\" />\n          {t('translations.locales.add', 'Add')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { ComboboxInput } from '@open-mercato/ui/backend/inputs'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, readApiResultOrThrow, 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 { useCustomFieldDefs } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport { Save, Plus, X } from 'lucide-react'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { locales as defaultLocales } from '@open-mercato/shared/lib/i18n/config'\nimport { ISO_639_1, isValidIso639, getIso639Label } from '@open-mercato/shared/lib/i18n/iso639'\nimport { formatEntityLabel, buildEntityListUrl, getRecordLabel, resolveBaseValue } from '../lib/helpers'\nimport { resolveFieldList } from '../lib/resolve-field-list'\nimport type { ResolvedField } from '../lib/resolve-field-list'\n\nconst TRANSLATION_MUTATION_CONTEXT_ID = 'translations.entity-translations'\nconst SUPPORTED_LOCALES_MUTATION_CONTEXT_ID = 'translations.supported-locales'\n\ntype TranslationManagerProps = {\n  entityType?: string\n  recordId?: string\n  baseValues?: Record<string, unknown>\n  translatableFields?: string[]\n  mode?: 'standalone' | 'embedded'\n  compact?: boolean\n}\n\ntype EntityOption = { entityId: string; label?: string; source?: string }\n\ntype TranslationsResponse = {\n  entityType: string\n  entityId: string\n  translations: Record<string, Record<string, unknown>>\n  createdAt?: string\n  updatedAt?: string\n}\n\nfunction useTranslationLocales() {\n  return useQuery<string[]>({\n    queryKey: ['translation-locales'],\n    queryFn: async () => {\n      const res = await apiCall<{ locales: string[] }>('/api/translations/locales')\n      if (!res.ok) return [...defaultLocales]\n      return Array.isArray(res.result?.locales) && res.result.locales.length > 0\n        ? res.result.locales\n        : [...defaultLocales]\n    },\n    staleTime: 60_000,\n  })\n}\n\nexport function TranslationManager({\n  entityType: propEntityType,\n  recordId: propRecordId,\n  baseValues: propBaseValues,\n  translatableFields: propTranslatableFields,\n  mode = 'standalone',\n  compact = false,\n}: TranslationManagerProps) {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const isEmbedded = mode === 'embedded'\n\n  const [selectedEntityType, setSelectedEntityType] = React.useState(propEntityType ?? '')\n  const [selectedRecordId, setSelectedRecordId] = React.useState(propRecordId ?? '')\n  const [activeLocale, setActiveLocale] = React.useState('')\n  const [editedTranslations, setEditedTranslations] = React.useState<Record<string, Record<string, string>>>({})\n  const editedTranslationsRef = React.useRef<Record<string, Record<string, string>>>({})\n  const [hasUserEdited, setHasUserEdited] = React.useState(false)\n  const hasUserEditedRef = React.useRef(false)\n\n  const entityType = isEmbedded ? (propEntityType ?? '') : selectedEntityType\n  const recordId = isEmbedded ? (propRecordId ?? '') : selectedRecordId\n\n  const { data: locales = [...defaultLocales] } = useTranslationLocales()\n\n  React.useEffect(() => {\n    if (locales.length > 0 && (!activeLocale || !locales.includes(activeLocale))) {\n      setActiveLocale(locales[0])\n    }\n  }, [locales, activeLocale])\n\n  React.useEffect(() => {\n    if (isEmbedded && propEntityType) setSelectedEntityType(propEntityType)\n  }, [isEmbedded, propEntityType])\n\n  React.useEffect(() => {\n    if (isEmbedded && propRecordId) setSelectedRecordId(propRecordId)\n  }, [isEmbedded, propRecordId])\n\n  const { data: entities, isLoading: loadingEntities, error: entitiesError } = useQuery<{ items: EntityOption[] }>({\n    queryKey: ['entities-list', scopeVersion],\n    enabled: !isEmbedded,\n    queryFn: async () =>\n      readApiResultOrThrow('/api/entities/entities', undefined, {\n        errorMessage: t('translations.manager.errors.loadEntities', 'Failed to load entities'),\n      }),\n  })\n\n  const entitySuggestions = React.useMemo(\n    () =>\n      (entities?.items || []).map((item) => ({\n        value: item.entityId,\n        label: formatEntityLabel(item.entityId, item.label),\n        description: item.entityId,\n      })),\n    [entities],\n  )\n\n  const resolveEntityLabel = React.useCallback(\n    (value: string) => {\n      const match = entities?.items?.find((e) => e.entityId === value)\n      return match ? formatEntityLabel(match.entityId, match.label) : formatEntityLabel(value)\n    },\n    [entities],\n  )\n\n  const listUrl = React.useMemo(() => entityType ? buildEntityListUrl(entityType) : null, [entityType])\n\n  const loadRecordSuggestions = React.useCallback(\n    async (query?: string) => {\n      if (!entityType || !listUrl) return []\n      const url = `${listUrl}?pageSize=20${query ? `&search=${encodeURIComponent(query)}` : ''}`\n      const res = await apiCall<{ items: Array<Record<string, unknown>> }>(url)\n      if (!res.ok) return []\n      const items = res.result?.items ?? []\n      return items.map((item) => ({\n        value: String(item.id ?? ''),\n        label: getRecordLabel(item),\n      }))\n    },\n    [entityType, listUrl],\n  )\n\n  const { data: recordData } = useQuery<Record<string, unknown> | null>({\n    queryKey: ['translation-record-data', entityType, recordId, listUrl, scopeVersion],\n    enabled: !isEmbedded && !!entityType && !!recordId && !!listUrl,\n    queryFn: async () => {\n      const res = await apiCall<{ items: Array<Record<string, unknown>> }>(\n        // Some APIs filter by `id` (catalog), others by `ids` (resources) \u2014 send both so the one recognized by the target route's buildFilters is applied\n        `${listUrl}?id=${encodeURIComponent(recordId)}&ids=${encodeURIComponent(recordId)}&pageSize=1`,\n      )\n      if (!res.ok) return null\n      const items = res.result?.items\n      return Array.isArray(items) && items.length > 0 ? items[0] : null\n    },\n  })\n\n  const baseValues = isEmbedded ? (propBaseValues ?? {}) : (recordData ?? {})\n\n  const resolveRecordLabel = React.useCallback(\n    (value: string) => {\n      if (recordData) return getRecordLabel(recordData)\n      return value\n    },\n    [recordData],\n  )\n\n  const { data: fieldDefs = [], isLoading: loadingFieldDefs } = useCustomFieldDefs(entityType ? [entityType] : [], {\n    enabled: !!entityType,\n  })\n\n  const fieldList = React.useMemo(\n    () => resolveFieldList(entityType, propTranslatableFields, fieldDefs as Array<{ key: string; kind: string; label?: string }>),\n    [entityType, propTranslatableFields, fieldDefs],\n  )\n\n  const {\n    data: translationData,\n    isLoading: loadingTranslation,\n    isError: translationError,\n    refetch: refetchTranslation,\n  } = useQuery<TranslationsResponse | null>({\n    queryKey: ['entity-translation', entityType, recordId, scopeVersion],\n    enabled: !!entityType && !!recordId,\n    queryFn: async () => {\n      const res = await apiCall<TranslationsResponse>(\n        `/api/translations/${encodeURIComponent(entityType)}/${encodeURIComponent(recordId)}`,\n      )\n      if (!res.ok) {\n        if (res.response?.status === 404) return null\n        return null\n      }\n      return res.result ?? null\n    },\n  })\n\n  const translationSignature = React.useMemo(() => JSON.stringify(translationData ?? null), [translationData])\n  const lastTranslationSignatureRef = React.useRef<string | null>(null)\n\n  React.useEffect(() => {\n    const sig = translationSignature\n    if (sig === lastTranslationSignatureRef.current && hasUserEditedRef.current) return\n    lastTranslationSignatureRef.current = sig\n\n    if (!translationData?.translations) {\n      if (!hasUserEditedRef.current) {\n        editedTranslationsRef.current = {}\n        setEditedTranslations({})\n      }\n      return\n    }\n\n    const parsed: Record<string, Record<string, string>> = {}\n    for (const [locale, fields] of Object.entries(translationData.translations)) {\n      if (!fields || typeof fields !== 'object') continue\n      parsed[locale] = {}\n      for (const [key, val] of Object.entries(fields)) {\n        parsed[locale][key] = typeof val === 'string' ? val : ''\n      }\n    }\n    if (!hasUserEditedRef.current) {\n      editedTranslationsRef.current = parsed\n      setEditedTranslations(parsed)\n    }\n  }, [translationSignature, translationData])\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    entityType: string\n    recordId: string\n    resourceKind: string\n    resourceId: string\n    data: TranslationsResponse | null\n    retryLastMutation: () => Promise<boolean>\n  }>({ contextId: TRANSLATION_MUTATION_CONTEXT_ID })\n\n  const mutation = useMutation({\n    mutationFn: async () => {\n      if (!entityType || !recordId) {\n        throw new Error(t('translations.manager.errors.selectRecord', 'Select an entity and record before saving'))\n      }\n      const body: Record<string, Record<string, string | null>> = {}\n      for (const [locale, fields] of Object.entries(editedTranslationsRef.current)) {\n        const localeFields: Record<string, string | null> = {}\n        let hasValues = false\n        for (const [key, val] of Object.entries(fields)) {\n          if (val && val.trim().length > 0) {\n            localeFields[key] = val.trim()\n            hasValues = true\n          }\n        }\n        if (hasValues) body[locale] = localeFields\n      }\n      if (Object.keys(body).length === 0) {\n        console.warn('[translations] Save skipped: payload is empty \u2014 no locale contains any non-empty field')\n        throw new Error(t('translations.manager.errors.nothingToSave', 'Nothing to save \u2014 enter a translation first'))\n      }\n      return runMutation({\n        operation: async () => {\n          const res = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(translationData?.updatedAt),\n            () => apiCall(\n              `/api/translations/${encodeURIComponent(entityType)}/${encodeURIComponent(recordId)}`,\n              {\n                method: 'PUT',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify(body),\n              },\n            ),\n          )\n          if (!res.ok) {\n            throw new Error(t('translations.manager.errors.save', 'Failed to save translations'))\n          }\n          return true\n        },\n        context: {\n          formId: TRANSLATION_MUTATION_CONTEXT_ID,\n          entityType,\n          recordId,\n          resourceKind: 'translation',\n          resourceId: recordId,\n          data: translationData ?? null,\n          retryLastMutation,\n        },\n        mutationPayload: body,\n      })\n    },\n    onSuccess: () => {\n      flash(t('translations.manager.flash.saved', 'Translations saved'), 'success')\n      hasUserEditedRef.current = false\n      setHasUserEdited(false)\n      void refetchTranslation()\n    },\n    onError: (err: unknown) => {\n      const message = err instanceof Error ? err.message : t('translations.manager.errors.save', 'Failed to save translations')\n      flash(message, 'error')\n    },\n  })\n\n  const updateFieldValue = (locale: string, fieldKey: string, value: string) => {\n    hasUserEditedRef.current = true\n    setHasUserEdited(true)\n    const next = {\n      ...editedTranslationsRef.current,\n      [locale]: {\n        ...editedTranslationsRef.current[locale],\n        [fieldKey]: value,\n      },\n    }\n    editedTranslationsRef.current = next\n    setEditedTranslations(next)\n  }\n\n  const getBaseValue = (fieldKey: string): string => resolveBaseValue(baseValues, fieldKey)\n\n  const renderRecordPicker = () => {\n    if (isEmbedded) return null\n\n    return (\n      <div className=\"space-y-2\">\n        <label className=\"text-xs text-muted-foreground\">\n          {t('translations.manager.selectRecord', 'Select record')}\n        </label>\n        <ComboboxInput\n          value={selectedRecordId}\n          onChange={(next) => {\n            setSelectedRecordId(next)\n            hasUserEditedRef.current = false\n            setHasUserEdited(false)\n          }}\n          placeholder={t('translations.manager.searchRecords', 'Search records...')}\n          loadSuggestions={loadRecordSuggestions}\n          resolveLabel={resolveRecordLabel}\n          allowCustomValues\n          disabled={!entityType}\n        />\n      </div>\n    )\n  }\n\n  const renderLocaleTabs = () => (\n    <div className=\"flex gap-1 border-b\">\n      {locales.map((locale) => {\n        const isActive = activeLocale === locale\n        return (\n          <button\n            key={locale}\n            type=\"button\"\n            data-state={isActive ? 'active' : 'inactive'}\n            data-locale={locale}\n            className={`px-3 py-1.5 text-sm font-medium transition-colors ${\n              isActive\n                ? 'border-b-2 border-accent-indigo text-foreground'\n                : 'text-muted-foreground hover:text-foreground'\n            }`}\n            onClick={() => setActiveLocale(locale)}\n          >\n            {locale.toUpperCase()}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const renderFieldTable = () => {\n    if (!entityType || !recordId) {\n      return (\n        <div className=\"rounded border bg-background/80 p-4 text-sm text-muted-foreground\">\n          {t('translations.manager.selectFirst', 'Select an entity and record to manage translations.')}\n        </div>\n      )\n    }\n    if (loadingTranslation || loadingFieldDefs) {\n      return (\n        <LoadingMessage\n          label={t('translations.manager.loadingTranslations', 'Loading translations...')}\n          className=\"border-0 bg-transparent p-4\"\n        />\n      )\n    }\n    if (translationError) {\n      return (\n        <ErrorMessage\n          label={t('translations.manager.errors.loadTranslation', 'Failed to load translations')}\n          action={(\n            <Button variant=\"outline\" size=\"sm\" onClick={() => void refetchTranslation()}>\n              {t('translations.manager.actions.retry', 'Retry')}\n            </Button>\n          )}\n        />\n      )\n    }\n    if (!fieldList.length) {\n      return (\n        <div className=\"rounded border bg-background/80 p-4 text-sm text-muted-foreground\">\n          {t('translations.manager.noFields', 'No translatable fields found for this entity type.')}\n        </div>\n      )\n    }\n\n    const localeTranslations = editedTranslations[activeLocale] ?? {}\n\n    return (\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full min-w-[480px] text-sm\">\n          <thead>\n            <tr className=\"text-xs uppercase tracking-wide text-muted-foreground\">\n              <th className=\"px-3 py-2 text-left w-[140px]\">\n                {t('translations.manager.fields.field', 'Field')}\n              </th>\n              {!compact && (\n                <th className=\"px-3 py-2 text-left\">\n                  {t('translations.manager.fields.baseValue', 'Base value')}\n                </th>\n              )}\n              <th className=\"px-3 py-2 text-left\">\n                {t('translations.manager.fields.translation', 'Translation')} ({activeLocale.toUpperCase()})\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {fieldList.map((field) => {\n              const baseVal = getBaseValue(field.key)\n              const translatedVal = localeTranslations[field.key] ?? ''\n\n              return (\n                <tr key={field.key} className=\"border-t\">\n                  <td className=\"px-3 py-2 align-top text-xs font-medium text-muted-foreground\">\n                    {field.label}\n                  </td>\n                  {!compact && (\n                    <td className=\"px-3 py-2 align-top text-xs text-muted-foreground max-w-[200px]\">\n                      {baseVal ? (\n                        <span className=\"line-clamp-3\">{baseVal}</span>\n                      ) : (\n                        <span className=\"text-muted-foreground/50\">-</span>\n                      )}\n                    </td>\n                  )}\n                  <td className=\"px-3 py-2 align-top\">\n                    {field.multiline ? (\n                      <textarea\n                        className=\"flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\"\n                        rows={3}\n                        value={translatedVal}\n                        onChange={(e) => updateFieldValue(activeLocale, field.key, e.target.value)}\n                        placeholder={baseVal || field.label}\n                      />\n                    ) : (\n                      <Input\n                        value={translatedVal}\n                        onChange={(e) => updateFieldValue(activeLocale, field.key, e.target.value)}\n                        placeholder={baseVal || field.label}\n                      />\n                    )}\n                  </td>\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n\n  React.useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n        e.preventDefault()\n        if (entityType && recordId && !mutation.isPending) mutation.mutate()\n      }\n    }\n    document.addEventListener('keydown', handler)\n    return () => document.removeEventListener('keydown', handler)\n  }, [entityType, recordId, mutation])\n\n  if (compact) {\n    return (\n      <div className=\"space-y-3\">\n        {renderLocaleTabs()}\n        {renderFieldTable()}\n        <div className=\"flex justify-end\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => mutation.mutate()}\n            disabled={mutation.isPending || !entityType || !recordId}\n            data-testid=\"translations-save\"\n          >\n            <Save className=\"mr-2 h-3 w-3\" />\n            {mutation.isPending\n              ? t('translations.manager.actions.saving', 'Saving...')\n              : t('translations.manager.actions.save', 'Save translations')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 shadow-sm\">\n        <div className=\"space-y-2\">\n          <h2 className=\"text-xl font-semibold\">{t('translations.manager.title', 'Translations')}</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('translations.manager.description', 'Manage translations for entity records across supported locales.')}\n          </p>\n        </div>\n\n        {!isEmbedded && (\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start\">\n            <div className=\"flex-1 space-y-3\">\n              <div>\n                <label className=\"text-xs text-muted-foreground\">\n                  {t('translations.manager.selectEntity', 'Choose entity')}\n                </label>\n                <div className=\"mt-1\">\n                  <ComboboxInput\n                    value={selectedEntityType}\n                    onChange={(next) => {\n                      setSelectedEntityType(next)\n                      setSelectedRecordId('')\n                      hasUserEditedRef.current = false\n                      setHasUserEdited(false)\n                    }}\n                    placeholder={t('translations.manager.placeholder', 'Select an entity')}\n                    suggestions={entitySuggestions}\n                    resolveLabel={resolveEntityLabel}\n                    disabled={loadingEntities || !!entitiesError}\n                  />\n                </div>\n                {entitiesError && (\n                  <p className=\"mt-1 text-xs text-destructive\">\n                    {t('translations.manager.errors.loadEntities', 'Failed to load entities')}\n                  </p>\n                )}\n              </div>\n              {renderRecordPicker()}\n            </div>\n          </div>\n        )}\n\n        <div className=\"rounded-lg border bg-background/80 p-4\">\n          {renderLocaleTabs()}\n          <div className=\"mt-3\">\n            {renderFieldTable()}\n          </div>\n        </div>\n\n        <div className=\"flex justify-end\">\n          <Button\n            type=\"button\"\n            onClick={() => mutation.mutate()}\n            disabled={mutation.isPending || loadingEntities || !!entitiesError || !entityType || !recordId}\n            data-testid=\"translations-save\"\n          >\n            <Save className=\"mr-2 h-4 w-4\" />\n            {mutation.isPending\n              ? t('translations.manager.actions.saving', 'Saving...')\n              : t('translations.manager.actions.save', 'Save translations')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function LocaleManager() {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const { data: locales = [], isLoading } = useTranslationLocales()\n  const [newLocale, setNewLocale] = React.useState('')\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({ contextId: SUPPORTED_LOCALES_MUTATION_CONTEXT_ID })\n\n  const mutation = useMutation({\n    mutationFn: async (updatedLocales: string[]) => {\n      // optimistic-lock-exempt: single-row tenant supported-locales settings list \u2014 no per-record version / concurrent record edit\n      return runMutation({\n        operation: async () => {\n          const res = await apiCall<{ locales: string[] }>('/api/translations/locales', {\n            method: 'PUT',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ locales: updatedLocales }),\n          })\n          if (!res.ok) throw new Error('Failed to save locales')\n          return res.result?.locales ?? updatedLocales\n        },\n        context: {\n          formId: SUPPORTED_LOCALES_MUTATION_CONTEXT_ID,\n          resourceKind: 'translation-locales',\n          retryLastMutation,\n        },\n        mutationPayload: { locales: updatedLocales },\n      })\n    },\n    onSuccess: (result) => {\n      queryClient.setQueryData(['translation-locales'], result)\n      flash(t('translations.locales.flash.saved', 'Locales updated'), 'success')\n    },\n    onError: () => {\n      flash(t('translations.locales.flash.error', 'Failed to update locales'), 'error')\n    },\n  })\n\n  const availableLocales = React.useMemo(\n    () => ISO_639_1.filter((entry) => !locales.includes(entry.code)).map((entry) => ({\n      value: entry.code,\n      label: `${entry.code.toUpperCase()} \u2014 ${entry.label}`,\n    })),\n    [locales],\n  )\n\n  const addLocale = () => {\n    const code = newLocale.toLowerCase().trim()\n    if (!code || !isValidIso639(code) || locales.includes(code)) return\n    mutation.mutate([...locales, code])\n    setNewLocale('')\n  }\n\n  const removeLocale = (locale: string) => {\n    if (locales.length <= 1) return\n    mutation.mutate(locales.filter((l) => l !== locale))\n  }\n\n  if (isLoading) {\n    return <LoadingMessage label={t('translations.locales.loading', 'Loading locales...')} className=\"border-0 bg-transparent p-4\" />\n  }\n\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 shadow-sm\">\n      <div className=\"space-y-1\">\n        <h3 className=\"text-lg font-semibold\">{t('translations.locales.title', 'Supported locales')}</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('translations.locales.description', 'Configure which locales are available for translations. Add ISO language codes (e.g. fr, it, ja, zh).')}\n        </p>\n      </div>\n\n      <div className=\"flex flex-wrap gap-2\">\n        {locales.map((locale) => (\n          <span\n            key={locale}\n            className=\"inline-flex items-center gap-1.5 rounded-full border bg-muted/50 px-3 py-1 text-sm font-medium\"\n            title={getIso639Label(locale) ?? locale}\n          >\n            {locale.toUpperCase()}{getIso639Label(locale) ? ` \u2014 ${getIso639Label(locale)}` : ''}\n            {locales.length > 1 && (\n              <button\n                type=\"button\"\n                className=\"rounded-full p-0.5 text-muted-foreground hover:text-foreground transition-colors\"\n                onClick={() => removeLocale(locale)}\n                disabled={mutation.isPending}\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            )}\n          </span>\n        ))}\n      </div>\n\n      <div className=\"flex gap-2 items-center\">\n        <div className=\"max-w-[240px] flex-1\">\n          <ComboboxInput\n            value={newLocale}\n            onChange={setNewLocale}\n            placeholder={t('translations.locales.addPlaceholder', 'Search language...')}\n            suggestions={availableLocales}\n            resolveLabel={(value) => {\n              const label = getIso639Label(value)\n              return label ? `${value.toUpperCase()} \u2014 ${label}` : value.toUpperCase()\n            }}\n          />\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={addLocale}\n          disabled={mutation.isPending || !newLocale.trim() || !isValidIso639(newLocale) || locales.includes(newLocale.toLowerCase().trim())}\n        >\n          <Plus className=\"mr-1 h-3 w-3\" />\n          {t('translations.locales.add', 'Add')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.6.6-develop.6205.1.109e4b6a84",
+  "version": "0.6.6-develop.6227.1.2695efff30",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -246,16 +246,16 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.6.6-develop.6205.1.109e4b6a84",
-    "@open-mercato/shared": "0.6.6-develop.6205.1.109e4b6a84",
-    "@open-mercato/ui": "0.6.6-develop.6205.1.109e4b6a84",
+    "@open-mercato/ai-assistant": "0.6.6-develop.6227.1.2695efff30",
+    "@open-mercato/shared": "0.6.6-develop.6227.1.2695efff30",
+    "@open-mercato/ui": "0.6.6-develop.6227.1.2695efff30",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.6.6-develop.6205.1.109e4b6a84",
-    "@open-mercato/shared": "0.6.6-develop.6205.1.109e4b6a84",
-    "@open-mercato/ui": "0.6.6-develop.6205.1.109e4b6a84",
+    "@open-mercato/ai-assistant": "0.6.6-develop.6227.1.2695efff30",
+    "@open-mercato/shared": "0.6.6-develop.6227.1.2695efff30",
+    "@open-mercato/ui": "0.6.6-develop.6227.1.2695efff30",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/modules/currencies/backend/currencies/[id]/page.tsx

@@ -8,7 +8,8 @@ import { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'
 import { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'
-import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'
 import { DataLoader } from '@open-mercato/ui/primitives/DataLoader'
@@ -35,6 +36,16 @@ export default function EditCurrencyPage({ params }: { params?: { id?: string }
   const t = useT()
   const router = useRouter()
   const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()
+  const mutationContextId = 'currencies-edit:delete'
+  const { runMutation, retryLastMutation } = useGuardedMutation<{
+    formId: string
+    resourceKind: string
+    resourceId: string
+    retryLastMutation: () => Promise<boolean>
+  }>({
+    contextId: mutationContextId,
+    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),
+  })
 
   const [currency, setCurrency] = React.useState<CurrencyData | null>(null)
   const [loading, setLoading] = React.useState(true)
@@ -144,21 +155,40 @@ export default function EditCurrencyPage({ params }: { params?: { id?: string }
     if (!confirmed) return
 
     try {
-      const headers = buildOptimisticLockHeader(currency.updatedAt ?? currency.updated_at ?? null)
-      await withScopedApiRequestHeaders(headers, () => (
-        apiCall('/api/currencies/currencies', {
-          method: 'DELETE',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ id: currency.id, organizationId: currency.organizationId, tenantId: currency.tenantId }),
-        })
-      ))
+      await runMutation({
+        operation: async () => {
+          const headers = buildOptimisticLockHeader(currency.updatedAt ?? currency.updated_at ?? null)
+          const call = await withScopedApiRequestHeaders(headers, () => (
+            apiCall('/api/currencies/currencies', {
+              method: 'DELETE',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ id: currency.id, organizationId: currency.organizationId, tenantId: currency.tenantId }),
+            })
+          ))
+          if (!call.ok) {
+            throw Object.assign(new Error('[internal] currencies.delete failed'), {
+              status: call.status,
+              ...((call.result as Record<string, unknown> | null) ?? {}),
+            })
+          }
+          return call
+        },
+        context: {
+          formId: mutationContextId,
+          resourceKind: 'currencies.currency',
+          resourceId: currency.id,
+          retryLastMutation,
+        },
+        mutationPayload: { id: currency.id },
+      })
 
       flash(t('currencies.flash.deleted'), 'success')
       router.push('/backend/currencies')
     } catch (error) {
+      if (extractOptimisticLockConflict(error)) return
       flash(t('currencies.flash.deleteError'), 'error')
     }
-  }, [currency, t, router, confirmDialog])
+  }, [currency, t, router, confirmDialog, mutationContextId, retryLastMutation, runMutation])
 
   if (loading) {
     return (

package/src/modules/currencies/backend/currencies/page.tsx

@@ -13,7 +13,8 @@ import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
 import { Plus, Star } from 'lucide-react'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'
-import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
 import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
@@ -52,6 +53,16 @@ export default function CurrenciesPage() {
   const [isLoading, setIsLoading] = React.useState(true)
   const [reloadToken, setReloadToken] = React.useState(0)
   const scopeVersion = useOrganizationScopeVersion()
+  const mutationContextId = 'currencies-list:mutation'
+  const { runMutation, retryLastMutation } = useGuardedMutation<{
+    formId: string
+    resourceKind: string
+    resourceId: string
+    retryLastMutation: () => Promise<boolean>
+  }>({
+    contextId: mutationContextId,
+    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),
+  })
 
   React.useEffect(() => {
     let cancelled = false
@@ -101,27 +112,41 @@ export default function CurrenciesPage() {
   const handleSetBase = React.useCallback(
     async (row: CurrencyRow) => {
       try {
-        const call = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(row.updatedAt),
-          () => apiCall('/api/currencies/currencies', {
-            method: 'PUT',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ id: row.id, isBase: true }),
-          }),
-        )
-
-        if (!call.ok) {
-          flash(t('currencies.flash.baseSetError'), 'error')
-          return
-        }
+        await runMutation({
+          operation: async () => {
+            const call = await withScopedApiRequestHeaders(
+              buildOptimisticLockHeader(row.updatedAt),
+              () => apiCall('/api/currencies/currencies', {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ id: row.id, isBase: true }),
+              }),
+            )
+            if (!call.ok) {
+              throw Object.assign(new Error('[internal] currencies.setBase failed'), {
+                status: call.status,
+                ...((call.result as Record<string, unknown> | null) ?? {}),
+              })
+            }
+            return call
+          },
+          context: {
+            formId: mutationContextId,
+            resourceKind: 'currencies.currency',
+            resourceId: row.id,
+            retryLastMutation,
+          },
+          mutationPayload: { id: row.id, isBase: true },
+        })
 
         flash(t('currencies.flash.baseSet'), 'success')
         setReloadToken((token) => token + 1)
       } catch (error) {
+        if (extractOptimisticLockConflict(error)) return
         flash(t('currencies.flash.baseSetError'), 'error')
       }
     },
-    [t]
+    [mutationContextId, retryLastMutation, runMutation, t]
   )
 
   const handleDelete = React.useCallback(
@@ -133,27 +158,41 @@ export default function CurrenciesPage() {
       if (!confirmed) return
 
       try {
-        const call = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(row.updatedAt),
-          () => apiCall(`/api/currencies/currencies`, {
-            method: 'DELETE',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),
-          }),
-        )
-
-        if (!call.ok) {
-          flash(t('currencies.flash.deleteError'), 'error')
-          return
-        }
+        await runMutation({
+          operation: async () => {
+            const call = await withScopedApiRequestHeaders(
+              buildOptimisticLockHeader(row.updatedAt),
+              () => apiCall(`/api/currencies/currencies`, {
+                method: 'DELETE',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),
+              }),
+            )
+            if (!call.ok) {
+              throw Object.assign(new Error('[internal] currencies.delete failed'), {
+                status: call.status,
+                ...((call.result as Record<string, unknown> | null) ?? {}),
+              })
+            }
+            return call
+          },
+          context: {
+            formId: mutationContextId,
+            resourceKind: 'currencies.currency',
+            resourceId: row.id,
+            retryLastMutation,
+          },
+          mutationPayload: { id: row.id },
+        })
 
         flash(t('currencies.flash.deleted'), 'success')
         setReloadToken((token) => token + 1)
       } catch (error) {
+        if (extractOptimisticLockConflict(error)) return
         flash(t('currencies.flash.deleteError'), 'error')
       }
     },
-    [t, confirmDialog]
+    [t, confirmDialog, mutationContextId, retryLastMutation, runMutation]
   )
 
   const columns = React.useMemo<ColumnDef<CurrencyRow>[]>(

package/src/modules/currencies/backend/exchange-rates/page.tsx

@@ -13,7 +13,8 @@ import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
 import { Plus } from 'lucide-react'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'
-import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'
+import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
 import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
@@ -53,6 +54,16 @@ export default function ExchangeRatesPage() {
   const [isLoading, setIsLoading] = React.useState(true)
   const [reloadToken, setReloadToken] = React.useState(0)
   const scopeVersion = useOrganizationScopeVersion()
+  const mutationContextId = 'currencies-exchange-rates-list:mutation'
+  const { runMutation, retryLastMutation } = useGuardedMutation<{
+    formId: string
+    resourceKind: string
+    resourceId: string
+    retryLastMutation: () => Promise<boolean>
+  }>({
+    contextId: mutationContextId,
+    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),
+  })
 
   React.useEffect(() => {
     let cancelled = false
@@ -111,27 +122,41 @@ export default function ExchangeRatesPage() {
       if (!confirmed) return
 
       try {
-        const call = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(row.updatedAt),
-          () => apiCall(`/api/currencies/exchange-rates`, {
-            method: 'DELETE',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),
-          }),
-        )
-
-        if (!call.ok) {
-          flash(t('exchangeRates.flash.deleteError'), 'error')
-          return
-        }
+        await runMutation({
+          operation: async () => {
+            const call = await withScopedApiRequestHeaders(
+              buildOptimisticLockHeader(row.updatedAt),
+              () => apiCall(`/api/currencies/exchange-rates`, {
+                method: 'DELETE',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),
+              }),
+            )
+            if (!call.ok) {
+              throw Object.assign(new Error('[internal] currencies.exchangeRate.delete failed'), {
+                status: call.status,
+                ...((call.result as Record<string, unknown> | null) ?? {}),
+              })
+            }
+            return call
+          },
+          context: {
+            formId: mutationContextId,
+            resourceKind: 'currencies.exchange_rate',
+            resourceId: row.id,
+            retryLastMutation,
+          },
+          mutationPayload: { id: row.id },
+        })
 
         flash(t('exchangeRates.flash.deleted'), 'success')
         setReloadToken((token) => token + 1)
       } catch (error) {
+        if (extractOptimisticLockConflict(error)) return
         flash(t('exchangeRates.flash.deleteError'), 'error')
       }
     },
-    [t, confirmDialog]
+    [t, confirmDialog, mutationContextId, retryLastMutation, runMutation]
   )
 
   const columns = React.useMemo<ColumnDef<ExchangeRateRow>[]>(