@open-mercato/core 0.6.4-develop.4199.1.86677441c2 → 0.6.4-develop.4217.1.c9aa050183

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 } from '@open-mercato/ui/backend/utils/apiCall'\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 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      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-primary text-primary'\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-red-600\">\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      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 } from '@open-mercato/ui/backend/utils/apiCall'\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 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      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      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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",
   "names": []
 }

package/dist/modules/translations/widgets/injection/translation-manager/widget.client.js

@@ -1,11 +1,19 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useParams } from "next/navigation";
 import Link from "next/link";
-import { ExternalLink, Languages, X } from "lucide-react";
+import { ExternalLink, Languages } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
 import { TranslationManager } from "../../../components/TranslationManager.js";
 import { extractRecordId } from "../../../lib/extract-record-id.js";
 function useTranslationAccess() {
@@ -35,26 +43,8 @@ function TranslationWidget({ context, data }) {
   const routeRecordId = params ? extractRecordId(params) : void 0;
   const recordId = contextRecordId ?? dataRecordId ?? routeRecordId;
   const canRender = Boolean(entityType && recordId && hasAccess);
-  React.useEffect(() => {
-    if (!open || !canRender) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, [canRender, open]);
-  React.useEffect(() => {
-    if (!open || !canRender) return;
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [canRender, open]);
   if (!canRender) return null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(
       Button,
       {
@@ -67,79 +57,51 @@ function TranslationWidget({ context, data }) {
         children: /* @__PURE__ */ jsx(Languages, { className: "size-4" })
       }
     ),
-    open ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "fixed inset-0 z-overlay bg-black/20",
-          onClick: () => setOpen(false),
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
+    /* @__PURE__ */ jsxs(DrawerContent, { className: "max-w-4xl", children: [
+      /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+        /* @__PURE__ */ jsx(DrawerTitle, { children: t("translations.widgets.translationManager.groupLabel", "Translations") }),
+        /* @__PURE__ */ jsx(DrawerDescription, { children: t(
+          "translations.widgets.translationManager.groupDescription",
+          "Manage translations for this record across supported locales."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(DrawerBody, { children: /* @__PURE__ */ jsx(
+        TranslationManager,
         {
-          className: "fixed right-0 top-0 z-modal h-full w-full max-w-4xl border-l bg-background shadow-lg",
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": t("translations.widgets.translationManager.groupLabel", "Translations"),
-          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 border-b px-4 py-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: t("translations.widgets.translationManager.groupLabel", "Translations") }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("translations.widgets.translationManager.groupDescription", "Manage translations for this record across supported locales.") })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: () => setOpen(false),
-                  "aria-label": t("ui.dialog.close.ariaLabel", "Close"),
-                  children: /* @__PURE__ */ jsx(X, { className: "size-4" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: /* @__PURE__ */ jsx(
-              TranslationManager,
-              {
-                mode: "embedded",
-                compact: true,
-                entityType,
-                recordId,
-                baseValues: data
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 border-t px-4 py-3", children: [
-              /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  href: `/backend/entities/system/${encodeURIComponent(entityType)}`,
-                  className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
-                  children: [
-                    /* @__PURE__ */ jsx(Languages, { className: "size-3" }),
-                    t("translations.widgets.translationManager.customFieldLabels", "Custom fields translations"),
-                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  href: "/backend/config/translations",
-                  className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
-                  children: [
-                    /* @__PURE__ */ jsx(Languages, { className: "size-3" }),
-                    t("translations.widgets.translationManager.fullManager", "Translation manager"),
-                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" })
-                  ]
-                }
-              )
-            ] })
-          ] })
+          mode: "embedded",
+          compact: true,
+          entityType,
+          recordId,
+          baseValues: data
         }
-      )
-    ] }) : null
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 px-6 pt-4 pb-5", children: [
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: `/backend/entities/system/${encodeURIComponent(entityType)}`,
+            className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
+            children: [
+              /* @__PURE__ */ jsx(Languages, { className: "size-3" }),
+              t("translations.widgets.translationManager.customFieldLabels", "Custom fields translations"),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "/backend/config/translations",
+            className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
+            children: [
+              /* @__PURE__ */ jsx(Languages, { className: "size-3" }),
+              t("translations.widgets.translationManager.fullManager", "Translation manager"),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-2.5" })
+            ]
+          }
+        )
+      ] })
+    ] })
   ] });
 }
 export {

package/dist/modules/translations/widgets/injection/translation-manager/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/translations/widgets/injection/translation-manager/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useParams } from 'next/navigation'\nimport Link from 'next/link'\nimport { ExternalLink, Languages, X } from 'lucide-react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { TranslationManager } from '../../../components/TranslationManager'\nimport { extractRecordId } from '../../../lib/extract-record-id'\n\ntype WidgetContext = { entityId?: string; recordId?: string }\ntype WidgetData = Record<string, unknown> & { id?: string | number }\n\nfunction useTranslationAccess(): boolean {\n  const [hasAccess, setHasAccess] = React.useState(false)\n  React.useEffect(() => {\n    let mounted = true\n    // Use the original fetch to bypass the global apiFetch wrapper\n    // that redirects to login on 403. This lets us gracefully hide the widget\n    // when the user lacks translations.view instead of crashing the page.\n    const nativeFetch = ((window as any).__omOriginalFetch as typeof fetch) || fetch\n    nativeFetch('/api/translations/locales', { credentials: 'include' })\n      .then((res) => { if (mounted) setHasAccess(res.ok) })\n      .catch(() => { if (mounted) setHasAccess(false) })\n    return () => { mounted = false }\n  }, [])\n  return hasAccess\n}\n\nexport default function TranslationWidget({ context, data }: InjectionWidgetComponentProps<WidgetContext, WidgetData>) {\n  const entityType = context?.entityId\n  const params = useParams()\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const hasAccess = useTranslationAccess()\n\n  const contextRecordId = typeof context?.recordId === 'string' && context.recordId.trim().length > 0\n    ? context.recordId.trim()\n    : undefined\n  const dataRecordId = data?.id === undefined || data.id === null ? undefined : String(data.id)\n  const routeRecordId = params ? extractRecordId(params as Record<string, string | string[]>) : undefined\n  const recordId = contextRecordId ?? dataRecordId ?? routeRecordId\n  const canRender = Boolean(entityType && recordId && hasAccess)\n\n  React.useEffect(() => {\n    if (!open || !canRender) return\n    const prev = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n    return () => {\n      document.body.style.overflow = prev\n    }\n  }, [canRender, open])\n\n  React.useEffect(() => {\n    if (!open || !canRender) return\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpen(false)\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [canRender, open])\n\n  if (!canRender) return null\n\n  return (\n    <>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setOpen(true)}\n        aria-label={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n        title={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n      >\n        <Languages className=\"size-4\" />\n      </Button>\n      {open ? (\n        <>\n          <div\n            className=\"fixed inset-0 z-overlay bg-black/20\"\n            onClick={() => setOpen(false)}\n            aria-hidden=\"true\"\n          />\n          <div\n            className=\"fixed right-0 top-0 z-modal h-full w-full max-w-4xl border-l bg-background shadow-lg\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={t('translations.widgets.translationManager.groupLabel', 'Translations')}\n          >\n            <div className=\"flex h-full flex-col\">\n              <div className=\"flex items-start justify-between gap-3 border-b px-4 py-3\">\n                <div className=\"space-y-1\">\n                  <h2 className=\"font-semibold\">\n                    {t('translations.widgets.translationManager.groupLabel', 'Translations')}\n                  </h2>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {t('translations.widgets.translationManager.groupDescription', 'Manage translations for this record across supported locales.')}\n                  </p>\n                </div>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => setOpen(false)}\n                  aria-label={t('ui.dialog.close.ariaLabel', 'Close')}\n                >\n                  <X className=\"size-4\" />\n                </Button>\n              </div>\n              <div className=\"flex-1 overflow-y-auto px-4 py-4\">\n                <TranslationManager\n                  mode=\"embedded\"\n                  compact\n                  entityType={entityType}\n                  recordId={recordId}\n                  baseValues={data}\n                />\n              </div>\n              <div className=\"flex flex-wrap gap-x-4 gap-y-1 border-t px-4 py-3\">\n                <Link\n                  href={`/backend/entities/system/${encodeURIComponent(entityType!)}`}\n                  className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n                >\n                  <Languages className=\"size-3\" />\n                  {t('translations.widgets.translationManager.customFieldLabels', 'Custom fields translations')}\n                  <ExternalLink className=\"size-2.5\" />\n                </Link>\n                <Link\n                  href=\"/backend/config/translations\"\n                  className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n                >\n                  <Languages className=\"size-3\" />\n                  {t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n                  <ExternalLink className=\"size-2.5\" />\n                </Link>\n              </div>\n            </div>\n          </div>\n        </>\n      ) : null}\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useParams } from 'next/navigation'\nimport Link from 'next/link'\nimport { ExternalLink, Languages } from 'lucide-react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { TranslationManager } from '../../../components/TranslationManager'\nimport { extractRecordId } from '../../../lib/extract-record-id'\n\ntype WidgetContext = { entityId?: string; recordId?: string }\ntype WidgetData = Record<string, unknown> & { id?: string | number }\n\nfunction useTranslationAccess(): boolean {\n  const [hasAccess, setHasAccess] = React.useState(false)\n  React.useEffect(() => {\n    let mounted = true\n    // Use the original fetch to bypass the global apiFetch wrapper\n    // that redirects to login on 403. This lets us gracefully hide the widget\n    // when the user lacks translations.view instead of crashing the page.\n    const nativeFetch = ((window as any).__omOriginalFetch as typeof fetch) || fetch\n    nativeFetch('/api/translations/locales', { credentials: 'include' })\n      .then((res) => { if (mounted) setHasAccess(res.ok) })\n      .catch(() => { if (mounted) setHasAccess(false) })\n    return () => { mounted = false }\n  }, [])\n  return hasAccess\n}\n\nexport default function TranslationWidget({ context, data }: InjectionWidgetComponentProps<WidgetContext, WidgetData>) {\n  const entityType = context?.entityId\n  const params = useParams()\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const hasAccess = useTranslationAccess()\n\n  const contextRecordId = typeof context?.recordId === 'string' && context.recordId.trim().length > 0\n    ? context.recordId.trim()\n    : undefined\n  const dataRecordId = data?.id === undefined || data.id === null ? undefined : String(data.id)\n  const routeRecordId = params ? extractRecordId(params as Record<string, string | string[]>) : undefined\n  const recordId = contextRecordId ?? dataRecordId ?? routeRecordId\n  const canRender = Boolean(entityType && recordId && hasAccess)\n\n  if (!canRender) return null\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setOpen(true)}\n        aria-label={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n        title={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n      >\n        <Languages className=\"size-4\" />\n      </Button>\n      <DrawerContent className=\"max-w-4xl\">\n        <DrawerHeader>\n          <DrawerTitle>\n            {t('translations.widgets.translationManager.groupLabel', 'Translations')}\n          </DrawerTitle>\n          <DrawerDescription>\n            {t(\n              'translations.widgets.translationManager.groupDescription',\n              'Manage translations for this record across supported locales.',\n            )}\n          </DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody>\n          <TranslationManager\n            mode=\"embedded\"\n            compact\n            entityType={entityType}\n            recordId={recordId}\n            baseValues={data}\n          />\n        </DrawerBody>\n        {/* Custom footer: 2 inline link affordances (not action buttons),\n            wrap-friendly + left-aligned. DS DrawerFooter layouts assume\n            buttons in the trailing slot, so we hand-roll the row with\n            the DrawerFooter padding convention (`px-6 pt-4 pb-5`). */}\n        <div className=\"flex flex-wrap gap-x-4 gap-y-1 px-6 pt-4 pb-5\">\n          <Link\n            href={`/backend/entities/system/${encodeURIComponent(entityType!)}`}\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <Languages className=\"size-3\" />\n            {t('translations.widgets.translationManager.customFieldLabels', 'Custom fields translations')}\n            <ExternalLink className=\"size-2.5\" />\n          </Link>\n          <Link\n            href=\"/backend/config/translations\"\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <Languages className=\"size-3\" />\n            {t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n            <ExternalLink className=\"size-2.5\" />\n          </Link>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.6.4-develop.4199.1.86677441c2",
+  "version": "0.6.4-develop.4217.1.c9aa050183",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -243,16 +243,16 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.6.4-develop.4199.1.86677441c2",
-    "@open-mercato/shared": "0.6.4-develop.4199.1.86677441c2",
-    "@open-mercato/ui": "0.6.4-develop.4199.1.86677441c2",
+    "@open-mercato/ai-assistant": "0.6.4-develop.4217.1.c9aa050183",
+    "@open-mercato/shared": "0.6.4-develop.4217.1.c9aa050183",
+    "@open-mercato/ui": "0.6.4-develop.4217.1.c9aa050183",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.6.4-develop.4199.1.86677441c2",
-    "@open-mercato/shared": "0.6.4-develop.4199.1.86677441c2",
-    "@open-mercato/ui": "0.6.4-develop.4199.1.86677441c2",
+    "@open-mercato/ai-assistant": "0.6.4-develop.4217.1.c9aa050183",
+    "@open-mercato/shared": "0.6.4-develop.4217.1.c9aa050183",
+    "@open-mercato/ui": "0.6.4-develop.4217.1.c9aa050183",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/modules/api_docs/frontend/docs/api/Explorer.tsx

@@ -15,11 +15,11 @@ import {
 } from '@open-mercato/ui/primitives/select'
 
 const METHOD_STYLES: Record<string, string> = {
-  GET: 'bg-emerald-100 text-emerald-800 border border-emerald-200',
-  POST: 'bg-blue-100 text-blue-800 border border-blue-200',
-  PUT: 'bg-amber-100 text-amber-800 border border-amber-200',
-  PATCH: 'bg-purple-100 text-purple-800 border border-purple-200',
-  DELETE: 'bg-rose-100 text-rose-800 border border-rose-200',
+  GET: 'bg-status-success-bg text-status-success-text border border-status-success-border',
+  POST: 'bg-status-info-bg text-status-info-text border border-status-info-border',
+  PUT: 'bg-status-warning-bg text-status-warning-text border border-status-warning-border',
+  PATCH: 'bg-brand-violet/10 text-brand-violet border border-brand-violet/30',
+  DELETE: 'bg-status-error-bg text-status-error-text border border-status-error-border',
 }
 
 const PREFERRED_MEDIA_TYPES = [
@@ -600,11 +600,11 @@ export default function ApiDocsExplorer(props: ApiDocsExplorerProps) {
                           </div>
                           <div className="flex items-center gap-2 text-overline text-muted-foreground">
                             {operation.operation?.['x-require-auth'] ? (
-                              <span className="rounded bg-amber-100 px-2 py-0.5 text-amber-900">Auth required</span>
+                              <span className="rounded bg-status-warning-bg px-2 py-0.5 text-status-warning-text">Auth required</span>
                             ) : null}
                             {Array.isArray(operation.operation?.['x-require-features'])
                               ? operation.operation['x-require-features'].map((feature: string) => (
-                                  <span key={feature} className="rounded bg-blue-100 px-2 py-0.5 text-blue-900">
+                                  <span key={feature} className="rounded bg-status-info-bg px-2 py-0.5 text-status-info-text">
                                     {feature}
                                   </span>
                                 ))
@@ -858,7 +858,7 @@ export default function ApiDocsExplorer(props: ApiDocsExplorerProps) {
                           type="button"
                           className={`flex w-full items-center gap-2 rounded-md border px-3 py-2 text-left text-sm ${
                             selectedOperation?.id === operation.id
-                              ? 'border-primary text-primary'
+                              ? 'border-accent-indigo text-foreground'
                               : 'border-border text-muted-foreground'
                           }`}
                           onClick={() => handleSelectOperation(operation.id)}
@@ -1340,7 +1340,7 @@ function TesterPanel(props: TesterPanelProps) {
           </p>
         ) : null}
         {requestPreview?.baseError ? (
-          <p className="text-xs text-rose-600">{requestPreview.baseError}</p>
+          <p className="text-xs text-destructive">{requestPreview.baseError}</p>
         ) : null}
       </label>
 
@@ -1362,7 +1362,7 @@ function TesterPanel(props: TesterPanelProps) {
               <label key={parameter.name} className="space-y-1">
                 <div className="flex items-center justify-between text-xs text-muted-foreground">
                   <span>{parameter.name}</span>
-                  {parameter.required ? <span className="text-amber-600">required</span> : null}
+                  {parameter.required ? <span className="text-status-warning-text">required</span> : null}
                 </div>
                 <Input
                   type="text"
@@ -1389,7 +1389,7 @@ function TesterPanel(props: TesterPanelProps) {
               <label key={parameter.name} className="space-y-1">
                 <div className="flex items-center justify-between text-xs text-muted-foreground">
                   <span>{parameter.name}</span>
-                  {parameter.required ? <span className="text-amber-600">required</span> : null}
+                  {parameter.required ? <span className="text-status-warning-text">required</span> : null}
                 </div>
                 <Input
                   type="text"
@@ -1425,7 +1425,7 @@ function TesterPanel(props: TesterPanelProps) {
       ) : null}
 
       {requestPreview?.bodyParseError ? (
-        <div className="rounded border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-700">
+        <div className="rounded border border-status-warning-border bg-status-warning-bg px-3 py-2 text-xs text-status-warning-text">
           {requestPreview.bodyParseError}
         </div>
       ) : null}
@@ -1446,13 +1446,13 @@ function TesterPanel(props: TesterPanelProps) {
         {isLoading ? 'Sending…' : 'Send request'}
       </button>
 
-      {error ? <div className="rounded border border-rose-300 bg-rose-50 px-3 py-2 text-xs text-rose-700">{error}</div> : null}
+      {error ? <div className="rounded border border-status-error-border bg-status-error-bg px-3 py-2 text-xs text-status-error-text">{error}</div> : null}
 
       {response ? (
         <section className="space-y-2 text-sm">
           <div className="flex items-center justify-between">
             <div className="font-medium text-foreground">
-              Response · <span className={response.ok ? 'text-emerald-600' : 'text-rose-600'}>{response.status}</span>
+              Response · <span className={response.ok ? 'text-status-success-text' : 'text-destructive'}>{response.status}</span>
             </div>
             <div className="text-xs text-muted-foreground">{response.durationMs} ms</div>
           </div>

package/src/modules/attachments/components/AttachmentContentPreview.tsx

@@ -54,7 +54,7 @@ export function AttachmentContentPreview({
             aria-controls={sourcePanelId}
             className={`-mb-px border-b-2 px-0 pb-2 font-medium transition-colors ${
               tab === 'source'
-                ? 'border-primary text-foreground'
+                ? 'border-accent-indigo text-foreground'
                 : 'border-transparent text-muted-foreground hover:text-foreground'
             }`}
             onClick={() => setTab('source')}
@@ -69,7 +69,7 @@ export function AttachmentContentPreview({
             aria-controls={previewPanelId}
             className={`-mb-px border-b-2 px-0 pb-2 font-medium transition-colors ${
               tab === 'preview'
-                ? 'border-primary text-foreground'
+                ? 'border-accent-indigo text-foreground'
                 : 'border-transparent text-muted-foreground hover:text-foreground'
             }`}
             onClick={() => setTab('preview')}

package/src/modules/audit_logs/backend/audit-logs/page.tsx

@@ -185,7 +185,7 @@ export default function AuditLogsPage() {
               type="button"
               role="tab"
               aria-selected={tab === 'actions'}
-              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'actions' ? 'border-primary text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}
+              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'actions' ? 'border-accent-indigo text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}
               onClick={() => setTab('actions')}
             >
               {t('audit_logs.actions.title')}
@@ -194,7 +194,7 @@ export default function AuditLogsPage() {
               type="button"
               role="tab"
               aria-selected={tab === 'access'}
-              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'access' ? 'border-primary text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}
+              className={`relative -mb-px border-b-2 px-0 pb-3 pt-2 font-medium transition-colors ${tab === 'access' ? 'border-accent-indigo text-foreground' : 'border-transparent text-muted-foreground hover:text-foreground'}`}
               onClick={() => setTab('access')}
             >
               {t('audit_logs.access.title')}
@@ -202,7 +202,7 @@ export default function AuditLogsPage() {
           </nav>
         </div>
 
-        {error && <div className="mb-4 rounded-md border border-red-300 bg-red-50 p-3 text-sm text-red-700">{error}</div>}
+        {error && <div className="mb-4 rounded-md border border-status-error-border bg-status-error-bg p-3 text-sm text-status-error-text">{error}</div>}
 
         {tab === 'actions' && (
           <AuditLogsActions