aiox-core 5.0.2 → 5.0.4

package/pro/squads/design/data/design-tokens-spec.yaml

@@ -0,0 +1,418 @@
+# Design Tokens Specification - Single Source of Truth
+# Version: 1.0.0
+# Last Updated: 2026-01-05
+#
+# IMPORTANT: This is the authoritative source for all design tokens.
+# All code must use values from this spec. Deviations are bugs.
+#
+# Usage:
+#   - *validate-tokens: Validates code against this spec
+#   - *contrast-check: Validates color contrast ratios
+#   - Subagents: Must read this file before creating components
+
+metadata:
+  version: "1.0.0"
+  brand: "Lendario"
+  theme: "dark"
+  wcag_target: "AA"  # AA = 4.5:1 normal, 3:1 large | AAA = 7:1 normal, 4.5:1 large
+
+# =============================================================================
+# COLORS
+# =============================================================================
+colors:
+  # Primary Brand Colors
+  primary:
+    gold:
+      value: "#D4AF37"
+      hsl: "45 75% 52%"
+      usage: "Primary actions, highlights, brand accent"
+      contrast_on_dark: "8.2:1"  # Passes AA & AAA
+    gold_dark:
+      value: "#B8962E"
+      hsl: "44 61% 45%"
+      usage: "Hover states, borders, secondary emphasis"
+      contrast_on_dark: "6.1:1"  # Passes AA
+    gold_light:
+      value: "#E4C84A"
+      hsl: "49 75% 59%"
+      usage: "Highlights, focus rings"
+      contrast_on_dark: "9.8:1"  # Passes AAA
+
+  # Background Colors
+  background:
+    base:
+      value: "#0A0A0F"
+      hsl: "240 20% 5%"
+      usage: "Main background"
+    elevated:
+      value: "#111116"
+      hsl: "240 14% 8%"
+      usage: "Cards, panels, elevated surfaces"
+    surface:
+      value: "#1a1a1f"
+      hsl: "240 8% 11%"
+      usage: "Interactive surfaces, inputs"
+    overlay:
+      value: "rgba(0, 0, 0, 0.8)"
+      usage: "Modal overlays, dropdowns"
+
+  # Text Colors
+  text:
+    primary:
+      value: "#FFFFFF"
+      opacity: "100%"
+      usage: "Headings, primary content"
+    secondary:
+      value: "#A1A1AA"
+      hsl: "240 5% 65%"
+      usage: "Body text, descriptions"
+    muted:
+      value: "#71717A"
+      hsl: "240 4% 46%"
+      usage: "Placeholders, disabled text, captions"
+    inverse:
+      value: "#0A0A0F"
+      usage: "Text on light backgrounds (buttons)"
+
+  # Semantic Colors
+  semantic:
+    success:
+      value: "#22C55E"
+      hsl: "142 71% 45%"
+      usage: "Success states, confirmations"
+    warning:
+      value: "#F59E0B"
+      hsl: "38 92% 50%"
+      usage: "Warnings, caution states"
+    error:
+      value: "#EF4444"
+      hsl: "0 84% 60%"
+      usage: "Errors, destructive actions"
+    info:
+      value: "#3B82F6"
+      hsl: "217 91% 60%"
+      usage: "Information, links"
+
+  # Border Colors
+  border:
+    default:
+      value: "rgba(255, 255, 255, 0.1)"
+      usage: "Default borders"
+    subtle:
+      value: "rgba(255, 255, 255, 0.05)"
+      usage: "Subtle separators"
+    emphasis:
+      value: "rgba(212, 175, 55, 0.3)"
+      usage: "Emphasized borders (primary color)"
+
+# =============================================================================
+# TYPOGRAPHY
+# =============================================================================
+typography:
+  # Font Families
+  families:
+    sans:
+      value: "'Inter', sans-serif"
+      usage: "Body text, UI elements"
+    serif:
+      value: "'Source Serif 4', serif"
+      usage: "Long-form content, articles"
+    display:
+      value: "'Rajdhani', sans-serif"
+      usage: "Headings, hero text"
+    mono:
+      value: "'JetBrains Mono', monospace"
+      usage: "Code, technical content"
+
+  # Font Sizes (rem based, 1rem = 16px)
+  sizes:
+    xs:
+      value: "0.75rem"    # 12px
+      line_height: "1rem"  # 16px
+      usage: "Captions, labels"
+    sm:
+      value: "0.875rem"   # 14px
+      line_height: "1.25rem"  # 20px
+      usage: "Secondary text, buttons"
+    base:
+      value: "1rem"       # 16px
+      line_height: "1.5rem"   # 24px
+      usage: "Body text"
+    lg:
+      value: "1.125rem"   # 18px
+      line_height: "1.75rem"  # 28px
+      usage: "Lead paragraphs"
+    xl:
+      value: "1.25rem"    # 20px
+      line_height: "1.75rem"  # 28px
+      usage: "Section headings"
+    2xl:
+      value: "1.5rem"     # 24px
+      line_height: "2rem"     # 32px
+      usage: "Page headings"
+    3xl:
+      value: "1.875rem"   # 30px
+      line_height: "2.25rem"  # 36px
+      usage: "Hero subheadings"
+    4xl:
+      value: "2.25rem"    # 36px
+      line_height: "2.5rem"   # 40px
+      usage: "Hero headings"
+    5xl:
+      value: "3rem"       # 48px
+      line_height: "1"
+      usage: "Display headings"
+
+  # Font Weights
+  weights:
+    normal:
+      value: "400"
+      usage: "Body text"
+    medium:
+      value: "500"
+      usage: "Emphasis, buttons"
+    semibold:
+      value: "600"
+      usage: "Headings, labels"
+    bold:
+      value: "700"
+      usage: "Strong emphasis"
+
+# =============================================================================
+# SPACING
+# =============================================================================
+spacing:
+  # Base unit: 4px (0.25rem)
+  scale:
+    0:
+      value: "0"
+      usage: "No spacing"
+    px:
+      value: "1px"
+      usage: "Hairline borders"
+    0.5:
+      value: "0.125rem"   # 2px
+      usage: "Micro spacing"
+    1:
+      value: "0.25rem"    # 4px
+      usage: "Tight spacing"
+    2:
+      value: "0.5rem"     # 8px
+      usage: "Small gaps"
+    3:
+      value: "0.75rem"    # 12px
+      usage: "Default gap"
+    4:
+      value: "1rem"       # 16px
+      usage: "Standard padding"
+    5:
+      value: "1.25rem"    # 20px
+      usage: "Medium padding"
+    6:
+      value: "1.5rem"     # 24px
+      usage: "Section padding"
+    8:
+      value: "2rem"       # 32px
+      usage: "Large padding"
+    10:
+      value: "2.5rem"     # 40px
+      usage: "XL padding"
+    12:
+      value: "3rem"       # 48px
+      usage: "Section margins"
+    16:
+      value: "4rem"       # 64px
+      usage: "Page sections"
+    20:
+      value: "5rem"       # 80px
+      usage: "Major sections"
+    24:
+      value: "6rem"       # 96px
+      usage: "Hero spacing"
+
+# =============================================================================
+# BORDERS & RADIUS
+# =============================================================================
+borders:
+  width:
+    none:
+      value: "0"
+    default:
+      value: "1px"
+    2:
+      value: "2px"
+      usage: "Emphasis borders"
+
+  radius:
+    none:
+      value: "0"
+    sm:
+      value: "0.25rem"    # 4px
+      usage: "Small elements (badges)"
+    md:
+      value: "0.375rem"   # 6px
+      usage: "Buttons, inputs"
+    lg:
+      value: "0.5rem"     # 8px
+      usage: "Cards"
+    xl:
+      value: "0.75rem"    # 12px
+      usage: "Larger cards"
+    2xl:
+      value: "1rem"       # 16px
+      usage: "Modal corners"
+    full:
+      value: "9999px"
+      usage: "Pills, avatars"
+
+# =============================================================================
+# SHADOWS
+# =============================================================================
+shadows:
+  none:
+    value: "none"
+  sm:
+    value: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+    usage: "Subtle elevation"
+  md:
+    value: "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+    usage: "Cards, dropdowns"
+  lg:
+    value: "0 10px 15px -3px rgba(0, 0, 0, 0.1)"
+    usage: "Modals, popovers"
+  xl:
+    value: "0 20px 25px -5px rgba(0, 0, 0, 0.1)"
+    usage: "Floating elements"
+  glow:
+    value: "0 0 20px rgba(212, 175, 55, 0.3)"
+    usage: "Primary element glow"
+
+# =============================================================================
+# MOTION
+# =============================================================================
+motion:
+  duration:
+    instant:
+      value: "0ms"
+      usage: "No animation"
+    fast:
+      value: "100ms"
+      usage: "Micro-interactions"
+    normal:
+      value: "200ms"
+      usage: "Standard transitions"
+    slow:
+      value: "300ms"
+      usage: "Page transitions"
+    slower:
+      value: "500ms"
+      usage: "Complex animations"
+
+  easing:
+    linear:
+      value: "cubic-bezier(0, 0, 1, 1)"
+    ease_in:
+      value: "cubic-bezier(0.4, 0, 1, 1)"
+      usage: "Exit animations"
+    ease_out:
+      value: "cubic-bezier(0, 0, 0.2, 1)"
+      usage: "Enter animations"
+    ease_in_out:
+      value: "cubic-bezier(0.4, 0, 0.2, 1)"
+      usage: "Standard transitions"
+
+# =============================================================================
+# COMPONENT SPECS
+# =============================================================================
+components:
+  button:
+    padding:
+      sm: "0.5rem 1rem"     # py-2 px-4
+      md: "0.625rem 1.25rem" # py-2.5 px-5
+      lg: "0.75rem 1.5rem"   # py-3 px-6
+    border_radius: "0.375rem"  # rounded-md
+    font_size: "0.875rem"      # text-sm
+    font_weight: "500"         # font-medium
+    min_height:
+      sm: "2rem"      # 32px
+      md: "2.5rem"    # 40px
+      lg: "3rem"      # 48px
+    variants:
+      primary:
+        bg: "#D4AF37"
+        text: "#0A0A0F"
+        hover_bg: "#B8962E"
+      secondary:
+        bg: "#1a1a1f"
+        text: "#FFFFFF"
+        border: "rgba(255, 255, 255, 0.1)"
+      outline:
+        bg: "transparent"
+        text: "#D4AF37"
+        border: "rgba(212, 175, 55, 0.5)"
+      ghost:
+        bg: "transparent"
+        text: "#A1A1AA"
+        hover_bg: "rgba(255, 255, 255, 0.05)"
+      destructive:
+        bg: "#EF4444"
+        text: "#FFFFFF"
+        hover_bg: "#DC2626"
+
+  input:
+    height:
+      sm: "2rem"      # 32px
+      md: "2.5rem"    # 40px
+      lg: "3rem"      # 48px
+    padding: "0.5rem 0.75rem"  # py-2 px-3
+    border_radius: "0.375rem"   # rounded-md
+    border: "1px solid rgba(255, 255, 255, 0.1)"
+    bg: "#1a1a1f"
+    focus_ring: "2px solid rgba(212, 175, 55, 0.5)"
+
+  card:
+    padding:
+      sm: "1rem"      # p-4
+      md: "1.5rem"    # p-6
+      lg: "2rem"      # p-8
+    border_radius: "0.75rem"  # rounded-xl
+    bg: "#111116"
+    border: "1px solid rgba(255, 255, 255, 0.1)"
+
+  modal:
+    max_width:
+      sm: "24rem"     # 384px
+      md: "28rem"     # 448px
+      lg: "32rem"     # 512px
+      xl: "36rem"     # 576px
+    padding: "1.5rem"   # p-6
+    border_radius: "1rem"  # rounded-2xl
+    bg: "#111116"
+    overlay_bg: "rgba(0, 0, 0, 0.8)"
+
+# =============================================================================
+# VALIDATION RULES
+# =============================================================================
+validation:
+  # Colors that should NEVER be hardcoded
+  forbidden_hardcoded:
+    - "#D4AF37"  # Use: primary.gold or --primary-color
+    - "#B8962E"  # Use: primary.gold_dark or --primary-dark
+    - "#0A0A0F"  # Use: background.base or --background
+    - "#111116"  # Use: background.elevated or --card
+    - "#1a1a1f"  # Use: background.surface or --surface
+
+  # Allowed patterns for colors
+  allowed_patterns:
+    - "var(--"           # CSS variables
+    - "hsl(var("         # Tailwind CSS vars
+    - "colors."          # Token references
+    - "DS_"              # Design system constants
+    - "studio-"          # Dynamic studio colors
+    - "brand-"           # Brand palette
+
+  # Minimum contrast ratios (WCAG AA)
+  contrast_requirements:
+    normal_text: 4.5
+    large_text: 3.0      # 18px+ or 14px bold
+    ui_components: 3.0   # Non-text elements

package/pro/squads/design/data/ds-reference-architectures.md

@@ -0,0 +1,93 @@
+# Design System Reference Architectures — Comparative Guide
+
+**Purpose:** Quick reference for comparing major DS architectures when making design decisions
+
+---
+
+## Material Design 3 (Google)
+
+**Philosophy:** Expressive, personal, adaptive
+
+- **Dynamic Color:** Material You generates palettes from user wallpaper/preferences
+- **Tokens:** Mode-aware semantic tokens with tonal palettes (0-100 scale)
+- **Components:** ~30 core components, highly customizable via theme
+- **A11y:** Color contrast validation built into palette generation
+- **Governance:** Centralized by Google, open-source implementations
+- **Tooling:** Material Theme Builder, Figma plugin, style-dictionary export
+
+**Best for:** Consumer apps, products wanting personality and expressiveness
+
+---
+
+## Fluent 2 (Microsoft)
+
+**Philosophy:** Clarity, system, productive
+
+- **Components:** Compound component architecture, slot-based customization
+- **Tokens:** 3-layer (global → alias → component), cross-platform naming
+- **Cross-platform:** Native implementations per platform (not web wrappers)
+- **A11y:** Built-in ARIA, Tabster focus management, high contrast via tokens
+- **Governance:** Centralized Microsoft team, tiny core doc team
+- **Tooling:** @fluentui/react-components, Griffel CSS-in-JS
+
+**Best for:** Enterprise/productivity apps, cross-platform consistency
+
+---
+
+## Carbon (IBM)
+
+**Philosophy:** Enterprise-scale, granular, governed
+
+- **Tokens:** Most granular token system in industry (1,500+ tokens in v11)
+- **Components:** ~50 components, heavy enterprise forms/data focus
+- **Theming:** 4 built-in themes (white, g10, g90, g100) + custom themes
+- **A11y:** IBM Equal Access Toolkit integration, automated a11y testing
+- **Governance:** Federated model with dedicated contribution process
+- **Tooling:** Carbon DevTools browser extension, Sass-based, migrating to tokens
+
+**Best for:** Complex enterprise applications, data-heavy interfaces, regulated industries
+
+---
+
+## Spectrum (Adobe)
+
+**Philosophy:** Adaptive, inclusive, global
+
+- **Scale:** Desktop and mobile scales via token switching
+- **Tokens:** Localization-aware (RTL, CJK typography), accessibility tokens
+- **Components:** React Spectrum (React The Architect + React Stately architecture)
+- **A11y:** React The Architect — most comprehensive accessible component hooks library
+- **Governance:** Centralized Adobe team, React The Architect is open-source
+- **Tooling:** React The Architect (hooks-only, unstyled), React Spectrum (styled)
+
+**Best for:** Creative tools, global/multilingual apps, custom-styled accessible components
+
+---
+
+## Comparison Matrix
+
+| Dimension | Material 3 | Fluent 2 | Carbon | Spectrum |
+|-----------|-----------|----------|--------|----------|
+| **Token approach** | Tonal palettes + semantic | 3-layer global/alias/component | Granular 1,500+ | Scale/locale-aware |
+| **Component model** | Customizable theme | Compound/slots | Enterprise forms | Hooks + styled |
+| **A11y strategy** | Palette contrast | Built-in ARIA + Tabster | IBM Equal Access | React The Architect hooks |
+| **Governance** | Centralized (Google) | Centralized (Microsoft) | Federated | Centralized (Adobe) |
+| **Cross-platform** | MDC-Web, Android, iOS, Flutter | Web, iOS, Android, Windows | Web primary | Web primary |
+| **Token format** | Custom JSON | Custom JSON | Sass → tokens | Custom JSON |
+| **DTCG adoption** | Partial | Partial | Migrating | Partial |
+| **Open source** | Yes (MDC) | Yes (@fluentui) | Yes (carbon) | Yes (react-aria) |
+
+---
+
+## When to Reference Each
+
+| Scenario | Reference |
+|----------|-----------|
+| Consumer app needing personality | Material 3 |
+| Enterprise productivity tool | Fluent 2 |
+| Complex data-heavy enterprise | Carbon |
+| Custom-styled accessible components | Spectrum (React The Architect) |
+| Cross-platform native feel | Fluent 2 |
+| Design token best practices | Carbon (granularity) |
+| Accessible hooks without styling | Spectrum (React The Architect) |
+| Dynamic theming/personalization | Material 3 |

package/pro/squads/design/data/f2-qa-report.md

@@ -0,0 +1,168 @@
+# f2-qa-base-components — QA Report
+
+> Phase 2 QA Gate. BLOQUEANTE para Phase 3.
+
+---
+
+## Resumo Executivo
+
+| Metrica | Valor |
+|---|---|
+| **Componentes auditados** | 15 |
+| **PASS na primeira rodada** | 11 |
+| **FAIL na primeira rodada** | 4 |
+| **Issues corrigidos** | 4 |
+| **PASS apos correcoes** | 15/15 |
+| **TypeScript errors** | 0 |
+| **Build status** | PASS |
+| **Verdict** | **PASS** |
+
+---
+
+## Auditoria Automatizada
+
+### 1. Cores Hardcoded
+
+- **Hex (#xxx)**: 0 ocorrencias em componentes modificados
+- **rgb()/rgba()**: Apenas em `dark:shadow-[...]` Tailwind arbitrary values (permitido — sem token semantico para shadows)
+- **Verdict**: PASS
+
+### 2. data-slot Preservation
+
+- **Total data-slot em 53 arquivos**: 328 ocorrencias
+- **Todos os 15 componentes modificados**: data-slot presente
+- **Sonner**: Corrigido (adicionado `data-slot="sonner"`)
+- **Verdict**: PASS
+
+### 3. Focus Ring Consistency
+
+Pattern esperado: `focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-offset-2 focus-visible:ring-offset-background`
+
+| Componente | Pattern | Status |
+|---|---|---|
+| Button | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| Input | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| Badge | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| Checkbox | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| RadioGroupItem | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| Switch | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| Select Trigger | `ring-2 ring-foreground ring-offset-2 ring-offset-background` | PASS |
+| Dialog close | `ring-2 ring-foreground ring-offset-2` | PASS |
+
+### 4. Disabled Pattern Consistency
+
+| Componente | Opacity | pointer-events-none | Status |
+|---|---|---|---|
+| Button | 0.20 | YES | PASS |
+| Checkbox | 0.20 | YES (corrigido) | PASS |
+| RadioGroupItem | 0.20 | YES (corrigido) | PASS |
+| Switch | 0.20 | YES (corrigido) | PASS |
+| Input | 0.50 | YES | PASS |
+| Textarea | 0.50 | cursor-not-allowed | PASS |
+| Select Trigger | 0.50 | cursor-not-allowed | PASS |
+
+### 5. Overlay Border Consistency
+
+Pattern esperado: `rounded-xl border border-border`
+
+| Componente | rounded-xl | border-border | Dark shadow | Status |
+|---|---|---|---|---|
+| PopoverContent | YES | YES | YES | PASS |
+| DialogContent | YES | YES | YES | PASS |
+| DropdownMenuContent | YES | YES | YES | PASS |
+| DropdownMenuSubContent | YES | YES | YES | PASS |
+| SelectContent | YES | YES | YES | PASS |
+
+### 6. Semantic Token Usage
+
+| Token Category | Used By | Status |
+|---|---|---|
+| `bg-primary/text-primary-foreground` | Button, Checkbox, Radio, Switch | PASS |
+| `bg-secondary/text-secondary-foreground` | Button, Badge | PASS |
+| `bg-accent/text-accent-foreground` | Button, DropdownMenuItem, SelectItem | PASS |
+| `bg-card/text-card-foreground` | Card, Alert, Dialog | PASS |
+| `bg-popover/text-popover-foreground` | Popover, Select, DropdownMenu | PASS |
+| `bg-destructive` | Button, Badge, Alert | PASS |
+| `bg-success/text-success-foreground` | Badge, Alert (NEW) | PASS |
+| `bg-warning/text-warning-foreground` | Badge, Alert (NEW) | PASS |
+| `bg-info/text-info-foreground` | Badge, Alert (NEW) | PASS |
+| `border-border` | Card, Alert, Dialog, Popover, Select, DropdownMenu | PASS |
+| `text-muted-foreground` | Input placeholder, Textarea, Card, Alert, Dialog | PASS |
+
+---
+
+## Issues Encontrados e Corrigidos
+
+### Issue 1: Checkbox missing `disabled:pointer-events-none`
+- **Severidade**: HIGH
+- **Componente**: `checkbox.tsx`
+- **Descricao**: Checkbox tinha `disabled:cursor-not-allowed disabled:opacity-20` mas faltava `disabled:pointer-events-none`
+- **Correcao**: Adicionado `disabled:pointer-events-none`
+- **Status**: CORRIGIDO
+
+### Issue 2: RadioGroupItem missing `disabled:pointer-events-none`
+- **Severidade**: HIGH
+- **Componente**: `radio-group.tsx`
+- **Descricao**: Mesmo problema do checkbox
+- **Correcao**: Adicionado `disabled:pointer-events-none`
+- **Status**: CORRIGIDO
+
+### Issue 3: Switch missing `disabled:pointer-events-none`
+- **Severidade**: HIGH
+- **Componente**: `switch.tsx`
+- **Descricao**: Mesmo problema do checkbox
+- **Correcao**: Adicionado `disabled:pointer-events-none`
+- **Status**: CORRIGIDO
+
+### Issue 4: Sonner missing `data-slot` and `cn()` merge
+- **Severidade**: MEDIUM
+- **Componente**: `sonner.tsx`
+- **Descricao**: Faltava `data-slot="sonner"` e className nao era mergeado via `cn()`
+- **Correcao**: Adicionado `data-slot="sonner"`, importado `cn`, mergeado `className`
+- **Status**: CORRIGIDO
+
+---
+
+## Validacao Final
+
+| Check | Resultado |
+|---|---|
+| `tsc --noEmit` | 0 errors |
+| `next build` | Compiled in ~1800ms, 0 errors |
+| Props API | Nenhuma prop removida ou adicionada como obrigatoria |
+| TypeScript types | Inalterados |
+| data-slot attributes | 15/15 componentes preservados |
+| Focus ring | 8/8 componentes interativos com pattern unificado |
+| Disabled pattern | Consistente (buttons=0.20, inputs=0.50) |
+| Overlay containers | 5/5 com `rounded-xl border-border` |
+| Semantic tokens | 0 cores hardcoded, 11 categorias de token verificadas |
+
+---
+
+## Resultado por Componente
+
+| # | Componente | Arquivo | Verdict |
+|---|---|---|---|
+| 1 | Button | `button.tsx` | PASS |
+| 2 | Input | `input.tsx` | PASS |
+| 3 | Badge | `badge.tsx` | PASS |
+| 4 | Card | `card.tsx` | PASS |
+| 5 | Alert | `alert.tsx` | PASS |
+| 6 | Dialog | `dialog.tsx` | PASS |
+| 7 | Checkbox | `checkbox.tsx` | PASS (corrigido) |
+| 8 | RadioGroup | `radio-group.tsx` | PASS (corrigido) |
+| 9 | Switch | `switch.tsx` | PASS (corrigido) |
+| 10 | Textarea | `textarea.tsx` | PASS |
+| 11 | Tooltip | `tooltip.tsx` | PASS |
+| 12 | Select | `select.tsx` | PASS |
+| 13 | DropdownMenu | `dropdown-menu.tsx` | PASS |
+| 14 | Popover | `popover.tsx` | PASS |
+| 15 | Sonner | `sonner.tsx` | PASS (corrigido) |
+
+---
+
+**Verdict Final: PASS**
+**Phase 2 QA Gate: DESBLOQUEADO para Phase 3**
+
+*Validado em: 2026-02-21*
+*Validado por: Foundations Pipeline — f2-qa-base-components*