@marsaude/devtools-shell 0.1.0

package/fesm2022/marsaude-devtools-shell.mjs

@@ -0,0 +1,3045 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, signal, Injectable, computed, TemplateRef, HostListener, ChangeDetectionStrategy, Component, ChangeDetectorRef, makeEnvironmentProviders, APP_BOOTSTRAP_LISTENER, EnvironmentInjector, createEnvironmentInjector, runInInjectionContext, ApplicationRef, createComponent } from '@angular/core';
+import { HttpParams, HttpClient, HttpHeaders, HttpContext, HttpContextToken, provideHttpClient, withInterceptors } from '@angular/common/http';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { of, forkJoin, from, tap, catchError, switchMap as switchMap$1, throwError, EMPTY, Subject } from 'rxjs';
+import { switchMap, map, debounceTime } from 'rxjs/operators';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+/**
+ * Multi-provider token. Each `{ provide: DEVTOOLS_ACTION, useValue, multi: true }`
+ * adds one pluggable panel to the shell. This is the extension point: the shell
+ * collects every registered action and renders it — it has no built-in actions.
+ */
+const DEVTOOLS_ACTION = new InjectionToken('DEVTOOLS_ACTION');
+/** Single-value config token. Falls back to an empty config. */
+const DEVTOOLS_SHELL_CONFIG = new InjectionToken('DEVTOOLS_SHELL_CONFIG', { providedIn: 'root', factory: () => ({}) });
+
+/** FAB edge length in px — matches `.dts-fab` and the prototype (S = 58). */
+const FAB_SIZE = 58;
+/**
+ * Owns the FAB position + side and persists them. The math is ported verbatim
+ * from the `DevTools FAB` prototype (default corner, clamp bounds, edge snap).
+ * Only position/side are stored — no domain/session data.
+ */
+class DevtoolsPositionService {
+    constructor() {
+        this.config = inject(DEVTOOLS_SHELL_CONFIG);
+        this.key = this.config.storageKey ?? 'marsaude.devtools-shell.pos';
+        /** FAB top-left in viewport coords. Null until first measured/loaded. */
+        this.position = signal(this.load(), ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.side = signal(this.loadSide(), ...(ngDevMode ? [{ debugName: "side" }] : []));
+    }
+    /** Live update during drag (not persisted). */
+    move(p) {
+        this.position.set(p);
+    }
+    /** Commit + persist the final position and side. */
+    commit(p, side) {
+        this.position.set(p);
+        this.side.set(side);
+        this.persist();
+    }
+    /** Re-clamp against the current viewport. Call on resize. */
+    reclamp() {
+        this.position.set(this.clamp(this.position()));
+    }
+    /** Prototype clamp: x ∈ [6, W-S-6], y ∈ [70, H-S-6]. */
+    clamp(p) {
+        if (typeof window === 'undefined')
+            return p;
+        const S = FAB_SIZE;
+        const W = window.innerWidth;
+        const H = window.innerHeight;
+        return {
+            x: Math.max(6, Math.min(W - S - 6, p.x)),
+            y: Math.max(70, Math.min(H - S - 6, p.y)),
+        };
+    }
+    persist() {
+        try {
+            localStorage?.setItem(this.key, JSON.stringify({ ...this.position(), side: this.side() }));
+        }
+        catch {
+            /* storage unavailable — non-fatal */
+        }
+    }
+    /** Prototype default corner: { x: W-74, y: H-150 }. */
+    load() {
+        const fallback = this.defaultPos();
+        if (typeof localStorage === 'undefined')
+            return fallback;
+        try {
+            const raw = localStorage.getItem(this.key);
+            if (!raw)
+                return fallback;
+            const p = JSON.parse(raw);
+            if (typeof p?.x === 'number' && typeof p?.y === 'number') {
+                return this.clamp({ x: p.x, y: p.y });
+            }
+        }
+        catch {
+            /* corrupt — fall through */
+        }
+        return fallback;
+    }
+    loadSide() {
+        if (typeof localStorage === 'undefined')
+            return 'right';
+        try {
+            const raw = localStorage.getItem(this.key);
+            const side = raw ? JSON.parse(raw).side : null;
+            return side === 'left' ? 'left' : 'right';
+        }
+        catch {
+            return 'right';
+        }
+    }
+    defaultPos() {
+        if (typeof window === 'undefined')
+            return { x: 10, y: 120 };
+        return { x: window.innerWidth - 74, y: window.innerHeight - 150 };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsPositionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsPositionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsPositionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Tiny toast surface owned by the shell. Panels (or any consumer) can inject it
+ * to flash a short message inside the shell's own layer — no Material/snackbar
+ * dependency required.
+ */
+class DevtoolsToastService {
+    constructor() {
+        /** Current message, or null when nothing is showing. */
+        this.message = signal(null, ...(ngDevMode ? [{ debugName: "message" }] : []));
+        this.timer = null;
+    }
+    show(message, durationMs = 2400) {
+        this.message.set(message);
+        if (this.timer)
+            clearTimeout(this.timer);
+        this.timer = setTimeout(() => this.message.set(null), durationMs);
+    }
+    clear() {
+        if (this.timer)
+            clearTimeout(this.timer);
+        this.message.set(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const PROJECTED = '__projected__';
+const COLLAPSE_DELAY_MS = 1800;
+/**
+ * The invólucro: a draggable FAB that opens an agnostic container.
+ *
+ * Drag, clamp/snap, the radial speed-dial geometry, the collapse-to-edge grip,
+ * the drawer/sheet panel and the toast are ported verbatim from the `DevTools
+ * FAB` prototype (Pointer Events, the exact math and the same CSS/keyframes) —
+ * kept entirely domain-free. Content arrives via {@link DEVTOOLS_ACTION}
+ * (primary) or `<ng-content>` (secondary). Auto-mounted by `provideDevtools()`.
+ */
+class DevtoolsShellComponent {
+    constructor() {
+        this.pos = inject(DevtoolsPositionService);
+        this.config = inject(DEVTOOLS_SHELL_CONFIG);
+        this.toast = inject(DevtoolsToastService);
+        this.registered = inject(DEVTOOLS_ACTION, { optional: true }) ?? [];
+        this.actions = signal([...this.registered].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), ...(ngDevMode ? [{ debugName: "actions" }] : []));
+        this.open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : [])); // speed-dial open
+        this.panelId = signal(null, ...(ngDevMode ? [{ debugName: "panelId" }] : []));
+        this.collapsed = signal(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
+        this.dragging = signal(false, ...(ngDevMode ? [{ debugName: "dragging" }] : []));
+        this.winW = signal(typeof window === 'undefined' ? 1024 : window.innerWidth, ...(ngDevMode ? [{ debugName: "winW" }] : []));
+        this.winH = signal(typeof window === 'undefined' ? 768 : window.innerHeight, ...(ngDevMode ? [{ debugName: "winH" }] : []));
+        this.hasDial = computed(() => this.actions().length > 1, ...(ngDevMode ? [{ debugName: "hasDial" }] : []));
+        this.activeAction = computed(() => this.actions().find((a) => a.id === this.panelId()) ?? null, ...(ngDevMode ? [{ debugName: "activeAction" }] : []));
+        this.isCollapsed = computed(() => this.collapsed() && !this.open() && !this.panelId() && !this.dragging(), ...(ngDevMode ? [{ debugName: "isCollapsed" }] : []));
+        /** FAB style — collapsed grip vs expanded button (prototype values). */
+        this.fabStyle = computed(() => {
+            const S = FAB_SIZE;
+            const W = this.winW();
+            const f = this.pos.position();
+            const side = this.pos.side();
+            const isOpen = this.open() || !!this.panelId();
+            if (this.isCollapsed()) {
+                const cx = side === 'left' ? 0 : W - 15;
+                return {
+                    position: 'fixed',
+                    left: cx + 'px',
+                    top: f.y + 10 + 'px',
+                    width: '15px',
+                    height: '60px',
+                    zIndex: '40',
+                    border: 'none',
+                    background: '#14151b',
+                    color: '#fff',
+                    borderRadius: side === 'left' ? '0 12px 12px 0' : '12px 0 0 12px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    padding: '0',
+                    boxShadow: '0 4px 16px rgba(0,0,0,.35)',
+                    transition: 'width .2s ease, border-radius .2s ease',
+                    touchAction: 'none',
+                    cursor: 'pointer',
+                };
+            }
+            return {
+                position: 'fixed',
+                left: f.x + 'px',
+                top: f.y + 'px',
+                width: S + 'px',
+                height: S + 'px',
+                zIndex: '40',
+                border: 'none',
+                borderRadius: '18px',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: '0',
+                background: isOpen ? '#23242c' : '#14151b',
+                color: '#ffc454',
+                boxShadow: '0 8px 24px rgba(0,0,0,.4)',
+                transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',
+                transition: this.dragging()
+                    ? 'none'
+                    : 'transform .25s ease, background .2s ease, left .25s cubic-bezier(.2,.8,.2,1)',
+                touchAction: 'none',
+                cursor: this.dragging() ? 'grabbing' : 'grab',
+            };
+        }, ...(ngDevMode ? [{ debugName: "fabStyle" }] : []));
+        /** Radial speed-dial geometry — ported verbatim (R=268, 5°→87°). */
+        this.dialItems = computed(() => {
+            const S = FAB_SIZE;
+            const W = this.winW();
+            const H = this.winH();
+            const f = this.pos.position();
+            const isOpen = this.open();
+            const cx = f.x + S / 2;
+            const cy = f.y + S / 2;
+            const hx = cx < W / 2 ? 1 : -1;
+            const vy = cy < H * 0.42 ? 1 : -1;
+            const acts = this.actions();
+            const N = acts.length;
+            const R = 268;
+            const a0 = (5 * Math.PI) / 180;
+            const a1 = (87 * Math.PI) / 180;
+            return acts.map((action, i) => {
+                const t = N === 1 ? 0.5 : i / (N - 1);
+                const ang = a0 + (a1 - a0) * t;
+                const dx = hx * Math.cos(ang) * R;
+                const dy = vy * Math.sin(ang) * R;
+                return {
+                    action,
+                    style: {
+                        position: 'fixed',
+                        zIndex: '41',
+                        width: '58px',
+                        height: '50px',
+                        left: cx - 29 + 'px',
+                        top: cy - 25 + 'px',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        gap: '3px',
+                        borderRadius: '15px',
+                        border: '1px solid #2a2c38',
+                        background: '#1b1d25',
+                        color: '#eceef3',
+                        boxShadow: '0 8px 20px rgba(0,0,0,.32)',
+                        padding: '4px',
+                        cursor: 'pointer',
+                        transform: isOpen
+                            ? `translate(${dx}px,${dy}px) scale(1)`
+                            : 'translate(0,0) scale(.3)',
+                        opacity: isOpen ? 1 : 0,
+                        pointerEvents: isOpen ? 'auto' : 'none',
+                        transition: `transform .3s cubic-bezier(.2,1.1,.3,1) ${i * 28}ms, opacity .22s ease ${i * 28}ms`,
+                    },
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "dialItems" }] : []));
+        /** Drawer (desktop) / bottom-sheet (mobile) — prototype values. */
+        this.panelStyle = computed(() => {
+            const isDesktop = this.winW() >= 720;
+            return isDesktop
+                ? {
+                    position: 'fixed',
+                    top: '0',
+                    right: '0',
+                    bottom: '0',
+                    width: '440px',
+                    zIndex: '49',
+                    background: '#101117',
+                    borderLeft: '1px solid #23252f',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    animation: 'drawerIn .26s cubic-bezier(.2,.8,.2,1)',
+                }
+                : {
+                    position: 'fixed',
+                    left: '0',
+                    right: '0',
+                    bottom: '0',
+                    maxHeight: '86vh',
+                    zIndex: '49',
+                    background: '#101117',
+                    borderTop: '1px solid #23252f',
+                    borderRadius: '20px 20px 0 0',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    animation: 'sheetUp .28s cubic-bezier(.2,.8,.2,1)',
+                };
+        }, ...(ngDevMode ? [{ debugName: "panelStyle" }] : []));
+        this.drag = null;
+        this.dragEndAt = 0;
+        this.collapseTimer = null;
+        this.moveHandler = (e) => this.onMove(e);
+        this.upHandler = (e) => this.onUp(e);
+        this.scheduleCollapse();
+    }
+    ngOnDestroy() {
+        this.detachDragListeners();
+        this.clearCollapse();
+    }
+    onResize() {
+        this.winW.set(window.innerWidth);
+        this.winH.set(window.innerHeight);
+        this.pos.reclamp();
+    }
+    // ---- drag (ported from the prototype) ---------------------------------
+    onFabDown(e) {
+        const el = e.currentTarget;
+        const r = el.getBoundingClientRect();
+        this.drag = {
+            ox: e.clientX - r.left,
+            oy: e.clientY - r.top,
+            sx: e.clientX,
+            sy: e.clientY,
+            moved: false,
+        };
+        this.clearCollapse();
+        this.dragging.set(true);
+        this.collapsed.set(false);
+        try {
+            el.setPointerCapture(e.pointerId);
+        }
+        catch {
+            /* ignore */
+        }
+        window.addEventListener('pointermove', this.moveHandler);
+        window.addEventListener('pointerup', this.upHandler);
+    }
+    onMove(e) {
+        if (!this.drag)
+            return;
+        const x = e.clientX - this.drag.ox;
+        const y = e.clientY - this.drag.oy;
+        if (Math.abs(e.clientX - this.drag.sx) + Math.abs(e.clientY - this.drag.sy) > 5) {
+            this.drag.moved = true;
+        }
+        this.pos.move(this.pos.clamp({ x, y }));
+    }
+    onUp(_e) {
+        this.detachDragListeners();
+        const S = FAB_SIZE;
+        const W = this.winW();
+        const f = this.pos.position();
+        const moved = !!this.drag?.moved;
+        this.dragging.set(false);
+        if (moved) {
+            this.dragEndAt = Date.now();
+            const side = f.x + S / 2 < W / 2 ? 'left' : 'right';
+            const x = side === 'left' ? 10 : W - S - 10;
+            this.pos.commit({ x, y: f.y }, side);
+            this.scheduleCollapse();
+        }
+        this.drag = null;
+    }
+    detachDragListeners() {
+        window.removeEventListener('pointermove', this.moveHandler);
+        window.removeEventListener('pointerup', this.upHandler);
+    }
+    // ---- open / panel -----------------------------------------------------
+    onFabClick() {
+        if (Date.now() - this.dragEndAt < 300)
+            return; // was a drag
+        const acts = this.actions();
+        if (acts.length > 1) {
+            this.toggleDial();
+        }
+        else {
+            this.togglePanel(acts[0]?.id ?? PROJECTED);
+        }
+    }
+    toggleDial() {
+        const next = !this.open();
+        this.clearCollapse();
+        this.open.set(next);
+        this.collapsed.set(false);
+        this.panelId.set(null);
+        if (!next)
+            this.scheduleCollapse();
+    }
+    openPanel(id) {
+        this.panelId.set(id);
+        this.open.set(false);
+        this.clearCollapse();
+    }
+    togglePanel(id) {
+        if (this.panelId() === id)
+            this.closePanel();
+        else
+            this.openPanel(id);
+    }
+    closePanel() {
+        this.panelId.set(null);
+        this.scheduleCollapse();
+    }
+    closeDial() {
+        this.open.set(false);
+        this.scheduleCollapse();
+    }
+    asTemplate(c) {
+        return c instanceof TemplateRef ? c : null;
+    }
+    asComponent(c) {
+        return typeof c === 'function' ? c : null;
+    }
+    // ---- collapse (ported from the prototype) -----------------------------
+    scheduleCollapse() {
+        this.clearCollapse();
+        this.collapseTimer = setTimeout(() => {
+            if (!this.open() && !this.panelId() && !this.dragging()) {
+                this.collapsed.set(true);
+            }
+        }, COLLAPSE_DELAY_MS);
+    }
+    clearCollapse() {
+        if (this.collapseTimer)
+            clearTimeout(this.collapseTimer);
+        this.collapseTimer = null;
+        if (this.collapsed())
+            this.collapsed.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DevtoolsShellComponent, isStandalone: true, selector: "devtools-shell", host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: `
+    <!-- FAB (same button doubles as the collapsed edge grip, like the prototype) -->
+    <button
+      type="button"
+      [style]="fabStyle()"
+      (pointerdown)="onFabDown($event)"
+      (click)="onFabClick()"
+      [attr.aria-expanded]="open() || !!panelId()"
+      aria-label="DevTools"
+    >
+      @if (isCollapsed()) {
+        <span
+          style="width:4px;height:26px;border-radius:3px;background:rgba(255,255,255,.55)"
+        ></span>
+      } @else {
+        <span class="dts-sym" style="font-size:26px">{{
+          open() || panelId()
+            ? 'close'
+            : (config.fabIcon ?? 'developer_mode')
+        }}</span>
+      }
+    </button>
+
+    <!-- speed-dial scrim -->
+    @if (open()) {
+      <div
+        style="position:fixed;inset:0;z-index:38;background:rgba(10,11,15,.32);backdrop-filter:blur(1px);animation:dts-fade .18s ease"
+        (click)="closeDial()"
+      ></div>
+    }
+
+    <!-- speed-dial items (always rendered when >1 action; animate via transform/opacity) -->
+    @if (hasDial()) {
+      @for (item of dialItems(); track item.action.id) {
+        <button type="button" [style]="item.style" (click)="openPanel(item.action.id)">
+          @if (item.action.icon) {
+            <span class="dts-sym" style="font-size:23px;line-height:1">{{ item.action.icon }}</span>
+          }
+          <span
+            style="font-size:8.5px;font-weight:600;line-height:1.05;text-align:center;letter-spacing:.01em;white-space:nowrap"
+            >{{ item.action.label }}</span
+          >
+        </button>
+      }
+    }
+
+    <!-- panel scrim + panel -->
+    @if (panelId()) {
+      <div
+        style="position:fixed;inset:0;z-index:48;background:rgba(10,11,15,.5);animation:dts-fade .2s ease"
+        (click)="closePanel()"
+      ></div>
+      <div [style]="panelStyle()">
+        <div
+          style="display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #23252f;flex:none"
+        >
+          <span class="dts-sym" style="font-size:22px;color:#ffc454">{{
+            activeAction()?.icon ?? 'tune'
+          }}</span>
+          <div style="font-size:16px;font-weight:600;color:#f0f1f4">
+            {{ activeAction()?.label ?? config.title ?? 'DevTools' }}
+          </div>
+          <button
+            type="button"
+            (click)="closePanel()"
+            aria-label="Fechar"
+            style="margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid #2a2c38;background:#1b1d25;color:#9aa0ad;display:flex;align-items:center;justify-content:center;cursor:pointer"
+          >
+            <span class="dts-sym" style="font-size:19px">close</span>
+          </button>
+        </div>
+        <div style="overflow-y:auto;padding:20px;flex:1;color:#d7d9e0">
+          @if (activeAction(); as action) {
+            @if (asTemplate(action.content); as tpl) {
+              <ng-container [ngTemplateOutlet]="tpl"></ng-container>
+            } @else if (asComponent(action.content); as cmp) {
+              <ng-container [ngComponentOutlet]="cmp"></ng-container>
+            } @else {
+              <ng-content></ng-content>
+            }
+          } @else {
+            <ng-content></ng-content>
+          }
+        </div>
+      </div>
+    }
+
+    <!-- toast -->
+    @if (toast.message(); as msg) {
+      <div
+        style="position:fixed;bottom:26px;left:50%;z-index:70;transform:translateX(-50%);background:#14151b;border:1px solid #2a2c38;color:#eceef3;font-size:13px;font-weight:500;padding:11px 18px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.4);display:flex;align-items:center;gap:9px;animation:dts-pop .22s ease;white-space:nowrap"
+      >
+        {{ msg }}
+      </div>
+    }
+  `, isInline: true, styles: [":host{--dts-accent: #ffc454}.dts-sym{font-family:Material Symbols Outlined,Material Icons;line-height:1;-webkit-user-select:none;user-select:none}@keyframes dts-fade{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dts-pop{0%{transform:translate(-50%,8px) scale(.96);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'devtools-shell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgComponentOutlet, NgTemplateOutlet], template: `
+    <!-- FAB (same button doubles as the collapsed edge grip, like the prototype) -->
+    <button
+      type="button"
+      [style]="fabStyle()"
+      (pointerdown)="onFabDown($event)"
+      (click)="onFabClick()"
+      [attr.aria-expanded]="open() || !!panelId()"
+      aria-label="DevTools"
+    >
+      @if (isCollapsed()) {
+        <span
+          style="width:4px;height:26px;border-radius:3px;background:rgba(255,255,255,.55)"
+        ></span>
+      } @else {
+        <span class="dts-sym" style="font-size:26px">{{
+          open() || panelId()
+            ? 'close'
+            : (config.fabIcon ?? 'developer_mode')
+        }}</span>
+      }
+    </button>
+
+    <!-- speed-dial scrim -->
+    @if (open()) {
+      <div
+        style="position:fixed;inset:0;z-index:38;background:rgba(10,11,15,.32);backdrop-filter:blur(1px);animation:dts-fade .18s ease"
+        (click)="closeDial()"
+      ></div>
+    }
+
+    <!-- speed-dial items (always rendered when >1 action; animate via transform/opacity) -->
+    @if (hasDial()) {
+      @for (item of dialItems(); track item.action.id) {
+        <button type="button" [style]="item.style" (click)="openPanel(item.action.id)">
+          @if (item.action.icon) {
+            <span class="dts-sym" style="font-size:23px;line-height:1">{{ item.action.icon }}</span>
+          }
+          <span
+            style="font-size:8.5px;font-weight:600;line-height:1.05;text-align:center;letter-spacing:.01em;white-space:nowrap"
+            >{{ item.action.label }}</span
+          >
+        </button>
+      }
+    }
+
+    <!-- panel scrim + panel -->
+    @if (panelId()) {
+      <div
+        style="position:fixed;inset:0;z-index:48;background:rgba(10,11,15,.5);animation:dts-fade .2s ease"
+        (click)="closePanel()"
+      ></div>
+      <div [style]="panelStyle()">
+        <div
+          style="display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #23252f;flex:none"
+        >
+          <span class="dts-sym" style="font-size:22px;color:#ffc454">{{
+            activeAction()?.icon ?? 'tune'
+          }}</span>
+          <div style="font-size:16px;font-weight:600;color:#f0f1f4">
+            {{ activeAction()?.label ?? config.title ?? 'DevTools' }}
+          </div>
+          <button
+            type="button"
+            (click)="closePanel()"
+            aria-label="Fechar"
+            style="margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid #2a2c38;background:#1b1d25;color:#9aa0ad;display:flex;align-items:center;justify-content:center;cursor:pointer"
+          >
+            <span class="dts-sym" style="font-size:19px">close</span>
+          </button>
+        </div>
+        <div style="overflow-y:auto;padding:20px;flex:1;color:#d7d9e0">
+          @if (activeAction(); as action) {
+            @if (asTemplate(action.content); as tpl) {
+              <ng-container [ngTemplateOutlet]="tpl"></ng-container>
+            } @else if (asComponent(action.content); as cmp) {
+              <ng-container [ngComponentOutlet]="cmp"></ng-container>
+            } @else {
+              <ng-content></ng-content>
+            }
+          } @else {
+            <ng-content></ng-content>
+          }
+        </div>
+      </div>
+    }
+
+    <!-- toast -->
+    @if (toast.message(); as msg) {
+      <div
+        style="position:fixed;bottom:26px;left:50%;z-index:70;transform:translateX(-50%);background:#14151b;border:1px solid #2a2c38;color:#eceef3;font-size:13px;font-weight:500;padding:11px 18px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.4);display:flex;align-items:center;gap:9px;animation:dts-pop .22s ease;white-space:nowrap"
+      >
+        {{ msg }}
+      </div>
+    }
+  `, styles: [":host{--dts-accent: #ffc454}.dts-sym{font-family:Material Symbols Outlined,Material Icons;line-height:1;-webkit-user-select:none;user-select:none}@keyframes dts-fade{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dts-pop{0%{transform:translate(-50%,8px) scale(.96);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+const DEVTOOLS_CONFIG = new InjectionToken('DEVTOOLS_CONFIG');
+
+/**
+ * Plain localStorage wrapper owned by the package. DevTools-internal keys are
+ * prefixed `DEVTOOLS_`; the *active app session* keys (`JWT_TOKEN`,
+ * `JWT_REFRESH_TOKEN`, `APP_USER`) are written deliberately so the host patient
+ * app consumes them — that is the only intentional touch-point with the host.
+ */
+class DevtoolsStorage {
+    get(key) {
+        try {
+            const raw = localStorage.getItem(key);
+            return raw ? JSON.parse(raw) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    set(key, value) {
+        try {
+            localStorage.setItem(key, JSON.stringify(value));
+        }
+        catch {
+            /* storage unavailable — non-fatal */
+        }
+    }
+    remove(key) {
+        try {
+            localStorage.removeItem(key);
+        }
+        catch {
+            /* ignore */
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsStorage, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsStorage }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsStorage, decorators: [{
+            type: Injectable
+        }] });
+
+/** Triage form cases offered by the automatic scenario. */
+const OPTIONS_RESPONSES_CASE = [
+    { name: 'Homem, 18 anos', value: 'case1', age: 18, biologicalSex: 'MALE' },
+];
+const USERS_KEY = 'DEVTOOLS_USERS';
+/** Data generation + last-user storage (ported from the app's UserUtilsService). */
+class DevtoolsUserUtils {
+    constructor() {
+        this.storage = inject(DevtoolsStorage);
+        this.firstNames = ['Ana', 'Lucas', 'Miguel', 'Gabriela', 'Julia', 'Sophia', 'Bruno', 'Gustavo', 'Fernanda', 'Patrícia', 'Joel', 'Heitor'];
+        this.lastNames = ['Silva', 'Santos', 'Oliveira', 'Souza', 'Rodrigues', 'Ferreira', 'Almeida', 'Pereira', 'Lima', 'Costa'];
+    }
+    generateCPF() {
+        let cpf = Array.from({ length: 9 }, () => Math.floor(Math.random() * 10)).join('');
+        cpf += this.checkDigit(cpf);
+        cpf += this.checkDigit(cpf);
+        return cpf;
+    }
+    checkDigit(cpf) {
+        const numbers = cpf.split('').map((n) => parseInt(n, 10));
+        const length = numbers.length + 1;
+        const sum = numbers.reduce((acc, n, i) => acc + n * (length - i), 0);
+        const remainder = (sum * 10) % 11;
+        return remainder === 10 ? '0' : remainder.toString();
+    }
+    generateRandomName() {
+        const f = this.firstNames[Math.floor(Math.random() * this.firstNames.length)];
+        const l = this.lastNames[Math.floor(Math.random() * this.lastNames.length)];
+        return `${f} ${l}`;
+    }
+    generateRandomGender() {
+        return Math.random() > 0.5 ? 'MALE' : 'FEMALE';
+    }
+    generateRandomBirthDate() {
+        const currentYear = new Date().getFullYear();
+        const minBirthYear = currentYear - 70;
+        const maxBirthYear = currentYear - 18;
+        const year = Math.floor(Math.random() * (maxBirthYear - minBirthYear + 1)) + minBirthYear;
+        const month = String(Math.floor(Math.random() * 12) + 1).padStart(2, '0');
+        const day = String(Math.floor(Math.random() * 28) + 1).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+    calculateAge(birthDateString) {
+        if (!birthDateString)
+            return '';
+        const birth = new Date(birthDateString);
+        const today = new Date();
+        let age = today.getFullYear() - birth.getFullYear();
+        const md = today.getMonth() - birth.getMonth();
+        if (md < 0 || (md === 0 && today.getDate() < birth.getDate()))
+            age--;
+        return age;
+    }
+    calculateBirthDate(age) {
+        const now = new Date();
+        const d = new Date(now.getFullYear() - age, now.getMonth(), now.getDate());
+        const month = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        return `${d.getFullYear()}-${month}-${day}`;
+    }
+    setToStorage(user) {
+        this.storage.set(USERS_KEY, [user]);
+    }
+    getUserFromStorage() {
+        const list = this.storage.get(USERS_KEY) ?? [];
+        if (!Array.isArray(list) || !list.length)
+            return [];
+        return [list[list.length - 1]];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsUserUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsUserUtils }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsUserUtils, decorators: [{
+            type: Injectable
+        }] });
+/** Misc helpers (ported from the app's UtilsService) — toast/masks/params. */
+class DevtoolsUtils {
+    constructor() {
+        this.toast = inject(DevtoolsToastService);
+    }
+    objectParams(queryParams) {
+        let params = new HttpParams();
+        Object.keys(queryParams).forEach((k) => {
+            if (queryParams[k] !== undefined && queryParams[k] !== null && queryParams[k] !== '') {
+                params = params.append(k, queryParams[k]);
+            }
+        });
+        return params;
+    }
+    setErrorToast(err = {}) {
+        const message = err?.error?.message;
+        this.toast.show(message || 'Erro desconhecido');
+    }
+    copyClipboard(value, label = 'Texto') {
+        try {
+            navigator.clipboard?.writeText(String(value));
+        }
+        catch {
+            /* ignore */
+        }
+        this.toast.show(`${label} copiado`);
+    }
+    removePhoneMask(phone) {
+        return (phone ?? '').toString().replace(/\D/g, '');
+    }
+    maskCpfCnpj(v) {
+        return (v ?? '').toString().replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsUtils }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsUtils, decorators: [{
+            type: Injectable
+        }] });
+
+/* Extracted verbatim from the app for self-contained packaging. */
+/* eslint-disable */
+const FEMALE_42 = {};
+const FEMALE_18 = {};
+const FEMALE_30 = {};
+const MALE_18 = {
+    'formSubmission': {
+        'landedAt': '2025-06-04T13:24:49.132Z',
+        'person': { 'id': 35008 },
+        'formAnswers': [{
+                'formQuestion': { 'slug': 'Race' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'BROWN' }, 'value': 'Parda' }]
+            }, { 'value': 120, 'formQuestion': { 'slug': 'Weight' } }, {
+                'value': 180,
+                'formQuestion': { 'slug': 'Height' }
+            }, {
+                'formQuestion': { 'slug': 'BellyShapeV2' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Three' }, 'value': '3' }]
+            }, {
+                'formQuestion': { 'slug': 'FrequencyOfRedMeat' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'FrequencyOfCheeseAndButter' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'ExtraSalt' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'EverDayFruits' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'FrequencyOfPhysicalActivityV2' },
+                'formAnswerChoices': [{
+                        'formQuestionChoice': { 'slug': 'DontPracticeRegularPhysicalActivity' },
+                        'value': 'Não pratico atividade física regular'
+                    }]
+            }, {
+                'formQuestion': { 'slug': 'TriageSmoking' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'No' }, 'value': 'Não' }]
+            }, {
+                'formQuestion': { 'slug': 'TriageAlcohol' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nunca' }]
+            }, {
+                'formQuestion': { 'slug': 'TriageMedicationAbuse' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nenhuma vez' }]
+            }, {
+                'formQuestion': { 'slug': 'TriageIllicitDrugs' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nenhuma vez' }]
+            }, {
+                'formQuestion': { 'slug': 'FeelingNervousOrAnxietyOrTense' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nenhuma vez' }]
+            }, {
+                'formQuestion': { 'slug': 'IncapableToControlConcerns' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nenhuma vez' }]
+            }, {
+                'formQuestion': { 'slug': 'LastTwoWeeksDepressed' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nenhuma vez' }]
+            }, {
+                'formQuestion': { 'slug': 'LastTwoWeeksLostOfInterestDepressed' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Never' }, 'value': 'Nenhuma vez' }]
+            }, {
+                'formQuestion': { 'slug': 'UnprotectedSexInfectiousDiseases' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'InjectionDrugsInfectiousDiseases' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'SyphilisTreatment' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'TuberculosisInfectiousDiseases' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'PreviousDiabetes' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'MedicalMonitoringDiabetes' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'PreviousHypertension' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'MedicalMonitoringHAS' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'PreviousCholesterol' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }, {
+                'formQuestion': { 'slug': 'MedicalMonitoringDyslipidemia' },
+                'formAnswerChoices': [{ 'formQuestionChoice': { 'slug': 'Yes' }, 'value': 'Sim' }]
+            }]
+    }
+};
+const MALE_50 = {};
+const MALE_70 = {};
+
+/** Builds the form-submission body for the automatic-signup triage flow. */
+class DevtoolsTypeform {
+    constructor() {
+        this.userUtils = inject(DevtoolsUserUtils);
+        this.cases = {
+            MALE_18,
+            MALE_50,
+            MALE_70,
+            FEMALE_18,
+            FEMALE_30,
+            FEMALE_42,
+        };
+    }
+    getCase(dataToReplace) {
+        const { biologicalSex, birthdate, personId } = dataToReplace;
+        const key = `${biologicalSex}_${this.userUtils.calculateAge(birthdate)}`;
+        const formJson = this.cases[key];
+        if (!formJson || !formJson.formSubmission) {
+            return {
+                formSubmission: {
+                    person: { id: personId },
+                    landedAt: new Date().toISOString(),
+                    formAnswers: [],
+                },
+            };
+        }
+        return {
+            formSubmission: {
+                ...formJson.formSubmission,
+                person: { id: personId },
+                landedAt: new Date().toISOString(),
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsTypeform, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsTypeform }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsTypeform, decorators: [{
+            type: Injectable
+        }] });
+
+/* Extracted verbatim from the app for self-contained packaging. */
+const EXAMS_18 = [
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 4
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': '20',
+                'expectedExamResult': {
+                    'id': 5
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 2
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': '12',
+                'expectedExamResult': {
+                    'id': 2
+                }
+            },
+            {
+                'value': '8',
+                'expectedExamResult': {
+                    'id': 3
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 5
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': '24',
+                'expectedExamResult': {
+                    'id': 6
+                }
+            },
+            {
+                'value': '24',
+                'expectedExamResult': {
+                    'id': 7
+                }
+            },
+            {
+                'value': '24',
+                'expectedExamResult': {
+                    'id': 8
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 6
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': '12',
+                'expectedExamResult': {
+                    'id': 9
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 7895
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': 'Positivo',
+                'expectedExamResult': {
+                    'id': 39
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 19
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': 'Reagente',
+                'expectedExamResult': {
+                    'id': 23
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 20
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': 'Reagente',
+                'expectedExamResult': {
+                    'id': 24
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    },
+    {
+        'person': {
+            'id': 5518
+        },
+        'documentUrl': 'https://stag-mar-static.s3.us-east-2.amazonaws.com/performed-exam/83379b83-ce53-4738-9bb1-fd48fea247ae.pdf?X-Amz-Security-Token=IQoJb3JpZ2luX2VjEJn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJIMEYCIQCXmt5XvaK1l5abS6W5Wb20oJ51DrMszJPXJUOG5n%2BDxQIhAKOacn2Oj9PJqZQ02yuao2%2BparPJXCigLaaG0bEx7wtvKo4ECJL%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQABoMODU4NTIwMjAxODY0IgyIKcHluQuoiNMjPu4q4gMfnluXq8jJxspyzNCwZ948wmhjj0ebDm8TmzFmUic68sdlE4WsZAcUPQmTcZDImBX0KaukGRcI3jdFX62XaMMJ4Byuxj0EloP%2BGZyah2eDrPZr2%2FhDIKZuyrUtebZUCpZe%2FLI%2FWCBnblI12u14TtJGbcVTbtiw58onl2kvOCgwb9FUskI3dJGmha8CqDMCdOAb3sMQozvU1PgXRIj1o5bDj0U5jFT7VVtuAGv3LqsEfd9dxAj%2FcCwgwCJQ%2BbrjH3ABdxwdiVacDOfqTDWuvemFvjIDjIKXG%2Fq%2BcDXEifcMBNdWk%2BVffcLb0RZLfvF2JW6h4n1vUrfqBiL6FW7s%2FWYF6qrv7h1ZfGt1JtPXiP%2B98vU9MEZhUqB6RmMDTtuvI3o11V7C9GuSdvP15imWhkbmylz0oA98MzjO6RsN5D7CvT1STICeXR1WTGKAvH8p2E5HNL%2BGo11oidE6wMFC0NLDbMD5tbVyPeTGA%2BYzX8XE21gmWoOfntRryK5kyZNbu6K7Y1L0owZ6nYGMBFV9G6jxIsZ3SaPbzh1M3sndmwFYit%2FxaeYNA1rIDyAUkZjdEFPbNMhTK3kKgdb5e8ZWbsXBBuzPdoBpIShIUIVvM%2FnbGkvxBo%2FCOl%2FwrU40by0MWhObpTDX%2Fui1BjqkAXoYq3ayR5DIQFaLyIqrRtqhKUugq5Mf7ecpa08dP729n7YMxd69OLKwLV%2BUAPdUsvsRGJq01BLFJqFyvX4big29FCgavwNb5BtaCPEbtGaGUkOhI44nPc0nIUTMEUc5K26kNbELQfk6sXElU7AfoQtP%2Bj6JmFO9FfJ%2FFTne1VZRcYdjhtPHeOmglGChz7sb3DSODSIVXBXK4fhY%2FD3LKfK6JNwP&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240812T192159Z&X-Amz-SignedHeaders=host&X-Amz-Credential=ASIA4PY6KVKEEJCK2C4E%2F20240812%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Expires=3600&X-Amz-Signature=0cecd10df31c9c0ab2f890f30643441d595ce016865a02b7bd94065b605c4852',
+        'performedAt': '2024-08-12',
+        'exam': {
+            'id': 21
+        },
+        'examParse': {},
+        'examResults': [
+            {
+                'value': '1:8',
+                'expectedExamResult': {
+                    'id': 25
+                }
+            }
+        ],
+        'laboratory': null,
+        'id': null,
+        'source': 'MANUAL'
+    }
+];
+
+/**
+ * All API access for the DevTools, on the package's OWN HttpClient (isolated
+ * interceptor). Mirrors the host UserService surface plus the OTP/Google auth
+ * endpoints, so panels port across with no behavioural change.
+ */
+class DevtoolsApiService {
+    constructor() {
+        this.http = inject(HttpClient);
+        this.config = inject(DEVTOOLS_CONFIG);
+        this.utils = inject(DevtoolsUtils);
+        this.typeform = inject(DevtoolsTypeform);
+    }
+    get api() {
+        return this.config.apiBaseUrl;
+    }
+    get media() {
+        return this.config.media ?? 'WHATSAPP';
+    }
+    // ---- auth endpoints ---------------------------------------------------
+    checkRegistration(cpf) {
+        return this.http.get(`${this.api}/person-registrations`, {
+            params: this.utils.objectParams({ document: onlyDigits(cpf) }),
+        });
+    }
+    requestCode(input) {
+        return this.recaptcha().pipe(switchMap((token) => {
+            const headers = new HttpHeaders({ 'X-Google-Recaptcha-Token': token });
+            const recipientValidationCode = {
+                document: onlyDigits(input.document),
+                phone: input.phone,
+                media: this.media,
+            };
+            if (input.personProperties)
+                recipientValidationCode['personProperties'] = input.personProperties;
+            return this.http.post(`${this.api}/recipient-validation-codes`, { recipientValidationCode }, { headers });
+        }));
+    }
+    exchangeOtp(document, code) {
+        return this.http.post(`${this.api}/token`, {
+            grantType: 'RECIPIENT_VALIDATION_CODE',
+            code: onlyDigits(code),
+            document: onlyDigits(document),
+        });
+    }
+    /** Exchange the OTP code and load the profile in one shot. */
+    otpLogin(document, code) {
+        return this.exchangeOtp(document, code).pipe(switchMap((tokens) => this.self(tokens.accessToken).pipe(map((profile) => ({ accessToken: tokens.accessToken, refreshToken: tokens.refreshToken, profile })))));
+    }
+    exchangeGoogle(googleAccessToken) {
+        return this.http.post(`${this.api}/token`, {
+            grantType: 'GOOGLE_ACCESS_TOKEN',
+            googleAccessToken,
+        });
+    }
+    refreshToken(refreshToken) {
+        return this.http.post(`${this.api}/token`, {
+            grantType: 'REFRESH_TOKEN',
+            refreshToken,
+        });
+    }
+    /** GET /persons/self. Pass a token to use it instead of the admin token. */
+    self(accessToken) {
+        const context = accessToken ? new HttpContext().set(DC_AUTH_TOKEN, accessToken) : undefined;
+        return this.http
+            .get(`${this.api}/persons/self`, context ? { context } : {})
+            .pipe(map((r) => r?.person ?? null));
+    }
+    // ---- users ------------------------------------------------------------
+    findUser(queryParams) {
+        return this.http.get(`${this.api}/persons`, { params: this.utils.objectParams(queryParams) });
+    }
+    findRemoveUserPhone(phone) {
+        return this.findUser({ phones: `+55${phone}` }).pipe(map((res) => res?.persons?.[0]), switchMap((user) => {
+            if (user?.id) {
+                return this.http.patch(`${this.api}/persons/${user.id}`, { person: { phone: null } });
+            }
+            return of('');
+        }));
+    }
+    signupForm(body, phone) {
+        const request = this.http.post(`${this.api}/person-imports`, this.personImportBody(body));
+        if (phone)
+            return this.findRemoveUserPhone(phone).pipe(switchMap(() => request));
+        return request;
+    }
+    autoSignup(body, phone) {
+        return this.signupForm(body, phone).pipe(switchMap(() => this.findUser({ q: body.document }).pipe(map((r) => r?.persons?.[0]))), switchMap((person) => {
+            const { biologicalSex, birthdate, fullName } = body;
+            const formBody = this.typeform.getCase({ personId: person?.id, biologicalSex, birthdate, name: fullName });
+            return this.http.post(`${this.api}/form-submissions`, formBody);
+        }));
+    }
+    personImportBody(body) {
+        const { document, fullName: name, birthdate, biologicalSex, orgDocument, orgDocumentType, customerOrganizationId } = body;
+        return {
+            personImport: {
+                customerOrganization: { id: customerOrganizationId },
+                persons: [
+                    {
+                        document,
+                        personProperties: { name, biologicalSex, birthdate },
+                        subscription: {
+                            ownership: 'HOLDER',
+                            organization: { document: orgDocument, documentType: orgDocumentType },
+                        },
+                    },
+                ],
+            },
+        };
+    }
+    generatePerformedExams(user, age, documentUrl) {
+        return this.findUser({ documents: user.document }).pipe(switchMap((res) => {
+            const person = res?.persons?.[0];
+            const today = new Date();
+            const performedAt = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;
+            if (age === 18) {
+                const performedExams = EXAMS_18.map((exam) => ({
+                    ...exam,
+                    person: { id: person?.id },
+                    performedAt,
+                    examSource: { name: 'ADMIN' },
+                    documentUrl,
+                }));
+                return this.http
+                    .post(`${this.api}/performed-exams/create-many`, { performedExams })
+                    .pipe(map((r) => r?.performedExams ?? []));
+            }
+            return of([]);
+        }));
+    }
+    // ---- organizations + permissions -------------------------------------
+    getWithQuery(params) {
+        return this.http
+            .get(`${this.api}/organizations`, { params: this.utils.objectParams(params) })
+            .pipe(map((r) => r?.organizations ?? []));
+    }
+    getOrganizationsByIds(ids) {
+        if (!ids.length)
+            return of([]);
+        return this.getWithQuery({ minActiveSubscriptions: 1, ids: ids.join(','), offset: 0, limit: 15 });
+    }
+    getAuthStatements(personId) {
+        return this.http
+            .get(`${this.api}/auth-statements`, { params: this.utils.objectParams({ principalPersonIds: personId, roleNames: 'MANAGER,DOCTOR' }) })
+            .pipe(map((r) => r?.authStatements ?? []));
+    }
+    getAuthStatementsByPerson(personId) {
+        return this.http
+            .get(`${this.api}/auth-statements`, { params: this.utils.objectParams({ principalPersonIds: personId }) })
+            .pipe(map((r) => r?.authStatements ?? []));
+    }
+    createAuthStatement(personId, roleName, organizationId) {
+        return this.http.post(`${this.api}/auth-statements`, {
+            authStatement: {
+                role: { name: roleName },
+                principal: { person: { id: personId } },
+                resource: { organization: { id: organizationId } },
+            },
+        });
+    }
+    deleteAuthStatement(authStatementId) {
+        return this.http.delete(`${this.api}/auth-statements/${authStatementId}`);
+    }
+    deleteAuthStatementsByIds(ids) {
+        const valid = ids.filter((id) => !!id);
+        if (!valid.length)
+            return of([]);
+        return forkJoin(valid.map((id) => this.deleteAuthStatement(id)));
+    }
+    // ---- reCAPTCHA --------------------------------------------------------
+    recaptcha() {
+        const key = this.config.recaptchaSiteKey;
+        const grecaptcha = window.grecaptcha;
+        if (!key || !grecaptcha?.execute)
+            return of('');
+        return from(new Promise((resolve) => {
+            grecaptcha.ready(() => grecaptcha.execute(key, { action: 'login' }).then(resolve).catch(() => resolve('')));
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsApiService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsApiService, decorators: [{
+            type: Injectable
+        }] });
+function onlyDigits(v) {
+    return (v ?? '').replace(/\D/g, '');
+}
+
+const ADMIN_TOKEN = 'DEVTOOLS_ADMIN_TOKEN';
+const ADMIN_REFRESH = 'DEVTOOLS_ADMIN_REFRESH';
+const ADMIN_USER = 'DEVTOOLS_ADMIN_USER';
+const OAUTH_FLAG = 'DEVTOOLS_OAUTH_PENDING';
+/**
+ * The DevTools' OWN identity (admin). Completely separate from the host app's
+ * session: its tokens live under `DEVTOOLS_ADMIN_*` and are what the package's
+ * interceptor attaches. The package is "logged in" iff an admin token exists.
+ */
+class DevtoolsAuthService {
+    constructor() {
+        this.storage = inject(DevtoolsStorage);
+        this.config = inject(DEVTOOLS_CONFIG);
+        this.api = inject(DevtoolsApiService);
+        this._token = signal(this.storage.get(ADMIN_TOKEN), ...(ngDevMode ? [{ debugName: "_token" }] : []));
+        this.logged = computed(() => !!this._token(), ...(ngDevMode ? [{ debugName: "logged" }] : []));
+    }
+    adminToken() {
+        return this._token();
+    }
+    adminRefreshToken() {
+        return this.storage.get(ADMIN_REFRESH);
+    }
+    adminProfile() {
+        return this.storage.get(ADMIN_USER);
+    }
+    isLogged() {
+        return !!this._token();
+    }
+    /** Begin Google OAuth for the admin (full-page redirect). */
+    loginGoogleRedirect() {
+        const clientId = this.config.googleClientId;
+        const redirect = this.config.googleRedirectUri || window.location.origin;
+        if (!clientId) {
+            console.error('[devtools] googleClientId not configured');
+            return;
+        }
+        try {
+            sessionStorage.setItem(OAUTH_FLAG, '1');
+        }
+        catch {
+            /* ignore */
+        }
+        window.location.href =
+            `https://accounts.google.com/o/oauth2/v2/auth?client_id=${clientId}` +
+                `&redirect_uri=${encodeURIComponent(redirect)}` +
+                `&response_type=token&scope=openid+email&include_granted_scopes=true`;
+    }
+    /**
+     * Consume a Google OAuth return that WE initiated (guarded by a flag so we
+     * never steal the host app's own OAuth redirect). Exchanges the access token
+     * for admin JWTs and loads the admin profile.
+     */
+    handleGoogleReturn() {
+        let pending = false;
+        try {
+            pending = sessionStorage.getItem(OAUTH_FLAG) === '1';
+        }
+        catch {
+            /* ignore */
+        }
+        if (!pending || !window.location.hash)
+            return;
+        const params = new URLSearchParams(window.location.hash.replace(/^#/, ''));
+        const googleToken = params.get('access_token');
+        if (!googleToken)
+            return;
+        try {
+            sessionStorage.removeItem(OAUTH_FLAG);
+        }
+        catch {
+            /* ignore */
+        }
+        this.exchangeGoogle(googleToken).subscribe({
+            next: () => {
+                try {
+                    history.replaceState(null, '', window.location.pathname + window.location.search);
+                }
+                catch {
+                    /* ignore */
+                }
+            },
+            error: (e) => console.error('[devtools] admin google login failed', e),
+        });
+    }
+    exchangeGoogle(googleToken) {
+        return this.api.exchangeGoogle(googleToken).pipe(tap((tokens) => this.setTokens(tokens)), tap(() => this.api.self(this._token() ?? undefined).subscribe((p) => this.storage.set(ADMIN_USER, p))));
+    }
+    /** Used by the interceptor on 401. */
+    refresh() {
+        return this.api
+            .refreshToken(this.adminRefreshToken() ?? '')
+            .pipe(tap((tokens) => this.setTokens(tokens)));
+    }
+    setTokens(tokens) {
+        this.storage.set(ADMIN_TOKEN, tokens.accessToken);
+        this.storage.set(ADMIN_REFRESH, tokens.refreshToken);
+        this._token.set(tokens.accessToken);
+    }
+    logout() {
+        this.storage.remove(ADMIN_TOKEN);
+        this.storage.remove(ADMIN_REFRESH);
+        this.storage.remove(ADMIN_USER);
+        this._token.set(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsAuthService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsAuthService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Per-request override token: when set, this access token is used instead of
+ * the admin token (e.g. the just-issued test-user token for `persons/self`).
+ */
+const DC_AUTH_TOKEN = new HttpContextToken(() => null);
+/**
+ * The package's OWN HTTP interceptor — registered only on the package's
+ * isolated HttpClient, never on the host's. By default it attaches the DevTools
+ * admin token + `X-Mar-Locale`, and refreshes the admin token on 401. `/token`
+ * is sent bare (no auth, no locale); S3 is passed through untouched.
+ */
+const devtoolsHttpInterceptor = (req, next) => {
+    const config = inject(DEVTOOLS_CONFIG);
+    const auth = inject(DevtoolsAuthService);
+    if (req.url.includes('.s3.'))
+        return next(req);
+    const isTokenEndpoint = req.url.includes('/token');
+    const locale = config.locale ?? 'pt_BR';
+    const override = req.context.get(DC_AUTH_TOKEN);
+    const token = override ?? (isTokenEndpoint ? null : auth.adminToken());
+    const setHeaders = isTokenEndpoint
+        ? {}
+        : { 'X-Mar-Locale': locale };
+    if (token && !isTokenEndpoint)
+        setHeaders['Authorization'] = `Bearer ${token}`;
+    const authed = req.clone({ setHeaders });
+    return next(authed).pipe(catchError((err) => {
+        const canRefresh = err?.status === 401 &&
+            !isTokenEndpoint &&
+            !override &&
+            !!auth.adminRefreshToken();
+        if (canRefresh) {
+            return auth.refresh().pipe(switchMap$1(() => next(req.clone({
+                setHeaders: {
+                    'X-Mar-Locale': locale,
+                    Authorization: `Bearer ${auth.adminToken()}`,
+                },
+            }))), catchError((e) => {
+                auth.logout();
+                return throwError(() => e);
+            }));
+        }
+        return throwError(() => err);
+    }));
+};
+
+const SESSIONS_KEY = 'DEVTOOLS_SESSIONS';
+const ACTIVE_KEY = 'DEVTOOLS_ACTIVE';
+// The active app session — read by the HOST patient app. This is the ONE
+// intentional touch-point with the host.
+const JWT_TOKEN = 'JWT_TOKEN';
+const JWT_REFRESH_TOKEN = 'JWT_REFRESH_TOKEN';
+const APP_USER = 'APP_USER';
+/**
+ * Manages the *active app session* that the host patient app consumes, letting
+ * the QA switch it between the fixed admin (the DevTools identity) and any saved
+ * generated user — without re-OTP. The DevTools' own API calls do NOT use this;
+ * they always use the admin token via the package interceptor.
+ */
+class DevtoolsSessionService {
+    constructor() {
+        this.storage = inject(DevtoolsStorage);
+        this.auth = inject(DevtoolsAuthService);
+        this._sessions = signal(this.storage.get(SESSIONS_KEY) ?? [], ...(ngDevMode ? [{ debugName: "_sessions" }] : []));
+        this.sessions = this._sessions.asReadonly();
+        this.activeId = signal(this.storage.get(ACTIVE_KEY), ...(ngDevMode ? [{ debugName: "activeId" }] : []));
+        /** Admin session derived from the DevTools identity (auth). */
+        this.admin = computed(() => {
+            const token = this.auth.adminToken();
+            if (!token)
+                return null;
+            return {
+                id: 'admin',
+                kind: 'admin',
+                name: this.auth.adminProfile()?.name || this.auth.adminProfile()?.email || 'Admin (DevTools)',
+                accessToken: token,
+                refreshToken: this.auth.adminRefreshToken() ?? '',
+                profile: this.auth.adminProfile(),
+            };
+        }, ...(ngDevMode ? [{ debugName: "admin" }] : []));
+    }
+    saveTestSession(session) {
+        const full = { ...session, id: session.document, kind: 'test' };
+        const next = [full, ...this._sessions().filter((s) => s.id !== full.id)].slice(0, 20);
+        this._sessions.set(next);
+        this.storage.set(SESSIONS_KEY, next);
+        return full;
+    }
+    /** Write a stored session into the host's active-session keys. */
+    switchTo(id) {
+        const session = id === 'admin' ? this.admin() : this._sessions().find((s) => s.id === id) ?? null;
+        if (!session)
+            return null;
+        this.storage.set(JWT_TOKEN, session.accessToken);
+        this.storage.set(JWT_REFRESH_TOKEN, session.refreshToken);
+        this.storage.set(APP_USER, session.profile ?? null);
+        this.activeId.set(id);
+        this.storage.set(ACTIVE_KEY, id);
+        return session;
+    }
+    removeSession(id) {
+        const next = this._sessions().filter((s) => s.id !== id);
+        this._sessions.set(next);
+        this.storage.set(SESSIONS_KEY, next);
+        if (this.activeId() === id && this.admin())
+            this.switchTo('admin');
+    }
+    active() {
+        const id = this.activeId();
+        if (!id)
+            return null;
+        return id === 'admin' ? this.admin() : this._sessions().find((s) => s.id === id) ?? null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsSessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsSessionService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DevtoolsSessionService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Shared inline-style objects for the DevTools domain panels. Bound via
+ * `[style]="UI.x"` so there are no view-encapsulation surprises when the panels
+ * are rendered inside the shell via NgComponentOutlet. Colours follow the
+ * shell's dark theme (the `--dts-*` custom properties).
+ */
+const UI = {
+    intro: {
+        fontSize: '13px',
+        color: '#9a9eab',
+        lineHeight: '1.5',
+        margin: '0 0 16px',
+    },
+    field: {
+        border: '1px solid #2a2c38',
+        borderRadius: '11px',
+        background: '#16181f',
+        padding: '8px 13px',
+        marginBottom: '12px',
+    },
+    label: {
+        fontSize: '10.5px',
+        fontFamily: "'JetBrains Mono',monospace",
+        letterSpacing: '.06em',
+        color: '#7a7e8b',
+        marginBottom: '2px',
+        textTransform: 'uppercase',
+    },
+    input: {
+        width: '100%',
+        border: 'none',
+        background: 'transparent',
+        color: '#eceef3',
+        fontSize: '14.5px',
+        outline: 'none',
+        padding: '2px 0',
+    },
+    primary: {
+        width: '100%',
+        marginTop: '8px',
+        padding: '14px',
+        borderRadius: '12px',
+        border: 'none',
+        background: '#ffc454',
+        color: '#1a1b22',
+        fontSize: '14.5px',
+        fontWeight: '700',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '9px',
+    },
+    ghost: {
+        width: '100%',
+        marginTop: '10px',
+        padding: '12px',
+        borderRadius: '12px',
+        border: '1px solid #2a2c38',
+        background: 'transparent',
+        color: '#8b8f9c',
+        fontSize: '13px',
+        cursor: 'pointer',
+    },
+    card: {
+        background: '#16181f',
+        border: '1px solid #24262f',
+        borderRadius: '12px',
+        padding: '13px 15px',
+        marginBottom: '9px',
+    },
+    row: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+        width: '100%',
+        textAlign: 'left',
+        background: '#16181f',
+        border: '1px solid #24262f',
+        borderRadius: '12px',
+        padding: '13px 15px',
+        marginBottom: '10px',
+        color: '#eceef3',
+        cursor: 'pointer',
+    },
+    mono: {
+        fontFamily: "'JetBrains Mono',monospace",
+        fontSize: '11.5px',
+        color: '#8b8f9c',
+    },
+    pre: {
+        fontFamily: "'JetBrains Mono',monospace",
+        fontSize: '12px',
+        lineHeight: '1.7',
+        color: '#c4c7d0',
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-all',
+        margin: '0',
+        background: '#16181f',
+        border: '1px solid #24262f',
+        borderRadius: '10px',
+        padding: '12px',
+    },
+};
+
+/**
+ * DevTools admin login (Google OAuth, handled inside the package). The admin is
+ * the package's own fixed identity — its tokens are stored separately and used
+ * by the package interceptor for all DevTools calls.
+ */
+class AdminLoginPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.auth = inject(DevtoolsAuthService);
+        this.session = inject(DevtoolsSessionService);
+        this.toast = inject(DevtoolsToastService);
+    }
+    short(token) {
+        return token && token.length > 42 ? token.slice(0, 42) + '…' : token ?? '';
+    }
+    activateAdmin() {
+        this.session.switchTo('admin');
+        this.toast.show('Sessão admin ativada no app');
+    }
+    logout() {
+        this.auth.logout();
+        this.toast.show('DevTools deslogado');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdminLoginPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdminLoginPanelComponent, isStandalone: true, selector: "devtools-admin-login-panel", ngImport: i0, template: `
+    @if (auth.logged()) {
+      <div [style]="UI.card">
+        <div style="display:flex;align-items:center;gap:8px;color:#1fbe7e;font-size:13px;font-weight:600">
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px">shield_person</span>
+          DevTools logado (admin)
+        </div>
+        <div [style]="UI.mono" style="margin-top:8px;word-break:break-all">{{ short(auth.adminToken()) }}</div>
+      </div>
+      @if (session.activeId() === 'admin') {
+        <p [style]="UI.intro" style="color:#1fbe7e">Sessão do app ativa: admin.</p>
+      } @else {
+        <button type="button" [style]="UI.primary" (click)="activateAdmin()">
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:19px">switch_account</span>
+          Ativar sessão admin no app
+        </button>
+      }
+      <button type="button" [style]="UI.ghost" (click)="auth.loginGoogleRedirect()">Refazer login Google</button>
+      <button type="button" [style]="UI.ghost" (click)="logout()">Sair (logout DevTools)</button>
+    } @else {
+      <p [style]="UI.intro">
+        O DevTools tem login próprio (admin). Entre com o Google para liberar as
+        ferramentas — o acesso fica guardado separado do app.
+      </p>
+      <button type="button" [style]="UI.primary" (click)="auth.loginGoogleRedirect()">
+        <span style="width:20px;height:20px;border-radius:50%;background:#23242b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-family:'JetBrains Mono',monospace">G</span>
+        Entrar com Google (admin)
+      </button>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdminLoginPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-admin-login-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (auth.logged()) {
+      <div [style]="UI.card">
+        <div style="display:flex;align-items:center;gap:8px;color:#1fbe7e;font-size:13px;font-weight:600">
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px">shield_person</span>
+          DevTools logado (admin)
+        </div>
+        <div [style]="UI.mono" style="margin-top:8px;word-break:break-all">{{ short(auth.adminToken()) }}</div>
+      </div>
+      @if (session.activeId() === 'admin') {
+        <p [style]="UI.intro" style="color:#1fbe7e">Sessão do app ativa: admin.</p>
+      } @else {
+        <button type="button" [style]="UI.primary" (click)="activateAdmin()">
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:19px">switch_account</span>
+          Ativar sessão admin no app
+        </button>
+      }
+      <button type="button" [style]="UI.ghost" (click)="auth.loginGoogleRedirect()">Refazer login Google</button>
+      <button type="button" [style]="UI.ghost" (click)="logout()">Sair (logout DevTools)</button>
+    } @else {
+      <p [style]="UI.intro">
+        O DevTools tem login próprio (admin). Entre com o Google para liberar as
+        ferramentas — o acesso fica guardado separado do app.
+      </p>
+      <button type="button" [style]="UI.primary" (click)="auth.loginGoogleRedirect()">
+        <span style="width:20px;height:20px;border-radius:50%;background:#23242b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-family:'JetBrains Mono',monospace">G</span>
+        Entrar com Google (admin)
+      </button>
+    }
+  `,
+                }]
+        }] });
+
+/** App login for a generated user via CPF + OTP. Saves + switches the session. */
+class LoginPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.api = inject(DevtoolsApiService);
+        this.session = inject(DevtoolsSessionService);
+        this.userUtils = inject(DevtoolsUserUtils);
+        this.utils = inject(DevtoolsUtils);
+        this.toast = inject(DevtoolsToastService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.step = 'cpf';
+        this.busy = false;
+        this.message = '';
+        this.cpf = '';
+        this.name = '';
+        this.birthdate = '';
+        this.biologicalSex = 'MALE';
+        this.gender = 'MALE';
+        this.phone = '';
+        this.code = '';
+        this.registration = null;
+        this.doneName = '';
+        const [last] = this.userUtils.getUserFromStorage();
+        if (last?.document)
+            this.cpf = this.utils.maskCpfCnpj(last.document);
+    }
+    get media() {
+        return this.api.media;
+    }
+    checkCpf() {
+        const document = this.cpf.replace(/\D/g, '');
+        if (document.length !== 11)
+            return this.fail('CPF inválido — informe 11 dígitos.');
+        this.start('Verificando CPF…');
+        this.api.checkRegistration(document).subscribe({
+            next: (reg) => {
+                this.registration = reg;
+                this.busy = false;
+                this.message = '';
+                this.step = reg.hasDocument ? 'phone' : 'signup';
+                this.cdr.markForCheck();
+            },
+            error: (err) => this.failFromHttp(err, 'Falha ao verificar o CPF.'),
+        });
+    }
+    sendCode(isSignup) {
+        const phoneE164 = this.toE164(this.phone);
+        if (!/^\+55\d{10,11}$/.test(phoneE164))
+            return this.fail('Celular inválido — use DDD + número.');
+        let personProperties;
+        if (isSignup) {
+            if (!this.name.trim())
+                return this.fail('Informe o nome.');
+            if (!/^\d{4}-\d{2}-\d{2}$/.test(this.birthdate))
+                return this.fail('Data de nascimento inválida (YYYY-MM-DD).');
+            personProperties = { name: this.name.trim(), birthdate: this.birthdate, biologicalSex: this.biologicalSex, gender: this.gender };
+        }
+        this.start('Enviando código…');
+        this.api.requestCode({ document: this.cpf, phone: phoneE164, personProperties }).subscribe({
+            next: () => {
+                this.busy = false;
+                this.message = '';
+                this.step = 'code';
+                this.toast.show('Código enviado via ' + this.media);
+                this.cdr.markForCheck();
+            },
+            error: (err) => this.failFromHttp(err, 'Falha ao enviar o código.'),
+        });
+    }
+    resend() {
+        this.sendCode(!!this.registration && !this.registration.hasDocument);
+    }
+    confirm() {
+        if (!/^\d{6}$/.test(this.code))
+            return this.fail('Código inválido — 6 dígitos.');
+        const document = this.cpf.replace(/\D/g, '');
+        this.start('Entrando…');
+        this.api.otpLogin(document, this.code).subscribe({
+            next: (res) => {
+                const profile = res.profile;
+                const name = profile?.personProperties?.name || profile?.name || this.name.trim() || this.fmtCpf(document);
+                const saved = this.session.saveTestSession({
+                    name,
+                    document,
+                    accessToken: res.accessToken,
+                    refreshToken: res.refreshToken,
+                    profile,
+                });
+                this.session.switchTo(saved.id);
+                this.doneName = name;
+                this.busy = false;
+                this.message = '';
+                this.step = 'done';
+                this.toast.show('Login efetuado · sessão do app ativada');
+                this.cdr.markForCheck();
+            },
+            error: (err) => this.failFromHttp(err, 'Código incorreto ou expirado.'),
+        });
+    }
+    reset() {
+        this.step = 'cpf';
+        this.code = '';
+        this.message = '';
+        this.cdr.markForCheck();
+    }
+    toE164(phone) {
+        const digits = (phone || '').replace(/\D/g, '');
+        if (!digits)
+            return '';
+        return digits.startsWith('55') ? `+${digits}` : `+55${digits}`;
+    }
+    fmtCpf(d) {
+        return (d || '').replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
+    }
+    start(msg) {
+        this.busy = true;
+        this.message = msg;
+        this.cdr.markForCheck();
+    }
+    fail(msg) {
+        this.busy = false;
+        this.message = msg;
+        this.cdr.markForCheck();
+    }
+    failFromHttp(err, fallback) {
+        this.busy = false;
+        this.message = err?.error?.message || fallback;
+        this.utils.setErrorToast(err);
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LoginPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: LoginPanelComponent, isStandalone: true, selector: "devtools-login-panel", ngImport: i0, template: `
+    @if (step === 'cpf') {
+      <p [style]="UI.intro">Login no app do paciente com um CPF gerado. O código de 6 dígitos chega via {{ media }}.</p>
+      <div [style]="UI.field"><div [style]="UI.label">CPF gerado</div>
+        <input [style]="UI.input" [(ngModel)]="cpf" placeholder="000.000.000-00" inputmode="numeric" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="checkCpf()">{{ busy ? 'Verificando…' : 'Continuar' }}</button>
+    }
+
+    @if (step === 'signup') {
+      <p [style]="UI.intro">CPF novo — preencha os dados para criar a conta no app.</p>
+      <div [style]="UI.field"><div [style]="UI.label">Nome completo</div><input [style]="UI.input" [(ngModel)]="name" placeholder="João Silva" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">Data de nascimento</div><input [style]="UI.input" type="date" [(ngModel)]="birthdate" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">Sexo biológico</div>
+        <select [style]="UI.input" [(ngModel)]="biologicalSex"><option value="MALE">MALE</option><option value="FEMALE">FEMALE</option></select></div>
+      <div [style]="UI.field"><div [style]="UI.label">Gênero</div>
+        <select [style]="UI.input" [(ngModel)]="gender"><option value="MALE">MALE</option><option value="FEMALE">FEMALE</option><option value="NON_BINARY">NON_BINARY</option><option value="OTHER">OTHER</option></select></div>
+      <div [style]="UI.field"><div [style]="UI.label">Celular</div><input [style]="UI.input" [(ngModel)]="phone" placeholder="(11) 98765-4321" inputmode="tel" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="sendCode(true)">{{ busy ? 'Enviando…' : 'Enviar código' }}</button>
+    }
+
+    @if (step === 'phone') {
+      <p [style]="UI.intro">
+        CPF encontrado. Código para o celular
+        @if (registration?.phoneAreaCode || registration?.phoneEnding) {
+          <strong style="color:#eceef3">({{ registration?.phoneAreaCode }}) •••••-{{ registration?.phoneEnding }}</strong>.
+        }
+        Confirme o número completo.
+      </p>
+      <div [style]="UI.field"><div [style]="UI.label">Celular</div><input [style]="UI.input" [(ngModel)]="phone" placeholder="(11) 98765-4321" inputmode="tel" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="sendCode(false)">{{ busy ? 'Enviando…' : 'Enviar código' }}</button>
+    }
+
+    @if (step === 'code') {
+      <p [style]="UI.intro">Digite o código de 6 dígitos enviado via {{ media }}.</p>
+      <div [style]="UI.field"><div [style]="UI.label">Código</div>
+        <input [style]="UI.input" [(ngModel)]="code" placeholder="000000" inputmode="numeric" maxlength="6"
+               style="font-family:'JetBrains Mono',monospace;letter-spacing:.4em;font-size:20px" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="confirm()">{{ busy ? 'Entrando…' : 'Entrar' }}</button>
+      <button type="button" [style]="UI.ghost" [disabled]="busy" (click)="resend()">Reenviar código</button>
+    }
+
+    @if (step === 'done') {
+      <div [style]="UI.card">
+        <div style="display:flex;align-items:center;gap:8px;color:#1fbe7e;font-size:13px;font-weight:600">
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px">check_circle</span>
+          Logado como {{ doneName }}
+        </div>
+        <div [style]="UI.mono" style="margin-top:6px">Sessão do app ativada e salva.</div>
+      </div>
+      <button type="button" [style]="UI.ghost" (click)="reset()">Entrar com outro CPF</button>
+    }
+
+    @if (message) { <div style="margin-top:14px;font-size:13px;color:#d6604f">{{ message }}</div> }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LoginPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-login-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule],
+                    template: `
+    @if (step === 'cpf') {
+      <p [style]="UI.intro">Login no app do paciente com um CPF gerado. O código de 6 dígitos chega via {{ media }}.</p>
+      <div [style]="UI.field"><div [style]="UI.label">CPF gerado</div>
+        <input [style]="UI.input" [(ngModel)]="cpf" placeholder="000.000.000-00" inputmode="numeric" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="checkCpf()">{{ busy ? 'Verificando…' : 'Continuar' }}</button>
+    }
+
+    @if (step === 'signup') {
+      <p [style]="UI.intro">CPF novo — preencha os dados para criar a conta no app.</p>
+      <div [style]="UI.field"><div [style]="UI.label">Nome completo</div><input [style]="UI.input" [(ngModel)]="name" placeholder="João Silva" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">Data de nascimento</div><input [style]="UI.input" type="date" [(ngModel)]="birthdate" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">Sexo biológico</div>
+        <select [style]="UI.input" [(ngModel)]="biologicalSex"><option value="MALE">MALE</option><option value="FEMALE">FEMALE</option></select></div>
+      <div [style]="UI.field"><div [style]="UI.label">Gênero</div>
+        <select [style]="UI.input" [(ngModel)]="gender"><option value="MALE">MALE</option><option value="FEMALE">FEMALE</option><option value="NON_BINARY">NON_BINARY</option><option value="OTHER">OTHER</option></select></div>
+      <div [style]="UI.field"><div [style]="UI.label">Celular</div><input [style]="UI.input" [(ngModel)]="phone" placeholder="(11) 98765-4321" inputmode="tel" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="sendCode(true)">{{ busy ? 'Enviando…' : 'Enviar código' }}</button>
+    }
+
+    @if (step === 'phone') {
+      <p [style]="UI.intro">
+        CPF encontrado. Código para o celular
+        @if (registration?.phoneAreaCode || registration?.phoneEnding) {
+          <strong style="color:#eceef3">({{ registration?.phoneAreaCode }}) •••••-{{ registration?.phoneEnding }}</strong>.
+        }
+        Confirme o número completo.
+      </p>
+      <div [style]="UI.field"><div [style]="UI.label">Celular</div><input [style]="UI.input" [(ngModel)]="phone" placeholder="(11) 98765-4321" inputmode="tel" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="sendCode(false)">{{ busy ? 'Enviando…' : 'Enviar código' }}</button>
+    }
+
+    @if (step === 'code') {
+      <p [style]="UI.intro">Digite o código de 6 dígitos enviado via {{ media }}.</p>
+      <div [style]="UI.field"><div [style]="UI.label">Código</div>
+        <input [style]="UI.input" [(ngModel)]="code" placeholder="000000" inputmode="numeric" maxlength="6"
+               style="font-family:'JetBrains Mono',monospace;letter-spacing:.4em;font-size:20px" /></div>
+      <button type="button" [style]="UI.primary" [disabled]="busy" (click)="confirm()">{{ busy ? 'Entrando…' : 'Entrar' }}</button>
+      <button type="button" [style]="UI.ghost" [disabled]="busy" (click)="resend()">Reenviar código</button>
+    }
+
+    @if (step === 'done') {
+      <div [style]="UI.card">
+        <div style="display:flex;align-items:center;gap:8px;color:#1fbe7e;font-size:13px;font-weight:600">
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px">check_circle</span>
+          Logado como {{ doneName }}
+        </div>
+        <div [style]="UI.mono" style="margin-top:6px">Sessão do app ativada e salva.</div>
+      </div>
+      <button type="button" [style]="UI.ghost" (click)="reset()">Entrar com outro CPF</button>
+    }
+
+    @if (message) { <div style="margin-top:14px;font-size:13px;color:#d6604f">{{ message }}</div> }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+/** Switch the active app session between admin and saved generated users. */
+class SwitchPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.session = inject(DevtoolsSessionService);
+        this.toast = inject(DevtoolsToastService);
+    }
+    rows() {
+        const admin = this.session.admin();
+        return [...(admin ? [admin] : []), ...this.session.sessions()];
+    }
+    active() {
+        return this.session.activeId();
+    }
+    switch(s) {
+        this.session.switchTo(s.id);
+        this.toast.show('Sessão ativa: ' + s.name);
+    }
+    remove(event, s) {
+        event.stopPropagation();
+        this.session.removeSession(s.id);
+        this.toast.show('Sessão removida');
+    }
+    fmtCpf(d) {
+        return (d || '').replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SwitchPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SwitchPanelComponent, isStandalone: true, selector: "devtools-switch-panel", ngImport: i0, template: `
+    <p [style]="UI.intro">
+      Troque a sessão ativa do app. O admin fica sempre guardado; os usuários
+      gerados são salvos para evitar refazer o OTP.
+    </p>
+    @for (s of rows(); track s.id) {
+      <button type="button" [style]="UI.row" (click)="switch(s)">
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:20px"
+              [style.color]="s.kind === 'admin' ? '#ffc454' : '#5b8cff'">
+          {{ s.kind === 'admin' ? 'shield_person' : 'person' }}
+        </span>
+        <div style="flex:1;min-width:0">
+          <div style="font-size:14px;font-weight:600;color:#eceef3">{{ s.name }}</div>
+          <div [style]="UI.mono">{{ s.document ? fmtCpf(s.document) : 'DevTools' }}</div>
+        </div>
+        @if (active() === s.id) {
+          <span style="font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:#1fbe7e;background:#10241b;border:1px solid #1e4634;border-radius:6px;padding:4px 8px">ATIVO</span>
+        } @else if (s.kind === 'test') {
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px;color:#6a6e7b" (click)="remove($event, s)">delete</span>
+        }
+      </button>
+    } @empty {
+      <p [style]="UI.intro">Nenhuma sessão salva. Faça login admin e gere usuários.</p>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SwitchPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-switch-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <p [style]="UI.intro">
+      Troque a sessão ativa do app. O admin fica sempre guardado; os usuários
+      gerados são salvos para evitar refazer o OTP.
+    </p>
+    @for (s of rows(); track s.id) {
+      <button type="button" [style]="UI.row" (click)="switch(s)">
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:20px"
+              [style.color]="s.kind === 'admin' ? '#ffc454' : '#5b8cff'">
+          {{ s.kind === 'admin' ? 'shield_person' : 'person' }}
+        </span>
+        <div style="flex:1;min-width:0">
+          <div style="font-size:14px;font-weight:600;color:#eceef3">{{ s.name }}</div>
+          <div [style]="UI.mono">{{ s.document ? fmtCpf(s.document) : 'DevTools' }}</div>
+        </div>
+        @if (active() === s.id) {
+          <span style="font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:#1fbe7e;background:#10241b;border:1px solid #1e4634;border-radius:6px;padding:4px 8px">ATIVO</span>
+        } @else if (s.kind === 'test') {
+          <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px;color:#6a6e7b" (click)="remove($event, s)">delete</span>
+        }
+      </button>
+    } @empty {
+      <p [style]="UI.intro">Nenhuma sessão salva. Faça login admin e gere usuários.</p>
+    }
+  `,
+                }]
+        }] });
+
+/** Real user generator (manual + automatic) + post-run OTP login. */
+class GeneratorPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.api = inject(DevtoolsApiService);
+        this.userUtils = inject(DevtoolsUserUtils);
+        this.utils = inject(DevtoolsUtils);
+        this.auth = inject(DevtoolsAuthService);
+        this.session = inject(DevtoolsSessionService);
+        this.config = inject(DEVTOOLS_CONFIG);
+        this.toast = inject(DevtoolsToastService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.scenarios = [
+            { key: 'manual', title: 'Cadastro manual', description: 'Preenche e envia formulário com dados visíveis.' },
+            { key: 'auto', title: 'Cadastro automático', description: 'Cria usuário e envia formulário automático de triagem.' },
+        ];
+        this.responsesFormCase = OPTIONS_RESPONSES_CASE;
+        this.fixedOrgId = this.config.fixedOrgId ?? 200;
+        this.scenario = 'manual';
+        this.removePhone = false;
+        this.phone = '';
+        this.responseCase = OPTIONS_RESPONSES_CASE[0];
+        this.selectedOrgName = 'Mar Salt Of';
+        this.customerOrganizationId = String(this.config.fixedOrgId ?? 200);
+        this.gender = 'MALE';
+        this.status = 'idle';
+        this.executionMessage = 'Aguardando execução';
+        this.dadosText = '';
+        this.message = '';
+        this.generatedCpf = '';
+        this.generatedPhone = '';
+        this.loginStep = 'idle';
+        this.loginCode = '';
+        this.loginBusy = false;
+    }
+    get media() {
+        return this.api.media;
+    }
+    ngOnInit() {
+        this.api.getWithQuery({ ids: String(this.fixedOrgId) }).subscribe({
+            next: (list) => {
+                const [org] = list ?? [];
+                if (org)
+                    this.applyOrg(org);
+                this.cdr.markForCheck();
+            },
+            error: () => { },
+        });
+    }
+    toggleSms() {
+        this.removePhone = !this.removePhone;
+        if (this.removePhone && !this.phone.replace(/\D/g, ''))
+            this.phone = this.adminPhone();
+    }
+    adminPhone() {
+        const profile = this.session.admin()?.profile;
+        const raw = profile?.phone || profile?.phones?.[0] || this.config.adminPhone || '';
+        return String(raw).replace(/\D/g, '').replace(/^55/, '');
+    }
+    applyOrg(org) {
+        const { id, parent, document, documentType, name } = org ?? {};
+        if (id || parent) {
+            this.customerOrganizationId = (parent?.id ?? id)?.toString() ?? this.customerOrganizationId;
+            this.orgDocument = document;
+            this.orgDocumentType = documentType;
+        }
+        if (name)
+            this.selectedOrgName = name;
+    }
+    selectScenario(key) {
+        this.scenario = key;
+        this.status = 'idle';
+        this.executionMessage = `Cenário selecionado: ${key === 'manual' ? 'Cadastro manual' : 'Cadastro automático'}`;
+        if (key === 'manual' && !this.fullName) {
+            this.fullName = this.userUtils.generateRandomName();
+            this.document = this.userUtils.generateCPF();
+            this.gender = this.userUtils.generateRandomGender();
+            this.bday = this.userUtils.generateRandomBirthDate();
+        }
+    }
+    run() {
+        if (!this.auth.isLogged()) {
+            this.toast.show('Faça login admin para gerar usuários');
+            return;
+        }
+        const isManual = this.scenario === 'manual';
+        const fullName = (this.fullName && this.fullName.trim()) || this.userUtils.generateRandomName();
+        const document = (this.document && this.document.replace(/\D/g, '')) || this.userUtils.generateCPF();
+        if (!isManual) {
+            this.fullName = fullName;
+            this.document = document;
+        }
+        const payload = {
+            fullName,
+            document,
+            biologicalSex: isManual ? this.gender : this.responseCase.biologicalSex,
+            birthdate: isManual ? (this.bday || this.userUtils.generateRandomBirthDate()) : this.userUtils.calculateBirthDate(this.responseCase.age),
+            typeGenerator: isManual ? 'signup' : 'autoSignup',
+            orgDocument: this.orgDocument,
+            orgDocumentType: this.orgDocumentType,
+            customerOrganizationId: this.customerOrganizationId,
+        };
+        const phoneToRelease = this.removePhone ? this.phone.replace(/\D/g, '') : undefined;
+        const call = isManual ? this.api.signupForm(payload, phoneToRelease) : this.api.autoSignup(payload, phoneToRelease);
+        this.status = 'running';
+        this.executionMessage = 'Executando cenário…';
+        this.message = '';
+        this.loginStep = 'idle';
+        this.cdr.markForCheck();
+        call.subscribe({
+            next: () => {
+                this.userUtils.setToStorage(payload);
+                this.status = 'success';
+                this.executionMessage = 'Cenário executado com sucesso.';
+                this.generatedCpf = document;
+                this.generatedPhone = phoneToRelease ?? this.phone.replace(/\D/g, '');
+                this.dadosText = this.buildDados(payload);
+                this.toast.show('Usuário gerado · ' + fullName);
+                this.cdr.markForCheck();
+            },
+            error: (err) => {
+                this.status = 'error';
+                this.executionMessage = 'Falha na execução do cenário.';
+                this.utils.setErrorToast(err);
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    startLogin() {
+        const phoneE164 = this.toE164(this.generatedPhone || this.phone);
+        if (!/^\+55\d{10,11}$/.test(phoneE164)) {
+            this.message = 'Defina o celular do usuário (toggle SMS) para receber o código.';
+            this.cdr.markForCheck();
+            return;
+        }
+        this.loginBusy = true;
+        this.message = '';
+        this.cdr.markForCheck();
+        this.api.requestCode({ document: this.generatedCpf, phone: phoneE164 }).subscribe({
+            next: () => {
+                this.loginBusy = false;
+                this.loginStep = 'code';
+                this.toast.show('Código enviado via ' + this.media);
+                this.cdr.markForCheck();
+            },
+            error: (err) => {
+                this.loginBusy = false;
+                this.message = err?.error?.message || 'Falha ao enviar o código.';
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    confirmLogin() {
+        if (!/^\d{6}$/.test(this.loginCode)) {
+            this.message = 'Código inválido — 6 dígitos.';
+            this.cdr.markForCheck();
+            return;
+        }
+        this.loginBusy = true;
+        this.cdr.markForCheck();
+        this.api.otpLogin(this.generatedCpf, this.loginCode).subscribe({
+            next: (res) => {
+                const profile = res.profile;
+                const name = profile?.personProperties?.name || profile?.name || this.fullName || this.generatedCpf;
+                const saved = this.session.saveTestSession({
+                    name,
+                    document: this.generatedCpf,
+                    accessToken: res.accessToken,
+                    refreshToken: res.refreshToken,
+                    profile,
+                });
+                this.session.switchTo(saved.id);
+                this.loginBusy = false;
+                this.loginStep = 'done';
+                this.toast.show('Login efetuado · sessão do app ativada');
+                this.cdr.markForCheck();
+            },
+            error: (err) => {
+                this.loginBusy = false;
+                this.message = err?.error?.message || 'Código incorreto ou expirado.';
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    toE164(phone) {
+        const digits = (phone || '').replace(/\D/g, '');
+        if (!digits)
+            return '';
+        return digits.startsWith('55') ? `+${digits}` : `+55${digits}`;
+    }
+    buildDados(u) {
+        const age = this.userUtils.calculateAge(u.birthdate);
+        return `Documento: ${u.document}\nNome: ${u.fullName}\nSexo biológico: ${u.biologicalSex}\nNascimento (idade): ${u.birthdate} (${age})\nTipo: ${u.typeGenerator}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GeneratorPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GeneratorPanelComponent, isStandalone: true, selector: "devtools-generator-panel", ngImport: i0, template: `
+    <div [style]="UI.label">Cenários</div>
+    @for (card of scenarios; track card.key) {
+      <button type="button" [style]="UI.card"
+        [style.borderColor]="scenario === card.key ? '#4b4ea8' : '#24262f'"
+        [style.background]="scenario === card.key ? '#1a1b2e' : '#16181f'"
+        style="width:100%;text-align:left;cursor:pointer" (click)="selectScenario(card.key)">
+        <div style="font-size:14px;font-weight:600" [style.color]="scenario === card.key ? '#bcbdff' : '#cdd0d9'">{{ card.title }}</div>
+        <div style="font-size:12px;color:#8b8f9c;margin-top:3px;line-height:1.4">{{ card.description }}</div>
+      </button>
+    }
+
+    <label style="display:flex;align-items:center;gap:12px;margin:16px 0;cursor:pointer">
+      <button type="button" (click)="toggleSms()"
+        [style.background]="removePhone ? '#ffc454' : '#33353f'"
+        style="width:44px;height:26px;border-radius:999px;border:none;padding:3px;display:flex;flex:none"
+        [style.justifyContent]="removePhone ? 'flex-end' : 'flex-start'">
+        <span style="width:20px;height:20px;border-radius:50%;background:#fff;display:block"></span>
+      </button>
+      <span style="font-size:13.5px;color:#cdd0d9">Liberar meu celular para testes SMS</span>
+    </label>
+    @if (removePhone) {
+      <div [style]="UI.field"><div [style]="UI.label">Celular (será liberado no cadastro)</div>
+        <input [style]="UI.input" [(ngModel)]="phone" placeholder="11985024625" inputmode="tel" /></div>
+    }
+
+    @if (scenario === 'auto') {
+      <div [style]="UI.field"><div [style]="UI.label">Tipo de formulário</div>
+        <select [style]="UI.input" [(ngModel)]="responseCase">
+          @for (c of responsesFormCase; track c.value) { <option [ngValue]="c">{{ c.name }}</option> }
+        </select></div>
+    }
+
+    <div [style]="UI.field"><div [style]="UI.label">Empresa do tipo RH (fixa)</div>
+      <div style="color:#eceef3;font-size:14px;padding:2px 0">{{ selectedOrgName }}</div></div>
+
+    @if (scenario === 'manual') {
+      <div [style]="UI.field"><div [style]="UI.label">Nome</div><input [style]="UI.input" [(ngModel)]="fullName" placeholder="Auto se vazio" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">CPF</div><input [style]="UI.input" [(ngModel)]="document" placeholder="Auto se vazio" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">Sexo Biológico *</div>
+        <select [style]="UI.input" [(ngModel)]="gender"><option value="MALE">Masculino</option><option value="FEMALE">Feminino</option></select></div>
+      <div [style]="UI.field"><div [style]="UI.label">Nascimento (YYYY-MM-DD)</div><input [style]="UI.input" [(ngModel)]="bday" placeholder="1990-05-15" /></div>
+    }
+
+    <div style="margin:12px 0;padding:12px 14px;background:#16181f;border:1px solid #24262f;border-radius:11px">
+      <div [style]="UI.label">Execução</div>
+      <div style="font-size:13px;color:#d7d9e0;margin-top:2px">{{ executionMessage }}</div>
+    </div>
+
+    <button type="button" [style]="UI.primary" [disabled]="status === 'running'" (click)="run()">
+      {{ status === 'running' ? 'Executando…' : 'Executar cenário' }}
+    </button>
+
+    @if (generatedCpf) {
+      <div style="margin-top:22px;border-top:1px solid #23252f;padding-top:18px">
+        <div style="font-size:13px;font-weight:600;color:#f0f1f4;margin-bottom:10px">Usuário criado</div>
+        @if (scenario === 'manual') { <pre [style]="UI.pre" style="white-space:pre-wrap">{{ dadosText }}</pre> }
+        @else { <div [style]="UI.mono">Usuário automático criado (dados ocultos).</div> }
+
+        @if (loginStep === 'idle') {
+          <button type="button" [style]="UI.primary" (click)="startLogin()">
+            <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:19px">login</span>
+            Login com este usuário
+          </button>
+        } @else if (loginStep === 'code') {
+          <p [style]="UI.intro" style="margin-top:14px">Código enviado via {{ media }} para o celular do usuário.</p>
+          <div [style]="UI.field"><div [style]="UI.label">Código (6 dígitos)</div>
+            <input [style]="UI.input" [(ngModel)]="loginCode" placeholder="000000" inputmode="numeric" maxlength="6"
+                   style="font-family:'JetBrains Mono',monospace;letter-spacing:.4em;font-size:20px" /></div>
+          <button type="button" [style]="UI.primary" [disabled]="loginBusy" (click)="confirmLogin()">{{ loginBusy ? 'Entrando…' : 'Entrar' }}</button>
+        } @else {
+          <div [style]="UI.card" style="margin-top:14px;color:#1fbe7e">Logado e sessão do app ativada.</div>
+        }
+      </div>
+    }
+
+    @if (message) { <div style="margin-top:14px;font-size:13px;color:#d6604f">{{ message }}</div> }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GeneratorPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-generator-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule],
+                    template: `
+    <div [style]="UI.label">Cenários</div>
+    @for (card of scenarios; track card.key) {
+      <button type="button" [style]="UI.card"
+        [style.borderColor]="scenario === card.key ? '#4b4ea8' : '#24262f'"
+        [style.background]="scenario === card.key ? '#1a1b2e' : '#16181f'"
+        style="width:100%;text-align:left;cursor:pointer" (click)="selectScenario(card.key)">
+        <div style="font-size:14px;font-weight:600" [style.color]="scenario === card.key ? '#bcbdff' : '#cdd0d9'">{{ card.title }}</div>
+        <div style="font-size:12px;color:#8b8f9c;margin-top:3px;line-height:1.4">{{ card.description }}</div>
+      </button>
+    }
+
+    <label style="display:flex;align-items:center;gap:12px;margin:16px 0;cursor:pointer">
+      <button type="button" (click)="toggleSms()"
+        [style.background]="removePhone ? '#ffc454' : '#33353f'"
+        style="width:44px;height:26px;border-radius:999px;border:none;padding:3px;display:flex;flex:none"
+        [style.justifyContent]="removePhone ? 'flex-end' : 'flex-start'">
+        <span style="width:20px;height:20px;border-radius:50%;background:#fff;display:block"></span>
+      </button>
+      <span style="font-size:13.5px;color:#cdd0d9">Liberar meu celular para testes SMS</span>
+    </label>
+    @if (removePhone) {
+      <div [style]="UI.field"><div [style]="UI.label">Celular (será liberado no cadastro)</div>
+        <input [style]="UI.input" [(ngModel)]="phone" placeholder="11985024625" inputmode="tel" /></div>
+    }
+
+    @if (scenario === 'auto') {
+      <div [style]="UI.field"><div [style]="UI.label">Tipo de formulário</div>
+        <select [style]="UI.input" [(ngModel)]="responseCase">
+          @for (c of responsesFormCase; track c.value) { <option [ngValue]="c">{{ c.name }}</option> }
+        </select></div>
+    }
+
+    <div [style]="UI.field"><div [style]="UI.label">Empresa do tipo RH (fixa)</div>
+      <div style="color:#eceef3;font-size:14px;padding:2px 0">{{ selectedOrgName }}</div></div>
+
+    @if (scenario === 'manual') {
+      <div [style]="UI.field"><div [style]="UI.label">Nome</div><input [style]="UI.input" [(ngModel)]="fullName" placeholder="Auto se vazio" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">CPF</div><input [style]="UI.input" [(ngModel)]="document" placeholder="Auto se vazio" /></div>
+      <div [style]="UI.field"><div [style]="UI.label">Sexo Biológico *</div>
+        <select [style]="UI.input" [(ngModel)]="gender"><option value="MALE">Masculino</option><option value="FEMALE">Feminino</option></select></div>
+      <div [style]="UI.field"><div [style]="UI.label">Nascimento (YYYY-MM-DD)</div><input [style]="UI.input" [(ngModel)]="bday" placeholder="1990-05-15" /></div>
+    }
+
+    <div style="margin:12px 0;padding:12px 14px;background:#16181f;border:1px solid #24262f;border-radius:11px">
+      <div [style]="UI.label">Execução</div>
+      <div style="font-size:13px;color:#d7d9e0;margin-top:2px">{{ executionMessage }}</div>
+    </div>
+
+    <button type="button" [style]="UI.primary" [disabled]="status === 'running'" (click)="run()">
+      {{ status === 'running' ? 'Executando…' : 'Executar cenário' }}
+    </button>
+
+    @if (generatedCpf) {
+      <div style="margin-top:22px;border-top:1px solid #23252f;padding-top:18px">
+        <div style="font-size:13px;font-weight:600;color:#f0f1f4;margin-bottom:10px">Usuário criado</div>
+        @if (scenario === 'manual') { <pre [style]="UI.pre" style="white-space:pre-wrap">{{ dadosText }}</pre> }
+        @else { <div [style]="UI.mono">Usuário automático criado (dados ocultos).</div> }
+
+        @if (loginStep === 'idle') {
+          <button type="button" [style]="UI.primary" (click)="startLogin()">
+            <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:19px">login</span>
+            Login com este usuário
+          </button>
+        } @else if (loginStep === 'code') {
+          <p [style]="UI.intro" style="margin-top:14px">Código enviado via {{ media }} para o celular do usuário.</p>
+          <div [style]="UI.field"><div [style]="UI.label">Código (6 dígitos)</div>
+            <input [style]="UI.input" [(ngModel)]="loginCode" placeholder="000000" inputmode="numeric" maxlength="6"
+                   style="font-family:'JetBrains Mono',monospace;letter-spacing:.4em;font-size:20px" /></div>
+          <button type="button" [style]="UI.primary" [disabled]="loginBusy" (click)="confirmLogin()">{{ loginBusy ? 'Entrando…' : 'Entrar' }}</button>
+        } @else {
+          <div [style]="UI.card" style="margin-top:14px;color:#1fbe7e">Logado e sessão do app ativada.</div>
+        }
+      </div>
+    }
+
+    @if (message) { <div style="margin-top:14px;font-size:13px;color:#d6604f">{{ message }}</div> }
+  `,
+                }]
+        }] });
+
+/** Release a phone number (with the 2013 conflict recovery). */
+class PhonePanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.api = inject(DevtoolsApiService);
+        this.utils = inject(DevtoolsUtils);
+        this.auth = inject(DevtoolsAuthService);
+        this.toast = inject(DevtoolsToastService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.phone = '';
+        this.running = false;
+        this.message = '';
+    }
+    release() {
+        if (!this.auth.isLogged()) {
+            this.toast.show('Faça login admin para liberar celulares');
+            return;
+        }
+        const phone = this.utils.removePhoneMask(this.phone);
+        if (!phone) {
+            this.toast.show('Informe um número');
+            return;
+        }
+        this.running = true;
+        this.message = 'Liberando celular…';
+        this.cdr.markForCheck();
+        this.api.findRemoveUserPhone(phone).subscribe({
+            next: () => this.done('Celular liberado para testes.'),
+            error: (err) => {
+                if (err?.error?.code === 2013 || err?.error?.code === '2013') {
+                    this.resolveConflictAndRetry(phone);
+                    return;
+                }
+                this.fail(err);
+            },
+        });
+    }
+    resolveConflictAndRetry(phone) {
+        this.message = 'Removendo permissões vinculadas e tentando novamente…';
+        this.cdr.markForCheck();
+        this.api
+            .findUser({ phones: `+55${phone}` })
+            .pipe(map((response) => response?.persons?.[0]), switchMap((person) => {
+            if (!person?.id) {
+                this.fail({ error: { message: 'Usuário do número não identificado.' } });
+                return EMPTY;
+            }
+            return this.api.getAuthStatementsByPerson(person.id).pipe(switchMap((statements) => {
+                if (statements.some((s) => s?.role?.name === 'ADMIN')) {
+                    this.running = false;
+                    this.message = 'Usuário admin detectado — peça a remoção manual.';
+                    this.toast.show('Não é possível liberar número de admin');
+                    this.cdr.markForCheck();
+                    return EMPTY;
+                }
+                const ids = statements.map((s) => s?.id).filter((id) => !!id);
+                return this.api.deleteAuthStatementsByIds(ids).pipe(switchMap(() => this.api.findRemoveUserPhone(phone)));
+            }));
+        }))
+            .subscribe({
+            next: () => this.done('Celular liberado após remover permissões vinculadas.'),
+            error: (err) => this.fail(err),
+        });
+    }
+    done(msg) {
+        this.running = false;
+        this.message = msg;
+        this.toast.show('Celular liberado');
+        this.cdr.markForCheck();
+    }
+    fail(err) {
+        this.running = false;
+        this.message = 'Falha ao liberar celular.';
+        this.utils.setErrorToast(err);
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PhonePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: PhonePanelComponent, isStandalone: true, selector: "devtools-phone-panel", ngImport: i0, template: `
+    <p [style]="UI.intro">Desvincula um número de celular para reutilizá-lo em testes de SMS / OTP.</p>
+    <div [style]="UI.field"><div [style]="UI.label">Celular (DDD + número)</div>
+      <input [style]="UI.input" [(ngModel)]="phone" placeholder="11990000000" inputmode="tel" /></div>
+    <button type="button" [style]="UI.primary" [disabled]="running" (click)="release()">{{ running ? 'Liberando…' : 'Liberar celular' }}</button>
+    @if (message) { <div style="margin-top:14px;font-size:13px;color:#9a9eab">{{ message }}</div> }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PhonePanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-phone-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule],
+                    template: `
+    <p [style]="UI.intro">Desvincula um número de celular para reutilizá-lo em testes de SMS / OTP.</p>
+    <div [style]="UI.field"><div [style]="UI.label">Celular (DDD + número)</div>
+      <input [style]="UI.input" [(ngModel)]="phone" placeholder="11990000000" inputmode="tel" /></div>
+    <button type="button" [style]="UI.primary" [disabled]="running" (click)="release()">{{ running ? 'Liberando…' : 'Liberar celular' }}</button>
+    @if (message) { <div style="margin-top:14px;font-size:13px;color:#9a9eab">{{ message }}</div> }
+  `,
+                }]
+        }] });
+
+/** Generate performed exams for the last generated user (18yo flow). */
+class ExamsPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.api = inject(DevtoolsApiService);
+        this.userUtils = inject(DevtoolsUserUtils);
+        this.utils = inject(DevtoolsUtils);
+        this.auth = inject(DevtoolsAuthService);
+        this.toast = inject(DevtoolsToastService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.running = false;
+        this.message = '';
+    }
+    lastUser() {
+        return this.userUtils.getUserFromStorage()[0];
+    }
+    age(birthdate) {
+        return this.userUtils.calculateAge(birthdate) || 0;
+    }
+    send(user) {
+        if (!this.auth.isLogged()) {
+            this.toast.show('Faça login admin para enviar exames');
+            return;
+        }
+        const age = this.age(user.birthdate);
+        this.running = true;
+        this.message = 'Gerando exames…';
+        this.cdr.markForCheck();
+        this.api.generatePerformedExams(user, age, '').subscribe({
+            next: (exams) => {
+                this.running = false;
+                this.message = exams?.length ? `Exames gerados: ${exams.length}` : 'Nenhum exame aplicável para o cenário.';
+                this.toast.show(exams?.length ? 'Exames enviados' : 'Sem exames para o perfil');
+                this.cdr.markForCheck();
+            },
+            error: (err) => {
+                this.running = false;
+                this.message = 'Falha ao gerar exames.';
+                this.utils.setErrorToast(err);
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ExamsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ExamsPanelComponent, isStandalone: true, selector: "devtools-exams-panel", ngImport: i0, template: `
+    @if (lastUser(); as u) {
+      <p [style]="UI.intro">
+        Enviar exames para o último usuário gerado
+        <strong style="color:#eceef3">{{ u.fullName }}</strong>
+        ({{ age(u.birthdate) }} anos).
+      </p>
+      <button type="button" [style]="UI.primary" [disabled]="running" (click)="send(u)">
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:19px">biotech</span>
+        {{ running ? 'Enviando…' : 'Enviar exames' }}
+      </button>
+      @if (message) { <div style="margin-top:14px;font-size:13px;color:#9a9eab">{{ message }}</div> }
+    } @else {
+      <p [style]="UI.intro">Nenhum usuário gerado ainda. Gere um pelo painel "Gerador".</p>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ExamsPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-exams-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (lastUser(); as u) {
+      <p [style]="UI.intro">
+        Enviar exames para o último usuário gerado
+        <strong style="color:#eceef3">{{ u.fullName }}</strong>
+        ({{ age(u.birthdate) }} anos).
+      </p>
+      <button type="button" [style]="UI.primary" [disabled]="running" (click)="send(u)">
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:19px">biotech</span>
+        {{ running ? 'Enviando…' : 'Enviar exames' }}
+      </button>
+      @if (message) { <div style="margin-top:14px;font-size:13px;color:#9a9eab">{{ message }}</div> }
+    } @else {
+      <p [style]="UI.intro">Nenhum usuário gerado ainda. Gere um pelo painel "Gerador".</p>
+    }
+  `,
+                }]
+        }] });
+
+/** View the last generated user's data + manage auth-statements (no Material). */
+class DataPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.api = inject(DevtoolsApiService);
+        this.userUtils = inject(DevtoolsUserUtils);
+        this.utils = inject(DevtoolsUtils);
+        this.auth = inject(DevtoolsAuthService);
+        this.toast = inject(DevtoolsToastService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.hasUser = false;
+        this.loading = false;
+        this.error = '';
+        this.person = null;
+        this.rawText = '{}';
+        this.permissions = [];
+        this.newRole = 'MANAGER';
+        this.orgQuery = '';
+        this.orgResults = [];
+        this.newOrgName = '';
+        this.newOrgId = null;
+        this.orgSearch$ = new Subject();
+    }
+    ngOnInit() {
+        const [lastUser] = this.userUtils.getUserFromStorage();
+        this.hasUser = !!lastUser?.document;
+        if (this.hasUser && this.auth.isLogged())
+            this.refresh(lastUser.document);
+        this.orgSearch$
+            .pipe(debounceTime(300), switchMap((q) => ((q ?? '').trim() ? this.api.getWithQuery({ q: (q ?? '').trim() }) : of([]))))
+            .subscribe({
+            next: (list) => {
+                this.orgResults = (list ?? []).slice(0, 6);
+                this.cdr.markForCheck();
+            },
+            error: () => {
+                this.orgResults = [];
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    refresh(documentNumber) {
+        this.loading = true;
+        this.error = '';
+        this.cdr.markForCheck();
+        this.api.findUser({ documents: documentNumber }).subscribe({
+            next: (response) => {
+                const [person] = response?.persons ?? [];
+                this.loading = false;
+                if (!person) {
+                    this.error = 'Usuário não encontrado.';
+                    this.person = null;
+                    this.cdr.markForCheck();
+                    return;
+                }
+                this.person = person;
+                this.rawText = JSON.stringify(person, null, 2);
+                this.loadPermissions(person.id);
+                this.cdr.markForCheck();
+            },
+            error: (err) => {
+                this.loading = false;
+                this.error = 'Falha ao consultar dados do usuário.';
+                this.utils.setErrorToast(err);
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    loadPermissions(personId) {
+        this.api
+            .getAuthStatements(personId)
+            .pipe(switchMap((statements) => {
+            if (!statements.length)
+                return of({ statements, organizations: [] });
+            const ids = Array.from(new Set(statements.map((s) => s?.resource?.organization?.id).filter((id) => !!id)));
+            return this.api.getOrganizationsByIds(ids).pipe(switchMap((organizations) => of({ statements, organizations })));
+        }))
+            .subscribe({
+            next: ({ statements, organizations }) => {
+                const byId = new Map();
+                organizations.forEach((o) => o?.id && byId.set(o.id, o));
+                this.permissions = statements.map((s) => {
+                    const orgId = s?.resource?.organization?.id;
+                    const role = s?.role?.name ?? '';
+                    return {
+                        authStatementId: s?.id ?? 0,
+                        roleLabel: role === 'MANAGER' ? 'Gestor' : role === 'DOCTOR' ? 'Médico' : role || '—',
+                        organizationName: (orgId && byId.get(orgId)?.name) || `Org #${orgId ?? '-'}`,
+                    };
+                });
+                this.cdr.markForCheck();
+            },
+            error: (err) => {
+                this.permissions = [];
+                this.utils.setErrorToast(err);
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    pickOrg(org) {
+        this.newOrgId = org?.id ?? null;
+        this.newOrgName = org?.name ?? '';
+        this.orgQuery = '';
+        this.orgResults = [];
+    }
+    add() {
+        if (!this.person?.id || !this.newOrgId)
+            return;
+        if (this.person?.phoneStatus !== 'VERIFIED') {
+            this.toast.show('Phone não verificado — verifique no App do usuário');
+            return;
+        }
+        this.api.createAuthStatement(this.person.id, this.newRole, this.newOrgId).subscribe({
+            next: () => {
+                this.toast.show('Permissão cadastrada');
+                this.newOrgId = null;
+                this.newOrgName = '';
+                this.loadPermissions(this.person.id);
+            },
+            error: (err) => this.utils.setErrorToast(err),
+        });
+    }
+    remove(item) {
+        if (!item.authStatementId)
+            return;
+        if (!window.confirm(`Remover a permissão ${item.roleLabel} de ${item.organizationName}?`))
+            return;
+        this.api.deleteAuthStatement(item.authStatementId).subscribe({
+            next: () => {
+                this.toast.show('Permissão removida');
+                if (this.person?.id)
+                    this.loadPermissions(this.person.id);
+            },
+            error: (err) => this.utils.setErrorToast(err),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DataPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DataPanelComponent, isStandalone: true, selector: "devtools-data-panel", ngImport: i0, template: `
+    @if (!hasUser) {
+      <p [style]="UI.intro">Nenhum usuário gerado ainda. Gere um pelo painel "Gerador".</p>
+    } @else {
+      @if (loading) { <p [style]="UI.intro">Carregando dados do usuário…</p> }
+      @if (error) { <p [style]="UI.intro" style="color:#d6604f">{{ error }}</p> }
+
+      @if (person) {
+        <div style="font-size:13px;font-weight:600;color:#f0f1f4;margin-bottom:10px">Permissões</div>
+        @for (item of permissions; track item.authStatementId) {
+          <div [style]="UI.card" style="display:flex;align-items:center;gap:10px;margin-bottom:8px">
+            <div style="flex:1;min-width:0">
+              <div style="font-size:13px;color:#eceef3">{{ item.roleLabel }}</div>
+              <div [style]="UI.mono">{{ item.organizationName }}</div>
+            </div>
+            <button type="button" [style]="UI.ghost" style="width:auto;margin:0;color:#d6604f" (click)="remove(item)">Remover</button>
+          </div>
+        } @empty {
+          <p [style]="UI.intro">Nenhuma permissão cadastrada.</p>
+        }
+
+        <!-- add permission (inline) -->
+        <div [style]="UI.card" style="margin-top:8px">
+          <div [style]="UI.label">Nova permissão</div>
+          <select [style]="UI.input" [(ngModel)]="newRole" style="margin:6px 0">
+            <option value="MANAGER">MANAGER (Gestor)</option>
+            <option value="DOCTOR">DOCTOR (Médico)</option>
+          </select>
+          <input [style]="UI.input" [(ngModel)]="orgQuery" (ngModelChange)="orgSearch$.next($event)"
+                 [placeholder]="newOrgName || 'Buscar organização…'" style="margin:6px 0" />
+          @for (org of orgResults; track org.id) {
+            <button type="button" (click)="pickOrg(org)"
+              style="display:block;width:100%;text-align:left;padding:8px 10px;background:#101117;border:1px solid #24262f;border-radius:8px;color:#eceef3;font-size:12.5px;cursor:pointer;margin-bottom:4px">
+              {{ org.name }}
+            </button>
+          }
+          <button type="button" [style]="UI.primary" [disabled]="!newOrgId" (click)="add()">Adicionar permissão</button>
+        </div>
+
+        <div style="font-size:13px;font-weight:600;color:#f0f1f4;margin:22px 0 10px">Dados brutos</div>
+        <pre [style]="UI.pre">{{ rawText }}</pre>
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DataPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-data-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule],
+                    template: `
+    @if (!hasUser) {
+      <p [style]="UI.intro">Nenhum usuário gerado ainda. Gere um pelo painel "Gerador".</p>
+    } @else {
+      @if (loading) { <p [style]="UI.intro">Carregando dados do usuário…</p> }
+      @if (error) { <p [style]="UI.intro" style="color:#d6604f">{{ error }}</p> }
+
+      @if (person) {
+        <div style="font-size:13px;font-weight:600;color:#f0f1f4;margin-bottom:10px">Permissões</div>
+        @for (item of permissions; track item.authStatementId) {
+          <div [style]="UI.card" style="display:flex;align-items:center;gap:10px;margin-bottom:8px">
+            <div style="flex:1;min-width:0">
+              <div style="font-size:13px;color:#eceef3">{{ item.roleLabel }}</div>
+              <div [style]="UI.mono">{{ item.organizationName }}</div>
+            </div>
+            <button type="button" [style]="UI.ghost" style="width:auto;margin:0;color:#d6604f" (click)="remove(item)">Remover</button>
+          </div>
+        } @empty {
+          <p [style]="UI.intro">Nenhuma permissão cadastrada.</p>
+        }
+
+        <!-- add permission (inline) -->
+        <div [style]="UI.card" style="margin-top:8px">
+          <div [style]="UI.label">Nova permissão</div>
+          <select [style]="UI.input" [(ngModel)]="newRole" style="margin:6px 0">
+            <option value="MANAGER">MANAGER (Gestor)</option>
+            <option value="DOCTOR">DOCTOR (Médico)</option>
+          </select>
+          <input [style]="UI.input" [(ngModel)]="orgQuery" (ngModelChange)="orgSearch$.next($event)"
+                 [placeholder]="newOrgName || 'Buscar organização…'" style="margin:6px 0" />
+          @for (org of orgResults; track org.id) {
+            <button type="button" (click)="pickOrg(org)"
+              style="display:block;width:100%;text-align:left;padding:8px 10px;background:#101117;border:1px solid #24262f;border-radius:8px;color:#eceef3;font-size:12.5px;cursor:pointer;margin-bottom:4px">
+              {{ org.name }}
+            </button>
+          }
+          <button type="button" [style]="UI.primary" [disabled]="!newOrgId" (click)="add()">Adicionar permissão</button>
+        </div>
+
+        <div style="font-size:13px;font-weight:600;color:#f0f1f4;margin:22px 0 10px">Dados brutos</div>
+        <pre [style]="UI.pre">{{ rawText }}</pre>
+      }
+    }
+  `,
+                }]
+        }] });
+
+/** Copy data from the active app session (admin or generated user). */
+class CopyPanelComponent {
+    constructor() {
+        this.UI = UI;
+        this.session = inject(DevtoolsSessionService);
+        this.userUtils = inject(DevtoolsUserUtils);
+        this.utils = inject(DevtoolsUtils);
+        this.toast = inject(DevtoolsToastService);
+    }
+    rows() {
+        const active = this.session.active();
+        const [lastUser] = this.userUtils.getUserFromStorage();
+        const cpf = lastUser?.document;
+        const short = (v) => (v ? v.slice(0, 30) + '…' : '');
+        return [
+            { key: 'cpf', label: 'CPF / documento', icon: 'badge', value: cpf, preview: cpf },
+            { key: 'token', label: 'accessToken', icon: 'vpn_key', value: active?.accessToken, preview: short(active?.accessToken) },
+            { key: 'refresh', label: 'refreshToken', icon: 'autorenew', value: active?.refreshToken, preview: short(active?.refreshToken) },
+            {
+                key: 'payload',
+                label: 'Payload completo',
+                icon: 'data_object',
+                value: JSON.stringify({ accessToken: active?.accessToken, refreshToken: active?.refreshToken, document: cpf }, null, 2),
+                preview: 'JSON da sessão',
+            },
+        ];
+    }
+    copy(value, label) {
+        if (!value) {
+            this.toast.show(label + ' indisponível');
+            return;
+        }
+        this.utils.copyClipboard(value, label);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CopyPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CopyPanelComponent, isStandalone: true, selector: "devtools-copy-panel", ngImport: i0, template: `
+    <p [style]="UI.intro">Copie rapidamente dados da sessão ativa do app.</p>
+    @for (item of rows(); track item.key) {
+      <button type="button" [style]="UI.row" (click)="copy(item.value, item.label)">
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:20px;color:#ffc454">{{ item.icon }}</span>
+        <div style="flex:1;min-width:0">
+          <div style="font-size:13px;font-weight:600;color:#eceef3">{{ item.label }}</div>
+          <div [style]="UI.mono" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ item.preview || '—' }}</div>
+        </div>
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px;color:#6a6e7b">content_copy</span>
+      </button>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CopyPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'devtools-copy-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <p [style]="UI.intro">Copie rapidamente dados da sessão ativa do app.</p>
+    @for (item of rows(); track item.key) {
+      <button type="button" [style]="UI.row" (click)="copy(item.value, item.label)">
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:20px;color:#ffc454">{{ item.icon }}</span>
+        <div style="flex:1;min-width:0">
+          <div style="font-size:13px;font-weight:600;color:#eceef3">{{ item.label }}</div>
+          <div [style]="UI.mono" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ item.preview || '—' }}</div>
+        </div>
+        <span class="dts-sym" style="font-family:'Material Symbols Outlined';font-size:18px;color:#6a6e7b">content_copy</span>
+      </button>
+    }
+  `,
+                }]
+        }] });
+
+const BUILTIN_ACTIONS = [
+    { id: 'admin', label: 'Admin', icon: 'shield_person', content: AdminLoginPanelComponent, order: 0 },
+    { id: 'app-login', label: 'Login App', icon: 'login', content: LoginPanelComponent, order: 1 },
+    { id: 'switch', label: 'Trocar', icon: 'switch_account', content: SwitchPanelComponent, order: 2 },
+    { id: 'generator', label: 'Gerador', icon: 'groups', content: GeneratorPanelComponent, order: 3 },
+    { id: 'phone', label: 'Celular', icon: 'sms', content: PhonePanelComponent, order: 4 },
+    { id: 'exams', label: 'Exames', icon: 'biotech', content: ExamsPanelComponent, order: 5 },
+    { id: 'data', label: 'Dados', icon: 'badge', content: DataPanelComponent, order: 6 },
+    { id: 'copy', label: 'Copiar', icon: 'content_copy', content: CopyPanelComponent, order: 7 },
+];
+/**
+ * Mount the self-contained DevTools. Add to `bootstrapApplication` providers or
+ * `@NgModule({ providers })`. Everything runs in an ISOLATED environment
+ * injector with the package's OWN HttpClient + interceptor — it never touches
+ * the host app's services, interceptors or session beyond the deliberate
+ * active-session keys used by the Switch panel.
+ */
+function provideDevtools(options) {
+    const { enabled = true, actions = [], apiBaseUrl, title, fabIcon, ...rest } = options ?? {};
+    // Layer 1 gate (Layer 2 = fileReplacements; see README).
+    if (!enabled || !apiBaseUrl)
+        return makeEnvironmentProviders([]);
+    const config = { apiBaseUrl, ...rest };
+    const allActions = [...BUILTIN_ACTIONS, ...actions];
+    return makeEnvironmentProviders([
+        {
+            provide: APP_BOOTSTRAP_LISTENER,
+            multi: true,
+            useFactory: () => {
+                const parent = inject(EnvironmentInjector);
+                return () => mountIsolated(parent, config, allActions, { title, fabIcon });
+            },
+        },
+    ]);
+}
+/** Load the Material Symbols Outlined font the package's icons rely on, so it
+ *  never depends on the host having it. Injected once. */
+function ensureIconFont() {
+    const id = 'dc-material-symbols-font';
+    if (document.getElementById(id))
+        return;
+    const link = document.createElement('link');
+    link.id = id;
+    link.rel = 'stylesheet';
+    link.href =
+        'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap';
+    document.head.appendChild(link);
+}
+function mountIsolated(parent, config, actions, shell) {
+    if (typeof document === 'undefined')
+        return;
+    ensureIconFont();
+    const injector = createEnvironmentInjector([
+        // OWN HttpClient + interceptor — fully isolated from the host.
+        provideHttpClient(withInterceptors([devtoolsHttpInterceptor])),
+        { provide: DEVTOOLS_CONFIG, useValue: { media: 'WHATSAPP', locale: 'pt_BR', fixedOrgId: 200, ...config } },
+        {
+            provide: DEVTOOLS_SHELL_CONFIG,
+            useValue: {
+                title: shell.title ?? 'DevTools',
+                fabIcon: shell.fabIcon ?? 'developer_mode',
+                storageKey: 'marsaude.devtools.fab',
+            },
+        },
+        ...actions.map((action) => ({ provide: DEVTOOLS_ACTION, useValue: action, multi: true })),
+        DevtoolsStorage,
+        DevtoolsUtils,
+        DevtoolsUserUtils,
+        DevtoolsTypeform,
+        DevtoolsApiService,
+        DevtoolsAuthService,
+        DevtoolsSessionService,
+        DevtoolsPositionService,
+        DevtoolsToastService,
+    ], parent);
+    // Consume our own Google OAuth return (guarded) to finish admin login.
+    runInInjectionContext(injector, () => inject(DevtoolsAuthService).handleGoogleReturn());
+    const appRef = parent.get(ApplicationRef);
+    const host = document.createElement('div');
+    host.setAttribute('data-devtools-shell-host', '');
+    document.body.appendChild(host);
+    const ref = createComponent(DevtoolsShellComponent, { environmentInjector: injector, hostElement: host });
+    appRef.attachView(ref.hostView);
+    appRef.onDestroy(() => {
+        ref.destroy();
+        host.remove();
+        injector.destroy();
+    });
+}
+
+/*
+ * Public API of @marsaude/devtools-shell — a self-contained, draggable DevTools
+ * package. The host only calls provideDevtools(config); everything else
+ * (HttpClient, interceptor, auth, panels) lives inside the package.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEVTOOLS_ACTION, DEVTOOLS_SHELL_CONFIG, DevtoolsAuthService, DevtoolsSessionService, DevtoolsShellComponent, DevtoolsToastService, provideDevtools };
+//# sourceMappingURL=marsaude-devtools-shell.mjs.map