)
}
-/** Events tab — pointer to audit log scoped to this dict. */
+/**
+ * Lightweight JSON syntax highlight via regex. Returns HTML с inline
+ * span'ами окрашенными tokens — works для display-only (Monaco не нужен).
+ *
+ *
Каждый escape перед взаимодействием: source already JSON.stringify'd
+ * (safe), но regex применяется к HTML так что & < > > сначала escape'аются.
+ */
+function highlightJson(json: string): string {
+ const escape = (s: string) =>
+ s.replace(/&/g, '&').replace(//g, '>')
+ return escape(json).replace(
+ /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(\.\d+)?([eE][+-]?\d+)?)/g,
+ (match) => {
+ let cls = 'text-warn'
+ if (/^"/.test(match)) {
+ cls = /:$/.test(match) ? 'text-accent' : 'text-green'
+ } else if (/true|false/.test(match)) {
+ cls = 'text-pink'
+ } else if (/null/.test(match)) {
+ cls = 'text-mute italic'
+ }
+ return `${match}`
+ },
+ )
+}
+
+/**
+ * Events tab — embedded last 20 audit entries filtered by dictName.
+ * Stage 3.4 polish: handoff требовал inline list вместо redirect к /audit.
+ *
+ *
Не показывает payloadBefore/After (expand-detail) — для полного diff
+ * остался deep-link к /audit?dict=name внизу. Здесь — таймстамп + action +
+ * businessKey + author, плотно в 4-col grid.
+ */
function EventsTabContent({ dictName }: { dictName: string }) {
+ const { t } = useTranslation()
+ const { data, isLoading, error } = useAudit({ dictionaryName: dictName, size: 20 })
+
+ if (isLoading) return
+ if (error)
+ return (
+
+ {String(error)}
+
+ )
+ const rows = data?.content ?? []
+ if (rows.length === 0)
+ return (
+
+ )
+
return (
-
-
- События для справочника {dictName} — в общем аудит-логе.
-