npm - @open-mercato/core - Versions diffs - 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3260.1.dc719cac84 - Mend

@open-mercato/core 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3260.1.dc719cac84

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

Files changed (120) hide show

package/dist/modules/dictionaries/components/DictionariesManager.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/dictionaries/components/DictionariesManager.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useSearchParams } from 'next/navigation'\nimport { Plus, Pencil, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { DictionaryEntriesEditor } from './DictionaryEntriesEditor'\n\nexport type DictionarySummary = {\n  id: string\n  key: string\n  name: string\n  description?: string | null\n  isSystem?: boolean\n  isActive?: boolean\n  organizationId: string\n  isInherited: boolean\n  managerVisibility: 'default' | 'hidden'\n}\n\ntype DialogState = {\n  mode: 'create' | 'edit'\n  dictionary?: DictionarySummary\n}\n\nexport function DictionariesManager() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const searchParams = useSearchParams()\n  const [items, setItems] = React.useState<DictionarySummary[]>([])\n  const [selectedId, setSelectedId] = React.useState<string | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [dialog, setDialog] = React.useState<DialogState | null>(null)\n  const [form, setForm] = React.useState({ key: '', name: '', description: '' })\n  const [errors, setErrors] = React.useState<{ key?: string; name?: string }>({})\n  const [submitting, setSubmitting] = React.useState(false)\n  const [deleting, setDeleting] = React.useState<string | null>(null)\n  const selectionFromQueryApplied = React.useRef(false)\n  const inheritedManageMessage = t('dictionaries.config.error.inheritedManage', 'Inherited dictionaries must be managed at the parent organization.')\n  const requestedDictionaryId = searchParams?.get('dictionaryId') ?? null\n  const requestedDictionaryKey = searchParams?.get('key')?.trim().toLowerCase() ?? null\n\n  const loadDictionaries = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const call = await apiCall<{ items?: unknown[]; error?: string }>('/api/dictionaries')\n      if (!call.ok) {\n        throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to load dictionaries')\n      }\n      const resultItems = Array.isArray(call.result?.items) ? call.result!.items : []\n      const list: DictionarySummary[] = Array.isArray(resultItems)\n        ? resultItems.map((item: any): DictionarySummary => ({\n            id: String(item.id),\n            key: String(item.key),\n            name: String(item.name ?? item.key),\n            description: typeof item.description === 'string' ? item.description : null,\n            isSystem: Boolean(item.isSystem),\n            isActive: item.isActive !== false,\n            organizationId: typeof item.organizationId === 'string' ? item.organizationId : '',\n            isInherited: item.isInherited === true,\n            managerVisibility:\n              item.managerVisibility === 'hidden' ? 'hidden' : 'default',\n          }))\n        : []\n      const filtered = list.filter((dictionary: DictionarySummary) => dictionary.managerVisibility !== 'hidden')\n      setItems(filtered)\n      if (!filtered.find((dict: DictionarySummary) => dict.id === selectedId)) {\n        setSelectedId(filtered.length ? filtered[0].id : null)\n      }\n    } catch (err) {\n      console.error('Failed to load dictionaries', err)\n      flash(t('dictionaries.config.error.load', 'Failed to load dictionaries.'), 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [selectedId, t])\n\n  React.useEffect(() => {\n    loadDictionaries().catch(() => {})\n  }, [loadDictionaries])\n\n  React.useEffect(() => {\n    if (selectionFromQueryApplied.current) return\n    if (!items.length) return\n    if (!requestedDictionaryId && !requestedDictionaryKey) return\n    if (requestedDictionaryId) {\n      const match = items.find((dictionary) => dictionary.id === requestedDictionaryId)\n      if (match && selectedId !== match.id) {\n        setSelectedId(match.id)\n      }\n      selectionFromQueryApplied.current = true\n      return\n    }\n    if (requestedDictionaryKey) {\n      const match = items.find((dictionary) => dictionary.key.toLowerCase() === requestedDictionaryKey)\n      if (match && selectedId !== match.id) {\n        setSelectedId(match.id)\n      }\n      selectionFromQueryApplied.current = true\n    }\n  }, [items, requestedDictionaryId, requestedDictionaryKey, selectedId])\n\n  const openCreateDialog = React.useCallback(() => {\n    setForm({ key: '', name: '', description: '' })\n    setDialog({ mode: 'create' })\n    setErrors({})\n  }, [])\n\n  const openEditDialog = React.useCallback((dictionary: DictionarySummary) => {\n    if (dictionary.isInherited) {\n      flash(inheritedManageMessage, 'info')\n      return\n    }\n    setForm({ key: dictionary.key, name: dictionary.name, description: dictionary.description ?? '' })\n    setDialog({ mode: 'edit', dictionary })\n    setErrors({})\n  }, [inheritedManageMessage])\n\n  const closeDialog = React.useCallback(() => {\n    setDialog(null)\n    setForm({ key: '', name: '', description: '' })\n    setErrors({})\n  }, [])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!dialog) return\n    if (dialog.mode === 'edit' && dialog.dictionary?.isInherited) {\n      flash(inheritedManageMessage, 'info')\n      return\n    }\n    const trimmedKey = form.key.trim()\n    const trimmedName = form.name.trim()\n    const nextErrors: { key?: string; name?: string } = {}\n    if (!trimmedKey) {\n      nextErrors.key = t('dictionaries.config.dialog.keyErrorRequired', 'Key is required.')\n    } else if (trimmedKey.length > 100) {\n      nextErrors.key = t('dictionaries.config.dialog.keyErrorLength', 'Key must be at most 100 characters long.')\n    } else if (!/^[a-z0-9][a-z0-9_-]*$/.test(trimmedKey)) {\n      nextErrors.key = t('dictionaries.config.dialog.keyErrorPattern', 'Use lowercase letters, numbers, hyphen, or underscore.')\n    }\n    if (!trimmedName) {\n      nextErrors.name = t('dictionaries.config.dialog.nameErrorRequired', 'Name is required.')\n    }\n    if (nextErrors.key || nextErrors.name) {\n      setErrors(nextErrors)\n      return\n    }\n    setSubmitting(true)\n    try {\n      const payload = {\n        key: trimmedKey,\n        name: trimmedName,\n        description: form.description.trim() || undefined,\n      }\n      if (dialog.mode === 'create') {\n        const call = await apiCall<Record<string, unknown>>('/api/dictionaries', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!call.ok) {\n          throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to create dictionary')\n        }\n        flash(t('dictionaries.config.success.create', 'Dictionary created.'), 'success')\n      } else if (dialog.dictionary) {\n        const call = await apiCall<Record<string, unknown>>(`/api/dictionaries/${dialog.dictionary.id}`, {\n          method: 'PATCH',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!call.ok) {\n          throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to update dictionary')\n        }\n        flash(t('dictionaries.config.success.update', 'Dictionary updated.'), 'success')\n      }\n      closeDialog()\n      await loadDictionaries()\n      setErrors({})\n    } catch (err) {\n      console.error('Failed to save dictionary', err)\n      flash(t('dictionaries.config.error.save', 'Failed to save dictionary.'), 'error')\n    } finally {\n      setSubmitting(false)\n    }\n  }, [closeDialog, dialog, form.description, form.key, form.name, inheritedManageMessage, loadDictionaries, t])\n\n  const handleDelete = React.useCallback(\n    async (dictionary: DictionarySummary) => {\n      if (dictionary.isInherited) {\n        flash(inheritedManageMessage, 'info')\n        return\n      }\n      if (dictionary.isSystem) {\n        flash(t('dictionaries.config.error.system', 'System dictionaries cannot be deleted.'), 'error')\n        return\n      }\n      const rawConfirm = t('dictionaries.config.delete.confirm', { name: dictionary.name })\n      const confirmMessage = rawConfirm && rawConfirm !== 'dictionaries.config.delete.confirm'\n        ? rawConfirm\n        : `Delete dictionary \"${dictionary.name}\"?`\n      const confirmed = await confirm({\n        title: confirmMessage,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      setDeleting(dictionary.id)\n      try {\n        const call = await apiCall<Record<string, unknown>>(`/api/dictionaries/${dictionary.id}`, { method: 'DELETE' })\n        if (!call.ok) {\n          throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to delete dictionary')\n        }\n        flash(t('dictionaries.config.success.delete', 'Dictionary deleted.'), 'success')\n        await loadDictionaries()\n      } catch (err) {\n        console.error('Failed to delete dictionary', err)\n        flash(t('dictionaries.config.error.delete', 'Failed to delete dictionary.'), 'error')\n      } finally {\n        setDeleting(null)\n      }\n    },\n    [confirm, inheritedManageMessage, loadDictionaries, t],\n  )\n\n  const selectedDictionary = items.find((item) => item.id === selectedId) ?? null\n\n  return (\n    <div className=\"grid gap-6 lg:grid-cols-[320px_1fr]\">\n      <div className=\"rounded-lg border bg-card p-4 shadow-sm\">\n        <div className=\"flex items-center justify-between\">\n          <h2 className=\"text-base font-semibold\">\n            {t('dictionaries.config.list.title', 'Dictionaries')}\n          </h2>\n          <Button type=\"button\" size=\"sm\" onClick={openCreateDialog}>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {t('dictionaries.config.list.add', 'New dictionary')}\n          </Button>\n        </div>\n        <div className=\"mt-4 space-y-2\">\n          {loading ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Spinner className=\"h-4 w-4\" />\n              {t('dictionaries.config.list.loading', 'Loading dictionaries\u2026')}\n            </div>\n          ) : items.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('dictionaries.config.list.empty', 'No dictionaries yet. Create one to get started.')}\n            </p>\n          ) : (\n            <ul className=\"space-y-1\">\n              {items.map((dictionary) => (\n                <li key={dictionary.id}>\n                  <div\n                    role=\"button\"\n                    tabIndex={0}\n                    aria-pressed={dictionary.id === selectedId}\n                    className={`flex w-full cursor-pointer select-none items-center justify-between rounded border px-3 py-2 text-left text-sm transition ${\n                      dictionary.id === selectedId ? 'border-primary bg-primary/5 text-primary' : 'border-border hover:bg-muted'\n                    }`}\n                    onClick={() => setSelectedId(dictionary.id)}\n                    onKeyDown={(event) => {\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        event.preventDefault()\n                        setSelectedId(dictionary.id)\n                      }\n                    }}\n                  >\n                    <div>\n                      <div className=\"flex items-center gap-2 font-medium\">\n                        <span>{dictionary.name}</span>\n                        {dictionary.isInherited ? (\n                          <span className=\"rounded-full border border-border px-2 py-0.5 text-overline font-normal uppercase tracking-wide text-muted-foreground\">\n                            {t('dictionaries.config.list.inherited', 'Inherited')}\n                          </span>\n                        ) : null}\n                      </div>\n                      <div className=\"text-xs text-muted-foreground\">{dictionary.key}</div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <Button\n                        type=\"button\"\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        disabled={dictionary.isInherited}\n                        title={dictionary.isInherited ? inheritedManageMessage : undefined}\n                        onClick={(event) => {\n                          event.stopPropagation()\n                          openEditDialog(dictionary)\n                        }}\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </Button>\n                      <Button\n                        type=\"button\"\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        disabled={dictionary.isInherited || deleting === dictionary.id}\n                        title={dictionary.isInherited ? inheritedManageMessage : undefined}\n                        onClick={(event) => {\n                          event.stopPropagation()\n                          handleDelete(dictionary)\n                        }}\n                      >\n                        <Trash2 className=\"h-4 w-4\" />\n                      </Button>\n                    </div>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n      <div>\n        {selectedDictionary ? (\n          <DictionaryEntriesEditor\n            dictionaryId={selectedDictionary.id}\n            dictionaryName={selectedDictionary.name}\n            readOnly={selectedDictionary.isInherited}\n          />\n        ) : (\n          <div className=\"flex h-full flex-col items-center justify-center rounded border border-dashed p-10 text-center text-sm text-muted-foreground\">\n            {t('dictionaries.config.entries.placeholder', 'Select a dictionary to manage its entries.')}\n          </div>\n        )}\n      </div>\n\n      <Dialog open={dialog != null} onOpenChange={(open) => (open ? undefined : closeDialog())}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {dialog?.mode === 'create'\n                ? t('dictionaries.config.dialog.createTitle', 'Create dictionary')\n                : t('dictionaries.config.dialog.editTitle', 'Edit dictionary')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">{t('dictionaries.config.dialog.keyLabel', 'Key')}</label>\n              <input\n                value={form.key}\n                onChange={(event) => {\n                  const next = event.target.value\n                  setForm((prev) => ({ ...prev, key: next }))\n                  if (errors.key) setErrors((prev) => ({ ...prev, key: undefined }))\n                }}\n                placeholder={t('dictionaries.config.dialog.keyPlaceholder', 'slug_name')}\n                disabled={dialog?.mode === 'edit'}\n                className={`w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-muted ${errors.key ? 'border-destructive focus-visible:ring-destructive' : ''}`}\n                aria-invalid={errors.key ? 'true' : 'false'}\n                aria-describedby=\"dictionary-key-hint\"\n              />\n              <p\n                id=\"dictionary-key-hint\"\n                className={`text-xs ${errors.key ? 'text-destructive' : 'text-muted-foreground'}`}\n              >\n                {errors.key ?? t('dictionaries.config.dialog.keyHint', 'Use lowercase letters, numbers, hyphen, or underscore.')}\n              </p>\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">{t('dictionaries.config.dialog.nameLabel', 'Name')}</label>\n              <input\n                value={form.name}\n                onChange={(event) => {\n                  const next = event.target.value\n                  setForm((prev) => ({ ...prev, name: next }))\n                  if (errors.name) setErrors((prev) => ({ ...prev, name: undefined }))\n                }}\n                placeholder={t('dictionaries.config.dialog.namePlaceholder', 'Display name')}\n                className={`w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${errors.name ? 'border-destructive focus-visible:ring-destructive' : ''}`}\n                aria-invalid={errors.name ? 'true' : 'false'}\n              />\n              {errors.name ? (\n                <p className=\"text-xs text-destructive\">{errors.name}</p>\n              ) : null}\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">{t('dictionaries.config.dialog.descriptionLabel', 'Description')}</label>\n              <textarea\n                value={form.description}\n                onChange={(event) => setForm((prev) => ({ ...prev, description: event.target.value }))}\n                className=\"min-h-[120px] w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                placeholder={t('dictionaries.config.dialog.descriptionPlaceholder', 'Explain how this dictionary is used (optional).')}\n              />\n            </div>\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"ghost\" onClick={closeDialog} disabled={submitting}>\n              {t('dictionaries.config.dialog.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={handleSubmit} disabled={submitting}>\n              {submitting ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('dictionaries.config.dialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useSearchParams } from 'next/navigation'\nimport { Book, Plus, Pencil, Trash2 } from 'lucide-react'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { DictionaryEntriesEditor } from './DictionaryEntriesEditor'\n\nexport type DictionarySummary = {\n  id: string\n  key: string\n  name: string\n  description?: string | null\n  isSystem?: boolean\n  isActive?: boolean\n  organizationId: string\n  isInherited: boolean\n  managerVisibility: 'default' | 'hidden'\n}\n\ntype DialogState = {\n  mode: 'create' | 'edit'\n  dictionary?: DictionarySummary\n}\n\nexport function DictionariesManager() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const searchParams = useSearchParams()\n  const [items, setItems] = React.useState<DictionarySummary[]>([])\n  const [selectedId, setSelectedId] = React.useState<string | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [dialog, setDialog] = React.useState<DialogState | null>(null)\n  const [form, setForm] = React.useState({ key: '', name: '', description: '' })\n  const [errors, setErrors] = React.useState<{ key?: string; name?: string }>({})\n  const [submitting, setSubmitting] = React.useState(false)\n  const [deleting, setDeleting] = React.useState<string | null>(null)\n  const selectionFromQueryApplied = React.useRef(false)\n  const inheritedManageMessage = t('dictionaries.config.error.inheritedManage', 'Inherited dictionaries must be managed at the parent organization.')\n  const requestedDictionaryId = searchParams?.get('dictionaryId') ?? null\n  const requestedDictionaryKey = searchParams?.get('key')?.trim().toLowerCase() ?? null\n\n  const loadDictionaries = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const call = await apiCall<{ items?: unknown[]; error?: string }>('/api/dictionaries')\n      if (!call.ok) {\n        throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to load dictionaries')\n      }\n      const resultItems = Array.isArray(call.result?.items) ? call.result!.items : []\n      const list: DictionarySummary[] = Array.isArray(resultItems)\n        ? resultItems.map((item: any): DictionarySummary => ({\n            id: String(item.id),\n            key: String(item.key),\n            name: String(item.name ?? item.key),\n            description: typeof item.description === 'string' ? item.description : null,\n            isSystem: Boolean(item.isSystem),\n            isActive: item.isActive !== false,\n            organizationId: typeof item.organizationId === 'string' ? item.organizationId : '',\n            isInherited: item.isInherited === true,\n            managerVisibility:\n              item.managerVisibility === 'hidden' ? 'hidden' : 'default',\n          }))\n        : []\n      const filtered = list.filter((dictionary: DictionarySummary) => dictionary.managerVisibility !== 'hidden')\n      setItems(filtered)\n      if (!filtered.find((dict: DictionarySummary) => dict.id === selectedId)) {\n        setSelectedId(filtered.length ? filtered[0].id : null)\n      }\n    } catch (err) {\n      console.error('Failed to load dictionaries', err)\n      flash(t('dictionaries.config.error.load', 'Failed to load dictionaries.'), 'error')\n    } finally {\n      setLoading(false)\n    }\n  }, [selectedId, t])\n\n  React.useEffect(() => {\n    loadDictionaries().catch(() => {})\n  }, [loadDictionaries])\n\n  React.useEffect(() => {\n    if (selectionFromQueryApplied.current) return\n    if (!items.length) return\n    if (!requestedDictionaryId && !requestedDictionaryKey) return\n    if (requestedDictionaryId) {\n      const match = items.find((dictionary) => dictionary.id === requestedDictionaryId)\n      if (match && selectedId !== match.id) {\n        setSelectedId(match.id)\n      }\n      selectionFromQueryApplied.current = true\n      return\n    }\n    if (requestedDictionaryKey) {\n      const match = items.find((dictionary) => dictionary.key.toLowerCase() === requestedDictionaryKey)\n      if (match && selectedId !== match.id) {\n        setSelectedId(match.id)\n      }\n      selectionFromQueryApplied.current = true\n    }\n  }, [items, requestedDictionaryId, requestedDictionaryKey, selectedId])\n\n  const openCreateDialog = React.useCallback(() => {\n    setForm({ key: '', name: '', description: '' })\n    setDialog({ mode: 'create' })\n    setErrors({})\n  }, [])\n\n  const openEditDialog = React.useCallback((dictionary: DictionarySummary) => {\n    if (dictionary.isInherited) {\n      flash(inheritedManageMessage, 'info')\n      return\n    }\n    setForm({ key: dictionary.key, name: dictionary.name, description: dictionary.description ?? '' })\n    setDialog({ mode: 'edit', dictionary })\n    setErrors({})\n  }, [inheritedManageMessage])\n\n  const closeDialog = React.useCallback(() => {\n    setDialog(null)\n    setForm({ key: '', name: '', description: '' })\n    setErrors({})\n  }, [])\n\n  const handleSubmit = React.useCallback(async () => {\n    if (!dialog) return\n    if (dialog.mode === 'edit' && dialog.dictionary?.isInherited) {\n      flash(inheritedManageMessage, 'info')\n      return\n    }\n    const trimmedKey = form.key.trim()\n    const trimmedName = form.name.trim()\n    const nextErrors: { key?: string; name?: string } = {}\n    if (!trimmedKey) {\n      nextErrors.key = t('dictionaries.config.dialog.keyErrorRequired', 'Key is required.')\n    } else if (trimmedKey.length > 100) {\n      nextErrors.key = t('dictionaries.config.dialog.keyErrorLength', 'Key must be at most 100 characters long.')\n    } else if (!/^[a-z0-9][a-z0-9_-]*$/.test(trimmedKey)) {\n      nextErrors.key = t('dictionaries.config.dialog.keyErrorPattern', 'Use lowercase letters, numbers, hyphen, or underscore.')\n    }\n    if (!trimmedName) {\n      nextErrors.name = t('dictionaries.config.dialog.nameErrorRequired', 'Name is required.')\n    }\n    if (nextErrors.key || nextErrors.name) {\n      setErrors(nextErrors)\n      return\n    }\n    setSubmitting(true)\n    try {\n      const payload = {\n        key: trimmedKey,\n        name: trimmedName,\n        description: form.description.trim() || undefined,\n      }\n      if (dialog.mode === 'create') {\n        const call = await apiCall<Record<string, unknown>>('/api/dictionaries', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!call.ok) {\n          throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to create dictionary')\n        }\n        flash(t('dictionaries.config.success.create', 'Dictionary created.'), 'success')\n      } else if (dialog.dictionary) {\n        const call = await apiCall<Record<string, unknown>>(`/api/dictionaries/${dialog.dictionary.id}`, {\n          method: 'PATCH',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!call.ok) {\n          throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to update dictionary')\n        }\n        flash(t('dictionaries.config.success.update', 'Dictionary updated.'), 'success')\n      }\n      closeDialog()\n      await loadDictionaries()\n      setErrors({})\n    } catch (err) {\n      console.error('Failed to save dictionary', err)\n      flash(t('dictionaries.config.error.save', 'Failed to save dictionary.'), 'error')\n    } finally {\n      setSubmitting(false)\n    }\n  }, [closeDialog, dialog, form.description, form.key, form.name, inheritedManageMessage, loadDictionaries, t])\n\n  const handleDelete = React.useCallback(\n    async (dictionary: DictionarySummary) => {\n      if (dictionary.isInherited) {\n        flash(inheritedManageMessage, 'info')\n        return\n      }\n      if (dictionary.isSystem) {\n        flash(t('dictionaries.config.error.system', 'System dictionaries cannot be deleted.'), 'error')\n        return\n      }\n      const rawConfirm = t('dictionaries.config.delete.confirm', { name: dictionary.name })\n      const confirmMessage = rawConfirm && rawConfirm !== 'dictionaries.config.delete.confirm'\n        ? rawConfirm\n        : `Delete dictionary \"${dictionary.name}\"?`\n      const confirmed = await confirm({\n        title: confirmMessage,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      setDeleting(dictionary.id)\n      try {\n        const call = await apiCall<Record<string, unknown>>(`/api/dictionaries/${dictionary.id}`, { method: 'DELETE' })\n        if (!call.ok) {\n          throw new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to delete dictionary')\n        }\n        flash(t('dictionaries.config.success.delete', 'Dictionary deleted.'), 'success')\n        await loadDictionaries()\n      } catch (err) {\n        console.error('Failed to delete dictionary', err)\n        flash(t('dictionaries.config.error.delete', 'Failed to delete dictionary.'), 'error')\n      } finally {\n        setDeleting(null)\n      }\n    },\n    [confirm, inheritedManageMessage, loadDictionaries, t],\n  )\n\n  const selectedDictionary = items.find((item) => item.id === selectedId) ?? null\n\n  return (\n    <div className=\"grid gap-6 lg:grid-cols-[320px_1fr]\">\n      <div className=\"rounded-lg border bg-card p-4 shadow-sm\">\n        <div className=\"flex items-center justify-between\">\n          <h2 className=\"text-base font-semibold\">\n            {t('dictionaries.config.list.title', 'Dictionaries')}\n          </h2>\n          <Button type=\"button\" size=\"sm\" onClick={openCreateDialog}>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {t('dictionaries.config.list.add', 'New dictionary')}\n          </Button>\n        </div>\n        <div className=\"mt-4 space-y-2\">\n          {loading ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Spinner className=\"h-4 w-4\" />\n              {t('dictionaries.config.list.loading', 'Loading dictionaries\u2026')}\n            </div>\n          ) : items.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('dictionaries.config.list.empty', 'No dictionaries yet. Create one to get started.')}\n            </p>\n          ) : (\n            <ul className=\"space-y-1\">\n              {items.map((dictionary) => (\n                <li key={dictionary.id}>\n                  <div\n                    role=\"button\"\n                    tabIndex={0}\n                    aria-pressed={dictionary.id === selectedId}\n                    className={`flex w-full cursor-pointer select-none items-center justify-between rounded border px-3 py-2 text-left text-sm transition ${\n                      dictionary.id === selectedId ? 'border-primary bg-primary/5 text-primary' : 'border-border hover:bg-muted'\n                    }`}\n                    onClick={() => setSelectedId(dictionary.id)}\n                    onKeyDown={(event) => {\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        event.preventDefault()\n                        setSelectedId(dictionary.id)\n                      }\n                    }}\n                  >\n                    <div>\n                      <div className=\"flex items-center gap-2 font-medium\">\n                        <span>{dictionary.name}</span>\n                        {dictionary.isInherited ? (\n                          <span className=\"rounded-full border border-border px-2 py-0.5 text-overline font-normal uppercase tracking-wide text-muted-foreground\">\n                            {t('dictionaries.config.list.inherited', 'Inherited')}\n                          </span>\n                        ) : null}\n                      </div>\n                      <div className=\"text-xs text-muted-foreground\">{dictionary.key}</div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <Button\n                        type=\"button\"\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        disabled={dictionary.isInherited}\n                        title={dictionary.isInherited ? inheritedManageMessage : undefined}\n                        onClick={(event) => {\n                          event.stopPropagation()\n                          openEditDialog(dictionary)\n                        }}\n                      >\n                        <Pencil className=\"h-4 w-4\" />\n                      </Button>\n                      <Button\n                        type=\"button\"\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        disabled={dictionary.isInherited || deleting === dictionary.id}\n                        title={dictionary.isInherited ? inheritedManageMessage : undefined}\n                        onClick={(event) => {\n                          event.stopPropagation()\n                          handleDelete(dictionary)\n                        }}\n                      >\n                        <Trash2 className=\"h-4 w-4\" />\n                      </Button>\n                    </div>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n      <div>\n        {selectedDictionary ? (\n          <DictionaryEntriesEditor\n            dictionaryId={selectedDictionary.id}\n            dictionaryName={selectedDictionary.name}\n            readOnly={selectedDictionary.isInherited}\n          />\n        ) : (\n          <EmptyState\n            icon={<Book className=\"h-8 w-8\" aria-hidden=\"true\" />}\n            title={t('dictionaries.config.entries.placeholder', 'Select a dictionary to manage its entries.')}\n            className=\"h-full\"\n          />\n        )}\n      </div>\n\n      <Dialog open={dialog != null} onOpenChange={(open) => (open ? undefined : closeDialog())}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {dialog?.mode === 'create'\n                ? t('dictionaries.config.dialog.createTitle', 'Create dictionary')\n                : t('dictionaries.config.dialog.editTitle', 'Edit dictionary')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">{t('dictionaries.config.dialog.keyLabel', 'Key')}</label>\n              <input\n                value={form.key}\n                onChange={(event) => {\n                  const next = event.target.value\n                  setForm((prev) => ({ ...prev, key: next }))\n                  if (errors.key) setErrors((prev) => ({ ...prev, key: undefined }))\n                }}\n                placeholder={t('dictionaries.config.dialog.keyPlaceholder', 'slug_name')}\n                disabled={dialog?.mode === 'edit'}\n                className={`w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-muted ${errors.key ? 'border-destructive focus-visible:ring-destructive' : ''}`}\n                aria-invalid={errors.key ? 'true' : 'false'}\n                aria-describedby=\"dictionary-key-hint\"\n              />\n              <p\n                id=\"dictionary-key-hint\"\n                className={`text-xs ${errors.key ? 'text-destructive' : 'text-muted-foreground'}`}\n              >\n                {errors.key ?? t('dictionaries.config.dialog.keyHint', 'Use lowercase letters, numbers, hyphen, or underscore.')}\n              </p>\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">{t('dictionaries.config.dialog.nameLabel', 'Name')}</label>\n              <input\n                value={form.name}\n                onChange={(event) => {\n                  const next = event.target.value\n                  setForm((prev) => ({ ...prev, name: next }))\n                  if (errors.name) setErrors((prev) => ({ ...prev, name: undefined }))\n                }}\n                placeholder={t('dictionaries.config.dialog.namePlaceholder', 'Display name')}\n                className={`w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${errors.name ? 'border-destructive focus-visible:ring-destructive' : ''}`}\n                aria-invalid={errors.name ? 'true' : 'false'}\n              />\n              {errors.name ? (\n                <p className=\"text-xs text-destructive\">{errors.name}</p>\n              ) : null}\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">{t('dictionaries.config.dialog.descriptionLabel', 'Description')}</label>\n              <textarea\n                value={form.description}\n                onChange={(event) => setForm((prev) => ({ ...prev, description: event.target.value }))}\n                className=\"min-h-[120px] w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                placeholder={t('dictionaries.config.dialog.descriptionPlaceholder', 'Explain how this dictionary is used (optional).')}\n              />\n            </div>\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"ghost\" onClick={closeDialog} disabled={submitting}>\n              {t('dictionaries.config.dialog.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={handleSubmit} disabled={submitting}>\n              {submitting ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('dictionaries.config.dialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/integrations/backend/integrations/[id]/page.js CHANGED Viewed

@@ -33,7 +33,9 @@ import {
   LEGACY_INTEGRATION_DETAIL_TABS_SPOT_ID
 } from "@open-mercato/shared/modules/integrations/types";
 import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
-import { Activity, AlertTriangle, Bell, Calendar, CheckCircle2, ChevronDown, ChevronRight, CreditCard, FileText, HardDrive, Key, MessageSquare, RefreshCw, Settings, Truck, Webhook, XCircle, Zap } from "lucide-react";
+import { LogList } from "@open-mercato/ui/backend/LogList";
+import { Activity, AlertTriangle, Bell, Calendar, CheckCircle2, CreditCard, FileText, FileX, HardDrive, Key, MessageSquare, RefreshCw, Settings, Truck, Webhook, XCircle, Zap } from "lucide-react";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
 import { IntegrationScheduleTab } from "../../../../data_sync/components/IntegrationScheduleTab.js";
 import {
   buildIntegrationDetailInjectedTabs,
@@ -45,11 +47,6 @@ const UNSUPPORTED_CREDENTIAL_FIELD_TYPES = /* @__PURE__ */ new Set(["oauth", "ss
 function isEditableCredentialField(field) {
   return !UNSUPPORTED_CREDENTIAL_FIELD_TYPES.has(field.type);
 }
-const LOG_LEVEL_STYLES = {
-  info: "bg-blue-100 text-blue-800",
-  warn: "bg-yellow-100 text-yellow-800",
-  error: "bg-red-100 text-red-800"
-};
 const HEALTH_STATUS_STYLES = {
   healthy: "bg-green-100 text-green-800",
   degraded: "bg-yellow-100 text-yellow-800",
@@ -218,7 +215,6 @@ function IntegrationDetailPage({ params }) {
   const [logs, setLogs] = React.useState([]);
   const [logLevel, setLogLevel] = React.useState("");
   const [isLoadingLogs, setIsLoadingLogs] = React.useState(false);
-  const [expandedLogId, setExpandedLogId] = React.useState(null);
   const [isCheckingHealth, setIsCheckingHealth] = React.useState(false);
   const [isTogglingState, setIsTogglingState] = React.useState(false);
   const [latestHealthResult, setLatestHealthResult] = React.useState(null);
@@ -385,9 +381,6 @@ function IntegrationDetailPage({ params }) {
   React.useEffect(() => {
     void loadLogs();
   }, [loadLogs]);
-  React.useEffect(() => {
-    setExpandedLogId((current) => current && logs.some((log) => log.id === current) ? current : null);
-  }, [logs]);
   const handleToggleState = React.useCallback(async (enabled) => {
     const currentIntegrationId = resolveCurrentIntegrationId();
     if (!currentIntegrationId) return;
@@ -924,94 +917,85 @@ function IntegrationDetailPage({ params }) {
             ]
           }
         ) }) }),
-        isLoadingLogs ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx(Spinner, {}) }) : logs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-muted-foreground", children: t("integrations.detail.logs.empty") }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50", children: [
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("integrations.detail.logs.columns.time") }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("integrations.detail.logs.columns.level") }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("integrations.detail.logs.columns.message") })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => {
-            const isExpanded = expandedLogId === log.id;
-            const metadataEntries = [
-              ["Time", new Date(log.createdAt).toLocaleString()],
-              ["Level", log.level],
-              ["Code", log.code ?? null],
-              ["Run ID", log.runId ?? null],
-              ["Entity Type", log.scopeEntityType ?? null],
-              ["Entity ID", log.scopeEntityId ?? null]
-            ].filter((entry) => typeof entry[1] === "string" && entry[1].trim().length > 0);
-            const { inlineEntries, nestedEntries } = splitLogPayload(log.payload);
-            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-              /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
-                /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-4 py-2 text-muted-foreground", children: new Date(log.createdAt).toLocaleString() }),
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: LOG_LEVEL_STYLES[log.level] ?? "", children: log.level }) }),
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-auto w-full justify-start gap-2 px-0 py-0 text-left hover:bg-transparent",
-                    onClick: () => setExpandedLogId((current) => current === log.id ? null : log.id),
-                    children: [
-                      isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 shrink-0" }),
-                      /* @__PURE__ */ jsx("span", { className: "truncate", children: log.message })
-                    ]
-                  }
-                ) })
-              ] }),
-              isExpanded ? /* @__PURE__ */ jsx("tr", { className: "border-b bg-muted/30 last:border-0", children: /* @__PURE__ */ jsx("td", { colSpan: 3, className: "px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-4 rounded-lg border bg-card p-4", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]", children: [
-                /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("integrations.detail.logs.details.summary", "Summary") }),
-                      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm font-medium", children: log.message })
+        isLoadingLogs ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
+          LogList,
+          {
+            entries: logs.map((log) => {
+              const metadataEntries = [
+                ["Time", new Date(log.createdAt).toLocaleString()],
+                ["Level", log.level],
+                ["Code", log.code ?? null],
+                ["Run ID", log.runId ?? null],
+                ["Entity Type", log.scopeEntityType ?? null],
+                ["Entity ID", log.scopeEntityId ?? null]
+              ].filter((entry) => typeof entry[1] === "string" && entry[1].trim().length > 0);
+              const { inlineEntries, nestedEntries } = splitLogPayload(log.payload);
+              return {
+                id: log.id,
+                time: new Date(log.createdAt).toLocaleString(),
+                level: log.level,
+                message: log.message,
+                body: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("integrations.detail.logs.details.summary", "Summary") }),
+                        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm font-medium", children: log.message })
+                      ] }),
+                      metadataEntries.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "grid gap-3 sm:grid-cols-2", children: metadataEntries.map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/30 px-3 py-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-overline font-medium uppercase tracking-wide text-muted-foreground", children: label }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 break-all text-sm", children: value })
+                      ] }, label)) }) : null
                     ] }),
-                    metadataEntries.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "grid gap-3 sm:grid-cols-2", children: metadataEntries.map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/30 px-3 py-2", children: [
-                      /* @__PURE__ */ jsx("dt", { className: "text-overline font-medium uppercase tracking-wide text-muted-foreground", children: label }),
-                      /* @__PURE__ */ jsx("dd", { className: "mt-1 break-all text-sm", children: value })
-                    ] }, label)) }) : null
+                    inlineEntries.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("integrations.detail.logs.details.fields", "Fields") }),
+                      /* @__PURE__ */ jsx("dl", { className: "grid gap-3 sm:grid-cols-2", children: inlineEntries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/30 px-3 py-2", children: [
+                        /* @__PURE__ */ jsx("dt", { className: "text-overline font-medium uppercase tracking-wide text-muted-foreground", children: formatLogDetailLabel(key) }),
+                        /* @__PURE__ */ jsx("dd", { className: "mt-1 break-words text-sm", children: formatLogPrimitiveValue(value) })
+                      ] }, key)) })
+                    ] }) : null
                   ] }),
-                  inlineEntries.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("integrations.detail.logs.details.fields", "Fields") }),
-                    /* @__PURE__ */ jsx("dl", { className: "grid gap-3 sm:grid-cols-2", children: inlineEntries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-muted/30 px-3 py-2", children: [
-                      /* @__PURE__ */ jsx("dt", { className: "text-overline font-medium uppercase tracking-wide text-muted-foreground", children: formatLogDetailLabel(key) }),
-                      /* @__PURE__ */ jsx("dd", { className: "mt-1 break-words text-sm", children: formatLogPrimitiveValue(value) })
-                    ] }, key)) })
-                  ] }) : null
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  nestedEntries.map(([key, value]) => /* @__PURE__ */ jsx(
-                    JsonDisplay,
-                    {
-                      data: value,
-                      title: formatLogDetailLabel(key),
-                      defaultExpanded: true,
-                      maxInitialDepth: 1,
-                      theme: "dark",
-                      maxHeight: "16rem",
-                      className: "p-4"
-                    },
-                    key
-                  )),
-                  log.payload && nestedEntries.length === 0 ? /* @__PURE__ */ jsx(
-                    JsonDisplay,
-                    {
-                      data: log.payload,
-                      title: t("integrations.detail.logs.details.payload", "Payload"),
-                      defaultExpanded: true,
-                      maxInitialDepth: 1,
-                      theme: "dark",
-                      maxHeight: "16rem",
-                      className: "p-4"
-                    }
-                  ) : null,
-                  !log.payload ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed px-4 py-6 text-sm text-muted-foreground", children: t("integrations.detail.logs.details.noPayload", "No structured payload was stored for this log entry.") }) : null
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+                    nestedEntries.map(([key, value]) => /* @__PURE__ */ jsx(
+                      JsonDisplay,
+                      {
+                        data: value,
+                        title: formatLogDetailLabel(key),
+                        defaultExpanded: true,
+                        maxInitialDepth: 1,
+                        theme: "dark",
+                        maxHeight: "16rem",
+                        className: "p-4"
+                      },
+                      key
+                    )),
+                    log.payload && nestedEntries.length === 0 ? /* @__PURE__ */ jsx(
+                      JsonDisplay,
+                      {
+                        data: log.payload,
+                        title: t("integrations.detail.logs.details.payload", "Payload"),
+                        defaultExpanded: true,
+                        maxInitialDepth: 1,
+                        theme: "dark",
+                        maxHeight: "16rem",
+                        className: "p-4"
+                      }
+                    ) : null,
+                    !log.payload ? /* @__PURE__ */ jsx(
+                      EmptyState,
+                      {
+                        size: "sm",
+                        icon: /* @__PURE__ */ jsx(FileX, { className: "h-8 w-8", "aria-hidden": "true" }),
+                        title: t("integrations.detail.logs.details.noPayload", "No structured payload was stored for this log entry.")
+                      }
+                    ) : null
+                  ] })
                 ] })
-              ] }) }) }) }) : null
-            ] }, log.id);
-          }) })
-        ] }) })
+              };
+            }),
+            emptyMessage: t("integrations.detail.logs.empty")
+          }
+        )
       ] }) : null,
       injectedTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.id, className: "mt-0 space-y-4", children: /* @__PURE__ */ jsx(
         InjectionSpot,