@trismegisto/spine 2.0.0

package/fesm2022/trismegisto-spine-audit.mjs

@@ -0,0 +1,1299 @@
+import { HttpParams, HttpClient, HttpHeaders } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, output, computed, ChangeDetectionStrategy, Component, signal, effect, untracked } from '@angular/core';
+import { firstValueFrom } from 'rxjs';
+import { AuthorizationService } from '@orfeu/angular/core';
+import { IconButtonComponent, SpinnerComponent, AlertComponent, ButtonComponent, DataGridCellDirective, DataGridComponent, DrawerComponent, FilterBarComponent, ProgressComponent, SegmentedControlComponent, StatCardComponent, StateScreenComponent, SwitchComponent, TagComponent } from '@trismegisto/angular';
+import { formatMessage, pluralMessage } from '@trismegisto/primitives';
+import { Router } from '@angular/router';
+import { SPINE_MESSAGES, SPINE_ADMIN_API } from '@trismegisto/spine';
+
+/**
+ * Leitura da auditoria (`audit.events`) do argos admin-server, nos dois escopos:
+ * - `admin`  → `GET {adminApi}/admin/audit/*` (painel central, todos os apps);
+ * - `client` → `GET {adminApi}/auto-service/:clientId/audit/*` (só os apps do projeto do client; o
+ *   servidor recorta, `app_id` de fora → 403).
+ * Endpoints: `actions`, `events`, `events/:id`, `traces/:traceId`, `stats` e `tops/:kind` (rankings paginados).
+ * Unidade: a leitura padrão é por AÇÃO (uma linha por trace: o evento raiz + agregados dos spans);
+ * `unit=events` nas agregações mantém a contagem por evento (registro).
+ * Formatos e filtros fixados pelo contrato do admin-server; tudo aqui é TypeScript puro (tipos +
+ * montagem da consulta).
+ */
+const AUDIT_METHODS = ['read', 'write', 'delete', 'stream'];
+const AUDIT_OUTCOMES = ['success', 'failure', 'denied'];
+const AUDIT_UNITS = ['actions', 'events'];
+const AUDIT_TOP_KINDS = ['apps', 'operations', 'users'];
+/** Itens por página dos cards de ranking (o servidor aceita até 50). */
+const AUDIT_TOP_PAGE_SIZE = 5;
+const trimSlash = (url) => (url ?? '').replace(/\/+$/, '');
+/**
+ * Base dos endpoints da auditoria para o escopo (sem barra no fim). `null` quando falta o necessário
+ * (sem `adminApi`, ou escopo `client` sem `clientId`).
+ */
+function auditApiBase(adminApi, scope, clientId) {
+    const api = trimSlash(adminApi);
+    if (!api)
+        return null;
+    if (scope === 'admin')
+        return `${api}/admin/audit`;
+    return clientId ? `${api}/auto-service/${encodeURIComponent(clientId)}/audit` : null;
+}
+/** Lista de apps para o filtro: todos (`admin`, `GET /admin/apps`) ou os do projeto do client. */
+function auditAppsUrl(adminApi, scope, clientId) {
+    const api = trimSlash(adminApi);
+    if (!api)
+        return null;
+    if (scope === 'admin')
+        return `${api}/admin/apps`;
+    return clientId ? `${api}/auto-service/${encodeURIComponent(clientId)}/apps` : null;
+}
+/** Monta a query string: vazio/`null` some, lista repete a chave (`app_id=a&app_id=b`). */
+function auditParams(query, page = {}) {
+    let params = new HttpParams();
+    for (const [key, value] of Object.entries(query)) {
+        if (value === undefined || value === null || value === '')
+            continue;
+        if (Array.isArray(value))
+            for (const item of value)
+                params = params.append(key, String(item));
+        else
+            params = params.set(key, String(value));
+    }
+    if (page.limit)
+        params = params.set('limit', String(page.limit));
+    if (page.cursor)
+        params = params.set('cursor', page.cursor);
+    if (page.offset !== undefined)
+        params = params.set('offset', String(page.offset));
+    return params;
+}
+const HOUR = 60 * 60 * 1000;
+const AUDIT_PERIOD_MS = {
+    '1h': HOUR, '6h': 6 * HOUR, '24h': 24 * HOUR, '7d': 7 * 24 * HOUR, '30d': 30 * 24 * HOUR,
+};
+/** Janela máxima aceita pelo servidor (acima: 400 `range_too_large`). */
+const AUDIT_MAX_WINDOW_MS = 31 * 24 * HOUR;
+function localDay(iso, endOfDay) {
+    const [y, m, d] = iso.split('-').map(Number);
+    return endOfDay ? new Date(y, m - 1, d, 23, 59, 59, 999) : new Date(y, m - 1, d, 0, 0, 0, 0);
+}
+/**
+ * Período + filtros da tela → consulta do contrato. As datas da faixa (dia local inteiro) vencem a
+ * escolha rápida; o fim nunca passa de `now`. A janela vira `from`/`to` absolutos, então as páginas
+ * seguintes (cursor) e o resumo enxergam exatamente o mesmo intervalo.
+ */
+function buildAuditQuery(period, filters, now) {
+    let from;
+    let to;
+    const dates = filters.dates;
+    if (dates && (dates.start || dates.end)) {
+        to = dates.end ? new Date(Math.min(localDay(dates.end, true).getTime(), now.getTime())) : now;
+        from = dates.start ? localDay(dates.start, false) : new Date(to.getTime() - AUDIT_PERIOD_MS['24h']);
+    }
+    else {
+        to = now;
+        from = new Date(now.getTime() - AUDIT_PERIOD_MS[period]);
+    }
+    if (to.getTime() - from.getTime() > AUDIT_MAX_WINDOW_MS)
+        return { ok: false, reason: 'range_too_large' };
+    const text = (v) => String(v ?? '').trim() || undefined;
+    const apps = (Array.isArray(filters.app) ? filters.app : filters.app ? [filters.app] : []).filter(Boolean);
+    const status = text(filters.status);
+    const query = {
+        from: from.toISOString(),
+        to: to.toISOString(),
+        app_id: apps.length ? apps : undefined,
+        user: text(filters.user),
+        user_id: text(filters.user_id),
+        operation: text(filters.operation),
+        method: text(filters.method),
+        level: text(filters.level),
+        outcome: text(filters.outcome),
+        permission_result: text(filters.permission_result),
+        actor_type: text(filters.actor_type),
+        // Status que não é número vai como está: o servidor responde 400 `invalid_filter` e a tela explica.
+        status: status === undefined ? undefined : /^\d+$/.test(status) ? Number(status) : status,
+        trace_id: text(filters.trace_id)?.toLowerCase(),
+        entry: typeof filters.entry === 'boolean' ? filters.entry : undefined,
+    };
+    for (const key of Object.keys(query))
+        if (query[key] === undefined)
+            delete query[key];
+    return { ok: true, query };
+}
+/**
+ * Lê as datas do servidor, que vêm em ISO UTC com MICROssegundos (`2026-10-05T13:18:40.564281Z`): o
+ * formato de data do ECMAScript só garante 3 casas, então a fração é cortada em milissegundos antes.
+ */
+function parseAuditDate(iso) {
+    if (!iso)
+        return null;
+    const d = new Date(iso.replace(/(\.\d{3})\d+/, '$1'));
+    return Number.isNaN(d.getTime()) ? null : d;
+}
+/** Maior `limit` aceito por `GET .../audit/events`. */
+const AUDIT_MAX_PAGE_SIZE = 200;
+/**
+ * Paginação numerada ("página N de M") sobre a lista por cursor (keyset) do servidor, que não tem
+ * OFFSET. Guarda o cursor de cada posição já vista (posição 0 = sem cursor); para abrir uma página
+ * nunca vista, anda a partir da posição conhecida mais próxima em saltos de até 200 (o cursor só
+ * depende do último evento lido, não do `limit`). Vale para UMA consulta (`from`/`to` + filtros
+ * fixos): consulta nova = pager novo.
+ */
+class AuditCursorPager {
+    constructor() {
+        this.cursors = new Map();
+        /** Quantos eventos a consulta tem, quando a lista já chegou ao fim (`next_cursor` nulo). */
+        this.endAt = null;
+    }
+    /** Total exato, conhecido depois de alguma página chegar ao fim da lista. */
+    get end() {
+        return this.endAt;
+    }
+    async page(offset, size, fetch, retry = true) {
+        size = Math.max(1, Math.min(AUDIT_MAX_PAGE_SIZE, Math.floor(size)));
+        offset = Math.max(0, Math.floor(offset / size) * size);
+        if (this.endAt !== null && offset > 0 && offset >= this.endAt)
+            offset = Math.floor((this.endAt - 1) / size) * size;
+        let at = 0;
+        for (const known of this.cursors.keys())
+            if (known <= offset && known > at)
+                at = known;
+        let cursor = at ? this.cursors.get(at) : null;
+        while (at < offset) {
+            const res = await fetch(cursor, Math.min(AUDIT_MAX_PAGE_SIZE, offset - at));
+            const items = res.items ?? [];
+            if (!res.next_cursor || !items.length) {
+                // A lista acabou antes da página pedida: vai para a última que existe.
+                this.endAt = at + items.length;
+                if (!retry)
+                    return { items: [], offset: at, hasMore: false };
+                return this.page(this.endAt ? Math.floor((this.endAt - 1) / size) * size : 0, size, fetch, false);
+            }
+            at += items.length;
+            cursor = res.next_cursor;
+            this.cursors.set(at, cursor);
+        }
+        const res = await fetch(cursor, size);
+        const items = res.items ?? [];
+        const hasMore = !!res.next_cursor && items.length > 0;
+        if (hasMore)
+            this.cursors.set(offset + items.length, res.next_cursor);
+        else
+            this.endAt = offset + items.length;
+        return { items, offset, hasMore };
+    }
+}
+/**
+ * Total do rodapé: o exato quando a lista já chegou ao fim; senão o do resumo (`stats.total`, mesma
+ * consulta), nunca menor do que o que já se sabe existir (página atual + "tem mais").
+ */
+function auditPagerTotal(statsTotal, end, loaded) {
+    if (end !== null)
+        return end;
+    const seen = loaded ? loaded.offset + loaded.items.length + (loaded.hasMore ? 1 : 0) : 0;
+    return Math.max(statsTotal ?? 0, seen);
+}
+/** Pior resultado (denied > failure > success) — o `outcome` de uma ação. */
+function worstOutcome(outcomes) {
+    if (outcomes.includes('denied'))
+        return 'denied';
+    if (outcomes.includes('failure'))
+        return 'failure';
+    return 'success';
+}
+/** Largura mínima da barra (%), para um span de 0 ms continuar visível. */
+const MIN_SPAN_WIDTH = 0.8;
+/**
+ * Spans de um trace → linha do tempo: ordem em árvore (pai antes dos filhos, irmãos por início), com
+ * profundidade pela cadeia parent_span_id → span_id. Span cujo pai não está na lista (de fora do escopo,
+ * fora da janela) vira raiz. Fim do span = início + duration_ms (sem duração = instante).
+ */
+function buildSpanTimeline(items) {
+    const start = (e) => parseAuditDate(e.occurred_at)?.getTime() ?? 0;
+    const list = [...items].sort((a, b) => start(a) - start(b) || a.event_id.localeCompare(b.event_id));
+    if (!list.length)
+        return { rows: [], totalMs: 0 };
+    const t0 = Math.min(...list.map(start));
+    const t1 = Math.max(...list.map((e) => start(e) + Math.max(0, e.duration_ms ?? 0)));
+    const total = Math.max(1, t1 - t0);
+    const spans = new Set(list.map((e) => e.span_id?.trim()).filter(Boolean));
+    const children = new Map();
+    const roots = [];
+    for (const e of list) {
+        const parent = e.parent_span_id?.trim();
+        if (parent && spans.has(parent) && parent !== e.span_id?.trim()) {
+            const bucket = children.get(parent) ?? [];
+            bucket.push(e);
+            children.set(parent, bucket);
+        }
+        else
+            roots.push(e);
+    }
+    const rows = [];
+    const seen = new Set();
+    const visit = (e, depth) => {
+        if (seen.has(e.event_id))
+            return;
+        seen.add(e.event_id);
+        const offsetMs = start(e) - t0;
+        const left = (offsetMs / total) * 100;
+        const width = Math.min(100 - left, Math.max(MIN_SPAN_WIDTH, ((e.duration_ms ?? 0) / total) * 100));
+        rows.push({ event: e, depth, offsetMs, left, width: Math.max(0, width) });
+        const span = e.span_id?.trim();
+        for (const child of (span && children.get(span)) || [])
+            visit(child, depth + 1);
+    };
+    for (const r of roots)
+        visit(r, 0);
+    // Ciclo (dado corrompido): o que sobrou entra como raiz.
+    for (const e of list)
+        visit(e, 0);
+    return { rows, totalMs: t1 - t0 };
+}
+/** Código de erro do envelope do admin-server (`{ error, detail }`), quando houver. */
+function auditErrorCode(err) {
+    const e = err;
+    return {
+        status: e?.status ?? 0,
+        code: typeof e?.error?.error === 'string' ? e.error.error : '',
+        detail: typeof e?.error?.detail === 'string' ? e.error.detail : '',
+    };
+}
+
+/**
+ * HTTP da auditoria (só leitura), igual nos dois escopos: cada método recebe a `base` já resolvida
+ * por `auditApiBase` (`{adminApi}/admin/audit` ou `{adminApi}/auto-service/:clientId/audit`). O
+ * recorte do escopo `client` é do servidor — nada aqui decide o que a pessoa pode ver.
+ */
+class SpineAuditService {
+    constructor() {
+        this.http = inject(HttpClient);
+        this.auth = inject(AuthorizationService);
+    }
+    get headers() {
+        return new HttpHeaders({ 'x-access-token': this.auth.getToken() ?? '' });
+    }
+    events(base, query, page = {}) {
+        return firstValueFrom(this.http.get(`${base}/events`, { headers: this.headers, params: auditParams(query, page) }));
+    }
+    /** Uma linha por AÇÃO (raiz do trace + agregados dos spans), mesmos filtros/cursor de `events`. */
+    actions(base, query, page = {}) {
+        return firstValueFrom(this.http.get(`${base}/actions`, { headers: this.headers, params: auditParams(query, page) }));
+    }
+    event(base, eventId, occurredAt) {
+        const params = new HttpParams().set('occurred_at', occurredAt);
+        return firstValueFrom(this.http.get(`${base}/events/${encodeURIComponent(eventId)}`, { headers: this.headers, params }));
+    }
+    /** `occurredAt` (opcional) = o do evento de origem: o servidor limita a busca da cadeia a ±1 dia dele. */
+    trace(base, traceId, occurredAt) {
+        const params = occurredAt ? new HttpParams().set('occurred_at', occurredAt) : undefined;
+        return firstValueFrom(this.http.get(`${base}/traces/${encodeURIComponent(traceId)}`, { headers: this.headers, params }));
+    }
+    /** Resumo (KPIs + linha do tempo). `tops: false` pula os rankings — a tela os pagina por `tops()`. */
+    stats(base, query, opts = {}) {
+        let params = auditParams(query);
+        if (opts.tops === false)
+            params = params.set('tops', 'false');
+        return firstValueFrom(this.http.get(`${base}/stats`, { headers: this.headers, params }));
+    }
+    /** Um ranking paginado (`apps` | `operations` | `users`) com os mesmos filtros/janela do resumo. */
+    tops(base, kind, query, page) {
+        return firstValueFrom(this.http.get(`${base}/tops/${kind}`, { headers: this.headers, params: auditParams(query, page) }));
+    }
+    /** Apps para o filtro (`{ apps: [{ id, name }] }` — `/admin/apps` ou `/auto-service/:clientId/apps`). */
+    apps(url) {
+        return firstValueFrom(this.http.get(url, { headers: this.headers }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+let nextId = 0;
+/**
+ * Card de ranking da Auditoria ("Operações", "Usuários", "Por aplicação") com paginação compacta
+ * no servidor: `x–y de N` + anterior/próxima. Durante a troca de página as linhas atuais continuam
+ * (esmaecidas, `aria-busy`), sem esqueleto. A barra é proporcional ao `max` (o 1º item da 1ª página),
+ * então as páginas seguintes não "enchem" de novo. Clicar num item emite `picked` (vira filtro).
+ */
+class SpineAuditTopCardComponent {
+    constructor() {
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
+        this.rows = input.required(...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        /** Quantos itens o ranking tem no total (todas as páginas). */
+        this.total = input(0, ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
+        this.offset = input(0, ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
+        this.pageSize = input(5, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+        /** Referência da barra (o maior total do ranking); 0 = o maior da página. */
+        this.max = input(0, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+        this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.failed = input(false, ...(ngDevMode ? [{ debugName: "failed" }] : /* istanbul ignore next */ []));
+        this.picked = output();
+        /** Novo `offset` pedido (anterior/próxima). */
+        this.offsetChange = output();
+        this.messages = inject(SPINE_MESSAGES);
+        this.text = this.messages.autoServiceAudit;
+        this.locale = this.messages.meta.locale;
+        this.fmt = formatMessage;
+        this.headingId = `spine-audit-top-${nextId++}`;
+        this.reference = computed(() => Math.max(1, this.max(), ...this.rows().map((r) => r.total)), ...(ngDevMode ? [{ debugName: "reference" }] : /* istanbul ignore next */ []));
+        this.range = computed(() => {
+            const from = Math.min(this.total(), this.offset() + 1);
+            const to = Math.min(this.total(), this.offset() + Math.max(this.rows().length, 1));
+            return formatMessage(this.text.topsRange, { from: this.number(from), to: this.number(to), total: this.number(this.total()) });
+        }, ...(ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []));
+    }
+    go(direction) {
+        const next = Math.max(0, this.offset() + direction * this.pageSize());
+        if (next !== this.offset() && next < this.total())
+            this.offsetChange.emit(next);
+    }
+    /** Fatia (em % da própria barra) de falhas/negados dentro do total da linha. */
+    share(part, total) {
+        return total > 0 ? Math.min(100, (part / total) * 100) : 0;
+    }
+    bar(total) {
+        return Math.max(2, Math.round((total / this.reference()) * 100));
+    }
+    number(n) {
+        return new Intl.NumberFormat(this.locale).format(n ?? 0);
+    }
+    plural(message, count) {
+        return pluralMessage(message, count, this.locale);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditTopCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: SpineAuditTopCardComponent, isStandalone: true, selector: "spine-audit-top-card", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, failed: { classPropertyName: "failed", publicName: "failed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { picked: "picked", offsetChange: "offsetChange" }, ngImport: i0, template: `
+    <section class="card card-block top" [attr.aria-labelledby]="headingId" [attr.aria-busy]="loading()">
+      <div class="top__head">
+        <h3 class="top__title" [id]="headingId">{{ heading() }}</h3>
+        @if (loading() && rows().length) {
+          <hm-spinner size="small" [label]="text.updating" />
+        }
+      </div>
+      @if (rows().length) {
+        <ol class="rank" [class.rank--busy]="loading()" [attr.start]="offset() + 1">
+          @for (row of rows(); track row.key) {
+            <li>
+              <button type="button" class="rank__item" [attr.title]="row.hint || fmt(text.filterBy, { name: row.name })"
+                [disabled]="row.disabled" (click)="picked.emit(row)">
+                <span class="rank__name">
+                  {{ row.name }}
+                  @if (row.suffix) { <span class="muted"> · {{ row.suffix }}</span> }
+                </span>
+                <span class="rank__value">
+                  {{ number(row.total) }}
+                  @if (row.failures) { <span class="rank__fail"> · {{ plural(text.failureCount, row.failures) }}</span> }
+                  @if (row.denied) { <span class="rank__denied"> · {{ plural(text.deniedCount, row.denied) }}</span> }
+                </span>
+                <span class="rank__track" aria-hidden="true">
+                  <!-- A barra é a própria linha (sempre cheia): sucesso, falhas e negados na proporção dela. -->
+                  <span class="rank__bar">
+                    @if (row.failures) { <span class="rank__seg rank__seg--fail" [style.width.%]="share(row.failures, row.total)"></span> }
+                    @if (row.denied) { <span class="rank__seg rank__seg--denied" [style.width.%]="share(row.denied, row.total)"></span> }
+                  </span>
+                </span>
+              </button>
+            </li>
+          }
+        </ol>
+        @if (failed()) {
+          <p class="muted top__error" role="status">{{ text.topsError }}</p>
+        }
+      } @else {
+        <p class="muted">{{ loading() ? text.loading : failed() ? text.topsError : text.noTop }}</p>
+      }
+      @if (total() > 0) {
+        <div class="top__pager">
+          <span class="top__range" role="status">{{ range() }}</span>
+          @if (total() > pageSize()) {
+            <span class="top__buttons">
+              <hm-icon-button [label]="fmt(text.topsPrevious, { name: heading() })" icon="angle" iconDirection="left"
+                emphasis="subtle" size="small" [disabled]="offset() <= 0 || loading()" (clicked)="go(-1)" />
+              <hm-icon-button [label]="fmt(text.topsNext, { name: heading() })" icon="angle" iconDirection="right"
+                emphasis="subtle" size="small" [disabled]="offset() + pageSize() >= total() || loading()" (clicked)="go(1)" />
+            </span>
+          }
+        </div>
+      }
+    </section>
+  `, isInline: true, styles: [":host{display:block;min-inline-size:0}.card{border:1px solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface)}.card-block{padding:var(--hm-space-sm, 8px)}.muted{color:var(--hm-muted)}.top{display:flex;flex-direction:column;block-size:100%;box-sizing:border-box}.top__head{display:flex;align-items:center;justify-content:space-between;gap:var(--hm-space-sm, 8px);margin:0 0 var(--hm-space-sm, 8px);min-block-size:24px}.top__title{margin:0;font-size:14px;font-weight:600;color:var(--hm-text)}.top__error{margin:var(--hm-space-xs, 4px) 0 0;font-size:12px}.top__pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--hm-space-xs, 4px);margin-block-start:auto;padding-block-start:var(--hm-space-sm, 8px)}.top__range{font-size:12px;color:var(--hm-muted);font-variant-numeric:tabular-nums}.top__buttons{display:inline-flex;gap:2px}.rank{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;transition:opacity .12s ease}.rank--busy{opacity:.55}.rank__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--hm-space-sm, 8px);inline-size:100%;padding:6px 8px;border:0;border-radius:var(--hm-radius-control);background:transparent;color:var(--hm-text);font:inherit;font-size:13px;text-align:start;cursor:pointer}.rank__item:hover:not(:disabled){background:color-mix(in srgb,var(--hm-action) 8%,transparent)}.rank__item:focus-visible{outline:2px solid var(--hm-action);outline-offset:1px}.rank__item:disabled{cursor:default}.rank__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank__value{font-variant-numeric:tabular-nums;white-space:nowrap}.rank__fail{color:var(--hm-danger)}.rank__denied{color:var(--hm-warning, #c98a00)}.rank__track{grid-column:1/-1;display:block;block-size:4px;border-radius:2px;background:color-mix(in srgb,var(--hm-text) 8%,transparent);overflow:hidden}.rank__bar{display:flex;justify-content:flex-end;inline-size:100%;block-size:100%;background:var(--hm-success)}.rank__seg{display:block;block-size:100%}.rank__seg--fail{background:var(--hm-danger)}.rank__seg--denied{background:var(--hm-warning)}@media(prefers-reduced-motion:reduce){.rank{transition:none}}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "hm-icon-button", inputs: ["label", "icon", "solid", "iconDirection", "emphasis", "intent", "size", "disabled", "toggle", "pressed", "keyShortcuts"], outputs: ["pressedChange", "clicked"] }, { kind: "component", type: SpinnerComponent, selector: "hm-spinner", inputs: ["size", "inverse", "label", "labelVisible", "decorative", "done", "doneLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditTopCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spine-audit-top-card', imports: [IconButtonComponent, SpinnerComponent], template: `
+    <section class="card card-block top" [attr.aria-labelledby]="headingId" [attr.aria-busy]="loading()">
+      <div class="top__head">
+        <h3 class="top__title" [id]="headingId">{{ heading() }}</h3>
+        @if (loading() && rows().length) {
+          <hm-spinner size="small" [label]="text.updating" />
+        }
+      </div>
+      @if (rows().length) {
+        <ol class="rank" [class.rank--busy]="loading()" [attr.start]="offset() + 1">
+          @for (row of rows(); track row.key) {
+            <li>
+              <button type="button" class="rank__item" [attr.title]="row.hint || fmt(text.filterBy, { name: row.name })"
+                [disabled]="row.disabled" (click)="picked.emit(row)">
+                <span class="rank__name">
+                  {{ row.name }}
+                  @if (row.suffix) { <span class="muted"> · {{ row.suffix }}</span> }
+                </span>
+                <span class="rank__value">
+                  {{ number(row.total) }}
+                  @if (row.failures) { <span class="rank__fail"> · {{ plural(text.failureCount, row.failures) }}</span> }
+                  @if (row.denied) { <span class="rank__denied"> · {{ plural(text.deniedCount, row.denied) }}</span> }
+                </span>
+                <span class="rank__track" aria-hidden="true">
+                  <!-- A barra é a própria linha (sempre cheia): sucesso, falhas e negados na proporção dela. -->
+                  <span class="rank__bar">
+                    @if (row.failures) { <span class="rank__seg rank__seg--fail" [style.width.%]="share(row.failures, row.total)"></span> }
+                    @if (row.denied) { <span class="rank__seg rank__seg--denied" [style.width.%]="share(row.denied, row.total)"></span> }
+                  </span>
+                </span>
+              </button>
+            </li>
+          }
+        </ol>
+        @if (failed()) {
+          <p class="muted top__error" role="status">{{ text.topsError }}</p>
+        }
+      } @else {
+        <p class="muted">{{ loading() ? text.loading : failed() ? text.topsError : text.noTop }}</p>
+      }
+      @if (total() > 0) {
+        <div class="top__pager">
+          <span class="top__range" role="status">{{ range() }}</span>
+          @if (total() > pageSize()) {
+            <span class="top__buttons">
+              <hm-icon-button [label]="fmt(text.topsPrevious, { name: heading() })" icon="angle" iconDirection="left"
+                emphasis="subtle" size="small" [disabled]="offset() <= 0 || loading()" (clicked)="go(-1)" />
+              <hm-icon-button [label]="fmt(text.topsNext, { name: heading() })" icon="angle" iconDirection="right"
+                emphasis="subtle" size="small" [disabled]="offset() + pageSize() >= total() || loading()" (clicked)="go(1)" />
+            </span>
+          }
+        </div>
+      }
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-inline-size:0}.card{border:1px solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface)}.card-block{padding:var(--hm-space-sm, 8px)}.muted{color:var(--hm-muted)}.top{display:flex;flex-direction:column;block-size:100%;box-sizing:border-box}.top__head{display:flex;align-items:center;justify-content:space-between;gap:var(--hm-space-sm, 8px);margin:0 0 var(--hm-space-sm, 8px);min-block-size:24px}.top__title{margin:0;font-size:14px;font-weight:600;color:var(--hm-text)}.top__error{margin:var(--hm-space-xs, 4px) 0 0;font-size:12px}.top__pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--hm-space-xs, 4px);margin-block-start:auto;padding-block-start:var(--hm-space-sm, 8px)}.top__range{font-size:12px;color:var(--hm-muted);font-variant-numeric:tabular-nums}.top__buttons{display:inline-flex;gap:2px}.rank{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;transition:opacity .12s ease}.rank--busy{opacity:.55}.rank__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--hm-space-sm, 8px);inline-size:100%;padding:6px 8px;border:0;border-radius:var(--hm-radius-control);background:transparent;color:var(--hm-text);font:inherit;font-size:13px;text-align:start;cursor:pointer}.rank__item:hover:not(:disabled){background:color-mix(in srgb,var(--hm-action) 8%,transparent)}.rank__item:focus-visible{outline:2px solid var(--hm-action);outline-offset:1px}.rank__item:disabled{cursor:default}.rank__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank__value{font-variant-numeric:tabular-nums;white-space:nowrap}.rank__fail{color:var(--hm-danger)}.rank__denied{color:var(--hm-warning, #c98a00)}.rank__track{grid-column:1/-1;display:block;block-size:4px;border-radius:2px;background:color-mix(in srgb,var(--hm-text) 8%,transparent);overflow:hidden}.rank__bar{display:flex;justify-content:flex-end;inline-size:100%;block-size:100%;background:var(--hm-success)}.rank__seg{display:block;block-size:100%}.rank__seg--fail{background:var(--hm-danger)}.rank__seg--denied{background:var(--hm-warning)}@media(prefers-reduced-motion:reduce){.rank{transition:none}}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], failed: [{ type: i0.Input, args: [{ isSignal: true, alias: "failed", required: false }] }], picked: [{ type: i0.Output, args: ["picked"] }], offsetChange: [{ type: i0.Output, args: ["offsetChange"] }] } });
+
+/** Eventos por página da tabela, de saída (o servidor aceita até 200 — `AUDIT_MAX_PAGE_SIZE`). */
+const AUDIT_PAGE_SIZE = 10;
+/** Opções do seletor de eventos por página (todas dentro do `limit` máximo do servidor). */
+const AUDIT_PAGE_SIZES = [10, 25, 50, 100, 200];
+/** Intervalo da atualização automática (opcional, desligada por padrão). */
+const AUDIT_AUTO_REFRESH_MS = 30_000;
+const NO_VALUE = '—';
+const LEVELS = ['public', 'private', 'protected', 'optional'];
+const PERMISSIONS = ['allowed', 'forbidden', 'unauthorized', 'public'];
+const ACTORS = ['user', 'app_token', 'api_token', 'public', 'unauthenticated'];
+const EMPTY_TOP = { items: [], total: 0, offset: 0, max: 0, loading: false, failed: false };
+/**
+ * A tela de Auditoria — a MESMA no auto-serviço e no painel central do argos admin. Só muda o escopo:
+ * - `scope="client"` + `clientId`: `{adminApi}/auto-service/:clientId/audit/*`, apps do projeto do client
+ *   (recorte feito no servidor);
+ * - `scope="admin"`: `{adminApi}/admin/audit/*`, todos os apps (guard `admin:audit:*` no servidor).
+ * `adminApi` vem do input ou do `SPINE_ADMIN_API` (que o `provideAutoService` já fornece).
+ *
+ * Unidade: por padrão a tela lê AÇÕES (`GET .../actions`, uma linha por trace, coluna "Spans", detalhe
+ * com os spans numa linha do tempo); o alternador "Ações | Eventos" volta à leitura por registro. KPIs,
+ * linha do tempo e rankings seguem a unidade escolhida (`unit=` nas agregações).
+ *
+ * Conteúdo: período rápido (ou datas da faixa de filtros, que vencem), filtros, KPIs (falhas/negados
+ * clicáveis viram filtro), linha do tempo, 3 rankings paginados no servidor (`tops/:kind`), a tabela
+ * paginada no servidor (cursor) e o detalhe/cadeia (trace) de um evento.
+ *
+ * Recarga sem piscar: trocar de página (ou atualizar) mantém as linhas atuais à vista com um indicador
+ * por cima — a grade só mostra esqueleto na 1ª carga. Toda resposta carrega um número de sequência e a
+ * que chega fora de ordem (página/consulta já trocada) é descartada.
+ *
+ * Importe só de código carregado sob demanda (rota lazy, `import()`): o ponto `@trismegisto/spine/audit`
+ * existe para a tela não entrar no bundle inicial de quem só usa o resto do spine.
+ */
+class SpineAuditComponent {
+    constructor() {
+        /** `admin` = painel central (todos os apps); `client` = apps do projeto do `clientId`. */
+        this.scope = input.required(...(ngDevMode ? [{ debugName: "scope" }] : /* istanbul ignore next */ []));
+        /** Obrigatório com `scope="client"`. */
+        this.clientId = input(null, ...(ngDevMode ? [{ debugName: "clientId" }] : /* istanbul ignore next */ []));
+        /** Base do argos admin-server; sem ele, vale o `SPINE_ADMIN_API`. */
+        this.adminApi = input(null, ...(ngDevMode ? [{ debugName: "adminApi" }] : /* istanbul ignore next */ []));
+        this.service = inject(SpineAuditService);
+        this.tokenApi = inject(SPINE_ADMIN_API, { optional: true });
+        this.messages = inject(SPINE_MESSAGES);
+        this.text = this.messages.autoServiceAudit;
+        this.locale = this.messages.meta.locale;
+        this.fmt = formatMessage;
+        /** Base dos endpoints do escopo; muda → tudo recomeça (filtros, página, detalhe). */
+        this.base = computed(() => auditApiBase(this.adminApi() || this.tokenApi, this.scope(), this.clientId()), ...(ngDevMode ? [{ debugName: "base" }] : /* istanbul ignore next */ []));
+        this.appsUrl = computed(() => auditAppsUrl(this.adminApi() || this.tokenApi, this.scope(), this.clientId()), ...(ngDevMode ? [{ debugName: "appsUrl" }] : /* istanbul ignore next */ []));
+        this.period = signal('24h', ...(ngDevMode ? [{ debugName: "period" }] : /* istanbul ignore next */ []));
+        /** Ações (uma linha por trace) ou eventos (cada registro). */
+        this.unit = signal('actions', ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+        this.byActions = computed(() => this.unit() === 'actions', ...(ngDevMode ? [{ debugName: "byActions" }] : /* istanbul ignore next */ []));
+        this.unitOptions = [
+            { value: 'actions', label: this.text.unitActions },
+            { value: 'events', label: this.text.unitEvents },
+        ];
+        /** Textos que mudam com a unidade. */
+        this.unitText = computed(() => {
+            const t = this.text;
+            return this.byActions()
+                ? {
+                    kpiTotal: t.kpiTotalActions, kpiTotalDescription: t.kpiTotalActionsDescription, timelineSummary: t.timelineSummaryActions,
+                    bucketSummary: t.bucketSummaryActions, timelineEmpty: t.timelineEmptyActions, caption: t.actionsCaption,
+                    pageItems: t.pageItemsActions, pageError: t.pageErrorActions, emptyTitle: t.emptyTitleActions,
+                }
+                : {
+                    kpiTotal: t.kpiTotal, kpiTotalDescription: t.kpiTotalDescription, timelineSummary: t.timelineSummary,
+                    bucketSummary: t.bucketSummary, timelineEmpty: t.timelineEmpty, caption: t.eventsCaption,
+                    pageItems: t.pageItems, pageError: t.pageError, emptyTitle: t.emptyTitle,
+                };
+        }, ...(ngDevMode ? [{ debugName: "unitText" }] : /* istanbul ignore next */ []));
+        this.filterValue = signal({}, ...(ngDevMode ? [{ debugName: "filterValue" }] : /* istanbul ignore next */ []));
+        this.apps = signal([], ...(ngDevMode ? [{ debugName: "apps" }] : /* istanbul ignore next */ []));
+        this.stats = signal(null, ...(ngDevMode ? [{ debugName: "stats" }] : /* istanbul ignore next */ []));
+        this.events = signal([], ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.pageLoading = signal(false, ...(ngDevMode ? [{ debugName: "pageLoading" }] : /* istanbul ignore next */ []));
+        this.pageFailed = signal(false, ...(ngDevMode ? [{ debugName: "pageFailed" }] : /* istanbul ignore next */ []));
+        this.pageState = signal({ page: 1, size: AUDIT_PAGE_SIZE }, ...(ngDevMode ? [{ debugName: "pageState" }] : /* istanbul ignore next */ []));
+        this.pageSizes = AUDIT_PAGE_SIZES;
+        /** A página mostrada (posição + "tem mais") e o total exato quando a lista já chegou ao fim. */
+        this.loaded = signal(null, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+        this.listEnd = signal(null, ...(ngDevMode ? [{ debugName: "listEnd" }] : /* istanbul ignore next */ []));
+        /** Total do rodapé da tabela. */
+        this.total = computed(() => auditPagerTotal(this.stats()?.total, this.listEnd(), this.loaded()), ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
+        this.errorKind = signal(null, ...(ngDevMode ? [{ debugName: "errorKind" }] : /* istanbul ignore next */ []));
+        this.errorDetail = signal('', ...(ngDevMode ? [{ debugName: "errorDetail" }] : /* istanbul ignore next */ []));
+        this.lastUpdated = signal(null, ...(ngDevMode ? [{ debugName: "lastUpdated" }] : /* istanbul ignore next */ []));
+        this.autoRefresh = signal(false, ...(ngDevMode ? [{ debugName: "autoRefresh" }] : /* istanbul ignore next */ []));
+        /** Esqueleto da grade só quando ainda não há linha nenhuma para mostrar (1ª carga). */
+        this.gridSkeleton = computed(() => this.loading() && this.events().length === 0, ...(ngDevMode ? [{ debugName: "gridSkeleton" }] : /* istanbul ignore next */ []));
+        /** Recarga com linhas à vista: elas ficam, com o indicador por cima. */
+        this.gridBusy = computed(() => (this.loading() || this.pageLoading()) && this.events().length > 0, ...(ngDevMode ? [{ debugName: "gridBusy" }] : /* istanbul ignore next */ []));
+        this.tops = {
+            apps: signal(EMPTY_TOP),
+            operations: signal(EMPTY_TOP),
+            users: signal(EMPTY_TOP),
+        };
+        this.topPageSize = AUDIT_TOP_PAGE_SIZE;
+        this.detailOpen = signal(false, ...(ngDevMode ? [{ debugName: "detailOpen" }] : /* istanbul ignore next */ []));
+        this.selected = signal(null, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+        this.detailLoading = signal(false, ...(ngDevMode ? [{ debugName: "detailLoading" }] : /* istanbul ignore next */ []));
+        this.detailFailed = signal(false, ...(ngDevMode ? [{ debugName: "detailFailed" }] : /* istanbul ignore next */ []));
+        this.trace = signal(null, ...(ngDevMode ? [{ debugName: "trace" }] : /* istanbul ignore next */ []));
+        /** A ação aberta (linha da tabela por ações): agregados que o detalhe do evento raiz não traz. */
+        this.selectedAction = signal(null, ...(ngDevMode ? [{ debugName: "selectedAction" }] : /* istanbul ignore next */ []));
+        /** O detalhe mostra a ação (o raiz dela), não um span qualquer da cadeia. */
+        this.showingAction = computed(() => {
+            const a = this.selectedAction();
+            return !!a && a.event_id === this.selected()?.event_id;
+        }, ...(ngDevMode ? [{ debugName: "showingAction" }] : /* istanbul ignore next */ []));
+        /** Resultado do cabeçalho do detalhe: o da ação (pior dos spans) ou o do evento. */
+        this.headOutcome = computed(() => {
+            if (!this.showingAction())
+                return this.selected()?.outcome;
+            const spans = this.trace()?.items;
+            if (spans?.length)
+                return worstOutcome(spans.map((s) => s.outcome));
+            return this.selectedAction().outcome ?? this.selected()?.outcome;
+        }, ...(ngDevMode ? [{ debugName: "headOutcome" }] : /* istanbul ignore next */ []));
+        /** Os spans da cadeia numa linha do tempo (hierarquia por parent_span_id). */
+        this.spanTimeline = computed(() => {
+            const tr = this.trace();
+            return tr ? buildSpanTimeline(tr.items) : null;
+        }, ...(ngDevMode ? [{ debugName: "spanTimeline" }] : /* istanbul ignore next */ []));
+        this.traceLoading = signal(false, ...(ngDevMode ? [{ debugName: "traceLoading" }] : /* istanbul ignore next */ []));
+        this.traceFailed = signal(false, ...(ngDevMode ? [{ debugName: "traceFailed" }] : /* istanbul ignore next */ []));
+        /** Consulta da última carga — a troca de página usa a mesma (mesma janela absoluta). */
+        this.query = null;
+        /** Cursores da consulta atual (consulta nova = pager novo). */
+        this.pager = new AuditCursorPager();
+        /** Descartam respostas velhas (consulta/página/ranking/detalhe já trocados). */
+        this.seq = 0;
+        this.pageSeq = 0;
+        this.detailSeq = 0;
+        this.topSeq = { apps: 0, operations: 0, users: 0 };
+        this.periodOptions = [
+            { value: '1h', label: this.text.periodLastHour },
+            { value: '6h', label: this.text.period6h },
+            { value: '24h', label: this.text.period24h },
+            { value: '7d', label: this.text.period7d },
+            { value: '30d', label: this.text.period30d },
+        ];
+        /** Há mais de um app à vista: coluna, filtro e ranking "por aplicação" aparecem. */
+        this.multiApp = computed(() => this.apps().length > 1 || this.tops.apps().total > 1, ...(ngDevMode ? [{ debugName: "multiApp" }] : /* istanbul ignore next */ []));
+        /** As datas da faixa estão valendo (a escolha rápida fica sem efeito). */
+        this.customDates = computed(() => {
+            const dates = this.filterValue().dates;
+            return !!dates && !!(dates.start || dates.end);
+        }, ...(ngDevMode ? [{ debugName: "customDates" }] : /* istanbul ignore next */ []));
+        this.hasFilters = computed(() => Object.keys(this.filterValue()).length > 0, ...(ngDevMode ? [{ debugName: "hasFilters" }] : /* istanbul ignore next */ []));
+        this.selectedOutcome = computed(() => this.filterValue().outcome ?? null, ...(ngDevMode ? [{ debugName: "selectedOutcome" }] : /* istanbul ignore next */ []));
+        this.storageKey = computed(() => `spine-audit-${this.scope()}`, ...(ngDevMode ? [{ debugName: "storageKey" }] : /* istanbul ignore next */ []));
+        this.filterFields = computed(() => {
+            const t = this.text;
+            const options = (values, label) => values.map((v) => ({ value: v, label: label(v) }));
+            const fields = [{ key: 'dates', label: t.filterDates, type: 'date-range' }];
+            if (this.multiApp()) {
+                fields.push({ key: 'app', label: t.filterApp, type: 'multiselect', options: this.apps().map((a) => ({ value: a.id, label: a.name })) });
+            }
+            fields.push({ key: 'user', label: t.filterUser, type: 'text', placeholder: t.userPlaceholder }, { key: 'operation', label: t.filterOperation, type: 'text', placeholder: t.operationPlaceholder }, { key: 'method', label: t.filterMethod, type: 'select', options: options(AUDIT_METHODS, (m) => this.methodLabel(m)) }, { key: 'outcome', label: t.filterOutcome, type: 'select', options: options(AUDIT_OUTCOMES, (o) => this.outcomeLabel(o)) });
+            // Por ação, "só ações do usuário" não se aplica (toda linha já é uma ação).
+            if (!this.byActions())
+                fields.push({ key: 'entry', label: t.filterEntry, type: 'boolean' });
+            fields.push({ key: 'level', label: t.filterLevel, type: 'select', options: options(LEVELS, (l) => this.levelLabel(l)) }, { key: 'permission_result', label: t.filterPermission, type: 'select', options: options(PERMISSIONS, (p) => this.permissionLabel(p)) }, { key: 'actor_type', label: t.filterActor, type: 'select', options: options(ACTORS, (a) => this.actorLabel(a)) }, { key: 'status', label: t.filterStatus, type: 'text', placeholder: t.statusPlaceholder }, { key: 'trace_id', label: t.filterTrace, type: 'text', placeholder: t.tracePlaceholder }, { key: 'user_id', label: t.filterUserId, type: 'text', placeholder: t.userIdPlaceholder });
+            return fields;
+        }, ...(ngDevMode ? [{ debugName: "filterFields" }] : /* istanbul ignore next */ []));
+        this.errorSituation = computed(() => {
+            const kind = this.errorKind();
+            return kind === 'forbidden' ? 'forbidden' : kind === 'range' || kind === 'invalid' ? 'attention' : 'error';
+        }, ...(ngDevMode ? [{ debugName: "errorSituation" }] : /* istanbul ignore next */ []));
+        this.errorText = computed(() => {
+            switch (this.errorKind()) {
+                case 'forbidden': return this.scope() === 'admin' ? this.text.forbiddenAdmin : this.text.forbidden;
+                case 'range': return this.text.rangeTooLarge;
+                case 'invalid': return formatMessage(this.text.invalidFilter, { detail: this.errorDetail() }).trim();
+                default: return this.text.errorText;
+            }
+        }, ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+        this.empty = computed(() => !this.loading() && !this.errorKind() && !!this.stats() && this.stats().total === 0 && this.events().length === 0, ...(ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []));
+        this.columns = computed(() => {
+            const t = this.text;
+            const cols = [
+                { key: 'occurred_at', title: t.colWhen, value: (e) => this.dateTime(e.occurred_at), initialWidth: '11rem' },
+            ];
+            if (this.multiApp())
+                cols.push({ key: 'app', title: t.colApp, value: (e) => e.app_name ?? NO_VALUE });
+            cols.push({ key: 'user', title: t.colUser, value: (e) => this.userName(e) }, 
+            // Só o identificador; a descrição fica na dica da célula e no detalhe do evento.
+            { key: 'operation', title: t.colOperation, value: (e) => this.operationName(e) });
+            if (this.byActions()) {
+                cols.push({ key: 'spans', title: t.colSpans, value: (e) => this.number(e.span_count ?? 1), align: 'end', initialWidth: '5rem' });
+            }
+            cols.push({ key: 'method', title: t.colMethod, value: (e) => this.methodLabel(e.operation_method), initialWidth: '8rem' }, { key: 'outcome', title: t.colOutcome, value: (e) => this.outcomeLabel(e.outcome), initialWidth: '8rem' }, { key: 'status', title: t.colStatus, value: (e) => (e.status == null ? NO_VALUE : String(e.status)), align: 'end', initialWidth: '5rem' }, { key: 'duration', title: t.colDuration, value: (e) => this.duration(e.duration_ms), align: 'end', initialWidth: '7rem' });
+            return cols.map((c) => ({ sortable: false, filterable: false, ...c }));
+        }, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.rowId = (e) => e.event_id;
+        this.timelineBars = computed(() => {
+            const buckets = this.stats()?.timeline ?? [];
+            const max = Math.max(1, ...buckets.map((b) => b.total));
+            return buckets.map((b) => {
+                const failures = Math.min(b.failures, b.total);
+                const denied = Math.min(b.denied, b.total - failures);
+                return {
+                    key: b.bucket,
+                    summary: formatMessage(this.unitText().bucketSummary, {
+                        time: this.bucketTime(b.bucket), total: this.number(b.total), failures: this.number(b.failures), denied: this.number(b.denied),
+                    }),
+                    ok: ((b.total - failures - denied) / max) * 100,
+                    fail: (failures / max) * 100,
+                    denied: (denied / max) * 100,
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "timelineBars" }] : /* istanbul ignore next */ []));
+        this.timelineEdges = computed(() => {
+            const buckets = this.stats()?.timeline ?? [];
+            if (!buckets.length)
+                return null;
+            return { from: this.bucketTime(buckets[0].bucket), to: this.bucketTime(buckets[buckets.length - 1].bucket) };
+        }, ...(ngDevMode ? [{ debugName: "timelineEdges" }] : /* istanbul ignore next */ []));
+        this.hasTimeline = computed(() => (this.stats()?.timeline ?? []).some((b) => b.total > 0), ...(ngDevMode ? [{ debugName: "hasTimeline" }] : /* istanbul ignore next */ []));
+        this.topOperationRows = computed(() => this.tops.operations().items.map((o) => ({
+            key: `${o.app_id ?? ''}|${o.operation_identifier ?? ''}`,
+            name: o.operation_identifier || o.operation_label || NO_VALUE,
+            suffix: this.multiApp() ? o.app_name : null,
+            hint: o.operation_label,
+            total: o.total, failures: o.failures, denied: o.denied,
+            disabled: !o.operation_identifier,
+        })), ...(ngDevMode ? [{ debugName: "topOperationRows" }] : /* istanbul ignore next */ []));
+        this.topUserRows = computed(() => this.tops.users().items.map((u) => ({
+            key: u.user_id ?? u.user_name ?? '',
+            name: this.userName({ user_name: u.user_name ?? null, user_id: u.user_id ?? null }),
+            total: u.total, failures: u.failures, denied: u.denied,
+            disabled: !u.user_name && !u.user_id,
+        })), ...(ngDevMode ? [{ debugName: "topUserRows" }] : /* istanbul ignore next */ []));
+        this.topAppRows = computed(() => this.tops.apps().items.map((a) => ({
+            key: a.app_id ?? '',
+            name: a.app_name || a.app_id || NO_VALUE,
+            total: a.total, failures: a.failures, denied: a.denied,
+            disabled: !a.app_id,
+        })), ...(ngDevMode ? [{ debugName: "topAppRows" }] : /* istanbul ignore next */ []));
+        this.detailFields = computed(() => {
+            const e = this.selected();
+            if (!e)
+                return [];
+            const t = this.text;
+            const fields = [
+                { label: t.fieldWhen, value: this.dateTime(e.occurred_at) },
+                { label: t.fieldOutcome, value: this.outcomeLabel(e.outcome) },
+                { label: t.fieldOrigin, value: e.entry ? t.originEntry : t.originInternal },
+                e.app_name ? { label: t.fieldApp, value: e.app_name } : null,
+                { label: t.fieldUser, value: this.userName(e) },
+                e.actor_type ? { label: t.fieldActor, value: this.actorLabel(e.actor_type) } : null,
+                e.client_ip ? { label: t.fieldIp, value: e.client_ip, code: true } : null,
+                e.operation_identifier ? { label: t.fieldIdentifier, value: e.operation_identifier, code: true } : null,
+                e.operation_label ? { label: t.fieldOperation, value: e.operation_label } : null,
+                e.operation_method ? { label: t.fieldMethod, value: this.methodLabel(e.operation_method) } : null,
+                e.operation_level ? { label: t.fieldLevel, value: this.levelLabel(e.operation_level) } : null,
+                e.permission_result ? { label: t.fieldPermission, value: this.permissionLabel(e.permission_result) } : null,
+                e.status != null ? { label: t.fieldStatus, value: String(e.status) } : null,
+                e.duration_ms != null ? { label: t.fieldDuration, value: this.duration(e.duration_ms) } : null,
+                e.route_name || e.route_id ? { label: t.fieldRoute, value: e.route_name ?? e.route_id ?? '' } : null,
+                e.target_type || e.target_id ? { label: t.fieldTarget, value: [e.target_type, e.target_id].filter(Boolean).join(' · '), code: true } : null,
+                e.message ? { label: t.fieldMessage, value: e.message } : null,
+                e.trace_id ? { label: t.fieldTrace, value: e.trace_id, code: true } : null,
+                { label: t.fieldEventId, value: e.event_id, code: true },
+                e.received_at ? { label: t.fieldReceivedAt, value: this.dateTime(e.received_at) } : null,
+                e.service_instance ? { label: t.fieldInstance, value: e.service_instance, code: true } : null,
+                e.sdk ? { label: t.fieldSdk, value: e.sdk, code: true } : null,
+            ];
+            return fields.filter((f) => !!f);
+        }, ...(ngDevMode ? [{ debugName: "detailFields" }] : /* istanbul ignore next */ []));
+        this.detailsJson = computed(() => {
+            const details = this.selected()?.details;
+            if (details === undefined || details === null)
+                return '';
+            if (typeof details === 'object' && Object.keys(details).length === 0)
+                return '';
+            try {
+                return typeof details === 'string' ? details : JSON.stringify(details, null, 2);
+            }
+            catch {
+                return String(details);
+            }
+        }, ...(ngDevMode ? [{ debugName: "detailsJson" }] : /* istanbul ignore next */ []));
+        this.router = inject(Router, { optional: true });
+        this.urlConsumed = false;
+        // Escopo/client novo (ou o primeiro): zera filtros/detalhe e carrega de novo. `untracked` porque a
+        // carga lê `period`/`filterValue` — essas mudanças recarregam pelos próprios handlers.
+        effect(() => {
+            const base = this.base();
+            const appsUrl = this.appsUrl();
+            untracked(() => {
+                // 1ª carga: filtros e evento vindos da URL (links do dashboard: `?from&to&app_id&event_id…`).
+                const fromUrl = this.urlConsumed ? null : this.readUrlState();
+                this.urlConsumed = true;
+                this.filterValue.set(fromUrl?.filters ?? {});
+                this.firstPage();
+                this.closeDetail();
+                this.events.set([]);
+                this.loaded.set(null);
+                this.listEnd.set(null);
+                this.stats.set(null);
+                for (const kind of AUDIT_TOP_KINDS)
+                    this.tops[kind].set(EMPTY_TOP);
+                void this.loadApps(appsUrl);
+                if (base) {
+                    void this.reload().then(() => {
+                        if (fromUrl?.event) {
+                            if (this.byActions())
+                                void this.openAction({ ...fromUrl.event, span_count: 0 });
+                            else
+                                void this.openEvent(fromUrl.event);
+                        }
+                    });
+                }
+            });
+        });
+        // Atualização automática (opcional): só quando nada está carregando.
+        effect((onCleanup) => {
+            if (!this.autoRefresh())
+                return;
+            const timer = setInterval(() => {
+                if (!this.loading() && !this.pageLoading())
+                    void this.reload();
+            }, AUDIT_AUTO_REFRESH_MS);
+            onCleanup(() => clearInterval(timer));
+        });
+    }
+    /** Filtros/evento da query string (`from`, `to` ISO; `app_id` repetível; demais filtros pelo nome). */
+    readUrlState() {
+        if (!this.router)
+            return null;
+        const q = this.router.parseUrl(this.router.url).queryParamMap;
+        if (!q.keys.length)
+            return null;
+        const filters = {};
+        const day = (iso) => (iso ? iso.slice(0, 10) : null);
+        if (q.has('from') || q.has('to'))
+            filters['dates'] = { start: day(q.get('from')), end: day(q.get('to')) };
+        const apps = q.getAll('app_id');
+        if (apps.length)
+            filters['app'] = apps;
+        for (const key of ['user', 'operation', 'method', 'outcome', 'level', 'permission_result', 'actor_type', 'status', 'trace_id', 'user_id']) {
+            const v = q.get(key);
+            if (v)
+                filters[key] = v;
+        }
+        if (q.get('entry') === 'true')
+            filters['entry'] = true;
+        const unit = q.get('unit');
+        if (unit === 'actions' || unit === 'events')
+            this.unit.set(unit);
+        const eventId = q.get('event_id');
+        const occurredAt = q.get('occurred_at');
+        const event = eventId && occurredAt ? { event_id: eventId, occurred_at: occurredAt, trace_id: q.get('trace_id') ?? undefined } : null;
+        return { filters: filters, event: event };
+    }
+    // ---- ações ------------------------------------------------------------------------------------
+    setPeriod(value) {
+        if (value === this.period())
+            return;
+        this.period.set(value);
+        this.firstPage();
+        void this.reload();
+    }
+    setUnit(value) {
+        if (value === this.unit() || (value !== 'actions' && value !== 'events'))
+            return;
+        this.unit.set(value);
+        this.closeDetail();
+        this.firstPage();
+        void this.reload();
+    }
+    setFilters(value) {
+        this.filterValue.set(value);
+        this.firstPage();
+        void this.reload();
+    }
+    firstPage() {
+        this.pageState.update((s) => ({ ...s, page: 1 }));
+    }
+    clearFilters() {
+        this.setFilters({});
+    }
+    /** Clique num item de ranking ou atalho: vira filtro (soma aos que já estão). */
+    filterBy(key, value) {
+        if (!value || (Array.isArray(value) && !value.length))
+            return;
+        this.setFilters({ ...this.filterValue(), [key]: value });
+    }
+    pickTop(kind, row) {
+        if (kind === 'apps') {
+            this.filterBy('app', [row.key]);
+        }
+        else if (kind === 'operations') {
+            this.filterBy('operation', row.key.slice(row.key.indexOf('|') + 1));
+        }
+        else {
+            const user = this.tops.users().items.find((u) => (u.user_id ?? u.user_name ?? '') === row.key);
+            if (user?.user_name)
+                this.filterBy('user', user.user_name);
+            else if (user?.user_id)
+                this.filterBy('user_id', user.user_id);
+        }
+    }
+    /** KPI "Falhas"/"Negados" clicável: liga/desliga o filtro de resultado. */
+    toggleOutcome(outcome, on) {
+        const next = { ...this.filterValue() };
+        if (on)
+            next['outcome'] = outcome;
+        else
+            delete next['outcome'];
+        this.setFilters(next);
+    }
+    /** Recarrega resumo, rankings e a página atual com a janela recalculada (`now` novo, cursores descartados). */
+    async reload() {
+        const base = this.base();
+        const seq = ++this.seq;
+        const pageSeq = ++this.pageSeq;
+        this.pager = new AuditCursorPager();
+        this.pageLoading.set(false);
+        this.pageFailed.set(false);
+        this.errorKind.set(null);
+        this.errorDetail.set('');
+        if (!base)
+            return;
+        const built = buildAuditQuery(this.period(), this.filterValue(), new Date());
+        if (!built.ok) {
+            this.query = null;
+            this.clearData();
+            this.errorKind.set('range');
+            return;
+        }
+        // Por ação, `entry` não se aplica; `unit` faz stats/tops contarem na unidade escolhida.
+        const query = { ...built.query, unit: this.unit() };
+        if (this.byActions())
+            delete query.entry;
+        this.query = query;
+        this.loading.set(true);
+        for (const kind of AUDIT_TOP_KINDS)
+            void this.loadTop(kind, 0);
+        try {
+            const pager = this.pager;
+            const { page, size } = this.pageState();
+            const [stats, result] = await Promise.all([
+                this.service.stats(base, query, { tops: false }),
+                pager.page((page - 1) * size, size, this.fetcher(base, query)),
+            ]);
+            if (seq !== this.seq)
+                return;
+            this.stats.set(stats);
+            // Uma troca de página feita durante a recarga (mesma consulta) vence a página desta carga.
+            if (pageSeq === this.pageSeq)
+                this.showPage(result, size, pager);
+            this.lastUpdated.set(new Date());
+        }
+        catch (err) {
+            if (seq !== this.seq)
+                return;
+            this.clearData();
+            this.setError(err);
+        }
+        finally {
+            if (seq === this.seq)
+                this.loading.set(false);
+        }
+    }
+    /** Rodapé da tabela mudou de página ou de itens por página: busca só aquela página, mesma consulta. */
+    async changePage(state) {
+        this.pageState.set(state);
+        const query = this.query;
+        const base = this.base();
+        if (!query || !base)
+            return;
+        const seq = this.seq;
+        const pageSeq = ++this.pageSeq;
+        const pager = this.pager;
+        const current = () => seq === this.seq && pageSeq === this.pageSeq;
+        this.pageLoading.set(true);
+        this.pageFailed.set(false);
+        try {
+            const result = await pager.page((state.page - 1) * state.size, state.size, this.fetcher(base, query));
+            if (current())
+                this.showPage(result, state.size, pager);
+        }
+        catch {
+            if (current())
+                this.pageFailed.set(true);
+        }
+        finally {
+            if (current())
+                this.pageLoading.set(false);
+        }
+    }
+    /** Card de ranking pediu outra página (mesma consulta da última carga). */
+    async loadTop(kind, offset) {
+        const base = this.base();
+        const query = this.query;
+        if (!base || !query)
+            return;
+        const seq = ++this.topSeq[kind];
+        const state = this.tops[kind];
+        state.update((s) => ({ ...s, loading: true, failed: false }));
+        try {
+            const page = await this.service.tops(base, kind, query, { offset, limit: AUDIT_TOP_PAGE_SIZE });
+            if (seq !== this.topSeq[kind])
+                return;
+            const items = page.items ?? [];
+            state.update((s) => ({
+                items, total: page.total ?? items.length, offset, loading: false, failed: false,
+                max: offset === 0 ? (items[0]?.total ?? 0) : s.max,
+            }));
+        }
+        catch {
+            if (seq === this.topSeq[kind])
+                state.update((s) => ({ ...s, loading: false, failed: true }));
+        }
+    }
+    fetcher(base, query) {
+        return query.unit === 'events'
+            ? (cursor, limit) => this.service.events(base, query, { limit, cursor })
+            : (cursor, limit) => this.service.actions(base, query, { limit, cursor });
+    }
+    showPage(result, size, pager) {
+        this.events.set(result.items);
+        this.loaded.set(result);
+        this.listEnd.set(pager.end);
+        // Pedido além do fim (o total encolheu): o pager devolveu a última página que existe.
+        const page = Math.floor(result.offset / size) + 1;
+        if (page !== this.pageState().page || size !== this.pageState().size)
+            this.pageState.set({ page, size });
+    }
+    clearData() {
+        this.stats.set(null);
+        this.events.set([]);
+        this.loaded.set(null);
+        this.listEnd.set(null);
+        for (const kind of AUDIT_TOP_KINDS) {
+            this.topSeq[kind]++;
+            this.tops[kind].set(EMPTY_TOP);
+        }
+    }
+    /** Clique numa linha da tabela: por ação abre o raiz e já carrega os spans; por evento, só o evento. */
+    openRow(row) {
+        if (this.byActions())
+            void this.openAction(row);
+        else
+            void this.openEvent(row);
+    }
+    /** Abre uma ação: o detalhe do evento raiz + a linha do tempo dos spans (trace) carregada junto. */
+    async openAction(action) {
+        const opening = this.openEvent(action);
+        this.selectedAction.set(action);
+        if (action.trace_id)
+            void this.showTrace();
+        await opening;
+    }
+    /** Abre o detalhe com o resumo da linha e completa com o evento inteiro. Da cadeia, mantém a cadeia. */
+    async openEvent(event, keepTrace = false) {
+        const base = this.base();
+        if (!base)
+            return;
+        const seq = ++this.detailSeq;
+        const sameTrace = keepTrace && !!event.trace_id && this.trace() !== null && this.selected()?.trace_id === event.trace_id;
+        if (!sameTrace)
+            this.selectedAction.set(null);
+        this.selected.set(event);
+        this.detailOpen.set(true);
+        this.detailFailed.set(false);
+        if (!sameTrace) {
+            this.trace.set(null);
+            this.traceFailed.set(false);
+        }
+        this.detailLoading.set(true);
+        try {
+            const detail = await this.service.event(base, event.event_id, event.occurred_at);
+            if (seq === this.detailSeq)
+                this.selected.set({ ...event, ...detail });
+        }
+        catch {
+            if (seq === this.detailSeq)
+                this.detailFailed.set(true);
+        }
+        finally {
+            if (seq === this.detailSeq)
+                this.detailLoading.set(false);
+        }
+    }
+    async showTrace() {
+        const base = this.base();
+        const origin = this.selected();
+        const traceId = origin?.trace_id;
+        if (!base || !traceId)
+            return;
+        const seq = this.detailSeq;
+        this.traceLoading.set(true);
+        this.traceFailed.set(false);
+        try {
+            const trace = await this.service.trace(base, traceId, origin.occurred_at);
+            if (seq === this.detailSeq)
+                this.trace.set({ items: trace.items ?? [], hidden_count: trace.hidden_count ?? 0 });
+        }
+        catch {
+            if (seq === this.detailSeq)
+                this.traceFailed.set(true);
+        }
+        finally {
+            if (seq === this.detailSeq)
+                this.traceLoading.set(false);
+        }
+    }
+    /** "Filtrar a tabela por este trace" (do detalhe): fecha o detalhe e aplica o filtro. */
+    filterByTrace(traceId) {
+        if (!traceId)
+            return;
+        this.closeDetail();
+        this.filterBy('trace_id', traceId);
+    }
+    onDetailOpenChange(open) {
+        if (!open)
+            this.closeDetail();
+    }
+    closeDetail() {
+        this.detailSeq++;
+        this.detailOpen.set(false);
+        this.detailLoading.set(false);
+        this.selectedAction.set(null);
+        this.trace.set(null);
+        this.traceLoading.set(false);
+        this.traceFailed.set(false);
+    }
+    async loadApps(url) {
+        if (!url) {
+            this.apps.set([]);
+            return;
+        }
+        try {
+            const res = await this.service.apps(url);
+            if (url !== this.appsUrl())
+                return;
+            const apps = (res.apps ?? []).map((a) => ({ id: a.id, name: a.name }));
+            this.apps.set(apps.sort((a, b) => a.name.localeCompare(b.name, this.locale)));
+        }
+        catch {
+            // Sem a lista (ex.: sem permissão de listar apps), o filtro de aplicação some; o resto não depende dela.
+            if (url === this.appsUrl())
+                this.apps.set([]);
+        }
+    }
+    setError(err) {
+        const { status, code, detail } = auditErrorCode(err);
+        if (code === 'range_too_large')
+            this.errorKind.set('range');
+        else if (status === 403)
+            this.errorKind.set('forbidden');
+        else if (status === 400 && (code === 'invalid_filter' || code === 'invalid_cursor')) {
+            this.errorKind.set('invalid');
+            this.errorDetail.set(detail);
+        }
+        else
+            this.errorKind.set('generic');
+    }
+    // ---- formatação -------------------------------------------------------------------------------
+    number(n) {
+        return new Intl.NumberFormat(this.locale).format(n ?? 0);
+    }
+    plural(message, count) {
+        return pluralMessage(message, count, this.locale);
+    }
+    share(part) {
+        const total = this.stats()?.total ?? 0;
+        const ratio = total > 0 ? part / total : 0;
+        return formatMessage(this.text.kpiShare, {
+            percent: new Intl.NumberFormat(this.locale, { style: 'percent', maximumFractionDigits: 1 }).format(ratio),
+        });
+    }
+    dateTime(iso) {
+        if (!iso)
+            return NO_VALUE;
+        const d = parseAuditDate(iso);
+        return d ? new Intl.DateTimeFormat(this.locale, { dateStyle: 'short', timeStyle: 'medium' }).format(d) : iso;
+    }
+    time(iso) {
+        const d = parseAuditDate(iso);
+        return d ? new Intl.DateTimeFormat(this.locale, { timeStyle: 'medium' }).format(d) : iso;
+    }
+    clock(d) {
+        return new Intl.DateTimeFormat(this.locale, { timeStyle: 'medium' }).format(d);
+    }
+    /** Rótulo do intervalo da linha do tempo: hora no dia, dia+hora até 3 dias, só o dia acima. */
+    bucketTime(iso) {
+        const d = parseAuditDate(iso);
+        if (!d)
+            return iso;
+        const buckets = this.stats()?.timeline ?? [];
+        const edge = (i) => parseAuditDate(buckets[i].bucket)?.getTime() ?? 0;
+        const span = buckets.length > 1 ? edge(buckets.length - 1) - edge(0) : 0;
+        const day = 24 * 60 * 60 * 1000;
+        const opts = span <= day ? { hour: '2-digit', minute: '2-digit' }
+            : span <= 3 * day ? { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' }
+                : { day: '2-digit', month: '2-digit' };
+        return new Intl.DateTimeFormat(this.locale, opts).format(d);
+    }
+    duration(ms) {
+        return ms == null ? NO_VALUE : formatMessage(this.text.durationMs, { ms: this.number(Math.round(ms)) });
+    }
+    userName(e) {
+        return e.user_name || e.user_id || this.text.anonymous;
+    }
+    /** Rótulo acessível de uma linha da linha do tempo dos spans. */
+    spanAria(row) {
+        return formatMessage(this.text.spanRow, {
+            app: row.event.app_name ?? NO_VALUE,
+            operation: this.operationName(row.event),
+            outcome: this.outcomeLabel(row.event.outcome),
+            offset: this.duration(row.offsetMs),
+            duration: this.duration(row.event.duration_ms),
+        });
+    }
+    /** Dica da célula "Spans": aplicações envolvidas (+ spans de fora do escopo). */
+    spansHint(a) {
+        const parts = [];
+        if (a.apps?.length)
+            parts.push(formatMessage(this.text.spansApps, { apps: a.apps.join(', ') }));
+        if (a.hidden_count)
+            parts.push(this.plural(this.text.spansHidden, a.hidden_count));
+        return parts.join(' · ');
+    }
+    /** Nome da operação = o identificador (a descrição é complemento: dica e detalhe). */
+    operationName(e) {
+        return e.operation_identifier || e.operation_label || NO_VALUE;
+    }
+    methodLabel(method) {
+        const t = this.text;
+        switch (method) {
+            case 'read': return t.methodRead;
+            case 'write': return t.methodWrite;
+            case 'delete': return t.methodDelete;
+            case 'stream': return t.methodStream;
+            default: return method || NO_VALUE;
+        }
+    }
+    levelLabel(level) {
+        const t = this.text;
+        switch (level) {
+            case 'public': return t.levelPublic;
+            case 'private': return t.levelPrivate;
+            case 'protected': return t.levelProtected;
+            case 'optional': return t.levelOptional;
+            default: return level || NO_VALUE;
+        }
+    }
+    permissionLabel(result) {
+        const t = this.text;
+        switch (result) {
+            case 'allowed': return t.permissionAllowed;
+            case 'forbidden': return t.permissionForbidden;
+            case 'unauthorized': return t.permissionUnauthorized;
+            case 'public': return t.permissionPublic;
+            default: return result || NO_VALUE;
+        }
+    }
+    actorLabel(actor) {
+        const t = this.text;
+        switch (actor) {
+            case 'user': return t.actorUser;
+            case 'app_token': return t.actorAppToken;
+            case 'api_token': return t.actorApiToken;
+            case 'public': return t.actorPublic;
+            case 'unauthenticated': return t.actorUnauthenticated;
+            default: return actor || NO_VALUE;
+        }
+    }
+    outcomeLabel(outcome) {
+        const t = this.text;
+        switch (outcome) {
+            case 'success': return t.outcomeSuccess;
+            case 'failure': return t.outcomeFailure;
+            case 'denied': return t.outcomeDenied;
+            default: return outcome || NO_VALUE;
+        }
+    }
+    outcomeColor(outcome) {
+        return outcome === 'success' ? 'success' : outcome === 'failure' ? 'danger' : outcome === 'denied' ? 'warning' : 'neutral';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: SpineAuditComponent, isStandalone: true, selector: "spine-audit", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: true, transformFunction: null }, clientId: { classPropertyName: "clientId", publicName: "clientId", isSignal: true, isRequired: false, transformFunction: null }, adminApi: { classPropertyName: "adminApi", publicName: "adminApi", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"audit\" [attr.aria-busy]=\"loading() || pageLoading()\">\n  <!-- Per\u00EDodo (escolha r\u00E1pida; as datas da faixa de filtros vencem) + atualizar. -->\n  <div class=\"audit__toolbar\">\n    <!-- Unidade: por a\u00E7\u00E3o (uma linha por trace, padr\u00E3o) ou por evento (cada registro). -->\n    <hm-segmented-control\n      [label]=\"text.unitLabel\"\n      [options]=\"unitOptions\"\n      [value]=\"unit()\"\n      (valueChange)=\"setUnit($event)\"\n      size=\"small\"\n      emphasis=\"action\"\n    />\n    <hm-segmented-control\n      [label]=\"text.period\"\n      [options]=\"periodOptions\"\n      [value]=\"period()\"\n      (valueChange)=\"setPeriod($event)\"\n      size=\"small\"\n      emphasis=\"action\"\n    />\n    @if (customDates()) {\n      <span class=\"muted audit__period-note\">{{ text.periodFromFilters }}</span>\n    }\n    <span class=\"audit__toolbar-end\">\n      @if (lastUpdated(); as at) {\n        <span class=\"muted audit__updated\" aria-live=\"polite\">{{ fmt(text.updatedAt, { time: clock(at) }) }}</span>\n      }\n      <hm-switch [label]=\"text.autoRefresh\" [value]=\"autoRefresh()\" (valueChange)=\"autoRefresh.set($event)\" />\n      <hm-button emphasis=\"medium\" size=\"small\" icon=\"refresh\" [loading]=\"loading()\" (clicked)=\"reload()\">{{ text.refresh }}</hm-button>\n    </span>\n  </div>\n\n  <hm-filter-bar\n    class=\"audit__filters\"\n    [label]=\"text.filters\"\n    [filters]=\"filterFields()\"\n    [value]=\"filterValue()\"\n    (valueChange)=\"setFilters($event)\"\n    [savedFilters]=\"true\"\n    [storageKey]=\"storageKey()\"\n  />\n\n  @if (errorKind()) {\n    <hm-state-screen\n      class=\"audit__state\"\n      [situation]=\"errorSituation()\"\n      [heading]=\"text.errorTitle\"\n      [description]=\"errorText()\"\n      [action]=\"errorKind() === 'generic' ? text.retry : (hasFilters() ? text.clearFilters : '')\"\n      actionIcon=\"refresh\"\n      (actionTriggered)=\"errorKind() === 'generic' ? reload() : clearFilters()\"\n    />\n  } @else if (empty()) {\n    <hm-state-screen\n      class=\"audit__state\"\n      situation=\"empty\"\n      [heading]=\"unitText().emptyTitle\"\n      [description]=\"text.emptyText\"\n      [action]=\"hasFilters() ? text.clearFilters : ''\"\n      (actionTriggered)=\"clearFilters()\"\n    />\n  } @else {\n    <!-- KPIs: falhas/negados s\u00E3o filtros (altern\u00E2ncia). -->\n    <section class=\"audit__kpis\" [attr.aria-label]=\"text.kpis\">\n      <hm-stat-card\n        icon=\"list\"\n        [label]=\"unitText().kpiTotal\"\n        [value]=\"number(stats()?.total ?? 0)\"\n        [description]=\"unitText().kpiTotalDescription\"\n        [loading]=\"loading() && !stats()\"\n      />\n      <hm-stat-card\n        icon=\"error-standard\"\n        [label]=\"text.kpiFailures\"\n        [value]=\"number(stats()?.by_outcome?.failure ?? 0)\"\n        [intent]=\"(stats()?.by_outcome?.failure ?? 0) > 0 ? 'danger' : 'neutral'\"\n        [description]=\"fmt(text.kpiFilterHint, { share: share(stats()?.by_outcome?.failure ?? 0) })\"\n        [loading]=\"loading() && !stats()\"\n        selectable\n        [selected]=\"selectedOutcome() === 'failure'\"\n        (selectedChange)=\"toggleOutcome('failure', $event)\"\n      />\n      <hm-stat-card\n        icon=\"ban\"\n        [label]=\"text.kpiDenied\"\n        [value]=\"number(stats()?.by_outcome?.denied ?? 0)\"\n        [intent]=\"(stats()?.by_outcome?.denied ?? 0) > 0 ? 'warning' : 'neutral'\"\n        [description]=\"fmt(text.kpiFilterHint, { share: share(stats()?.by_outcome?.denied ?? 0) })\"\n        [loading]=\"loading() && !stats()\"\n        selectable\n        [selected]=\"selectedOutcome() === 'denied'\"\n        (selectedChange)=\"toggleOutcome('denied', $event)\"\n      />\n    </section>\n\n    <!-- Linha do tempo: barras empilhadas em CSS (sucesso embaixo, falha, negado). Cada barra tem\n         o resumo em texto (title + aria-label); o gr\u00E1fico n\u00E3o \u00E9 a \u00FAnica forma de ler o n\u00FAmero. -->\n    <section class=\"card card-block audit__timeline\" aria-labelledby=\"audit-timeline-title\">\n      <h3 class=\"audit__section-title\" id=\"audit-timeline-title\">{{ text.timeline }}</h3>\n      @if (hasTimeline()) {\n        <ol class=\"timeline\" [attr.aria-label]=\"fmt(unitText().timelineSummary, { from: timelineEdges()?.from ?? '', to: timelineEdges()?.to ?? '' })\">\n          @for (bar of timelineBars(); track bar.key) {\n            <li class=\"timeline__bar\" [attr.title]=\"bar.summary\" [attr.aria-label]=\"bar.summary\">\n              <span class=\"timeline__seg timeline__seg--denied\" [style.height.%]=\"bar.denied\"></span>\n              <span class=\"timeline__seg timeline__seg--fail\" [style.height.%]=\"bar.fail\"></span>\n              <span class=\"timeline__seg timeline__seg--ok\" [style.height.%]=\"bar.ok\"></span>\n            </li>\n          }\n        </ol>\n        <div class=\"timeline__axis\" aria-hidden=\"true\">\n          <span>{{ timelineEdges()?.from }}</span>\n          <span>{{ timelineEdges()?.to }}</span>\n        </div>\n        <ul class=\"timeline__legend\">\n          <li><span class=\"swatch swatch--ok\"></span>{{ text.outcomeSuccess }}</li>\n          <li><span class=\"swatch swatch--fail\"></span>{{ text.outcomeFailure }}</li>\n          <li><span class=\"swatch swatch--denied\"></span>{{ text.outcomeDenied }}</li>\n        </ul>\n      } @else {\n        <p class=\"muted\">{{ loading() ? text.loading : unitText().timelineEmpty }}</p>\n      }\n    </section>\n\n    <!-- Rankings paginados no servidor (tops/:kind). Clicar num item vira filtro. -->\n    <div class=\"audit__tops\" [class.audit__tops--three]=\"multiApp()\">\n      @if (multiApp()) {\n        <spine-audit-top-card\n          class=\"audit__top audit__top--apps\"\n          [heading]=\"text.topApps\"\n          [rows]=\"topAppRows()\"\n          [total]=\"tops.apps().total\"\n          [offset]=\"tops.apps().offset\"\n          [max]=\"tops.apps().max\"\n          [pageSize]=\"topPageSize\"\n          [loading]=\"tops.apps().loading\"\n          [failed]=\"tops.apps().failed\"\n          (offsetChange)=\"loadTop('apps', $event)\"\n          (picked)=\"pickTop('apps', $event)\"\n        />\n      }\n      <spine-audit-top-card\n        class=\"audit__top audit__top--operations\"\n        [heading]=\"text.topOperations\"\n        [rows]=\"topOperationRows()\"\n        [total]=\"tops.operations().total\"\n        [offset]=\"tops.operations().offset\"\n        [max]=\"tops.operations().max\"\n        [pageSize]=\"topPageSize\"\n        [loading]=\"tops.operations().loading\"\n        [failed]=\"tops.operations().failed\"\n        (offsetChange)=\"loadTop('operations', $event)\"\n        (picked)=\"pickTop('operations', $event)\"\n      />\n      <spine-audit-top-card\n        class=\"audit__top audit__top--users\"\n        [heading]=\"text.topUsers\"\n        [rows]=\"topUserRows()\"\n        [total]=\"tops.users().total\"\n        [offset]=\"tops.users().offset\"\n        [max]=\"tops.users().max\"\n        [pageSize]=\"topPageSize\"\n        [loading]=\"tops.users().loading\"\n        [failed]=\"tops.users().failed\"\n        (offsetChange)=\"loadTop('users', $event)\"\n        (picked)=\"pickTop('users', $event)\"\n      />\n    </div>\n\n    <!-- Tabela: pagina\u00E7\u00E3o no servidor. A grade n\u00E3o corta nada ([paginated]=false): mostra a p\u00E1gina que veio\n         (limit = itens por p\u00E1gina) e o rodap\u00E9 usa o total do resumo (mesma consulta). Esqueleto s\u00F3 na 1\u00AA\n         carga; nas seguintes as linhas ficam e o indicador aparece por cima (sem piscar). -->\n    <div class=\"audit__grid\" [class.audit__grid--busy]=\"gridBusy()\" [attr.aria-busy]=\"gridBusy()\">\n      @if (gridBusy()) {\n        <hm-progress class=\"audit__grid-progress\" indeterminate [label]=\"text.updating\" labelHidden />\n      }\n      <hm-data-grid\n        [caption]=\"unitText().caption\"\n        [columns]=\"columns()\"\n        [rows]=\"events()\"\n        [rowId]=\"rowId\"\n        [loading]=\"gridSkeleton()\"\n        [filterable]=\"false\"\n        [paginated]=\"false\"\n        [totalItems]=\"total()\"\n        [pageState]=\"pageState()\"\n        (pageStateChange)=\"changePage($event)\"\n        [pageSizes]=\"pageSizes\"\n        [itemsLabel]=\"unitText().pageItems\"\n        [pageSizeLabel]=\"text.pageSize\"\n        remoteSort\n        rowClickable\n        (rowClicked)=\"openRow($event)\"\n      >\n        <ng-template hmCell=\"operation\" let-item>\n          <span class=\"audit__op\" [attr.title]=\"item.operation_label || null\">{{ operationName(item) }}</span>\n        </ng-template>\n        <ng-template hmCell=\"spans\" let-item>\n          <span class=\"audit__spans\" [attr.title]=\"spansHint(item) || null\">\n            {{ number(item.span_count ?? 1) }}\n            @if (item.orphan) {\n              <hm-tag class=\"audit__orphan\" [name]=\"text.orphanTag\" color=\"neutral\" />\n            }\n          </span>\n        </ng-template>\n        <ng-template hmCell=\"outcome\" let-item>\n          <hm-tag [name]=\"outcomeLabel(item.outcome)\" [color]=\"outcomeColor(item.outcome)\" />\n        </ng-template>\n      </hm-data-grid>\n    </div>\n\n    @if (pageFailed()) {\n      <hm-alert class=\"audit__page-error\" variant=\"error\" size=\"small\">{{ unitText().pageError }}</hm-alert>\n    }\n  }\n</div>\n\n<!-- Detalhe do evento + a cadeia (trace). -->\n<hm-drawer [open]=\"detailOpen()\" (openChange)=\"onDetailOpenChange($event)\" [heading]=\"showingAction() ? text.actionDetailHeading : text.detailHeading\">\n  @if (selected(); as ev) {\n    <div class=\"detail\">\n      <div class=\"detail__head\">\n        <strong class=\"detail__title\">{{ operationName(ev) }}</strong>\n        <hm-tag [name]=\"outcomeLabel(headOutcome())\" [color]=\"outcomeColor(headOutcome())\" />\n      </div>\n      @if (showingAction() && selectedAction()?.orphan) {\n        <hm-alert class=\"detail__orphan\" variant=\"info\" size=\"small\">{{ text.orphanNote }}</hm-alert>\n      }\n      @if (ev.operation_label && ev.operation_identifier) {\n        <p class=\"muted detail__description\">{{ ev.operation_label }}</p>\n      }\n\n      @if (detailLoading()) {\n        <p class=\"muted\" role=\"status\">{{ text.detailLoading }}</p>\n      }\n      @if (detailFailed()) {\n        <hm-alert variant=\"warning\" size=\"small\">{{ text.detailError }}</hm-alert>\n      }\n\n      <dl class=\"detail__list\">\n        @for (field of detailFields(); track field.label) {\n          <div class=\"detail__row\">\n            <dt>{{ field.label }}</dt>\n            <dd>\n              @if (field.code) { <code>{{ field.value }}</code> } @else { {{ field.value }} }\n            </dd>\n          </div>\n        }\n      </dl>\n\n      @if (detailsJson()) {\n        <h3 class=\"audit__section-title\">{{ text.fieldDetails }}</h3>\n        <pre class=\"detail__json\">{{ detailsJson() }}</pre>\n      }\n\n      <!-- Por a\u00E7\u00E3o, os spans sobem para logo abaixo do cabe\u00E7alho (order no CSS); por evento, ficam no fim. -->\n      @if (ev.trace_id) {\n      <div class=\"detail__chain\" [class.detail__chain--first]=\"showingAction()\">\n        <div class=\"detail__actions\">\n          @if (!trace() && !traceLoading()) {\n            <hm-button emphasis=\"medium\" size=\"small\" icon=\"tree-view\" (clicked)=\"showTrace()\">{{ text.viewTrace }}</hm-button>\n          }\n          <hm-button emphasis=\"minimal\" size=\"small\" icon=\"filter\" (clicked)=\"filterByTrace(ev.trace_id)\">{{ text.filterByTrace }}</hm-button>\n        </div>\n        @if (traceLoading()) {\n          <p class=\"muted\" role=\"status\">{{ text.traceLoading }}</p>\n        }\n        @if (traceFailed()) {\n          <hm-alert variant=\"error\" size=\"small\">{{ text.traceError }}</hm-alert>\n        }\n        @if (trace(); as tr) {\n          <section class=\"trace\" aria-labelledby=\"audit-trace-title\">\n            <h3 class=\"audit__section-title\" id=\"audit-trace-title\">{{ showingAction() ? text.spansHeading : text.traceHeading }}</h3>\n            @if (tr.hidden_count) {\n              <hm-alert class=\"trace__hidden\" variant=\"info\" size=\"small\">{{ plural(text.traceHidden, tr.hidden_count) }}</hm-alert>\n            }\n            @if (!tr.items.length) {\n              <p class=\"muted\">{{ text.traceEmpty }}</p>\n            } @else if (spanTimeline(); as tl) {\n              <p class=\"muted trace__summary\">{{ fmt(text.spansSummary, { count: number(tl.rows.length), duration: duration(tl.totalMs) }) }}</p>\n              <!-- Linha do tempo: cada span \u00E9 uma linha (recuo = profundidade pela cadeia parent_span_id) com a\n                   barra posicionada no tempo, proporcional \u00E0 dura\u00E7\u00E3o. O texto da linha (e o aria-label) traz\n                   tudo o que a barra mostra. -->\n              <ol class=\"spans\">\n                @for (row of tl.rows; track row.event.event_id) {\n                  <li class=\"spans__item\" [class.spans__item--current]=\"row.event.event_id === ev.event_id\">\n                    <button type=\"button\" class=\"spans__link\"\n                      [attr.aria-current]=\"row.event.event_id === ev.event_id ? 'true' : null\"\n                      [attr.aria-label]=\"spanAria(row)\"\n                      (click)=\"openEvent(row.event, true)\">\n                      <span class=\"spans__head\" [style.padding-inline-start.rem]=\"row.depth * 1\">\n                        <span class=\"spans__app\">{{ row.event.app_name ?? '' }}</span>\n                        <code class=\"spans__op\">{{ operationName(row.event) }}</code>\n                      </span>\n                      <hm-tag class=\"spans__tag\" [name]=\"outcomeLabel(row.event.outcome)\" [color]=\"outcomeColor(row.event.outcome)\" />\n                      <span class=\"spans__dur\">{{ duration(row.event.duration_ms) }}</span>\n                      <span class=\"spans__track\" aria-hidden=\"true\">\n                        <span class=\"spans__bar spans__bar--{{ row.event.outcome }}\" [style.left.%]=\"row.left\" [style.width.%]=\"row.width\"></span>\n                      </span>\n                    </button>\n                  </li>\n                }\n              </ol>\n            }\n          </section>\n        }\n      </div>\n      }\n    </div>\n  }\n</hm-drawer>\n", styles: [".card{border:1px solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface)}.card-block{padding:var(--hm-space-sm, 8px)}.muted{color:var(--hm-muted)}:host{display:block}.audit{display:flex;flex-direction:column;gap:var(--hm-space-md, 16px)}.audit__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hm-space-sm, 8px)}.audit__period-note{font-size:13px}.audit__toolbar-end{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--hm-space-sm, 8px) var(--hm-space-md, 16px);margin-inline-start:auto}.audit__updated{font-size:12px;font-variant-numeric:tabular-nums}.audit__state{min-block-size:320px}.audit__section-title{margin:0 0 var(--hm-space-sm, 8px);font-size:14px;font-weight:600;color:var(--hm-text)}.audit__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--hm-space-sm, 8px);align-items:stretch}.timeline{display:flex;align-items:flex-end;gap:2px;block-size:120px;margin:0;padding:0;list-style:none;border-block-end:1px solid var(--hm-border)}.timeline__bar{flex:1 1 0;min-inline-size:2px;block-size:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:2px 2px 0 0;overflow:hidden}.timeline__bar:hover{background:color-mix(in srgb,var(--hm-text) 6%,transparent)}.timeline__seg{display:block;inline-size:100%}.timeline__seg--ok,.swatch--ok{background:color-mix(in srgb,var(--hm-action) 55%,transparent)}.timeline__seg--fail,.swatch--fail{background:var(--hm-danger)}.timeline__seg--denied,.swatch--denied{background:var(--hm-warning, #c98a00)}.timeline__axis{display:flex;justify-content:space-between;margin-block-start:4px;font-size:12px;color:var(--hm-muted)}.timeline__legend{display:flex;flex-wrap:wrap;gap:var(--hm-space-sm, 8px) var(--hm-space-md, 16px);margin:var(--hm-space-sm, 8px) 0 0;padding:0;list-style:none;font-size:12px;color:var(--hm-muted)}.timeline__legend li{display:inline-flex;align-items:center;gap:6px}.swatch{display:inline-block;inline-size:10px;block-size:10px;border-radius:2px}.audit__tops{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--hm-space-sm, 8px);align-items:stretch}.audit__grid{position:relative;display:block}.audit__grid-progress{position:absolute;inset-inline:0;inset-block-start:0;z-index:2;pointer-events:none}.audit__grid--busy hm-data-grid{opacity:.6;transition:opacity .12s ease}.audit__op{font-family:var(--hm-font-mono, ui-monospace, monospace);font-size:12px}.audit__page-error{display:block}@media(prefers-reduced-motion:reduce){.audit__grid--busy hm-data-grid{transition:none}}.detail{display:flex;flex-direction:column;gap:var(--hm-space-sm, 8px)}.detail__head{display:flex;align-items:center;gap:var(--hm-space-sm, 8px);flex-wrap:wrap}.detail__title{font-size:16px}.detail__list{display:grid;grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);gap:6px var(--hm-space-md, 16px);margin:0}.detail__row{display:contents}.detail__row dt{color:var(--hm-muted);font-size:13px}.detail__row dd{margin:0;font-size:13px;overflow-wrap:anywhere}.detail__json{margin:0;padding:var(--hm-space-sm, 8px);max-block-size:280px;overflow:auto;border:1px solid var(--hm-border);border-radius:var(--hm-radius-control);background:color-mix(in srgb,var(--hm-text) 4%,transparent);font-size:12px}.detail__description{margin:0;font-size:13px}.detail__actions{display:flex;flex-wrap:wrap;gap:var(--hm-space-sm, 8px)}.trace{margin-block-start:var(--hm-space-sm, 8px)}.trace__hidden{margin-block-end:var(--hm-space-sm, 8px)}.detail__head,.detail__description,.detail__orphan{order:-3}.detail__chain{display:flex;flex-direction:column;gap:var(--hm-space-sm, 8px)}.detail__chain--first{order:-2}.trace__summary{margin:0 0 var(--hm-space-xs, 4px);font-size:13px}.spans{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--hm-border)}.spans__item{border-block-end:1px solid var(--hm-border)}.spans__item--current .spans__link{background:color-mix(in srgb,var(--hm-action) 10%,transparent);box-shadow:inset 2px 0 0 var(--hm-action)}.spans__link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:\"head tag dur\" \"track track track\";align-items:center;gap:4px var(--hm-space-sm, 8px);inline-size:100%;padding:6px 8px;border:0;background:transparent;color:var(--hm-text);font:inherit;font-size:13px;text-align:start;cursor:pointer}.spans__link:hover{background:color-mix(in srgb,var(--hm-action) 6%,transparent)}.spans__link:focus-visible{outline:2px solid var(--hm-action);outline-offset:-2px}.spans__head{grid-area:head;display:flex;flex-direction:column;min-inline-size:0}.spans__app{color:var(--hm-muted);font-size:12px}.spans__op{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--hm-font-mono, ui-monospace, monospace);font-size:12px}.spans__tag{grid-area:tag}.spans__dur{grid-area:dur;min-inline-size:4.5rem;text-align:end;font-variant-numeric:tabular-nums;color:var(--hm-muted)}.spans__track{grid-area:track;position:relative;block-size:6px;border-radius:3px;background:color-mix(in srgb,var(--hm-text) 6%,transparent)}.spans__bar{position:absolute;inset-block:0;border-radius:3px;background:color-mix(in srgb,var(--hm-action) 70%,transparent)}.spans__bar--failure{background:var(--hm-danger)}.spans__bar--denied{background:var(--hm-warning, #c98a00)}.audit__spans{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "component", type: AlertComponent, selector: "hm-alert", inputs: ["variant", "appearance", "heading", "closable", "size", "showIcon", "link", "linkLabel", "linkTarget", "dismissKey", "duration"], outputs: ["closed"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "busy", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "directive", type: DataGridCellDirective, selector: "ng-template[hmCell]", inputs: ["hmCell"] }, { kind: "component", type: DataGridComponent, selector: "hm-data-grid", inputs: ["columns", "rows", "rowId", "caption", "rowActions", "loading", "error", "emptyMessage", "noResultsMessage", "filterable", "paginated", "pageState", "pagination", "totalItems", "sort", "selectable", "selectionMode", "selection", "rowSelectable", "rowSelectableReason", "rowDetailDisabled", "rowDetailHidden", "virtual", "rowHeight", "pinnedColumns", "columnState", "pageSizes", "fillHeight", "maxHeight", "bordered", "rowState", "rowClickable", "remoteSearch", "remoteSort", "itemsLabel", "pageSizeLabel", "exportable", "exportFileName", "groupBy", "aggregates", "aggregateFormatter", "persistKey", "persistStorage", "advancedFilter", "filterQuery", "columnManager", "columnOrder", "searchTerm"], outputs: ["pageStateChange", "sortChange", "selectionChange", "pinnedColumnsChange", "columnStateChange", "actionTriggered", "detailToggled", "rowClicked", "clearFiltersRequested", "filteredChange", "searchTermChanged", "groupByChange", "filterQueryChange", "columnOrderChange", "searchTermChange", "detailPaneToggled"] }, { kind: "component", type: DrawerComponent, selector: "hm-drawer", inputs: ["open", "heading", "size", "position", "pinned", "closeLabel", "closable", "beforeClose"], outputs: ["openChange", "closed"] }, { kind: "component", type: FilterBarComponent, selector: "hm-filter-bar", inputs: ["filters", "value", "label", "savedFilters", "storageKey", "storage", "applyDefault"], outputs: ["valueChange", "savedChange", "savedApplied"] }, { kind: "component", type: ProgressComponent, selector: "hm-progress", inputs: ["value", "max", "label", "labelHidden", "showValue", "indeterminate", "intent", "size", "hint"] }, { kind: "component", type: SegmentedControlComponent, selector: "hm-segmented-control", inputs: ["options", "value", "label", "size", "emphasis"], outputs: ["valueChange"] }, { kind: "component", type: SpineAuditTopCardComponent, selector: "spine-audit-top-card", inputs: ["heading", "rows", "total", "offset", "pageSize", "max", "loading", "failed"], outputs: ["picked", "offsetChange"] }, { kind: "component", type: StatCardComponent, selector: "hm-stat-card", inputs: ["icon", "label", "value", "intent", "fill", "description", "details", "trend", "hint", "size", "selectable", "selected", "loading"], outputs: ["selectedChange"] }, { kind: "component", type: StateScreenComponent, selector: "hm-state-screen", inputs: ["heading", "description", "situation", "action", "actionIcon"], outputs: ["actionTriggered"] }, { kind: "component", type: SwitchComponent, selector: "hm-switch", inputs: ["value", "label", "hint", "help", "labelPosition", "loading"], outputs: ["valueChange"] }, { kind: "component", type: TagComponent, selector: "hm-tag", inputs: ["name", "color", "compact"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAuditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spine-audit', imports: [
+                        AlertComponent, ButtonComponent, DataGridCellDirective, DataGridComponent, DrawerComponent, FilterBarComponent,
+                        ProgressComponent, SegmentedControlComponent, SpineAuditTopCardComponent, StatCardComponent, StateScreenComponent,
+                        SwitchComponent, TagComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"audit\" [attr.aria-busy]=\"loading() || pageLoading()\">\n  <!-- Per\u00EDodo (escolha r\u00E1pida; as datas da faixa de filtros vencem) + atualizar. -->\n  <div class=\"audit__toolbar\">\n    <!-- Unidade: por a\u00E7\u00E3o (uma linha por trace, padr\u00E3o) ou por evento (cada registro). -->\n    <hm-segmented-control\n      [label]=\"text.unitLabel\"\n      [options]=\"unitOptions\"\n      [value]=\"unit()\"\n      (valueChange)=\"setUnit($event)\"\n      size=\"small\"\n      emphasis=\"action\"\n    />\n    <hm-segmented-control\n      [label]=\"text.period\"\n      [options]=\"periodOptions\"\n      [value]=\"period()\"\n      (valueChange)=\"setPeriod($event)\"\n      size=\"small\"\n      emphasis=\"action\"\n    />\n    @if (customDates()) {\n      <span class=\"muted audit__period-note\">{{ text.periodFromFilters }}</span>\n    }\n    <span class=\"audit__toolbar-end\">\n      @if (lastUpdated(); as at) {\n        <span class=\"muted audit__updated\" aria-live=\"polite\">{{ fmt(text.updatedAt, { time: clock(at) }) }}</span>\n      }\n      <hm-switch [label]=\"text.autoRefresh\" [value]=\"autoRefresh()\" (valueChange)=\"autoRefresh.set($event)\" />\n      <hm-button emphasis=\"medium\" size=\"small\" icon=\"refresh\" [loading]=\"loading()\" (clicked)=\"reload()\">{{ text.refresh }}</hm-button>\n    </span>\n  </div>\n\n  <hm-filter-bar\n    class=\"audit__filters\"\n    [label]=\"text.filters\"\n    [filters]=\"filterFields()\"\n    [value]=\"filterValue()\"\n    (valueChange)=\"setFilters($event)\"\n    [savedFilters]=\"true\"\n    [storageKey]=\"storageKey()\"\n  />\n\n  @if (errorKind()) {\n    <hm-state-screen\n      class=\"audit__state\"\n      [situation]=\"errorSituation()\"\n      [heading]=\"text.errorTitle\"\n      [description]=\"errorText()\"\n      [action]=\"errorKind() === 'generic' ? text.retry : (hasFilters() ? text.clearFilters : '')\"\n      actionIcon=\"refresh\"\n      (actionTriggered)=\"errorKind() === 'generic' ? reload() : clearFilters()\"\n    />\n  } @else if (empty()) {\n    <hm-state-screen\n      class=\"audit__state\"\n      situation=\"empty\"\n      [heading]=\"unitText().emptyTitle\"\n      [description]=\"text.emptyText\"\n      [action]=\"hasFilters() ? text.clearFilters : ''\"\n      (actionTriggered)=\"clearFilters()\"\n    />\n  } @else {\n    <!-- KPIs: falhas/negados s\u00E3o filtros (altern\u00E2ncia). -->\n    <section class=\"audit__kpis\" [attr.aria-label]=\"text.kpis\">\n      <hm-stat-card\n        icon=\"list\"\n        [label]=\"unitText().kpiTotal\"\n        [value]=\"number(stats()?.total ?? 0)\"\n        [description]=\"unitText().kpiTotalDescription\"\n        [loading]=\"loading() && !stats()\"\n      />\n      <hm-stat-card\n        icon=\"error-standard\"\n        [label]=\"text.kpiFailures\"\n        [value]=\"number(stats()?.by_outcome?.failure ?? 0)\"\n        [intent]=\"(stats()?.by_outcome?.failure ?? 0) > 0 ? 'danger' : 'neutral'\"\n        [description]=\"fmt(text.kpiFilterHint, { share: share(stats()?.by_outcome?.failure ?? 0) })\"\n        [loading]=\"loading() && !stats()\"\n        selectable\n        [selected]=\"selectedOutcome() === 'failure'\"\n        (selectedChange)=\"toggleOutcome('failure', $event)\"\n      />\n      <hm-stat-card\n        icon=\"ban\"\n        [label]=\"text.kpiDenied\"\n        [value]=\"number(stats()?.by_outcome?.denied ?? 0)\"\n        [intent]=\"(stats()?.by_outcome?.denied ?? 0) > 0 ? 'warning' : 'neutral'\"\n        [description]=\"fmt(text.kpiFilterHint, { share: share(stats()?.by_outcome?.denied ?? 0) })\"\n        [loading]=\"loading() && !stats()\"\n        selectable\n        [selected]=\"selectedOutcome() === 'denied'\"\n        (selectedChange)=\"toggleOutcome('denied', $event)\"\n      />\n    </section>\n\n    <!-- Linha do tempo: barras empilhadas em CSS (sucesso embaixo, falha, negado). Cada barra tem\n         o resumo em texto (title + aria-label); o gr\u00E1fico n\u00E3o \u00E9 a \u00FAnica forma de ler o n\u00FAmero. -->\n    <section class=\"card card-block audit__timeline\" aria-labelledby=\"audit-timeline-title\">\n      <h3 class=\"audit__section-title\" id=\"audit-timeline-title\">{{ text.timeline }}</h3>\n      @if (hasTimeline()) {\n        <ol class=\"timeline\" [attr.aria-label]=\"fmt(unitText().timelineSummary, { from: timelineEdges()?.from ?? '', to: timelineEdges()?.to ?? '' })\">\n          @for (bar of timelineBars(); track bar.key) {\n            <li class=\"timeline__bar\" [attr.title]=\"bar.summary\" [attr.aria-label]=\"bar.summary\">\n              <span class=\"timeline__seg timeline__seg--denied\" [style.height.%]=\"bar.denied\"></span>\n              <span class=\"timeline__seg timeline__seg--fail\" [style.height.%]=\"bar.fail\"></span>\n              <span class=\"timeline__seg timeline__seg--ok\" [style.height.%]=\"bar.ok\"></span>\n            </li>\n          }\n        </ol>\n        <div class=\"timeline__axis\" aria-hidden=\"true\">\n          <span>{{ timelineEdges()?.from }}</span>\n          <span>{{ timelineEdges()?.to }}</span>\n        </div>\n        <ul class=\"timeline__legend\">\n          <li><span class=\"swatch swatch--ok\"></span>{{ text.outcomeSuccess }}</li>\n          <li><span class=\"swatch swatch--fail\"></span>{{ text.outcomeFailure }}</li>\n          <li><span class=\"swatch swatch--denied\"></span>{{ text.outcomeDenied }}</li>\n        </ul>\n      } @else {\n        <p class=\"muted\">{{ loading() ? text.loading : unitText().timelineEmpty }}</p>\n      }\n    </section>\n\n    <!-- Rankings paginados no servidor (tops/:kind). Clicar num item vira filtro. -->\n    <div class=\"audit__tops\" [class.audit__tops--three]=\"multiApp()\">\n      @if (multiApp()) {\n        <spine-audit-top-card\n          class=\"audit__top audit__top--apps\"\n          [heading]=\"text.topApps\"\n          [rows]=\"topAppRows()\"\n          [total]=\"tops.apps().total\"\n          [offset]=\"tops.apps().offset\"\n          [max]=\"tops.apps().max\"\n          [pageSize]=\"topPageSize\"\n          [loading]=\"tops.apps().loading\"\n          [failed]=\"tops.apps().failed\"\n          (offsetChange)=\"loadTop('apps', $event)\"\n          (picked)=\"pickTop('apps', $event)\"\n        />\n      }\n      <spine-audit-top-card\n        class=\"audit__top audit__top--operations\"\n        [heading]=\"text.topOperations\"\n        [rows]=\"topOperationRows()\"\n        [total]=\"tops.operations().total\"\n        [offset]=\"tops.operations().offset\"\n        [max]=\"tops.operations().max\"\n        [pageSize]=\"topPageSize\"\n        [loading]=\"tops.operations().loading\"\n        [failed]=\"tops.operations().failed\"\n        (offsetChange)=\"loadTop('operations', $event)\"\n        (picked)=\"pickTop('operations', $event)\"\n      />\n      <spine-audit-top-card\n        class=\"audit__top audit__top--users\"\n        [heading]=\"text.topUsers\"\n        [rows]=\"topUserRows()\"\n        [total]=\"tops.users().total\"\n        [offset]=\"tops.users().offset\"\n        [max]=\"tops.users().max\"\n        [pageSize]=\"topPageSize\"\n        [loading]=\"tops.users().loading\"\n        [failed]=\"tops.users().failed\"\n        (offsetChange)=\"loadTop('users', $event)\"\n        (picked)=\"pickTop('users', $event)\"\n      />\n    </div>\n\n    <!-- Tabela: pagina\u00E7\u00E3o no servidor. A grade n\u00E3o corta nada ([paginated]=false): mostra a p\u00E1gina que veio\n         (limit = itens por p\u00E1gina) e o rodap\u00E9 usa o total do resumo (mesma consulta). Esqueleto s\u00F3 na 1\u00AA\n         carga; nas seguintes as linhas ficam e o indicador aparece por cima (sem piscar). -->\n    <div class=\"audit__grid\" [class.audit__grid--busy]=\"gridBusy()\" [attr.aria-busy]=\"gridBusy()\">\n      @if (gridBusy()) {\n        <hm-progress class=\"audit__grid-progress\" indeterminate [label]=\"text.updating\" labelHidden />\n      }\n      <hm-data-grid\n        [caption]=\"unitText().caption\"\n        [columns]=\"columns()\"\n        [rows]=\"events()\"\n        [rowId]=\"rowId\"\n        [loading]=\"gridSkeleton()\"\n        [filterable]=\"false\"\n        [paginated]=\"false\"\n        [totalItems]=\"total()\"\n        [pageState]=\"pageState()\"\n        (pageStateChange)=\"changePage($event)\"\n        [pageSizes]=\"pageSizes\"\n        [itemsLabel]=\"unitText().pageItems\"\n        [pageSizeLabel]=\"text.pageSize\"\n        remoteSort\n        rowClickable\n        (rowClicked)=\"openRow($event)\"\n      >\n        <ng-template hmCell=\"operation\" let-item>\n          <span class=\"audit__op\" [attr.title]=\"item.operation_label || null\">{{ operationName(item) }}</span>\n        </ng-template>\n        <ng-template hmCell=\"spans\" let-item>\n          <span class=\"audit__spans\" [attr.title]=\"spansHint(item) || null\">\n            {{ number(item.span_count ?? 1) }}\n            @if (item.orphan) {\n              <hm-tag class=\"audit__orphan\" [name]=\"text.orphanTag\" color=\"neutral\" />\n            }\n          </span>\n        </ng-template>\n        <ng-template hmCell=\"outcome\" let-item>\n          <hm-tag [name]=\"outcomeLabel(item.outcome)\" [color]=\"outcomeColor(item.outcome)\" />\n        </ng-template>\n      </hm-data-grid>\n    </div>\n\n    @if (pageFailed()) {\n      <hm-alert class=\"audit__page-error\" variant=\"error\" size=\"small\">{{ unitText().pageError }}</hm-alert>\n    }\n  }\n</div>\n\n<!-- Detalhe do evento + a cadeia (trace). -->\n<hm-drawer [open]=\"detailOpen()\" (openChange)=\"onDetailOpenChange($event)\" [heading]=\"showingAction() ? text.actionDetailHeading : text.detailHeading\">\n  @if (selected(); as ev) {\n    <div class=\"detail\">\n      <div class=\"detail__head\">\n        <strong class=\"detail__title\">{{ operationName(ev) }}</strong>\n        <hm-tag [name]=\"outcomeLabel(headOutcome())\" [color]=\"outcomeColor(headOutcome())\" />\n      </div>\n      @if (showingAction() && selectedAction()?.orphan) {\n        <hm-alert class=\"detail__orphan\" variant=\"info\" size=\"small\">{{ text.orphanNote }}</hm-alert>\n      }\n      @if (ev.operation_label && ev.operation_identifier) {\n        <p class=\"muted detail__description\">{{ ev.operation_label }}</p>\n      }\n\n      @if (detailLoading()) {\n        <p class=\"muted\" role=\"status\">{{ text.detailLoading }}</p>\n      }\n      @if (detailFailed()) {\n        <hm-alert variant=\"warning\" size=\"small\">{{ text.detailError }}</hm-alert>\n      }\n\n      <dl class=\"detail__list\">\n        @for (field of detailFields(); track field.label) {\n          <div class=\"detail__row\">\n            <dt>{{ field.label }}</dt>\n            <dd>\n              @if (field.code) { <code>{{ field.value }}</code> } @else { {{ field.value }} }\n            </dd>\n          </div>\n        }\n      </dl>\n\n      @if (detailsJson()) {\n        <h3 class=\"audit__section-title\">{{ text.fieldDetails }}</h3>\n        <pre class=\"detail__json\">{{ detailsJson() }}</pre>\n      }\n\n      <!-- Por a\u00E7\u00E3o, os spans sobem para logo abaixo do cabe\u00E7alho (order no CSS); por evento, ficam no fim. -->\n      @if (ev.trace_id) {\n      <div class=\"detail__chain\" [class.detail__chain--first]=\"showingAction()\">\n        <div class=\"detail__actions\">\n          @if (!trace() && !traceLoading()) {\n            <hm-button emphasis=\"medium\" size=\"small\" icon=\"tree-view\" (clicked)=\"showTrace()\">{{ text.viewTrace }}</hm-button>\n          }\n          <hm-button emphasis=\"minimal\" size=\"small\" icon=\"filter\" (clicked)=\"filterByTrace(ev.trace_id)\">{{ text.filterByTrace }}</hm-button>\n        </div>\n        @if (traceLoading()) {\n          <p class=\"muted\" role=\"status\">{{ text.traceLoading }}</p>\n        }\n        @if (traceFailed()) {\n          <hm-alert variant=\"error\" size=\"small\">{{ text.traceError }}</hm-alert>\n        }\n        @if (trace(); as tr) {\n          <section class=\"trace\" aria-labelledby=\"audit-trace-title\">\n            <h3 class=\"audit__section-title\" id=\"audit-trace-title\">{{ showingAction() ? text.spansHeading : text.traceHeading }}</h3>\n            @if (tr.hidden_count) {\n              <hm-alert class=\"trace__hidden\" variant=\"info\" size=\"small\">{{ plural(text.traceHidden, tr.hidden_count) }}</hm-alert>\n            }\n            @if (!tr.items.length) {\n              <p class=\"muted\">{{ text.traceEmpty }}</p>\n            } @else if (spanTimeline(); as tl) {\n              <p class=\"muted trace__summary\">{{ fmt(text.spansSummary, { count: number(tl.rows.length), duration: duration(tl.totalMs) }) }}</p>\n              <!-- Linha do tempo: cada span \u00E9 uma linha (recuo = profundidade pela cadeia parent_span_id) com a\n                   barra posicionada no tempo, proporcional \u00E0 dura\u00E7\u00E3o. O texto da linha (e o aria-label) traz\n                   tudo o que a barra mostra. -->\n              <ol class=\"spans\">\n                @for (row of tl.rows; track row.event.event_id) {\n                  <li class=\"spans__item\" [class.spans__item--current]=\"row.event.event_id === ev.event_id\">\n                    <button type=\"button\" class=\"spans__link\"\n                      [attr.aria-current]=\"row.event.event_id === ev.event_id ? 'true' : null\"\n                      [attr.aria-label]=\"spanAria(row)\"\n                      (click)=\"openEvent(row.event, true)\">\n                      <span class=\"spans__head\" [style.padding-inline-start.rem]=\"row.depth * 1\">\n                        <span class=\"spans__app\">{{ row.event.app_name ?? '' }}</span>\n                        <code class=\"spans__op\">{{ operationName(row.event) }}</code>\n                      </span>\n                      <hm-tag class=\"spans__tag\" [name]=\"outcomeLabel(row.event.outcome)\" [color]=\"outcomeColor(row.event.outcome)\" />\n                      <span class=\"spans__dur\">{{ duration(row.event.duration_ms) }}</span>\n                      <span class=\"spans__track\" aria-hidden=\"true\">\n                        <span class=\"spans__bar spans__bar--{{ row.event.outcome }}\" [style.left.%]=\"row.left\" [style.width.%]=\"row.width\"></span>\n                      </span>\n                    </button>\n                  </li>\n                }\n              </ol>\n            }\n          </section>\n        }\n      </div>\n      }\n    </div>\n  }\n</hm-drawer>\n", styles: [".card{border:1px solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface)}.card-block{padding:var(--hm-space-sm, 8px)}.muted{color:var(--hm-muted)}:host{display:block}.audit{display:flex;flex-direction:column;gap:var(--hm-space-md, 16px)}.audit__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hm-space-sm, 8px)}.audit__period-note{font-size:13px}.audit__toolbar-end{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--hm-space-sm, 8px) var(--hm-space-md, 16px);margin-inline-start:auto}.audit__updated{font-size:12px;font-variant-numeric:tabular-nums}.audit__state{min-block-size:320px}.audit__section-title{margin:0 0 var(--hm-space-sm, 8px);font-size:14px;font-weight:600;color:var(--hm-text)}.audit__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--hm-space-sm, 8px);align-items:stretch}.timeline{display:flex;align-items:flex-end;gap:2px;block-size:120px;margin:0;padding:0;list-style:none;border-block-end:1px solid var(--hm-border)}.timeline__bar{flex:1 1 0;min-inline-size:2px;block-size:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:2px 2px 0 0;overflow:hidden}.timeline__bar:hover{background:color-mix(in srgb,var(--hm-text) 6%,transparent)}.timeline__seg{display:block;inline-size:100%}.timeline__seg--ok,.swatch--ok{background:color-mix(in srgb,var(--hm-action) 55%,transparent)}.timeline__seg--fail,.swatch--fail{background:var(--hm-danger)}.timeline__seg--denied,.swatch--denied{background:var(--hm-warning, #c98a00)}.timeline__axis{display:flex;justify-content:space-between;margin-block-start:4px;font-size:12px;color:var(--hm-muted)}.timeline__legend{display:flex;flex-wrap:wrap;gap:var(--hm-space-sm, 8px) var(--hm-space-md, 16px);margin:var(--hm-space-sm, 8px) 0 0;padding:0;list-style:none;font-size:12px;color:var(--hm-muted)}.timeline__legend li{display:inline-flex;align-items:center;gap:6px}.swatch{display:inline-block;inline-size:10px;block-size:10px;border-radius:2px}.audit__tops{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--hm-space-sm, 8px);align-items:stretch}.audit__grid{position:relative;display:block}.audit__grid-progress{position:absolute;inset-inline:0;inset-block-start:0;z-index:2;pointer-events:none}.audit__grid--busy hm-data-grid{opacity:.6;transition:opacity .12s ease}.audit__op{font-family:var(--hm-font-mono, ui-monospace, monospace);font-size:12px}.audit__page-error{display:block}@media(prefers-reduced-motion:reduce){.audit__grid--busy hm-data-grid{transition:none}}.detail{display:flex;flex-direction:column;gap:var(--hm-space-sm, 8px)}.detail__head{display:flex;align-items:center;gap:var(--hm-space-sm, 8px);flex-wrap:wrap}.detail__title{font-size:16px}.detail__list{display:grid;grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);gap:6px var(--hm-space-md, 16px);margin:0}.detail__row{display:contents}.detail__row dt{color:var(--hm-muted);font-size:13px}.detail__row dd{margin:0;font-size:13px;overflow-wrap:anywhere}.detail__json{margin:0;padding:var(--hm-space-sm, 8px);max-block-size:280px;overflow:auto;border:1px solid var(--hm-border);border-radius:var(--hm-radius-control);background:color-mix(in srgb,var(--hm-text) 4%,transparent);font-size:12px}.detail__description{margin:0;font-size:13px}.detail__actions{display:flex;flex-wrap:wrap;gap:var(--hm-space-sm, 8px)}.trace{margin-block-start:var(--hm-space-sm, 8px)}.trace__hidden{margin-block-end:var(--hm-space-sm, 8px)}.detail__head,.detail__description,.detail__orphan{order:-3}.detail__chain{display:flex;flex-direction:column;gap:var(--hm-space-sm, 8px)}.detail__chain--first{order:-2}.trace__summary{margin:0 0 var(--hm-space-xs, 4px);font-size:13px}.spans{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--hm-border)}.spans__item{border-block-end:1px solid var(--hm-border)}.spans__item--current .spans__link{background:color-mix(in srgb,var(--hm-action) 10%,transparent);box-shadow:inset 2px 0 0 var(--hm-action)}.spans__link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:\"head tag dur\" \"track track track\";align-items:center;gap:4px var(--hm-space-sm, 8px);inline-size:100%;padding:6px 8px;border:0;background:transparent;color:var(--hm-text);font:inherit;font-size:13px;text-align:start;cursor:pointer}.spans__link:hover{background:color-mix(in srgb,var(--hm-action) 6%,transparent)}.spans__link:focus-visible{outline:2px solid var(--hm-action);outline-offset:-2px}.spans__head{grid-area:head;display:flex;flex-direction:column;min-inline-size:0}.spans__app{color:var(--hm-muted);font-size:12px}.spans__op{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--hm-font-mono, ui-monospace, monospace);font-size:12px}.spans__tag{grid-area:tag}.spans__dur{grid-area:dur;min-inline-size:4.5rem;text-align:end;font-variant-numeric:tabular-nums;color:var(--hm-muted)}.spans__track{grid-area:track;position:relative;block-size:6px;border-radius:3px;background:color-mix(in srgb,var(--hm-text) 6%,transparent)}.spans__bar{position:absolute;inset-block:0;border-radius:3px;background:color-mix(in srgb,var(--hm-action) 70%,transparent)}.spans__bar--failure{background:var(--hm-danger)}.spans__bar--denied{background:var(--hm-warning, #c98a00)}.audit__spans{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "scope", required: true }] }], clientId: [{ type: i0.Input, args: [{ isSignal: true, alias: "clientId", required: false }] }], adminApi: [{ type: i0.Input, args: [{ isSignal: true, alias: "adminApi", required: false }] }] } });
+
+/*
+ * @trismegisto/spine/audit — a tela de Auditoria (leitura de `audit.events` do argos admin-server), a mesma
+ * para o painel central (`scope="admin"`) e para o auto-serviço (`scope="client"` + `clientId`).
+ *
+ * Este ponto de entrada EXPORTA o componente: importe-o só de código carregado sob demanda (rota lazy,
+ * `import('@trismegisto/spine/audit')`). O `@trismegisto/spine/auto-service` só o alcança por `import()`
+ * dentro dos chunks das telas dele — `scripts/check-lazy.mjs` falha se o arquivo do ponto `auto-service`
+ * passar a importá-lo estaticamente.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AUDIT_AUTO_REFRESH_MS, AUDIT_MAX_PAGE_SIZE, AUDIT_MAX_WINDOW_MS, AUDIT_METHODS, AUDIT_OUTCOMES, AUDIT_PAGE_SIZE, AUDIT_PAGE_SIZES, AUDIT_PERIOD_MS, AUDIT_TOP_KINDS, AUDIT_TOP_PAGE_SIZE, AUDIT_UNITS, AuditCursorPager, SpineAuditComponent, SpineAuditService, SpineAuditTopCardComponent, auditApiBase, auditAppsUrl, auditErrorCode, auditPagerTotal, auditParams, buildAuditQuery, buildSpanTimeline, parseAuditDate, worstOutcome };
+//# sourceMappingURL=trismegisto-spine-audit.mjs.map