diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..70af451
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,68 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  plugin:
+    name: Plugin (typecheck + bundle)
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          node-version: 22
+          cache: npm
+      - run: npm ci
+      - run: npx tsc --noEmit
+      - run: npm run bundle
+
+  ui:
+    name: UI (typecheck + build)
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ui
+    steps:
+      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          node-version: 22
+          cache: npm
+          cache-dependency-path: ui/package-lock.json
+      - run: npm ci
+      - run: npm run build
+
+  backend:
+    name: Backend (typecheck + build)
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: backend
+    steps:
+      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          node-version: 22
+          cache: npm
+          cache-dependency-path: backend/package-lock.json
+      - run: npm ci
+      - run: npx tsc --noEmit
+      - run: npm run build
+
+  docker:
+    name: Docker build
+    runs-on: ubuntu-latest
+    needs: [plugin, ui, backend]
+    steps:
+      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+      - uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3
+      - uses: docker/build-push-action@10e90e3645eae34f1e60eeb005ba3a3d33f178e8 # v6
+        with:
+          context: backend
+          push: false
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
diff --git a/.gitignore b/.gitignore
index e1ec484..3758186 100644
--- a/.gitignore
+++ b/.gitignore
@@ -53,8 +53,16 @@ scripts/test-*.js
 .serena/
 settings.local.json
 
-# Development UI files
-# ui-enhanced.html is now our main UI file, not a dev file
+# Data / SQLite databases
+data/
+*.db
+*.db-wal
+*.db-shm
+
+# Environment variables
+.env
+.env.*
+!.env.example
 
 # Personal/Internal documentation
 MCP_INTEGRATION_SUCCESS.md
diff --git a/AUDIT-REPORT.md b/AUDIT-REPORT.md
new file mode 100644
index 0000000..44894c1
--- /dev/null
+++ b/AUDIT-REPORT.md
@@ -0,0 +1,573 @@
+# FigmaLint — Consolidated Audit Report
+
+**Date:** 2026-03-13
+**Agents:** 16 (Code Reviewer, Security Engineer, Backend Architect, Frontend Developer, DevOps Automator, Technical Writer, Software Architect, UX Researcher, UI Designer, Accessibility Auditor, UX Architect, AI Engineer, MCP Builder, Database Optimizer, Performance Benchmarker, API Tester)
+
+## Summary
+
+- **~200 unique findings** (after cross-agent deduplication)
+- **Snyk SAST:** 0 automated issues
+- **WCAG 2.1 AA:** DOES NOT CONFORM (28 accessibility issues, 8 critical)
+- **Documentation:** 4/10
+
+---
+
+## TOP-10 Critical / Must Fix
+
+| # | Issue | Source | Effort |
+|---|-------|--------|--------|
+| 1 | **No backend authentication** — open Claude proxy, anyone can burn API credits | Security, Backend, Code Review, Architect | Medium |
+| 2 | **API keys logged to console** (`save-api-key` handler logs plaintext `sk-ant-...`) | Security, Code Review | Trivial |
+| 3 | **Google API key in URL** (`?key=...`) — appears in proxy logs, browser history | Security, Code Review | Medium |
+| 4 | **XSS in legacy `ui-enhanced.html`** — innerHTML with unsanitized AI content | Security | Medium |
+| 5 | **Chat invisible to screen readers** — no `aria-live`, `role="log"`, landmarks | Accessibility | Low |
+| 6 | **Settings panel is not a modal** — no focus trap, Escape key, `role="dialog"` | Accessibility | Low |
+| 7 | **No AbortController for streams** — concurrent streams interleave into one bubble | Frontend | Low |
+| 8 | **Race condition in `appendConversation`** — read-modify-write without transaction | Backend | Low |
+| 9 | **Fix preview not wired to UI** — `previewFix()` + `dryRun` infrastructure exists but unused | UX Research | Medium |
+| 10 | **No onboarding** — blank screen + Analyze button, zero explanation | UX Research | Medium |
+
+---
+
+## Security (12 findings)
+
+### HIGH
+
+**S-1: API keys logged to console**
+- File: `src/ui/message-handler.ts:87`
+- The `save-api-key` handler logs `data` including the full API key in plaintext.
+- Fix: `const safeData = type === 'save-api-key' ? { ...data, apiKey: '***REDACTED***' } : data;`
+
+**S-2: Google API key in URL query parameter**
+- File: `src/api/providers/index.ts:181`, `src/api/providers/google.ts:332`
+- Key appended as `?key=...`, logged via `console.log`, visible in proxy logs and browser history.
+- Fix: Route Google calls through backend proxy; redact URL before logging.
+
+### MEDIUM
+
+**S-3: No authentication or rate limiting on backend**
+- File: `backend/src/index.ts`
+- All routes open. Anyone who discovers the URL can call `/api/analyze` and burn Anthropic credits.
+- Fix: Add `bearerAuth` middleware from Hono + rate limiting.
+
+**S-4: Session ID enumeration**
+- Files: `backend/src/routes/session.ts`, `backend/src/services/session.ts`
+- nanoid(12) provides good entropy (~71 bits), but without auth any valid ID leaks full session data.
+- Fix: Implement auth (S-3), then bind sessions to client identifier.
+
+**S-5: XSS in legacy HTML via innerHTML**
+- File: `ui-enhanced.html:6854-6894`
+- AI-generated content rendered via `innerHTML` after markdown conversion without escaping source text.
+- Note: React UI (`AiMessage.tsx`) is clean — no `dangerouslySetInnerHTML`.
+- Fix: Escape HTML before markdown transformation, or delete legacy file.
+
+**S-6: No request body size limits**
+- Files: `backend/src/routes/analyze.ts`, `backend/src/routes/flow.ts`
+- Base64 screenshots accepted with no size cap. OOM risk.
+- Fix: `app.use('/api/analyze', bodyLimit({ maxSize: 25 * 1024 * 1024 }));`
+
+**S-7: MCP clients lack timeout configuration**
+- Files: `backend/src/mcp/client.ts`, `backend/src/mcp/design-systems-client.ts`
+- No connection or request timeouts. Unresponsive MCP server = indefinite hang.
+- Fix: Wrap `client.callTool()` with `Promise.race` timeout (15s).
+
+**S-8: CORS returns `'null'` for blocked origins**
+- File: `backend/src/index.ts:30-31`
+- `Access-Control-Allow-Origin: null` allows any sandboxed iframe to access the API.
+- Fix: Return empty string or omit header for non-allowed origins.
+
+### LOW
+
+**S-9: `.env` not in `.gitignore`**
+- File: `.gitignore`
+- Fix: Add `.env`, `.env.*`, `!.env.example`, `backend/.env`, `data/`.
+
+**S-10: Missing security headers in Caddyfile**
+- File: `backend/Caddyfile`
+- No `X-Content-Type-Options`, `X-Frame-Options`, `Strict-Transport-Security`, `Referrer-Policy`.
+- Fix: Add `header` block to Caddyfile.
+
+**S-11: Error messages may leak internal details**
+- Files: `backend/src/routes/*.ts`
+- `error.message` passed directly to client. Could expose Anthropic SDK internals.
+- Fix: Generic 500 message to client; log full error server-side.
+
+**S-12: SQL column name interpolation (mitigated)**
+- File: `backend/src/db/queries.ts:60-71`
+- Column names from `ALLOWED_COLUMNS` interpolated into SQL. Safe due to allowlist but fragile.
+- Fix: Add comment documenting the security invariant.
+
+---
+
+## Architecture (15 findings)
+
+### P0 — Critical
+
+**A-1: No backend authentication**
+- See S-3. The backend is an open Claude proxy.
+
+### P1 — High
+
+**A-2: Duplicated types between plugin and UI**
+- Plugin `src/types.ts` defines `LintErrorType` including `'visualQuality' | 'microcopy'`
+- UI `ui/src/lib/messages.ts` defines `LintErrorType` missing these two types
+- Impact: `buildFullReport` fails to report visual quality and microcopy issues; `byType` record incomplete.
+- Fix: Create shared types package or single source of truth.
+
+**A-3: `message-handler.ts` is an 800-line monolith**
+- File: `src/ui/message-handler.ts`
+- Handles all 33 message types in one giant switch/if chain. Highest coupling point.
+- Fix: Split into per-feature handlers: `lint-commands.ts`, `fix-commands.ts`, `screenshot-commands.ts`, `chat-commands.ts`, `settings-commands.ts`.
+
+**A-4: No test suite**
+- `package.json`: `"test": "echo \"Error: no test specified\" && exit 1"`
+- Lint rules, scoring, batch fixer, JSON normalization — all pure functions, highly testable.
+- Fix: Add vitest with unit tests for deterministic logic.
+
+### P2 — Medium
+
+**A-5: Triple Anthropic client singletons**
+- `backend/src/services/claude.ts:7-12`, `analyzer.ts:8-13`, `flow-analyzer.ts:5-10`
+- Fix: Export single shared `getAnthropicClient()` from `claude.ts`.
+
+**A-6: Duplicate MCP client code**
+- `backend/src/mcp/client.ts` and `design-systems-client.ts` are nearly identical.
+- Fix: Create `createMcpClient(name, url)` factory.
+
+**A-7: MODEL constant defined 3 times**
+- `claude.ts:15`, `refero.ts:6`, `flow-analyzer.ts:13` — all `'claude-sonnet-4-20250514'`
+- Fix: Export from `claude.ts`, import elsewhere.
+
+**A-8: `src/fix/` vs `src/fixes/` overlap**
+- Two directories for fix-related code with overlapping responsibility.
+- Fix: Merge into single `src/fixes/` directory.
+
+**A-9: Plugin-side LLM providers are dead code**
+- `src/api/providers/` — multi-provider abstraction predates the backend. Backend now handles all AI calls.
+- Fix: Evaluate for removal or document as optional direct-mode feature.
+
+**A-10: Cache doesn't account for lint settings**
+- File: `src/core/consistency-engine.ts`
+- Hash omits `lintSettings`, `severityOverrides`, `ignorePatterns`. Changed settings → stale cache.
+- Fix: Include settings hash in cache key.
+
+**A-11: No protection against huge selections**
+- `traverseAndLint` is synchronous and recursive. Thousands of nodes = frozen sandbox.
+- Fix: Add node count limit or yield between chunks.
+
+**A-12: Greedy JSON regex for AI response parsing**
+- Pattern: `text.match(/\{[\s\S]*\}/)` — matches first `{` to last `}`.
+- Fix: Balanced brace matcher or use Claude's structured output / tool-use mode.
+
+**A-13: Unbounded consistency engine cache**
+- File: `src/core/consistency-engine.ts:12-13`
+- Map grows without limit. No LRU eviction, no max size.
+- Fix: Add max-entries cap (e.g., 100) with LRU eviction.
+
+**A-14: Conversation history sent to Claude twice**
+- `backend/src/prompts/chat-followup.ts` embeds last 8 messages in system prompt.
+- `chat.ts` and `stream.ts` also pass full history as API messages.
+- Fix: Remove history from system prompt; let messages array carry it.
+
+**A-15: 3 sequential Claude API calls could be optimized**
+- `detectPageType` + `generateReview` are sequential.
+- Fix: Fold page type detection into the review prompt to save one round trip.
+
+---
+
+## Frontend (34 findings)
+
+### HIGH — Correctness Bugs
+
+**F-1: Stale closure in `handleRescan`**
+- File: `ui/src/hooks/useChat.ts:222-261`
+- Reads `state.score` outside `setState` updater — captures stale reference.
+- Fix: Use `prev.score` inside the `setState` callback.
+
+**F-2: No AbortController for streams**
+- File: `ui/src/lib/api.ts:97-165`
+- No abort on new analysis or navigation. Old stream calls `onChunk` on stale state.
+- Fix: Pass `AbortSignal` to `fetch`; expose cancellation to caller.
+
+**F-3: Concurrent streams interleave**
+- File: `ui/src/App.tsx:190-212`
+- No guard against sending while `isStreaming`. Two streams write to same bubble.
+- Fix: Disable input during streaming or abort previous stream.
+
+**F-4: Polling interval leaks on unmount**
+- File: `ui/src/App.tsx:72-99`
+- `referoPollingRef` interval never cleared on component unmount.
+- Fix: Add `useEffect` cleanup.
+
+**F-5: `text-10` class undefined in Tailwind**
+- Files: `ui/src/components/messages/AiReviewCard.tsx:16`, `ReferoGallery.tsx:54`
+- Class silently ignored; elements inherit parent font size.
+- Fix: Add `'10': ['10px', '14px']` to Tailwind fontSize config.
+
+**F-6: `bg-bg-success/10` opacity modifier broken with CSS variables**
+- File: `ui/src/components/messages/ReferoGallery.tsx:9-10`
+- Tailwind opacity modifiers require decomposable color values; CSS vars can't be decomposed.
+- Fix: Use `style` prop with `color-mix()` or define explicit semi-transparent tokens.
+
+**F-7: `focus:ring-fg-brand` references nonexistent token**
+- File: `ui/src/components/shared/SettingsPanel.tsx:98`
+- Fix: Change to `focus:ring-bg-brand` or add `fg-brand` alias.
+
+### MEDIUM — Type Safety / Robustness
+
+**F-8: `PluginEvent` catch-all defeats exhaustive checking**
+- File: `ui/src/lib/messages.ts:197`
+- `| { type: string; data: unknown }` matches everything.
+- Fix: Remove catch-all member.
+
+**F-9: Pervasive `as any` casts in message handler**
+- File: `ui/src/App.tsx:118,128,134,139,144,164,167`
+- Fix: Narrow to correct union members.
+
+**F-10: Two divergent code paths for Re-scan**
+- `ChatContainer.tsx:35-38` routes to `onAnalyze`; `App.tsx:299-302` posts `rescan-lint`.
+- Fix: Unify to single path.
+
+**F-11: Module-level mutable `messageIdCounter`**
+- File: `ui/src/hooks/useChat.ts:5`
+- Fix: Use `crypto.randomUUID()` or `useId()`.
+
+**F-12: Dead `postToPlugin` function**
+- File: `ui/src/lib/messages.ts:200-202` — standalone function duplicates hook; appears unused.
+- Fix: Remove.
+
+### LOW — Architecture / Polish
+
+**F-13: App.tsx monolith (485 lines)**
+- Fix: Extract `handleAction` into `useActions` hook; move `buildFullReport` to `lib/`.
+
+**F-14: Inline SVG duplication**
+- Settings gear in `App.tsx` and `StickyHeader.tsx`; checkmark in `FixResult.tsx` and `MessageList.tsx`.
+- Fix: Extract into shared `icons/` module.
+
+**F-15: No `React.memo` on message components**
+- `appendStreamChunk` called per SSE chunk → entire MessageList re-renders.
+- Fix: Wrap `AiMessage`, `ScoreCard`, `IssuesList` etc. in `React.memo()`.
+
+**F-16: `parseBold` regex runs on every render without memoization**
+- File: `ui/src/components/messages/AiMessage.tsx:10`
+- Fix: `useMemo` or wrap component in `memo`.
+
+**F-17: Redundant CSS variables in globals.css**
+- `:root` variables may conflict with Figma-injected values.
+- Fix: Remove or mark as development-only fallbacks.
+
+---
+
+## Accessibility (28 findings)
+
+**WCAG 2.1 AA Conformance: FAIL**
+
+### CRITICAL (8)
+
+| # | Issue | WCAG | File |
+|---|-------|------|------|
+| AC-1 | No landmark regions (`<main>`, `<header>`, `<footer>`) | 1.3.1 | App.tsx, ChatContainer.tsx |
+| AC-2 | Loading spinner has no accessible announcement | 4.1.3 | ChatContainer.tsx:57-61 |
+| AC-3 | Message list has no live region — new messages invisible | 4.1.3 | MessageList.tsx:41 |
+| AC-4 | Settings panel not a dialog — no focus trap, Escape, role | 2.1.2, 1.3.1 | SettingsPanel.tsx:43 |
+| AC-5 | Settings close button has no accessible name | 4.1.2 | SettingsPanel.tsx:47-55 |
+| AC-6 | Score bars conveyed only visually — no progressbar role | 1.1.1, 1.3.1 | ScoreCard.tsx:14-29 |
+| AC-7 | SVG icons lack `aria-hidden` everywhere | 1.1.1 | All components with SVGs |
+| AC-8 | API key input has no label | 1.3.1, 4.1.2 | SettingsPanel.tsx:93-99 |
+
+### SERIOUS (10)
+
+| # | Issue | WCAG | File |
+|---|-------|------|------|
+| AC-9 | Zero headings in the application (except Settings `<h3>`) | 1.3.1, 2.4.6 | All components |
+| AC-10 | No skip link or focus management on transitions | 2.4.1 | ChatContainer.tsx |
+| AC-11 | Provider selector has no radiogroup role or checked state | 4.1.2 | SettingsPanel.tsx:78-91 |
+| AC-12 | Jump-to-node buttons lack context about purpose | 2.4.4 | IssuesList.tsx:59-64 |
+| AC-13 | Chat messages have no role or sender identification | 1.3.1 | MessageList.tsx:48-54 |
+| AC-14 | Streaming messages provide no feedback mechanism | 4.1.3 | useChat.ts, MessageList.tsx |
+| AC-15 | IssuesList not structured as `<ul>`/`<li>` | 1.3.1 | IssuesList.tsx:48-69 |
+| AC-16 | Quick/Deep toggle doesn't convey current state | 4.1.2 | QuickActions.tsx:39-45 |
+| AC-17 | Fix results lack semantic structure | 1.3.1 | MessageList.tsx:64-76, FixResult.tsx |
+| AC-18 | AI review evidence lists have no heading or label | 2.4.6 | AiReviewCard.tsx:29-34 |
+
+### MODERATE (7)
+
+| # | Issue | WCAG |
+|---|-------|------|
+| AC-19 | Color contrast failures: `#b3b3b3` on white = 2.4:1 (need 4.5:1) | 1.4.3 |
+| AC-20 | No `prefers-reduced-motion` support | 2.3.3 |
+| AC-21 | No visible focus indicators on most buttons | 2.4.7 |
+| AC-22 | Refero gallery not keyboard-navigable | 2.1.1 |
+| AC-23 | Status dots convey info through color alone | 1.4.1 |
+| AC-24 | Show more/less button lacks `aria-expanded` | 4.1.2 |
+| AC-25 | No dark mode fallback colors defined | 1.4.3 |
+
+### MINOR (3)
+
+| # | Issue | WCAG |
+|---|-------|------|
+| AC-26 | Empty state SVG not hidden from AT | 1.1.1 |
+| AC-27 | Refero images lack descriptive alt text | 1.1.1 |
+| AC-28 | Font sizes in px, not rem | 1.4.4 |
+
+---
+
+## UX (23 findings)
+
+### CRITICAL
+
+**UX-1: Information hierarchy collapses after analysis**
+- 11-12 discrete cards in a 600px panel. ScoreCard scrolls out of view immediately.
+- Fix: Tabbed post-analysis view (Overview / Issues / AI Review / Chat).
+
+**UX-2: Single generic spinner for multi-phase analysis**
+- 4 phases (lint <1s → screenshot <1s → AI 3-15s → Refero 0-60s), one spinner.
+- Fix: Phased progress indicators; show lint results immediately.
+
+**UX-3: No first-run experience**
+- Zero onboarding, no explanation of features, scoring, or setup.
+- Fix: 3-step welcome flow stored in `figma.clientStorage`.
+
+**UX-4: Fix preview not wired to UI**
+- `previewFix()`, `previewRename()`, `dryRun` — all implemented but never surfaced.
+- Fix: Show before/after preview card before applying batch fixes.
+
+**UX-5: No undo guidance**
+- Batch fix = N separate undo steps, user never told about Cmd+Z.
+- Fix: Wrap in `figma.commitUndo()` group; show "Undo all" button.
+
+### HIGH
+
+**UX-6: No selection-change awareness**
+- Results from previous component persist when selection changes.
+- Fix: Listen to `figma.on('selectionchange')`, show "Selection changed" banner.
+
+**UX-7: Two competing scoring systems**
+- Deterministic 0-100 (5 categories) + AI Pass/Fail rubric (4 categories). Different names, overlapping concerns.
+- Fix: Unified composite view.
+
+**UX-8: AI confidence not communicated**
+- Ratings presented as facts. Scoring weights unexplained. No "AI-generated" label.
+- Fix: Tooltips on category bars; "AI-generated" disclosure; actionable gap info.
+
+**UX-9: Most fix types inaccessible from UI**
+- Only spacing fixes exposed. Token binding, style application, layer renaming — fully implemented but hidden.
+- Fix: Inline fix buttons per issue type in IssuesList.
+
+### MEDIUM
+
+**UX-10: Backend unavailability is silent**
+- `checkHealth()` once on mount, `backendAvailable = false` silently disables AI features.
+- Fix: Dismissible banner when backend unavailable; periodic retry.
+
+**UX-11: Errors look identical to informational messages**
+- All errors rendered as plain `ai-text` messages.
+- Fix: Dedicated `ErrorMessage` component with danger styling + recovery action.
+
+**UX-12: No suggested follow-up questions in chat**
+- Fix: Show 2-3 contextual suggestion chips after AI review.
+
+**UX-13: Streaming has no visual indicator**
+- `streaming` flag exists but `AiMessage` doesn't use it.
+- Fix: Blinking cursor or typing dots during stream.
+
+**UX-14: 2 of 10 lint categories missing from UI**
+- `visualQuality` and `microcopy` not in `TYPE_LABELS`, not in score computation.
+- Fix: Add to type labels, add to score breakdown.
+
+**UX-15: Flat issue list with no grouping**
+- No grouping by category, no severity sorting. Critical mixed with informational.
+- Fix: Group by category with count headers; sort by severity within groups.
+
+**UX-16: AI evaluates 7 categories, renders only 4**
+- Visual Balance, Microcopy Quality, Cognitive Load — requested, paid for, discarded.
+- Fix: Render all 7 or remove 3 from prompt.
+
+**UX-17: Chat history not persisted**
+- `ChatState` in-memory only. Close plugin = lose everything.
+- Fix: Save `sessionId` to `figma.clientStorage`; restore via `GET /api/session/:id`.
+
+### LOW
+
+**UX-18: Refero polling silently times out** — Fix: Show "comparison unavailable" message.
+**UX-19: No dead-end recovery for empty selection** — Fix: Disable Analyze when nothing selected.
+**UX-20: No chat error retry** — Fix: Show original message with "Retry" button.
+
+---
+
+## UI Design (12 findings)
+
+| # | Issue | File |
+|---|-------|------|
+| UI-1 | `text-10` undefined — rating badges unstyled | tailwind.config.js |
+| UI-2 | `focus:ring-fg-brand` — nonexistent token | SettingsPanel.tsx:98 |
+| UI-3 | Opacity modifiers broken with CSS variables | ReferoGallery.tsx:9-10 |
+| UI-4 | No `focus-visible` ring on buttons (WCAG 2.4.7) | ActionButtons, QuickActions |
+| UI-5 | Progress bars missing ARIA progressbar role | ScoreCard.tsx |
+| UI-6 | Disabled input has no visual `disabled:` styling | InputBar.tsx |
+| UI-7 | No streaming cursor/typing indicator | AiMessage.tsx |
+| UI-8 | No message entrance animations | MessageList.tsx |
+| UI-9 | Inconsistent border-radius (`rounded-xl` vs `rounded-lg`) | Multiple components |
+| UI-10 | Dark mode: hardcoded fallbacks for light only | globals.css |
+| UI-11 | Limited markdown rendering (bold only) | AiMessage.tsx |
+| UI-12 | Duplicate SVG icons across components | App.tsx, StickyHeader.tsx |
+
+---
+
+## DevOps (19 findings)
+
+### CRITICAL
+
+**D-1: No CI/CD pipeline** — No `.github/workflows/`. Everything manual.
+
+**D-2: Manifest divergence** — Root `manifest.json` and `dist/manifest.json` have different `allowedDomains`. Published plugin may not reach correct backend.
+
+**D-3: No startup env var validation** — Missing `ANTHROPIC_API_KEY` → cryptic runtime error.
+
+### HIGH
+
+**D-4: No `.dockerignore`** — `node_modules/`, `.git/` copied into Docker build context.
+
+**D-5: No Docker health checks** — Docker can't detect if Node process is actually responding.
+
+**D-6: `dist/` committed to git** — 341KB `code.js` + 248KB `ui.html` + 284KB `ui-enhanced.html`.
+
+**D-7: `ui-enhanced.html` is dead code** — 284KB legacy file at repo root and in dist.
+
+### MEDIUM
+
+**D-8: No multi-stage Docker build** — TypeScript compilation happens outside container.
+
+**D-9: No structured logging** — `console.log` / `console.error` with ad-hoc messages.
+
+**D-10: No database backup strategy** — SQLite on single host volume.
+
+**D-11: esbuild without `--minify`** — 341KB bundle could be significantly smaller.
+
+**D-12: No database indexes** — Only PK index. No index on `node_id`, `created_at`.
+
+**D-13: No database migration system** — Single `CREATE TABLE IF NOT EXISTS`.
+
+**D-14: No session cleanup / TTL** — Sessions grow unboundedly.
+
+**D-15: Node.js version requirement outdated** — README says "16+", Dockerfile uses 22.
+
+### LOW
+
+**D-16: No pinned Docker image tags** — `node:22-alpine` and `caddy:2` are floating.
+
+**D-17: No version coordination** — Root at 2.4.0, backend at 1.0.0, UI at 1.0.0, health endpoint hardcoded 1.0.0.
+
+**D-18: No error tracking service** — Errors logged to stdout and lost.
+
+**D-19: No request tracing** — No request IDs or correlation headers.
+
+---
+
+## Documentation (4/10)
+
+| Area | Score | Key Gap |
+|------|-------|---------|
+| README | 6/10 | Backend completely absent |
+| Code comments | 7/10 | `message-handler.ts` (key file) undocumented |
+| API docs | 2/10 | No OpenAPI, no request/response examples |
+| Config docs | 3/10 | `.env.example` has no descriptions |
+| Architecture | 3/10 | No diagram of 3-layer system |
+| Setup guide | 4/10 | No instructions for `ui/` and `backend/` workspaces |
+| Manifest | 1/10 | No field explained |
+
+### Priority Documentation Tasks
+1. Backend section in README (purpose, setup, env vars, deployment)
+2. Complete development setup guide (3-workspace install)
+3. Architecture overview with diagram (plugin sandbox → UI iframe → backend)
+4. API reference for all 7 endpoints
+5. Environment variable table with descriptions
+6. Manifest field documentation
+
+---
+
+## Positive Findings
+
+- **Parameterized SQL everywhere** — no string concatenation for values
+- **Non-root Docker user** — `appuser` created and used
+- **Backend port bound to localhost** — `127.0.0.1:3000:3000`
+- **React UI avoids innerHTML** — `AiMessage.tsx` explicitly documents "no dangerouslySetInnerHTML"
+- **CORS restriction** — only allows `null` (Figma sandbox), backend domain, localhost
+- **API key format validation** — all 3 providers validate key format before use
+- **Graceful degradation** — MCP down? Falls back. Claude fails? Skeleton result. Backend offline? Lint-only mode.
+- **Clean LLM provider abstraction** — well-typed Strategy pattern in `src/api/providers/types.ts`
+- **Deterministic scoring** — Design Health Score independent of AI, reproducible
+- **Good prompt engineering** — rubric-based review with explicit pass/fail criteria
+
+---
+
+## Action Plan
+
+### Sprint 0 — Quick Wins (1 day)
+
+- [ ] Redact API key in console log (1 line fix)
+- [ ] Add `.env` + `data/` to `.gitignore`
+- [ ] Add body size limits (`hono/body-limit`)
+- [ ] Add MCP timeout wrapper (`Promise.race`, 15s)
+- [ ] Add security headers to Caddyfile
+- [ ] Add `aria-hidden="true"` to all SVG icons
+- [ ] Add `aria-live="polite"` + `role="log"` to message list
+- [ ] Add `text-10` to Tailwind config
+- [ ] Add `aria-label="Close settings"` to close button
+- [ ] Add `aria-label="API Key"` to password input
+
+### Sprint 1 — Security & Stability (3-5 days)
+
+- [ ] Bearer auth middleware on backend
+- [ ] Rate limiting per IP/key
+- [ ] AbortController for streaming requests
+- [ ] Fix `appendConversation` race condition (SQLite `json_insert`)
+- [ ] Settings panel → proper dialog with focus trap + Escape
+- [ ] Delete `ui-enhanced.html` (284KB dead code)
+- [ ] Fix `handleRescan` stale closure
+- [ ] Fix polling interval cleanup on unmount
+- [ ] Add startup env var validation
+- [ ] Fix `PluginEvent` catch-all (remove it)
+
+### Sprint 2 — Architecture (1 week)
+
+- [ ] Shared types package (plugin + UI sync)
+- [ ] Split `message-handler.ts` into per-feature handlers
+- [ ] Merge 3 Anthropic clients → 1 shared factory
+- [ ] Merge 2 MCP clients → generic factory
+- [ ] Merge `src/fix/` and `src/fixes/`
+- [ ] Remove or document dead plugin-side LLM provider code
+- [ ] Add `visualQuality` + `microcopy` to UI types and scoring
+- [ ] Render all 7 AI review categories (or remove 3 from prompt)
+- [ ] Include lint settings in cache hash
+
+### Sprint 3 — UX & Accessibility (1 week)
+
+- [ ] Tabbed post-analysis view (Overview / Issues / AI Review / Chat)
+- [ ] Progressive disclosure (lint results immediately, AI when ready)
+- [ ] Wire fix preview UI to existing `previewFix()` + `dryRun`
+- [ ] First-run onboarding (3 steps + `clientStorage`)
+- [ ] Session persistence + restore on reopen
+- [ ] Selection change detection + "stale results" banner
+- [ ] Heading hierarchy (`<h1>` → `<h3>`) throughout UI
+- [ ] Landmark regions (`<main>`, `<header>`, `<footer>`)
+- [ ] Focus management on state transitions
+- [ ] Contrast fixes (`text-fg-tertiary` ≥ #767676, `text-fg-success` ≥ #0F7B3F)
+- [ ] `focus-visible:ring-2` on all interactive elements
+- [ ] `prefers-reduced-motion` media query
+- [ ] Grouped issue list with severity sorting
+
+### Sprint 4 — DevOps & Polish (3-5 days)
+
+- [ ] GitHub Actions CI/CD (typecheck + build + Docker image)
+- [ ] Multi-stage Docker build
+- [ ] `.dockerignore` file
+- [ ] Docker health checks
+- [ ] Structured logging (pino)
+- [ ] `--minify` flag for esbuild
+- [ ] Database indexes on `node_id`, `created_at`
+- [ ] Session TTL / cleanup routine
+- [ ] Backend docs + API reference in README
+- [ ] Pin Docker image tags
+- [ ] Unit tests for lint rules + scoring logic
diff --git a/PIPELINE-EVALUATION.md b/PIPELINE-EVALUATION.md
new file mode 100644
index 0000000..eaec5d5
--- /dev/null
+++ b/PIPELINE-EVALUATION.md
@@ -0,0 +1,390 @@
+# FigmaLint — Pipeline Evaluation Report
+
+**Date:** 2026-03-13
+**Agents:** 3 (Workflow Optimizer, Tool Evaluator, UX Researcher)
+**Scope:** Design review pipeline coherence, completeness, quality, competitive positioning, designer value
+
+---
+
+## Executive Summary
+
+FigmaLint's 3-layer architecture (deterministic lint + AI visual review + Refero benchmarking) is **architecturally unique** — no competitor combines all three. However, the pipeline is **shipping at ~50% of its built capability**: 3 of 7 AI categories discarded, 4 of 5 fix types hidden, token analysis orphaned, consistency engine disconnected. The highest-ROI work is **finishing what's already built**, not building new features.
+
+### Key Numbers
+
+| Metric | Current | After P0-P1 Fixes |
+|--------|---------|-------------------|
+| AI categories rendered | 4 of 7 (57%) | 7 of 7 (100%) |
+| Lint categories labeled in UI | 8 of 12 (67%) | 12 of 12 (100%) |
+| Fix types exposed | 1 of 5 (20%) | 5 of 5 (100%) |
+| Token analysis forwarded to AI | No | Yes |
+| Consistency engine connected | No | Yes |
+| Scores unified (UI = backend) | No | Yes |
+
+---
+
+## Part 1: Pipeline Coherence (Workflow Optimizer)
+
+### Data Flow Integrity
+
+The 3-layer boundary separation is clean: QuickJS sandbox (deterministic) -> React UI (presentation) -> Hono backend (AI). Data flows through message-passing and HTTP. However, there are **5 coherence gaps** where information is lost or duplicated:
+
+### Gap 1: Dual Score Computation (Divergent)
+
+**Problem:** Design Health Score computed in TWO places with DIFFERENT weights:
+- **UI** (`useChat.ts:43-83`): 5 categories, weights 30/20/10/30/10
+- **Backend** (`analyzer.ts:170-208`): 9 categories, weights 20/20/12/10/8/10/8/8/4
+
+The designer sees score X in the plugin; the backend stores score Y. Same component, different numbers.
+
+**Fix:** Single source of truth. Use backend's 9-category score (more comprehensive). UI receives and displays backend score.
+**Effort:** 2-4 hours.
+
+### Gap 2: AI Evaluates 7 Categories, UI Renders 4
+
+**Problem:** Claude analyzes 7 dimensions: Layout & Alignment, Typography, Colors & Contrast, Spacing & Rhythm, **Visual Balance**, **Microcopy Quality**, **Cognitive Load**. The UI type `AiReviewData` and `AiReviewCard.tsx` only render the first 4. Three categories are computed, paid for (~40% of AI token budget), and silently discarded.
+
+**Fix:** Extend `AiReviewData` type + add 3 more `CategoryRow` components.
+**Effort:** 2-3 hours. Zero additional API cost.
+
+### Gap 3: 4 Lint Categories Missing UI Labels
+
+**Problem:** `IssuesList.tsx` defines `TYPE_LABELS` and `TYPE_SEVERITY_MAP` for only 8 categories. The newer categories (`visualQuality`, `microcopy`, `conversion`, `cognitive`) fall through to raw type names like "visualQuality" instead of "Visual Quality".
+
+**Fix:** Add entries to both maps.
+**Effort:** 1-2 hours.
+
+### Gap 4: Token Analysis Orphaned from Pipeline
+
+**Problem:** `token-analyzer.ts` (737 lines) extracts rich token data: colors, spacing, typography with variable/style/hard-coded classification. The `extractedData` payload sent to backend includes only `componentName`, `nodeId`, `nodeType`, `width`, `height`, `hasAutoLayout` (hardcoded `false`), `childCount` (hardcoded `0`). Token analysis output is never forwarded. The AI evaluates color harmony from screenshots alone, without knowing which values are tokenized.
+
+**Impact:** AI flags tokenized colors as "too many disconnected colors" — false positives that erode trust.
+
+**Fix:** Run `extractDesignTokensFromNode` after lint, include summary in payload.
+**Effort:** 4-6 hours.
+
+### Gap 5: Consistency Engine Disconnected
+
+**Problem:** `consistency-engine.ts` has component-family validation, hashing, caching — but it's only used in the legacy `analyze-enhanced` path, not the current pipeline (`run-design-lint` -> `export-screenshot` -> backend).
+
+**Fix:** Wire into current pipeline.
+**Effort:** 4-6 hours.
+
+### Additional Information Loss Points
+
+- `hasAutoLayout` hardcoded to `false`, `childCount` to `0` in `App.tsx:46-47` — AI receives misleading metadata
+- Only spacing errors carry the `property` field needed for one-click fixes; other fixable errors (radius, fill, stroke) lack context
+- Lint error severity from specialized modules (`checkVisualQuality`, `checkMicrocopy`) gets remapped but `IssuesList` falls back to hardcoded severity maps
+
+---
+
+## Part 2: Pipeline Completeness (Workflow Optimizer)
+
+### Missing Pre-Analysis Stages
+
+| Missing Stage | Description | Impact |
+|---------------|-------------|--------|
+| **Selection validation** | No type indicator (component/frame/page/instance), no size/complexity estimate, no "847 nodes, may take a moment" | Unexpected wait times |
+| **Design system detection** | No auto-detection of Variables, linked libraries | Rules check against generic defaults |
+| **Previous analysis recall** | No "last analyzed 3 days ago, score 72" | Every session starts from zero |
+| **Design system configuration** | `TeamLintConfig` type exists, save/load messages defined, but **no UI surface** | Can't set team spacing scale, allowed radii, severity overrides |
+
+**Design system configuration** is the single most impactful missing feature for teams. Without it, teams using a non-4px grid get flooded with false positives -> tool abandonment.
+
+### Missing During-Analysis Feedback
+
+| Missing Stage | Description | Impact |
+|---------------|-------------|--------|
+| **Phase progress** | Single spinner for 4 phases (lint <1s, screenshot <1s, AI 3-15s, Refero 0-60s) | Designer doesn't know if frozen |
+| **Selection change awareness** | No `figma.on('selectionchange')` handler | Stale results shown for wrong selection — #1 plugin UX failure |
+| **Partial results rendering** | No visual distinction between "lint complete, AI pending" and "everything complete" | 3-15s gap with no indicator |
+
+### Missing Post-Analysis Stages
+
+| Missing Stage | Description | Impact |
+|---------------|-------------|--------|
+| **Handoff readiness** | No checks for: detached instances, auto-layout structure, responsive constraints, interactive states, exportable assets | Designers ship incomplete handoffs |
+| **Historical tracking** | Session stores `score_initial` and `score_current` but no UI for history | No "my average score improved from 68 to 74 this week" |
+| **Shareable results** | Results trapped in plugin panel. No export, no annotations, no webhook | Design lead can't see team quality |
+| **Auto-rescan after fixes** | Manual rescan only. AI review stays stale after fixes applied | Designer doesn't see fix impact |
+
+### Missing Iterative Workflow
+
+| Missing Stage | Description | Impact |
+|---------------|-------------|--------|
+| **Persistent ignore state** | `ignoredNodeIds` stored in volatile memory, lost on restart | Re-dismiss false positives every session |
+| **Fix-verify loop** | No auto-rescan after batch fixes; rescan only re-runs lint, not AI | Stale AI review post-fix |
+| **Issue navigation** | Flat list, no "Previous/Next" issue walker with canvas zoom | Mental bookkeeping for 15+ issues |
+
+---
+
+## Part 3: Competitive Landscape (Tool Evaluator)
+
+### FigmaLint's Unique Position
+
+FigmaLint occupies a position **no competitor replicates**:
+
+| Layer | What It Does | Closest Competitor | Why FigmaLint Is Different |
+|-------|-------------|-------------------|---------------------------|
+| **Deterministic Lint** | 10-category rule engine | Design Lint (styles only), Roller (styles + auto-fix) | 10 categories vs. 1-4. Includes naming, alignment, microcopy, cognitive |
+| **AI Visual Review** | Claude screenshot analysis, 7 dimensions | OnBeacon (GPT-5/Claude), ClarityUX | Combined with deterministic rules + Refero. Others are AI-only |
+| **Real-World Benchmarking** | Refero MCP: 75,000+ production UIs | **Nobody** | Zero competitors have a reference database |
+
+### Feature Gap Analysis
+
+#### What FigmaLint Has That Others Don't
+
+- Deterministic lint + AI review in one tool
+- Real-world UI comparison via Refero (75K+ screenshots)
+- Design Health Score (0-100, composite)
+- AI Chat contextualized to findings
+- Flow Analysis (multi-screen consistency)
+- Cross-component consistency engine
+- Built-in token analyzer
+- MCP-based composable architecture
+
+#### What Others Have That FigmaLint Doesn't
+
+| Gap | Who Has It | Priority |
+|-----|-----------|----------|
+| **Accessibility checks (WCAG contrast, touch targets, focus order)** | Stark, OnBeacon | Critical |
+| **Auto-fix with token/style picker UI** | Roller | Critical (FigmaLint has code, not UI) |
+| **Design system connection/import** | Roller, Knapsack, Zeroheight, Supernova | Critical |
+| **Backend authentication** | All commercial tools | Critical (infrastructure) |
+| **Team collaboration (shared settings, dashboards)** | Roller, Knapsack, Zeroheight | High |
+| **CI/CD integration (branch review gate)** | Chromatic, Continuous Design | High |
+| **Version history / score trending** | Chromatic, Zeroheight | Medium |
+| **Attention heatmap / eye-tracking** | Attention Insight, VisualEyes | Medium |
+| **Export / reporting** | Zeplin, Knapsack | Medium |
+| **Onboarding** | Most mature plugins | High |
+
+#### Blue Ocean (Nobody Has Yet)
+
+| Opportunity | Why It's Possible for FigmaLint |
+|-------------|-------------------------------|
+| **Design Debt Dashboard** (SonarQube for design) | Has backend + scoring. Needs persistence + trending UI |
+| **AI "Why" explanations per violation** | Has deterministic findings + AI + Refero. Wire them together |
+| **Real-world fix suggestions** ("Others solved this by...") | Has lint findings + Refero. No one else has both |
+| **Figma branch review gate** | Figma's new Git integration makes this feasible |
+| **Design-to-code drift detection** (Figma vs Storybook) | Requires Chromatic API + visual diff |
+| **Component maturity scorecard** | Combines token analyzer + lint + naming checks |
+| **Design system health leaderboard** | Requires auth + persistent scoring |
+
+### Competitive Moat Assessment
+
+| Moat | Strength | Notes |
+|------|----------|-------|
+| **Refero database** | STRONG | 75K+ production UIs. Years to replicate |
+| **Three-layer architecture** | STRONG | Deterministic + AI + benchmarking. No one has all 3 |
+| **MCP composability** | MEDIUM-STRONG | Early MCP adoption = integration advantages |
+| **Design Health Score brand** | MEDIUM (potential) | First-mover opportunity for the industry metric |
+| **Auto-fix breadth** | MEDIUM | 5 fix types. Once exposed, broadest of any linter |
+
+---
+
+## Part 4: Designer Perspective (UX Researcher)
+
+### How Designers Actually Think About Quality
+
+Designers don't think in "lint categories." They think in **layers of confidence**:
+
+1. **"Does this look right?"** — Visual gut check. Holistic scan for harmony. Maps to AI visual review (the "squint test")
+2. **"Does this match the system?"** — Consistency check. Tokens, components, grid. Maps to deterministic lint, but framed as "am I on-system"
+3. **"Does this work?"** — Interaction check. Flow, states, patterns. Maps to flow analysis
+4. **"Will someone else understand this?"** — Communication check. Naming, organization, handoff readiness
+
+**Key insight:** The current UI mixes all 4 layers into a single flat output. A designer can't quickly answer the question they came with.
+
+### "Checking My Work" vs. "Getting Feedback"
+
+| Mode | Designer Intent | What They Want | Maps To |
+|------|----------------|---------------|---------|
+| **Verification** | "I think this is correct, confirm it" | Quick pass/fail, specific issues to fix. Speed matters. False positives are costly | Deterministic lint |
+| **Exploration** | "I'm not sure, give me perspective" | Nuanced commentary, alternatives, rationale. Depth matters | AI review + Refero + Chat |
+
+**Problem:** FigmaLint presents both as equivalent authority. A spacing violation (fact) and a visual balance opinion (judgment) appear side-by-side with the same visual weight. This confuses trust calibration.
+
+**Fix:** Visually distinguish "Rule" findings from "AI Suggestion" findings. Only deterministic rules affect the score.
+
+### Feature Value by Persona
+
+| Feature | Junior Designer | Senior Designer | Design Lead | System Maintainer |
+|---------|----------------|-----------------|-------------|-------------------|
+| Deterministic Lint | 5 (learning) | 3 (knows rules) | 4 (compliance) | 5 (their job) |
+| Health Score | 4 (motivation) | 2 (too reductive) | 4 (dashboards) | 3 (threshold gate) |
+| AI Visual Review | 5 (mentor) | 4 (second opinion) | 3 (own judgment) | 2 (not relevant) |
+| Refero Comparison | 5 (learning) | 3 (has references) | 2 (occasional) | 1 (not relevant) |
+| AI Chat | 5 (ask "why") | 3 (occasional) | 2 (rarely) | 1 (not relevant) |
+| Batch Fixes | 4 (time saver) | 5 (biggest value) | 3 (wants learning) | 5 (mass updates) |
+| Flow Analysis | 3 (new to flows) | 4 (consistency) | 5 (primary concern) | 4 (system consistency) |
+
+**Key insight:** Senior designers care most about speed — auto-fixes applied quickly. Design leads want breadth across many screens. Junior designers get the most from AI + Refero as learning tools.
+
+### Missing Workflows That Would Drive Habitual Use
+
+| Workflow | Trigger | What to Build | Habit Driver |
+|----------|---------|---------------|-------------|
+| **Morning Dashboard** | Lead opens Figma | File/page-level scan with quality heatmap | Daily standup tool |
+| **Pre-Share Gate** | Designer about to share link | "Ready to Share?" quick-check with pass/fail | Attaches to existing behavior |
+| **Learning Loop** | Designer accumulates history | "Your most common issue: 12px→16px spacing. Down 40% this month" | Personal growth metric |
+| **Component Audit** | System maintainer checks instances | Find all instances, check for overrides/detachments | Replaces hours of manual work |
+| **Review Handoff** | Lead finishes review | Annotate findings as Figma comments, track resolution | Replaces screenshots-in-Slack |
+| **Ambient Mode** | Plugin open while designing | Selection-aware badge: score + issue count, updates on selection change | Zero-cost quality awareness |
+
+### Information Architecture Recommendation
+
+Replace the 12-card flat dump with a **3-tier hierarchy**:
+
+**Tier 1 — The Verdict (above fold, no scroll)**
+```
+[Score: 87/100]
+"3 issues need attention, 2 are auto-fixable"
+[Fix All Auto-Fixable]
+```
+
+**Tier 2 — Issue List (grouped by actionability)**
+- Auto-fixable issues (with "Fix" buttons)
+- Manual fixes needed (with guidance)
+- AI suggestions (clearly labeled as opinions)
+
+**Tier 3 — Deep Dive (expandable/tabbed)**
+- AI visual review commentary
+- Refero comparisons
+- Category breakdown
+- Chat
+
+**Rule:** Designer should assess situation and begin acting within **5 seconds**. Currently takes 15-30 seconds of scrolling.
+
+---
+
+## Part 5: Unified Priority Matrix
+
+Cross-referencing all 3 agents, ranked by **(impact x feasibility x frequency)**:
+
+### P0 — Ship This Week (15-25 hours total)
+
+These are coherence fixes — finishing what's already built:
+
+| # | Item | Source | Effort | Impact |
+|---|------|--------|--------|--------|
+| 1 | Wire all 7 AI categories to `AiReviewCard` | Workflow | 2-3h | Recovers 40% of wasted AI token spend |
+| 2 | Add labels for 4 missing lint categories in `IssuesList` | Workflow | 1-2h | Makes ~35-50% of findings readable |
+| 3 | Unify score computation (use backend score) | Workflow | 2-4h | Eliminates score trust confusion |
+| 4 | Fix `hasAutoLayout`/`childCount` hardcoded values | Workflow | 1-2h | AI gets accurate component metadata |
+| 5 | Add selection change detection | All 3 | 3-4h | Prevents #1 plugin UX failure |
+| 6 | Fix `extractedData` to forward token analysis | Workflow | 4-6h | AI stops flagging tokenized colors |
+
+### P1 — Ship This Sprint (30-40 hours total)
+
+| # | Item | Source | Effort | Impact |
+|---|------|--------|--------|--------|
+| 7 | Expose all 5 fix types with preview | All 3 | 8-12h | 5x more auto-fixable issues |
+| 8 | Restructure UI: summary-first hierarchy | UX Research | 8-12h | Time-to-action: 30s -> 5s |
+| 9 | Progressive loading with phase indicators | UX Research | 6-8h | Eliminates "is it frozen?" abandonment |
+| 10 | Persistent ignore state (document storage) | Workflow | 3-4h | No more re-dismissing false positives |
+| 11 | Onboarding / first-run experience | Tool Eval, UX | 4-6h | Activation rate 40-60% -> 80%+ |
+| 12 | Distinguish facts vs opinions in results | UX Research | 3-4h | Trust calibration for designers |
+
+### P2 — Ship Next Sprint (40-60 hours total)
+
+| # | Item | Source | Effort | Impact |
+|---|------|--------|--------|--------|
+| 13 | Design system configuration UI | Workflow, Tool Eval | 8-12h | Eliminates false-positive flood |
+| 14 | Auto-rescan after batch fixes | Workflow | 6-8h | Closes fix-verify loop |
+| 15 | Backend authentication | Tool Eval | 12-16h | Unblocks ALL team features |
+| 16 | Accessibility checks (contrast + touch targets) | Tool Eval | 8-12h | Table stakes for enterprise |
+| 17 | Guided issue navigator ("Fix Mode") | UX Research | 6-8h | Issues resolved/session: 2-3 -> 8+ |
+
+### P3 — Ship Next Month (60-80 hours total)
+
+| # | Item | Source | Effort | Impact |
+|---|------|--------|--------|--------|
+| 18 | Health score trending + history | Tool Eval | 16-24h | Design ops metric (SonarQube for design) |
+| 19 | Handoff readiness assessment | Workflow | 16-24h | New value stream, no competitor has it |
+| 20 | Shareable quality report (export) | UX Research | 6-8h | Team visibility, audit trail |
+| 21 | Component maturity scorecard | Workflow, Tool Eval | 8-12h | DS adoption metric |
+| 22 | Contextual "Why + How" per finding | Tool Eval | 8-12h | Blue ocean: lint + AI + Refero per finding |
+| 23 | File/page-level batch analysis | UX Research | 8-12h | Design lead "20 screens" workflow |
+
+### P4 — Strategic (3-6 months)
+
+| # | Item | Source | Effort | Impact |
+|---|------|--------|--------|--------|
+| 24 | CI/CD integration (Figma branch review gate) | Tool Eval | 20-30h | Design quality gate on branches |
+| 25 | Linear/Jira integration | Tool Eval | 8-12h | Design debt in project backlog |
+| 26 | Slack/Teams notifications | Tool Eval, UX | 4-6h | Passive team visibility |
+| 27 | Storybook/Chromatic visual drift detection | Tool Eval | 30-40h | Design-to-code consistency |
+| 28 | MCP server (expose FigmaLint as tools for AI agents) | Tool Eval | 12-16h | Agentic workflow positioning |
+| 29 | Design debt dashboard + team leaderboard | All 3 | 16-24h | Organizational stickiness |
+
+---
+
+## Part 6: Strategic Positioning
+
+### The Positioning Statement
+
+> **FigmaLint: The design quality platform that combines the rigor of a code linter with the intelligence of a senior design reviewer.**
+
+### The Three-Layer Moat
+
+No competitor has all three layers:
+
+```
+Layer 1: Deterministic Rules    — "What IS wrong" (objective, instant, auto-fixable)
+Layer 2: AI Visual Review       — "What LOOKS wrong" (subjective, contextual, educational)
+Layer 3: Real-World Benchmarks  — "What COULD be better" (75K+ production UIs, unique)
+```
+
+**Strategic imperative:** Tighten integration between layers. When a lint rule fires, the AI explains WHY, and Refero shows HOW others solved it. This creates an educational feedback loop no competitor can replicate.
+
+### Competitive Roadmap Phases
+
+| Phase | Weeks | Goal | Outcome |
+|-------|-------|------|---------|
+| **Make It Sticky** | 1-6 | Expose hidden features, add onboarding | Install -> regular use conversion |
+| **Make It Essential** | 7-14 | Auth, design system config, accessibility, trending | Teams adopt as standard tool |
+| **Make It Infrastructure** | 15-24 | CI/CD, component scorecard, integrations | Embedded in team workflow (like ESLint) |
+| **Make It Irreplaceable** | 25-48 | Drift detection, MCP server, debt dashboard | Critical workflow infrastructure |
+
+---
+
+## Part 7: Value Map
+
+### Estimated Time Savings Per Sprint
+
+| Item | Time Saved | For Whom |
+|------|-----------|----------|
+| Expose all fix types | 20 min/session | All designers |
+| Design system config | 15 min/session | All team members (eliminates false positives) |
+| Selection awareness | 10 min/session | All designers |
+| Summary-first UI | 10 min/session | All designers |
+| Persistent ignore state | 5 min/session | All designers |
+| Auto-rescan after fixes | 2 min/fix cycle | All designers |
+| Handoff readiness | 30 min/handoff | Designers + developers |
+| File-level batch scan | 60 min/week | Design leads |
+| Health score trending | 60 min/week | Design leads |
+
+### For a 10-Person Design Team (Conservative Estimate)
+
+| Improvement Set | Weekly Time Saved | Annual Value (@$80/hr) |
+|-----------------|-------------------|----------------------|
+| P0 coherence fixes | 3.3 hours | $13,700 |
+| P1 UX improvements | 8.3 hours | $34,500 |
+| P2 team features | 6.7 hours | $27,800 |
+| **Total P0-P2** | **18.3 hours/week** | **$76,000/year** |
+
+---
+
+## Conclusion
+
+FigmaLint's architecture is **sound and unique**. The 3-layer approach is a genuine competitive moat. The critical path is:
+
+1. **Stop wasting what's built** — wire the 3 hidden AI categories, 4 hidden fix types, orphaned token analysis, and disconnected consistency engine. This roughly **doubles visible capability** in ~25 hours of work.
+
+2. **Fix the information hierarchy** — designers need a verdict in 5 seconds, not 12 cards to scroll through.
+
+3. **Add selection awareness** — without it, every session risks showing stale results, which is the #1 trust-killer for Figma plugins.
+
+4. **Build for teams** — auth + design system config + shared settings transform the tool from "nice individual plugin" to "team design ops platform."
+
+The highest-leverage single feature is **exposing all auto-fix types with preview** (P1 #7). It moves the fix rate from ~20% to ~60% of identified issues, which is the moment designers go from "interesting diagnostic" to "can't work without it."
diff --git a/README.md b/README.md
index 0b8950d..b79fd66 100644
--- a/README.md
+++ b/README.md
@@ -123,7 +123,7 @@ src/
 └── utils/
     └── figma-helpers.ts         # Figma API utilities
 
-ui-enhanced.html                 # Plugin interface (single-file HTML/CSS/JS)
+ui/                              # Plugin interface source files
 ```
 
 ## Development
diff --git a/backend/.dockerignore b/backend/.dockerignore
new file mode 100644
index 0000000..5fd2f3f
--- /dev/null
+++ b/backend/.dockerignore
@@ -0,0 +1,6 @@
+node_modules
+.git
+*.md
+.env
+.env.*
+data/
diff --git a/backend/.env.example b/backend/.env.example
index f070adc..b69fff3 100644
--- a/backend/.env.example
+++ b/backend/.env.example
@@ -1,4 +1,16 @@
-ANTHROPIC_API_KEY=sk-ant-...
+# Required: Anthropic API key for Claude AI analysis
+ANTHROPIC_API_KEY=sk-ant-your-key-here
+
+# Optional: Server port (default: 3000)
 PORT=3000
-DATABASE_PATH=./data/sessions.db
-DESIGN_SYSTEMS_MCP_URL=https://design-systems-mcp.southleft.com/mcp
+
+# Optional: SQLite database path (default: ./data/sessions.db)
+# DATABASE_PATH=./data/sessions.db
+
+# Optional: Bearer token for API authentication (recommended for production)
+# When set, all /api/* requests (except /api/health) require Authorization: Bearer <token>
+# BACKEND_AUTH_TOKEN=your-secret-token-here
+
+# Optional: Rate limit — max requests per IP per window (default: 60 per minute)
+# RATE_LIMIT_MAX=60
+# RATE_LIMIT_WINDOW_MS=60000
diff --git a/backend/Caddyfile b/backend/Caddyfile
index 4e5d0de..f87d18e 100644
--- a/backend/Caddyfile
+++ b/backend/Caddyfile
@@ -1,3 +1,12 @@
 api.figmalint.labpics.com {
+    header {
+        X-Content-Type-Options "nosniff"
+        X-Frame-Options "DENY"
+        Strict-Transport-Security "max-age=31536000; includeSubDomains"
+        Referrer-Policy "strict-origin-when-cross-origin"
+        X-XSS-Protection "0"
+        -Server
+    }
+
     reverse_proxy backend:3000
 }
diff --git a/backend/Dockerfile b/backend/Dockerfile
index b5af04c..bb00f74 100644
--- a/backend/Dockerfile
+++ b/backend/Dockerfile
@@ -1,13 +1,26 @@
-FROM node:22-alpine
+# ── Build stage ──────────────────────────────
+FROM node:22.15-alpine3.21 AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+COPY tsconfig.json ./
+COPY src/ ./src/
+RUN npm run build
+
+# ── Production stage ─────────────────────────
+FROM node:22.15-alpine3.21
 WORKDIR /app
 COPY package*.json ./
 RUN npm ci --production
-COPY dist/ ./dist/
-COPY src/db/schema.sql ./src/db/schema.sql
+COPY --from=builder /app/dist/ ./dist/
 
 RUN addgroup -S appgroup && adduser -S appuser -G appgroup
 RUN mkdir -p /app/data && chown -R appuser:appgroup /app/data
 USER appuser
 
 EXPOSE 3000
+
+HEALTHCHECK --interval=30s --timeout=5s --retries=3 \
+  CMD wget -qO- http://localhost:3000/api/health || exit 1
+
 CMD ["node", "dist/index.js"]
diff --git a/backend/TEST_PLAN.md b/backend/TEST_PLAN.md
new file mode 100644
index 0000000..f9ca234
--- /dev/null
+++ b/backend/TEST_PLAN.md
@@ -0,0 +1,753 @@
+# FigmaLint Backend -- Comprehensive API Test Plan
+
+**Version**: 1.0
+**Date**: 2026-03-13
+**Scope**: All 6 routes (7 endpoints) in `backend/src/routes/`
+**Stack**: Hono + better-sqlite3 + Anthropic SDK
+
+---
+
+## Table of Contents
+
+1. [Test Infrastructure Recommendations](#1-test-infrastructure-recommendations)
+2. [Endpoint Inventory](#2-endpoint-inventory)
+3. [Test Cases by Endpoint](#3-test-cases-by-endpoint)
+   - [GET /api/health](#31-get-apihealth)
+   - [POST /api/analyze](#32-post-apianalyze)
+   - [POST /api/chat](#33-post-apichat)
+   - [POST /api/stream/:sessionId](#34-post-apistreamssessionid-sse)
+   - [GET /api/session/:id](#35-get-apisessionid)
+   - [GET /api/session/:id/refero](#36-get-apisessionidrefero)
+   - [POST /api/analyze-flow](#37-post-apianalyze-flow)
+4. [Cross-Cutting Test Cases](#4-cross-cutting-test-cases)
+   - [CORS](#41-cors)
+   - [Concurrency](#42-concurrency)
+   - [Performance](#43-performance)
+   - [Security](#44-security)
+5. [Example Test Code](#5-example-test-code-5-most-critical-tests)
+6. [Priority Matrix](#6-priority-matrix)
+
+---
+
+## 1. Test Infrastructure Recommendations
+
+### Framework: Vitest + Hono Test Client
+
+**Why Vitest** over Jest:
+- Native ESM support (the project is `"type": "module"`)
+- Compatible with the `ES2022` target in tsconfig
+- Fast execution via esbuild transforms
+- Built-in mocking with `vi.mock()` / `vi.fn()`
+
+**Why Hono's built-in `app.request()`** over supertest:
+- Zero extra dependency; Hono ships a test-friendly `.request()` method
+- Works in-process (no actual TCP listener needed)
+- SSE testing can be done by reading the response body as a ReadableStream
+
+### Mock Strategy
+
+| Dependency | Mock Method |
+|---|---|
+| `@anthropic-ai/sdk` | `vi.mock()` the entire module; return canned responses |
+| `better-sqlite3` | Use a real in-memory SQLite (`:memory:`) for true DB coverage |
+| `@modelcontextprotocol/sdk` (Refero MCP) | `vi.mock()` the `refero.ts` service |
+| `nanoid` | `vi.mock()` to return deterministic IDs |
+
+### Required dev dependencies to add
+
+```
+vitest @vitest/coverage-v8
+```
+
+### Vitest config (`backend/vitest.config.ts`)
+
+```typescript
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'node',
+    include: ['src/**/*.test.ts'],
+    coverage: {
+      provider: 'v8',
+      include: ['src/routes/**', 'src/services/**', 'src/db/**'],
+    },
+    setupFiles: ['./src/test/setup.ts'],
+  },
+});
+```
+
+---
+
+## 2. Endpoint Inventory
+
+| # | Method | Path | Route File | Depends On |
+|---|--------|------|-----------|-----------|
+| 1 | GET | `/api/health` | `health.ts` | Nothing |
+| 2 | POST | `/api/analyze` | `analyze.ts` | `analyzer.ts` -> `claude.ts`, `refero.ts`, `session.ts`, `design-knowledge.ts` |
+| 3 | POST | `/api/chat` | `chat.ts` | `claude.ts` (streamChat), `session.ts` |
+| 4 | POST | `/api/stream/:sessionId` | `stream.ts` | `claude.ts` (streamChat), `session.ts`, SSE via `hono/streaming` |
+| 5 | GET | `/api/session/:id` | `session.ts` | `session.ts` (loadSession) |
+| 6 | GET | `/api/session/:id/refero` | `session.ts` | `session.ts` (loadSession) |
+| 7 | POST | `/api/analyze-flow` | `flow.ts` | `flow-analyzer.ts` -> `claude.ts` |
+
+---
+
+## 3. Test Cases by Endpoint
+
+### 3.1 GET /api/health
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| H-01 | Happy path | Returns health status | `GET /api/health` | `200`, body `{ status: "ok", timestamp: <ISO>, version: "1.0.0" }` | P1 |
+| H-02 | Validation | Timestamp is valid ISO 8601 | `GET /api/health` | `timestamp` matches ISO pattern | P2 |
+| H-03 | Method guard | POST to health endpoint | `POST /api/health` | `404` or `405` (Hono default) | P3 |
+
+---
+
+### 3.2 POST /api/analyze
+
+#### Happy Path
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| A-01 | Happy path | Full valid analysis (quick mode) | Valid `AnalyzeRequest` with `mode: "quick"` | `200`, body has `sessionId`, `pageType`, `lintResult`, `aiReview`, `designHealthScore` (0-100) | P0 |
+| A-02 | Happy path | Full valid analysis (deep mode) | Valid `AnalyzeRequest` with `mode: "deep"` | `200`, same as A-01 plus `referoComparison` present | P0 |
+| A-03 | Happy path | Re-analysis with existing sessionId | Valid request + `sessionId` of prior session | `200`, same sessionId returned, `score_initial` unchanged in DB | P1 |
+| A-04 | Happy path | Zero lint errors | `lintResult.summary.totalErrors: 0`, empty `errors` array | `200`, `designHealthScore` should be 100 | P1 |
+| A-05 | Happy path | `designSystemSources` present when knowledge found | Request for "Button" component | `200`, body includes `designSystemSources` array | P2 |
+
+#### Input Validation
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| A-10 | Validation | Missing body entirely | Empty POST | `400`, `{ error: "Invalid JSON body" }` | P0 |
+| A-11 | Validation | Non-JSON body (plain text) | `Content-Type: text/plain`, body `"hello"` | `400`, `{ error: "Invalid JSON body" }` | P1 |
+| A-12 | Validation | Missing `screenshot` | Body without `screenshot` field | `400`, `{ error: "screenshot is required..." }` | P0 |
+| A-13 | Validation | `screenshot` is number, not string | `{ screenshot: 12345, ... }` | `400`, error about screenshot type | P0 |
+| A-14 | Validation | Missing `lintResult` | Body with screenshot but no lintResult | `400`, `{ error: "lintResult is required" }` | P0 |
+| A-15 | Validation | `lintResult` is string, not object | `{ lintResult: "not an object" }` | `400`, `{ error: "lintResult is required" }` | P1 |
+| A-16 | Validation | Missing `extractedData` | Body missing extractedData | `400`, `{ error: "extractedData is required" }` | P0 |
+| A-17 | Validation | Missing `extractedData.componentName` | `extractedData: {}` | `400`, `{ error: "extractedData.componentName is required" }` | P0 |
+| A-18 | Validation | `extractedData.componentName` is empty string | `componentName: ""` | `400` (empty string is falsy) | P1 |
+| A-19 | Validation | `sessionId` references nonexistent session | `sessionId: "nonexistent123"` | `404`, `{ error: "Session not found: nonexistent123" }` | P1 |
+| A-20 | Validation | Body is an array, not object | `POST` with `[1, 2, 3]` | `400`, `{ error: "Request body must be a JSON object" }` | P2 |
+| A-21 | Validation | Body is `null` | `POST` with `null` | `400` | P2 |
+
+#### Edge Cases
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| A-30 | Edge case | Very large screenshot (10MB base64) | 10MB base64 string in `screenshot` | Either processes successfully or returns meaningful error; no crash | P1 |
+| A-31 | Edge case | Screenshot is valid base64 but not a real image | Random base64 gibberish | `200` or graceful error from Claude; no unhandled exception | P2 |
+| A-32 | Edge case | `lintResult.errors` is empty array | `errors: [], summary.totalErrors: 0` | `200`, score = 100 | P1 |
+| A-33 | Edge case | `lintResult.summary.byType` is empty object | `byType: {}` | `200`, lint summary text has all zeros | P2 |
+| A-34 | Edge case | Component name with special chars | `componentName: "<script>alert('xss')</script>"` | Processes without execution; stored safely | P1 |
+| A-35 | Edge case | `mode` is missing from request | No `mode` field | Falls through to default behavior; verify no crash | P2 |
+| A-36 | Edge case | `mode` is invalid value | `mode: "turbo"` | No validation on mode currently -- should still work (no Refero in non-deep) | P3 |
+| A-37 | Edge case | Extremely long component name (10000 chars) | 10000 char string | Processes without error or truncates gracefully | P2 |
+| A-38 | Edge case | `lintResult.summary.totalNodes` is 0 | `totalNodes: 0` | No division by zero; Math.max guards this | P1 |
+
+#### Error Handling
+
+| ID | Category | Description | Setup | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| A-50 | Error | Claude API returns error (auth failure) | Mock `detectPageType` to throw | `500`, `{ error: <message> }` | P0 |
+| A-51 | Error | Claude API timeout | Mock with delayed rejection | `500`, error message returned | P1 |
+| A-52 | Error | Claude returns empty/unparseable response | Mock `generateReview` to throw "No JSON in review response" | `500`, error propagated | P1 |
+| A-53 | Error | Refero MCP timeout (deep mode) | Mock `runReferoComparison` to hang | Should eventually timeout; response or error | P2 |
+| A-54 | Error | Database write fails | Mock `saveAnalysisResult` to throw | `500` | P2 |
+| A-55 | Error | `ANTHROPIC_API_KEY` env var missing | Unset env var | Error when constructing client | P1 |
+
+---
+
+### 3.3 POST /api/chat
+
+#### Happy Path
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| C-01 | Happy path | Valid chat message | `{ sessionId: <valid>, message: "How can I fix the spacing?" }` | `200`, `{ message: <AI response>, sessionId }` | P0 |
+| C-02 | Happy path | Message is saved to conversation | After C-01, load session | Conversation has user + assistant messages | P1 |
+| C-03 | Happy path | Multiple messages build conversation | Send 3 sequential messages | All 6 entries in conversation (3 user + 3 assistant) | P1 |
+
+#### Input Validation
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| C-10 | Validation | Missing body | Empty POST | `400`, `{ error: "Invalid JSON body" }` | P0 |
+| C-11 | Validation | Missing `sessionId` | `{ message: "hello" }` | `400`, `{ error: "sessionId is required" }` | P0 |
+| C-12 | Validation | `sessionId` is number | `{ sessionId: 123, message: "hello" }` | `400` | P1 |
+| C-13 | Validation | Missing `message` | `{ sessionId: "abc" }` | `400`, `{ error: "message is required..." }` | P0 |
+| C-14 | Validation | `message` is empty string | `{ sessionId: "abc", message: "" }` | `400` | P0 |
+| C-15 | Validation | `message` is whitespace only | `{ sessionId: "abc", message: "   " }` | `400` (trim check) | P1 |
+| C-16 | Validation | Session does not exist | `{ sessionId: "nonexistent", message: "hi" }` | `404`, `{ error: "Session not found" }` | P0 |
+
+#### Error Handling
+
+| ID | Category | Description | Setup | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| C-30 | Error | Claude streaming fails mid-response | Mock `streamChat` to yield 2 chunks then throw | `500`, `{ error: <message> }` | P1 |
+| C-31 | Error | Claude returns empty stream | Mock `streamChat` to yield nothing | `200`, `{ message: "", sessionId }` (empty response saved) | P2 |
+
+---
+
+### 3.4 POST /api/stream/:sessionId (SSE)
+
+#### Happy Path
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| S-01 | Happy path | Valid SSE stream | Valid sessionId + message | SSE response with `event: chunk` messages, ends with `event: done` | P0 |
+| S-02 | Happy path | Chunk data is valid JSON | Parse each `data:` line | Each chunk has `{ text: <string> }` | P1 |
+| S-03 | Happy path | Done event includes sessionId | Parse final event | `{ sessionId: <id> }` | P1 |
+| S-04 | Happy path | Full response saved to conversation | After stream completes, load session | User + assistant messages present | P1 |
+
+#### Input Validation
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| S-10 | Validation | Invalid JSON body | Malformed body | `400`, `{ error: "Invalid JSON body" }` | P0 |
+| S-11 | Validation | Missing `message` | `{}` | `400`, `{ error: "message is required..." }` | P0 |
+| S-12 | Validation | Empty message | `{ message: "" }` | `400` | P1 |
+| S-13 | Validation | Whitespace-only message | `{ message: "   " }` | `400` | P1 |
+| S-14 | Validation | Nonexistent sessionId in URL | `/api/stream/nonexistent` | `404`, `{ error: "Session not found" }` | P0 |
+
+#### SSE-Specific
+
+| ID | Category | Description | Setup | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| S-20 | SSE | Error mid-stream | Mock `streamChat` to throw after 2 chunks | SSE `event: error` emitted with error message | P0 |
+| S-21 | SSE | Client disconnect during streaming | Abort request mid-stream | Server-side: no crash; partial response may or may not be saved | P1 |
+| S-22 | SSE | Content-Type header | Valid request | Response `Content-Type: text/event-stream` | P1 |
+| S-23 | SSE | Very long AI response (100+ chunks) | Mock `streamChat` to yield 150 chunks | All chunks delivered; done event sent; full response saved | P2 |
+
+---
+
+### 3.5 GET /api/session/:id
+
+#### Happy Path
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| SE-01 | Happy path | Retrieve existing session | Valid session ID after analysis | `200`, body has all expected fields (`id`, `createdAt`, `nodeId`, `scoreInitial`, `lintResult`, `aiReview`, `conversationLength`) | P0 |
+| SE-02 | Happy path | Fresh session (no analysis yet) | Session just created, no analysis | `200`, nullable fields are null, `conversationLength: 0` | P1 |
+| SE-03 | Happy path | Session with refero data | Session after deep analysis | `200`, `referoData` is parsed JSON object | P2 |
+
+#### Validation & Errors
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| SE-10 | Validation | Nonexistent session ID | `GET /api/session/nope` | `404`, `{ error: "Session not found" }` | P0 |
+| SE-11 | Edge case | Session ID with special characters | `GET /api/session/ab%20cd` | `404` (no such session) or proper handling | P2 |
+| SE-12 | Edge case | Very long session ID (1000 chars) | Long string | `404`, no crash | P3 |
+
+#### Data Integrity
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| SE-20 | Integrity | JSON fields are properly parsed | Session with stored JSON | `lintResult`, `aiReview`, `referoData` are objects, not strings | P1 |
+| SE-21 | Integrity | Corrupt JSON in DB | Manually insert bad JSON into `ai_review` | Verify error handling (currently would throw `JSON.parse` error) | P2 |
+| SE-22 | Integrity | `conversationLength` matches actual count | Session with 5 messages | `conversationLength: 5` | P1 |
+
+---
+
+### 3.6 GET /api/session/:id/refero
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| R-01 | Happy path | Refero data ready | Session with `refero_data` populated | `200`, `{ ready: true, data: {...} }` | P0 |
+| R-02 | Happy path | Refero data not ready | Session without `refero_data` | `200`, `{ ready: false }` | P0 |
+| R-03 | Validation | Nonexistent session | Invalid ID | `404`, `{ error: "Session not found" }` | P1 |
+| R-04 | Polling | Multiple rapid polls | Poll 10 times in 1 second | All return consistent results; no errors | P2 |
+
+---
+
+### 3.7 POST /api/analyze-flow
+
+#### Happy Path
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| F-01 | Happy path | Valid flow analysis | Valid `FlowAnalyzeRequest` with 3 frames, edges, screenshots | `200`, `{ success: true, flowAnalysis: {...} }` with all expected sub-fields | P0 |
+| F-02 | Happy path | Flow with no edges | Frames but empty `edges` array | `200`, analysis runs with disconnected frames | P2 |
+| F-03 | Happy path | Flow with no graph issues | Empty `graphIssues` array | `200` | P2 |
+
+#### Input Validation
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| F-10 | Validation | Missing body | Empty POST | `400`, `{ error: "Invalid JSON body" }` | P0 |
+| F-11 | Validation | Missing `frames` | Body without `frames` | `400`, `{ error: "Missing frames array" }` | P0 |
+| F-12 | Validation | `frames` is empty array | `frames: []` | `400`, `{ error: "Missing frames array" }` | P0 |
+| F-13 | Validation | `frames` is not array | `frames: "not array"` | `400` | P1 |
+| F-14 | Validation | Missing `screenshots` | Body without screenshots | `400`, `{ error: "Missing screenshots" }` | P0 |
+| F-15 | Validation | `screenshots` is empty object | `screenshots: {}` | `400`, `{ error: "Missing screenshots" }` | P1 |
+| F-16 | Validation | Non-JSON body | Plain text | `400` | P1 |
+
+#### Edge Cases
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| F-30 | Edge case | Many frames (50+) | 50 frames with screenshots | Processes (large payload); no timeout | P2 |
+| F-31 | Edge case | Frame ID in screenshots not matching any frame | Extra screenshot keys | Ignored gracefully | P3 |
+| F-32 | Edge case | Duplicate frame IDs | Two frames with same `id` | No crash; last one wins in map | P3 |
+
+#### Error Handling
+
+| ID | Category | Description | Setup | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| F-40 | Error | Claude API failure | Mock to throw | `500`, `{ error: <message> }` | P1 |
+| F-41 | Error | Claude returns unparseable JSON | Mock response with no JSON match | `200`, `{ success: true, flowAnalysis: null }` (analyzeFlow returns null) | P2 |
+| F-42 | Error | Missing `ANTHROPIC_API_KEY` | Unset env var | `200`, `{ success: true, flowAnalysis: null }` (early return in analyzeFlow) | P2 |
+
+---
+
+## 4. Cross-Cutting Test Cases
+
+### 4.1 CORS
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| X-01 | CORS | Request from allowed origin | `Origin: https://api.figmalint.labpics.com` | `Access-Control-Allow-Origin: https://api.figmalint.labpics.com` | P0 |
+| X-02 | CORS | Request from localhost | `Origin: http://localhost:3000` | `Access-Control-Allow-Origin: http://localhost:3000` | P0 |
+| X-03 | CORS | Figma iframe (null origin) | `Origin: null` | `Access-Control-Allow-Origin: null` | P0 |
+| X-04 | CORS | Request with no origin header | No `Origin` header | `Access-Control-Allow-Origin: null` (the CORS handler returns `'null'` for falsy origin) | P1 |
+| X-05 | CORS | Request from disallowed origin | `Origin: https://evil.com` | `Access-Control-Allow-Origin: null` (not reflected) | P0 |
+| X-06 | CORS | Preflight OPTIONS request | `OPTIONS /api/analyze` with proper headers | `200` with allowed methods `GET, POST, OPTIONS` | P1 |
+| X-07 | CORS | Disallowed method (PUT) | `PUT /api/analyze` | No CORS pass-through for PUT | P2 |
+
+### 4.2 Concurrency
+
+| ID | Category | Description | Setup | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| X-10 | Concurrency | Parallel analyze requests (different sessions) | 5 simultaneous POST /api/analyze | All return 200 with unique sessionIds | P1 |
+| X-11 | Concurrency | Parallel chat messages to same session | 3 rapid POSTs to /api/chat with same sessionId | All succeed; conversation order may interleave but no crash | P1 |
+| X-12 | Concurrency | Read session while analysis writes | GET /api/session/:id during ongoing analyze | Returns current state (possibly partial); no SQLite lock error (WAL mode) | P2 |
+| X-13 | Concurrency | Parallel stream connections to same session | 2 SSE streams to same session | Both deliver responses; conversation has all entries | P2 |
+| X-14 | Concurrency | Rapid refero polling | 20 GET /api/session/:id/refero in 1 second | All return 200; no DB contention | P2 |
+
+### 4.3 Performance
+
+| ID | Category | Description | Target | Priority |
+|---|----------|-------------|--------|----------|
+| X-20 | Performance | Health endpoint latency | < 10ms p95 | P1 |
+| X-21 | Performance | Session GET latency | < 50ms p95 (DB read only) | P1 |
+| X-22 | Performance | Refero polling latency | < 50ms p95 | P2 |
+| X-23 | Performance | Analyze end-to-end (mocked Claude) | < 200ms p95 (excluding AI call) | P2 |
+| X-24 | Performance | Large payload handling (10MB screenshot) | Does not OOM the process; responds within 30s | P2 |
+
+### 4.4 Security
+
+| ID | Category | Description | Input | Expected | Priority |
+|---|----------|-------------|-------|----------|----------|
+| X-30 | Security | SQL injection in session ID | `GET /api/session/' OR 1=1 --` | `404` (parameterized query); no data leak | P0 |
+| X-31 | Security | SQL injection in chat sessionId | `{ sessionId: "' OR 1=1 --", message: "hi" }` | `404` (parameterized query) | P0 |
+| X-32 | Security | XSS in componentName stored in DB | `componentName: "<img src=x onerror=alert(1)>"` | Stored as-is in DB; returned as JSON (not rendered); no execution path | P1 |
+| X-33 | Security | XSS in chat message | `message: "<script>alert('xss')</script>"` | Stored in conversation; returned as JSON string; no execution | P1 |
+| X-34 | Security | Prototype pollution in request body | `{ "__proto__": { "polluted": true } }` | No object prototype modification | P1 |
+| X-35 | Security | Oversized request body (50MB) | 50MB JSON payload | Server rejects or handles without crash | P1 |
+| X-36 | Security | `updateSession` only allows whitelisted columns | Attempt to set `id` or `created_at` via update | `ALLOWED_COLUMNS` set blocks non-listed fields | P1 |
+| X-37 | Security | Session ID enumeration | Sequential/predictable IDs vs nanoid | Verify nanoid(12) produces non-sequential, non-guessable IDs | P2 |
+| X-38 | Security | Path traversal in session ID | `GET /api/session/../../etc/passwd` | `404`; no file system access | P1 |
+| X-39 | Security | Anthropic API key not leaked in error responses | Trigger auth error | Error message does not contain the key value | P0 |
+| X-40 | Security | updateSession column injection | Key with SQL: `"id = 'pwn'; --"` | Filtered out by `ALLOWED_COLUMNS` set check | P0 |
+
+---
+
+## 5. Example Test Code (5 Most Critical Tests)
+
+### Setup file: `backend/src/test/setup.ts`
+
+```typescript
+import { vi, beforeAll, afterAll, afterEach } from 'vitest';
+import Database from 'better-sqlite3';
+import { readFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+// Use in-memory SQLite for tests
+let testDb: Database.Database;
+
+beforeAll(() => {
+  testDb = new Database(':memory:');
+  testDb.pragma('journal_mode = WAL');
+  const schema = readFileSync(join(__dirname, '../db/schema.sql'), 'utf-8');
+  testDb.exec(schema);
+});
+
+afterEach(() => {
+  // Clean sessions between tests
+  testDb.exec('DELETE FROM sessions');
+});
+
+afterAll(() => {
+  testDb.close();
+});
+
+export { testDb };
+```
+
+### Test file: `backend/src/routes/__tests__/critical.test.ts`
+
+```typescript
+import { describe, it, expect, vi, beforeAll, afterEach } from 'vitest';
+import { Hono } from 'hono';
+import { cors } from 'hono/cors';
+
+// ---------------------------------------------------------------------------
+// Mocks — must be declared before any import that touches the mocked modules
+// ---------------------------------------------------------------------------
+
+// Mock nanoid to produce deterministic session IDs
+vi.mock('nanoid', () => ({
+  nanoid: vi.fn(() => 'test-sess-001'),
+}));
+
+// Mock the Claude service so no real API calls are made
+vi.mock('../../services/claude.js', () => ({
+  detectPageType: vi.fn(async () => 'component'),
+  generateReview: vi.fn(async () => ({
+    visualHierarchy: { rating: 'pass', evidence: ['Good'], recommendation: null },
+    statesCoverage: { rating: 'pass', evidence: [], recommendation: null, missingStates: [] },
+    platformAlignment: { rating: 'pass', evidence: [], recommendation: null, detectedPlatform: 'web' },
+    colorHarmony: { rating: 'pass', evidence: [], recommendation: null },
+    visualBalance: { rating: 'pass', evidence: [], recommendation: null },
+    microcopyQuality: { rating: 'pass', evidence: [], recommendation: null },
+    cognitiveLoad: { rating: 'pass', evidence: [], recommendation: null },
+    recommendations: [],
+    summary: 'Looks great.',
+  })),
+  streamChat: vi.fn(async function* () {
+    yield 'Hello ';
+    yield 'from ';
+    yield 'AI.';
+  }),
+}));
+
+// Mock design-knowledge to avoid MCP calls
+vi.mock('../../services/design-knowledge.js', () => ({
+  fetchDesignSystemContext: vi.fn(async () => null),
+}));
+
+// Mock refero to avoid MCP calls
+vi.mock('../../services/refero.js', () => ({
+  runReferoComparison: vi.fn(async () => null),
+}));
+
+// ---------------------------------------------------------------------------
+// Build the Hono app exactly as in index.ts (minus the TCP listener)
+// ---------------------------------------------------------------------------
+import health from '../health.js';
+import analyze from '../analyze.js';
+import chat from '../chat.js';
+import stream from '../stream.js';
+import session from '../session.js';
+import flow from '../flow.js';
+
+function buildApp(): Hono {
+  const app = new Hono();
+  app.use(
+    '*',
+    cors({
+      origin: (origin) => {
+        if (!origin || origin === 'null') return 'null';
+        const allowed = ['https://api.figmalint.labpics.com', 'http://localhost:3000'];
+        return allowed.includes(origin) ? origin : 'null';
+      },
+      allowMethods: ['GET', 'POST', 'OPTIONS'],
+      allowHeaders: ['Content-Type'],
+    })
+  );
+  app.route('/api', health);
+  app.route('/api', analyze);
+  app.route('/api', chat);
+  app.route('/api', stream);
+  app.route('/api', session);
+  app.route('/api', flow);
+  return app;
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+/** Minimal valid AnalyzeRequest body */
+function validAnalyzeBody() {
+  return {
+    screenshot: 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=',
+    lintResult: {
+      summary: { totalErrors: 2, byType: { fill: 1, text: 1 }, totalNodes: 10, nodesWithErrors: 2 },
+      errors: [
+        { nodeId: 'n1', nodeName: 'Button', errorType: 'fill', message: 'Non-token fill', value: '#FF0000' },
+        { nodeId: 'n2', nodeName: 'Label', errorType: 'text', message: 'Non-token text', value: '14px' },
+      ],
+    },
+    extractedData: {
+      componentName: 'PrimaryButton',
+      metadata: { nodeId: 'node-1', nodeType: 'COMPONENT', width: 200, height: 48, hasAutoLayout: true, childCount: 2 },
+    },
+    mode: 'quick' as const,
+  };
+}
+
+// ═══════════════════════════════════════════════════════════════════════════
+// TEST 1 (A-01): POST /api/analyze — happy path, quick mode
+// Priority: P0 — This is the primary endpoint of the entire product.
+// ═══════════════════════════════════════════════════════════════════════════
+describe('POST /api/analyze', () => {
+  const app = buildApp();
+
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('A-01: returns valid analysis result for quick mode', async () => {
+    const res = await app.request('/api/analyze', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(validAnalyzeBody()),
+    });
+
+    expect(res.status).toBe(200);
+    const body = await res.json();
+
+    // Structure assertions
+    expect(body).toHaveProperty('sessionId');
+    expect(typeof body.sessionId).toBe('string');
+    expect(body).toHaveProperty('pageType', 'component');
+    expect(body).toHaveProperty('lintResult');
+    expect(body.lintResult.summary.totalErrors).toBe(2);
+    expect(body).toHaveProperty('aiReview');
+    expect(body.aiReview).toHaveProperty('visualHierarchy');
+    expect(body.aiReview).toHaveProperty('summary');
+    expect(body).toHaveProperty('designHealthScore');
+    expect(body.designHealthScore).toBeGreaterThanOrEqual(0);
+    expect(body.designHealthScore).toBeLessThanOrEqual(100);
+
+    // Quick mode should NOT include referoComparison synchronously
+    // (it fires in background)
+    // The response may or may not have it, but no crash.
+  });
+
+  // ═════════════════════════════════════════════════════════════════════════
+  // TEST 2 (A-12): POST /api/analyze — missing screenshot field
+  // Priority: P0 — Input validation prevents garbage-in / garbage-out.
+  // ═════════════════════════════════════════════════════════════════════════
+  it('A-12: rejects request with missing screenshot', async () => {
+    const body = validAnalyzeBody();
+    const { screenshot, ...noScreenshot } = body;
+
+    const res = await app.request('/api/analyze', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(noScreenshot),
+    });
+
+    expect(res.status).toBe(400);
+    const json = await res.json();
+    expect(json.error).toMatch(/screenshot is required/i);
+  });
+});
+
+// ═══════════════════════════════════════════════════════════════════════════
+// TEST 3 (X-30): SQL injection in session ID
+// Priority: P0 — SQLite parameterized queries must prevent injection.
+// ═══════════════════════════════════════════════════════════════════════════
+describe('Security: SQL injection', () => {
+  const app = buildApp();
+
+  it('X-30: SQL injection in GET /api/session/:id is neutralized', async () => {
+    const maliciousId = "' OR 1=1; DROP TABLE sessions; --";
+    const res = await app.request(`/api/session/${encodeURIComponent(maliciousId)}`, {
+      method: 'GET',
+    });
+
+    // Should simply not find the session — parameterized query treats it as a literal
+    expect(res.status).toBe(404);
+    const json = await res.json();
+    expect(json.error).toBe('Session not found');
+  });
+
+  it('X-31: SQL injection in POST /api/chat sessionId is neutralized', async () => {
+    const res = await app.request('/api/chat', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        sessionId: "'; DROP TABLE sessions; --",
+        message: 'hi',
+      }),
+    });
+
+    expect(res.status).toBe(404);
+    const json = await res.json();
+    expect(json.error).toBe('Session not found');
+  });
+});
+
+// ═══════════════════════════════════════════════════════════════════════════
+// TEST 4 (X-05): CORS blocks disallowed origins
+// Priority: P0 — Prevents unauthorized cross-origin access.
+// ═══════════════════════════════════════════════════════════════════════════
+describe('CORS policy', () => {
+  const app = buildApp();
+
+  it('X-01: allows requests from the production domain', async () => {
+    const res = await app.request('/api/health', {
+      method: 'GET',
+      headers: { Origin: 'https://api.figmalint.labpics.com' },
+    });
+
+    expect(res.status).toBe(200);
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBe(
+      'https://api.figmalint.labpics.com'
+    );
+  });
+
+  it('X-03: allows Figma iframe null origin', async () => {
+    const res = await app.request('/api/health', {
+      method: 'GET',
+      headers: { Origin: 'null' },
+    });
+
+    expect(res.status).toBe(200);
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBe('null');
+  });
+
+  it('X-05: blocks requests from evil.com', async () => {
+    const res = await app.request('/api/health', {
+      method: 'GET',
+      headers: { Origin: 'https://evil.com' },
+    });
+
+    // The request still succeeds (CORS is enforced by browsers),
+    // but the Allow-Origin header should NOT reflect evil.com.
+    expect(res.headers.get('Access-Control-Allow-Origin')).toBe('null');
+  });
+});
+
+// ═══════════════════════════════════════════════════════════════════════════
+// TEST 5 (S-20): SSE error mid-stream emits error event
+// Priority: P0 — Clients must handle streaming errors gracefully.
+// ═══════════════════════════════════════════════════════════════════════════
+describe('POST /api/stream/:sessionId (SSE)', () => {
+  const app = buildApp();
+
+  it('S-20: emits SSE error event when Claude throws mid-stream', async () => {
+    // Override the streamChat mock to fail after 2 chunks
+    const { streamChat } = await import('../../services/claude.js');
+    (streamChat as ReturnType<typeof vi.fn>).mockImplementation(async function* () {
+      yield 'chunk1 ';
+      yield 'chunk2 ';
+      throw new Error('Claude API overloaded');
+    });
+
+    // First, create a session so the stream endpoint can find it
+    // (Use the analyze endpoint to create one via the mocked flow)
+    const analyzeRes = await app.request('/api/analyze', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(validAnalyzeBody()),
+    });
+    const { sessionId } = await analyzeRes.json();
+
+    const res = await app.request(`/api/stream/${sessionId}`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ message: 'Fix the contrast issue' }),
+    });
+
+    // Read the SSE stream body
+    const text = await res.text();
+
+    // Should contain chunk events followed by an error event
+    expect(text).toContain('event: chunk');
+    expect(text).toContain('event: error');
+    expect(text).toContain('Claude API overloaded');
+    // Should NOT contain a done event
+    expect(text).not.toContain('event: done');
+  });
+});
+```
+
+---
+
+## 6. Priority Matrix
+
+### P0 -- Must-have before any deployment (17 tests)
+
+| IDs | Area |
+|-----|------|
+| A-01, A-02 | Analyze happy path (core product flow) |
+| A-10, A-12, A-14, A-16, A-17 | Analyze input validation |
+| A-50 | Analyze error handling (Claude failure) |
+| C-01, C-10, C-13, C-14, C-16 | Chat validation and happy path |
+| S-01, S-14, S-20 | SSE happy path and error handling |
+| X-01, X-03, X-05 | CORS (Figma iframe, allowed, blocked origins) |
+| X-30, X-31, X-39, X-40 | SQL injection and API key leak prevention |
+| SE-01, SE-10 | Session retrieval |
+| F-01, F-10, F-11, F-14 | Flow analysis basics |
+| H-01 | Health check |
+
+### P1 -- Required for production readiness (28 tests)
+
+| IDs | Area |
+|-----|------|
+| A-03, A-04, A-11, A-13, A-15, A-18, A-19, A-30, A-34, A-38 | Analyze edge cases and deeper validation |
+| A-51, A-52, A-55 | Analyze error scenarios |
+| C-02, C-03, C-12, C-15, C-30 | Chat conversation integrity |
+| S-04, S-11, S-21, S-22 | SSE completeness |
+| SE-20, SE-22 | Session data integrity |
+| X-06, X-10, X-11, X-32, X-33, X-34, X-35, X-36, X-38 | Security and concurrency |
+| F-12, F-13, F-15, F-16, F-40 | Flow validation |
+| X-20, X-21 | Performance baselines |
+
+### P2 -- Should-have for confidence (22 tests)
+
+| IDs | Area |
+|-----|------|
+| A-05, A-20, A-21, A-31, A-33, A-35, A-37 | Analyze edge coverage |
+| A-53, A-54 | Analyze rare failures |
+| C-31 | Chat edge case |
+| S-02, S-03, S-13, S-23 | SSE detail validation |
+| SE-03, SE-11, SE-21 | Session edge cases |
+| R-01, R-02, R-04 | Refero polling |
+| X-12, X-13, X-14, X-22, X-23, X-24, X-37 | Concurrency and performance |
+| F-02, F-03, F-30, F-41, F-42 | Flow edge cases |
+
+### P3 -- Nice-to-have (6 tests)
+
+| IDs | Area |
+|-----|------|
+| H-03, A-36, SE-12, F-31, F-32, X-07 | Method guards, invalid mode, degenerate inputs |
+
+---
+
+## Summary
+
+| Metric | Value |
+|--------|-------|
+| **Total test cases** | 107 |
+| **Endpoints covered** | 7/7 (100%) |
+| **P0 (critical)** | 34 |
+| **P1 (production)** | 38 |
+| **P2 (confidence)** | 29 |
+| **P3 (nice-to-have)** | 6 |
+| **Categories covered** | Happy path, validation, edge cases, error handling, security, concurrency, SSE, CORS, performance |
+| **Recommended framework** | vitest + hono `app.request()` + in-memory SQLite |
+| **Estimated implementation** | 2-3 days for P0+P1 |
+
+### Identified Risks (from code review)
+
+1. **No request body size limit**: The Hono app has no `bodyLimit` middleware. A 50MB+ payload could exhaust memory. Recommend adding `hono/body-limit` middleware.
+
+2. **No authentication/authorization**: All endpoints are publicly accessible. The CORS policy limits browser-based cross-origin calls but does not prevent direct HTTP requests. If the API is internet-facing, consider adding an API key or Figma plugin token validation.
+
+3. **`updateSession` column name injection**: While `ALLOWED_COLUMNS` filters keys, the column names are interpolated directly into SQL (`${k} = ?`). This is safe because the set is hardcoded, but if the set were ever dynamically populated, it would be a SQL injection vector. Test X-40 validates this.
+
+4. **JSON.parse without try/catch in session GET**: `session.ts` route line 25-31 calls `JSON.parse` on `lint_result`, `ai_review`, `refero_data`, and `conversation` without individual try/catch blocks. Corrupt data in any field will crash the entire response. Test SE-21 targets this.
+
+5. **SSE client disconnect handling**: The `stream.ts` route does not explicitly handle `stream.onAbort()`. If the client disconnects, the `streamChat` generator will continue running until it finishes or the connection error propagates. This is not a bug per se, but wastes Claude API tokens.
diff --git a/backend/docker-compose.yml b/backend/docker-compose.yml
index fd11c96..83bf641 100644
--- a/backend/docker-compose.yml
+++ b/backend/docker-compose.yml
@@ -12,7 +12,7 @@ services:
     restart: always
 
   caddy:
-    image: caddy:2
+    image: caddy:2.9-alpine
     ports:
       - "80:80"
       - "443:443"
diff --git a/backend/package.json b/backend/package.json
index 65f89c6..e64dc7a 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "tsx watch src/index.ts",
-    "build": "tsc",
+    "build": "tsc && node -e \"const fs=require('fs');const p=require('path');fs.mkdirSync(p.join('dist','db'),{recursive:true});fs.copyFileSync(p.join('src','db','schema.sql'),p.join('dist','db','schema.sql'))\"",
     "start": "node dist/index.js"
   },
   "dependencies": {
diff --git a/backend/src/db/queries.ts b/backend/src/db/queries.ts
index 5e4edfc..444a7a4 100644
--- a/backend/src/db/queries.ts
+++ b/backend/src/db/queries.ts
@@ -12,6 +12,7 @@ export function getDb(): Database.Database {
     const dbPath = process.env.DATABASE_PATH || './data/sessions.db';
     db = new Database(dbPath);
     db.pragma('journal_mode = WAL');
+    db.pragma('busy_timeout = 5000');
 
     // Initialize schema
     const schema = readFileSync(join(__dirname, 'schema.sql'), 'utf-8');
@@ -73,17 +74,38 @@ export function updateSession(id: string, updates: Partial<Record<string, unknow
 
 export function appendConversation(id: string, role: string, content: string): void {
   const db = getDb();
-  const session = getSession(id);
-  if (!session) return;
+  const newMessage = JSON.stringify({ role, content, timestamp: Date.now() });
 
-  let conversation: Array<{ role: string; content: string; timestamp: number }> = [];
-  try {
-    const parsed = JSON.parse(session.conversation || '[]');
-    conversation = Array.isArray(parsed) ? parsed : [];
-  } catch {
-    conversation = [];
-  }
-  conversation.push({ role, content, timestamp: Date.now() });
-  db.prepare('UPDATE sessions SET conversation = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?')
-    .run(JSON.stringify(conversation), id);
+  // Use a transaction with immediate locking to prevent lost updates
+  // under concurrent requests. The read + modify + write is atomic.
+  const append = db.transaction(() => {
+    const session = db.prepare('SELECT conversation FROM sessions WHERE id = ?').get(id) as
+      | { conversation: string }
+      | undefined;
+    if (!session) return;
+
+    let conversation: Array<{ role: string; content: string; timestamp: number }> = [];
+    try {
+      const parsed = JSON.parse(session.conversation || '[]');
+      conversation = Array.isArray(parsed) ? parsed : [];
+    } catch {
+      conversation = [];
+    }
+    conversation.push(JSON.parse(newMessage));
+    db.prepare('UPDATE sessions SET conversation = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?')
+      .run(JSON.stringify(conversation), id);
+  });
+
+  append.immediate();
+}
+
+/**
+ * Delete sessions older than the given TTL (default 7 days).
+ * Returns the number of deleted sessions.
+ */
+export function cleanupExpiredSessions(ttlMs = 7 * 24 * 60 * 60 * 1000): number {
+  const db = getDb();
+  const cutoff = new Date(Date.now() - ttlMs).toISOString().replace('T', ' ').replace(/\.\d{3}Z$/, '');
+  const result = db.prepare('DELETE FROM sessions WHERE updated_at < ?').run(cutoff);
+  return result.changes;
 }
diff --git a/backend/src/db/schema.sql b/backend/src/db/schema.sql
index e968e54..393f69e 100644
--- a/backend/src/db/schema.sql
+++ b/backend/src/db/schema.sql
@@ -22,3 +22,8 @@ CREATE TABLE IF NOT EXISTS sessions (
 
   duration_seconds INTEGER
 );
+
+-- Performance indexes for common queries
+CREATE INDEX IF NOT EXISTS idx_sessions_node_id ON sessions(node_id);
+CREATE INDEX IF NOT EXISTS idx_sessions_created_at ON sessions(created_at);
+CREATE INDEX IF NOT EXISTS idx_sessions_updated_at ON sessions(updated_at);
diff --git a/backend/src/index.ts b/backend/src/index.ts
index 22d3194..4377d35 100644
--- a/backend/src/index.ts
+++ b/backend/src/index.ts
@@ -1,13 +1,17 @@
 import { Hono } from 'hono';
 import { cors } from 'hono/cors';
 import { logger } from 'hono/logger';
+import { bodyLimit } from 'hono/body-limit';
 import { serve } from '@hono/node-server';
+import { bearerAuth } from './middleware/auth.js';
+import { rateLimit } from './middleware/rate-limit.js';
 import health from './routes/health.js';
 import analyze from './routes/analyze.js';
 import chat from './routes/chat.js';
 import stream from './routes/stream.js';
 import session from './routes/session.js';
 import flow from './routes/flow.js';
+import { cleanupExpiredSessions } from './db/queries.js';
 import { mkdirSync, existsSync } from 'fs';
 import { dirname } from 'path';
 
@@ -18,24 +22,42 @@ if (!existsSync(dbDir)) {
   mkdirSync(dbDir, { recursive: true });
 }
 
+// Validate required env vars at startup
+if (!process.env.ANTHROPIC_API_KEY) {
+  console.warn('[WARN] ANTHROPIC_API_KEY is not set. AI-powered analysis will be unavailable (lint-only mode).');
+}
+
 const app = new Hono();
 
 // Middleware
 app.use('*', logger());
+
+// CORS must come before auth so preflight OPTIONS requests are handled
 app.use(
   '*',
   cors({
     // Figma plugin iframes send origin: null; also allow the plugin's backend domain
     origin: (origin) => {
-      if (!origin || origin === 'null') return 'null'; // Figma sandboxed iframe
+      // Figma plugin iframes send null origin — allow it
+      if (!origin || origin === 'null') return 'null';
       const allowed = ['https://api.figmalint.labpics.com', 'http://localhost:3000'];
-      return allowed.includes(origin) ? origin : 'null';
+      // Return the origin if allowed; empty string tells Hono to omit the header
+      return allowed.includes(origin) ? origin : '';
     },
     allowMethods: ['GET', 'POST', 'OPTIONS'],
-    allowHeaders: ['Content-Type'],
+    allowHeaders: ['Content-Type', 'Authorization'],
   })
 );
 
+// Body size limit — base64 screenshots can be large but must be capped to prevent OOM
+app.use('/api/*', bodyLimit({ maxSize: 25 * 1024 * 1024 }));
+
+// Rate limiting — sliding window per IP (before auth so unauthenticated requests are rate-limited)
+app.use('/api/*', rateLimit());
+
+// Bearer auth — when BACKEND_AUTH_TOKEN is set, require it on all /api/* except /api/health
+app.use('/api/*', bearerAuth());
+
 // Routes
 app.route('/api', health);
 app.route('/api', analyze);
@@ -49,6 +71,18 @@ app.get('/', (c) => c.json({ name: 'FigmaLint Design Review API', version: '1.0.
 
 const port = parseInt(process.env.PORT || '3000', 10);
 
+// Clean up expired sessions on startup, then periodically every 6 hours
+try {
+  const deleted = cleanupExpiredSessions();
+  if (deleted > 0) console.log(`Cleaned up ${deleted} expired sessions.`);
+} catch { /* DB may not be initialized yet */ }
+setInterval(() => {
+  try {
+    const deleted = cleanupExpiredSessions();
+    if (deleted > 0) console.log(`Cleaned up ${deleted} expired sessions.`);
+  } catch { /* ignore */ }
+}, 6 * 60 * 60 * 1000).unref();
+
 console.log(`Starting FigmaLint backend on port ${port}...`);
 serve({ fetch: app.fetch, port });
 console.log(`Server running at http://localhost:${port}`);
diff --git a/backend/src/mcp/client.ts b/backend/src/mcp/client.ts
index b37b0c5..664f29a 100644
--- a/backend/src/mcp/client.ts
+++ b/backend/src/mcp/client.ts
@@ -1,5 +1,6 @@
 import { Client } from '@modelcontextprotocol/sdk/client/index.js';
 import { StreamableHTTPClientTransport } from '@modelcontextprotocol/sdk/client/streamableHttp.js';
+import { withTimeout } from './parse-tool-result.js';
 
 const REFERO_MCP_URL = process.env.REFERO_MCP_URL || 'https://refero.design/mcp';
 
@@ -24,7 +25,7 @@ export async function getReferoClient(): Promise<Client | null> {
       new URL(REFERO_MCP_URL),
     );
 
-    await newClient.connect(transport);
+    await withTimeout(newClient.connect(transport), 15_000, 'Refero MCP connect');
     client = newClient;
     console.log('Connected to Refero MCP server');
     return client;
diff --git a/backend/src/mcp/design-systems-client.ts b/backend/src/mcp/design-systems-client.ts
index 5f1495e..85439fe 100644
--- a/backend/src/mcp/design-systems-client.ts
+++ b/backend/src/mcp/design-systems-client.ts
@@ -1,5 +1,6 @@
 import { Client } from '@modelcontextprotocol/sdk/client/index.js';
 import { StreamableHTTPClientTransport } from '@modelcontextprotocol/sdk/client/streamableHttp.js';
+import { withTimeout } from './parse-tool-result.js';
 
 const DESIGN_SYSTEMS_MCP_URL =
   process.env.DESIGN_SYSTEMS_MCP_URL || 'https://design-systems-mcp.southleft.com/mcp';
@@ -25,7 +26,7 @@ export async function getDesignSystemsClient(): Promise<Client | null> {
       new URL(DESIGN_SYSTEMS_MCP_URL),
     );
 
-    await newClient.connect(transport);
+    await withTimeout(newClient.connect(transport), 15_000, 'Design Systems MCP connect');
     client = newClient;
     console.log('Connected to Design Systems MCP server');
     return client;
diff --git a/backend/src/mcp/design-systems-tools.ts b/backend/src/mcp/design-systems-tools.ts
index b464808..af99933 100644
--- a/backend/src/mcp/design-systems-tools.ts
+++ b/backend/src/mcp/design-systems-tools.ts
@@ -1,5 +1,5 @@
 import { getDesignSystemsClient } from './design-systems-client.js';
-import { parseToolResult } from './parse-tool-result.js';
+import { parseToolResult, withTimeout } from './parse-tool-result.js';
 
 // ── Types ──────────────────────────────────────────────
 
@@ -40,15 +40,19 @@ export async function searchDesignKnowledge(params: {
   if (!client) return [];
 
   try {
-    const result = await client.callTool({
-      name: 'search_design_knowledge',
-      arguments: {
-        query: params.query,
-        ...(params.category && { category: params.category }),
-        ...(params.tags && { tags: params.tags }),
-        limit: params.limit ?? 5,
-      },
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'search_design_knowledge',
+        arguments: {
+          query: params.query,
+          ...(params.category && { category: params.category }),
+          ...(params.tags && { tags: params.tags }),
+          limit: params.limit ?? 5,
+        },
+      }),
+      15_000,
+      'search_design_knowledge',
+    );
 
     const text = extractText(result);
     if (!text) return [];
@@ -70,13 +74,17 @@ export async function searchChunks(params: {
   if (!client) return [];
 
   try {
-    const result = await client.callTool({
-      name: 'search_chunks',
-      arguments: {
-        query: params.query,
-        limit: params.limit ?? 8,
-      },
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'search_chunks',
+        arguments: {
+          query: params.query,
+          limit: params.limit ?? 8,
+        },
+      }),
+      15_000,
+      'search_chunks',
+    );
 
     const parsed = parseToolResult(result);
     if (Array.isArray(parsed)) return parsed;
@@ -100,10 +108,14 @@ export async function browseByCategory(
   if (!client) return [];
 
   try {
-    const result = await client.callTool({
-      name: 'browse_by_category',
-      arguments: { category },
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'browse_by_category',
+        arguments: { category },
+      }),
+      15_000,
+      'browse_by_category',
+    );
 
     const text = extractText(result);
     if (!text) return [];
@@ -122,10 +134,14 @@ export async function getAllTags(): Promise<string[]> {
   if (!client) return [];
 
   try {
-    const result = await client.callTool({
-      name: 'get_all_tags',
-      arguments: {},
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'get_all_tags',
+        arguments: {},
+      }),
+      15_000,
+      'get_all_tags',
+    );
 
     const parsed = parseToolResult(result);
     if (Array.isArray(parsed)) return parsed;
diff --git a/backend/src/mcp/parse-tool-result.ts b/backend/src/mcp/parse-tool-result.ts
index 7ee5920..93a177f 100644
--- a/backend/src/mcp/parse-tool-result.ts
+++ b/backend/src/mcp/parse-tool-result.ts
@@ -1,3 +1,21 @@
+/**
+ * Wrap a promise with a timeout. Rejects if the promise doesn't settle
+ * within `ms` milliseconds.
+ */
+export function withTimeout<T>(
+  promise: Promise<T>,
+  ms = 15_000,
+  label = 'MCP call',
+): Promise<T> {
+  let timer: ReturnType<typeof setTimeout>;
+  return Promise.race([
+    promise,
+    new Promise<never>((_, reject) => {
+      timer = setTimeout(() => reject(new Error(`${label} timed out after ${ms}ms`)), ms);
+    }),
+  ]).finally(() => clearTimeout(timer));
+}
+
 /**
  * Shared MCP tool result parser.
  * Extracts structured data from MCP JSON-RPC responses.
diff --git a/backend/src/mcp/refero-tools.ts b/backend/src/mcp/refero-tools.ts
index f0afc64..2db238d 100644
--- a/backend/src/mcp/refero-tools.ts
+++ b/backend/src/mcp/refero-tools.ts
@@ -1,5 +1,5 @@
 import { getReferoClient } from "./client.js";
-import { parseToolResult } from './parse-tool-result.js';
+import { parseToolResult, withTimeout } from './parse-tool-result.js';
 
 /**
  * A screen result from Refero search.
@@ -41,17 +41,21 @@ export async function searchScreens(params: {
   if (!client) return [];
 
   try {
-    const result = await client.callTool({
-      name: 'search_screens',
-      arguments: {
-        query: params.query,
-        ...(params.page_type && { page_type: params.page_type }),
-        ...(params.pattern && { pattern: params.pattern }),
-        ...(params.company && { company: params.company }),
-        ...(params.platform && { platform: params.platform }),
-        limit: params.limit ?? 10,
-      },
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'search_screens',
+        arguments: {
+          query: params.query,
+          ...(params.page_type && { page_type: params.page_type }),
+          ...(params.pattern && { pattern: params.pattern }),
+          ...(params.company && { company: params.company }),
+          ...(params.platform && { platform: params.platform }),
+          limit: params.limit ?? 10,
+        },
+      }),
+      15_000,
+      'Refero search_screens',
+    );
 
     const parsed = parseToolResult(result) as ReferoScreen[] | null;
     return Array.isArray(parsed) ? parsed : [];
@@ -69,10 +73,14 @@ export async function getScreen(screenId: string): Promise<ReferoScreen | null>
   if (!client) return null;
 
   try {
-    const result = await client.callTool({
-      name: 'get_screen',
-      arguments: { id: screenId },
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'get_screen',
+        arguments: { id: screenId },
+      }),
+      15_000,
+      'Refero get_screen',
+    );
 
     const parsed = parseToolResult(result) as ReferoScreen | null;
     return parsed && typeof parsed === 'object' ? parsed : null;
@@ -93,13 +101,17 @@ export async function getDesignGuidance(params: {
   if (!client) return null;
 
   try {
-    const result = await client.callTool({
-      name: 'get_design_guidance',
-      arguments: {
-        page_type: params.page_type,
-        ...(params.pattern && { pattern: params.pattern }),
-      },
-    });
+    const result = await withTimeout(
+      client.callTool({
+        name: 'get_design_guidance',
+        arguments: {
+          page_type: params.page_type,
+          ...(params.pattern && { pattern: params.pattern }),
+        },
+      }),
+      15_000,
+      'Refero get_design_guidance',
+    );
 
     const parsed = parseToolResult(result) as DesignGuidance | null;
     return parsed && typeof parsed === 'object' ? parsed : null;
diff --git a/backend/src/middleware/auth.ts b/backend/src/middleware/auth.ts
new file mode 100644
index 0000000..52cc48a
--- /dev/null
+++ b/backend/src/middleware/auth.ts
@@ -0,0 +1,34 @@
+import type { MiddlewareHandler } from 'hono';
+
+/**
+ * Bearer token auth middleware.
+ * When BACKEND_AUTH_TOKEN is set, all requests must include
+ * `Authorization: Bearer <token>`. Health endpoint is exempt.
+ */
+export function bearerAuth(): MiddlewareHandler {
+  return async (c, next) => {
+    const token = process.env.BACKEND_AUTH_TOKEN;
+    // If no token configured, only allow bypass in development
+    if (!token) {
+      if (process.env.NODE_ENV === 'development' || process.env.BACKEND_AUTH_DISABLED === 'true') {
+        return next();
+      }
+      return c.json({ error: 'Server misconfiguration: BACKEND_AUTH_TOKEN is not set' }, 500);
+    }
+
+    // Health endpoint is always public
+    if (c.req.path === '/api/health') return next();
+
+    const header = c.req.header('Authorization');
+    if (!header || !header.startsWith('Bearer ')) {
+      return c.json({ error: 'Missing or invalid Authorization header' }, 401);
+    }
+
+    const provided = header.slice(7);
+    if (provided !== token) {
+      return c.json({ error: 'Invalid token' }, 403);
+    }
+
+    return next();
+  };
+}
diff --git a/backend/src/middleware/rate-limit.ts b/backend/src/middleware/rate-limit.ts
new file mode 100644
index 0000000..12c8982
--- /dev/null
+++ b/backend/src/middleware/rate-limit.ts
@@ -0,0 +1,53 @@
+import type { MiddlewareHandler } from 'hono';
+
+interface RateLimitEntry {
+  count: number;
+  resetAt: number;
+}
+
+/**
+ * Simple in-memory sliding window rate limiter per IP.
+ * Configurable via RATE_LIMIT_MAX and RATE_LIMIT_WINDOW_MS env vars.
+ */
+export function rateLimit(): MiddlewareHandler {
+  const store = new Map<string, RateLimitEntry>();
+  const max = parseInt(process.env.RATE_LIMIT_MAX || '60', 10);
+  const windowMs = parseInt(process.env.RATE_LIMIT_WINDOW_MS || '60000', 10);
+
+  // Periodic cleanup to prevent unbounded memory growth
+  setInterval(() => {
+    const now = Date.now();
+    for (const [key, entry] of store) {
+      if (now > entry.resetAt) store.delete(key);
+    }
+  }, windowMs * 2).unref();
+
+  return async (c, next) => {
+    // Health endpoint is exempt
+    if (c.req.path === '/api/health') return next();
+
+    const ip = c.req.header('x-forwarded-for')?.split(',')[0]?.trim()
+      || c.req.header('x-real-ip')
+      || 'unknown';
+
+    const now = Date.now();
+    let entry = store.get(ip);
+
+    if (!entry || now > entry.resetAt) {
+      entry = { count: 0, resetAt: now + windowMs };
+      store.set(ip, entry);
+    }
+
+    entry.count++;
+
+    c.header('X-RateLimit-Limit', String(max));
+    c.header('X-RateLimit-Remaining', String(Math.max(0, max - entry.count)));
+    c.header('X-RateLimit-Reset', String(Math.ceil(entry.resetAt / 1000)));
+
+    if (entry.count > max) {
+      return c.json({ error: 'Too many requests' }, 429);
+    }
+
+    return next();
+  };
+}
diff --git a/backend/src/prompts/chat-followup.ts b/backend/src/prompts/chat-followup.ts
index d40b762..0cd053b 100644
--- a/backend/src/prompts/chat-followup.ts
+++ b/backend/src/prompts/chat-followup.ts
@@ -1,19 +1,10 @@
 export function buildFollowupPrompt(
   sessionContext: string,
-  conversationHistory: Array<{ role: string; content: string }>
 ): string {
-  const historyText = conversationHistory
-    .slice(-8)
-    .map(m => `${m.role === 'user' ? 'User' : 'Assistant'}: ${m.content}`)
-    .join('\n');
-
   return `You are a design review assistant helping a designer improve their component.
 
 Session context:
 ${sessionContext}
 
-Previous conversation:
-${historyText}
-
 Respond naturally and helpfully. Be specific about what to fix and why. Keep responses concise.`;
 }
diff --git a/backend/src/routes/analyze.ts b/backend/src/routes/analyze.ts
index eaf2562..a4eb9f4 100644
--- a/backend/src/routes/analyze.ts
+++ b/backend/src/routes/analyze.ts
@@ -32,9 +32,7 @@ app.post('/analyze', async (c) => {
     return c.json(result);
   } catch (error) {
     console.error('Analysis error:', error);
-    const message = error instanceof Error ? error.message : 'Analysis failed';
-    const status = message.includes('Session not found') ? 404 : 500;
-    return c.json({ error: message }, status);
+    return c.json({ error: 'Analysis failed. Please try again.' }, 500);
   }
 });
 
diff --git a/backend/src/routes/chat.ts b/backend/src/routes/chat.ts
index 0186e68..241b98f 100644
--- a/backend/src/routes/chat.ts
+++ b/backend/src/routes/chat.ts
@@ -32,9 +32,9 @@ app.post('/chat', async (c) => {
     // Get conversation history and build context
     const history = getConversation(body.sessionId);
     const sessionContext = getSessionContext(body.sessionId);
-    // buildFollowupPrompt already embeds session context;
-    // pass only history as messages to avoid duplication
-    const systemPrompt = buildFollowupPrompt(sessionContext, history);
+    // System prompt carries only instructions + session context;
+    // conversation history is passed separately via the messages array
+    const systemPrompt = buildFollowupPrompt(sessionContext);
 
     // Build messages for API — only include recent history to avoid context bloat
     const messages: Array<{ role: 'user' | 'assistant'; content: string }> = history.map(m => ({
@@ -56,8 +56,7 @@ app.post('/chat', async (c) => {
     return c.json({ message: response, sessionId: body.sessionId });
   } catch (error) {
     console.error('Chat error:', error);
-    const message = error instanceof Error ? error.message : 'Chat failed';
-    return c.json({ error: message }, 500);
+    return c.json({ error: 'Chat request failed. Please try again.' }, 500);
   }
 });
 
diff --git a/backend/src/routes/flow.ts b/backend/src/routes/flow.ts
index 7053cbf..226e709 100644
--- a/backend/src/routes/flow.ts
+++ b/backend/src/routes/flow.ts
@@ -20,11 +20,13 @@ app.post('/analyze-flow', async (c) => {
     }
 
     const result = await analyzeFlow(body);
+    if (!result) {
+      return c.json({ success: false, error: 'Flow analysis unavailable' }, 503);
+    }
     return c.json({ success: true, flowAnalysis: result });
   } catch (error) {
-    console.error('Flow analysis error:', error);
-    const message = error instanceof Error ? error.message : 'Flow analysis failed';
-    return c.json({ error: message }, 500);
+    console.error('Flow analysis error:', error instanceof Error ? error.message : 'Unknown');
+    return c.json({ error: 'Flow analysis failed. Please try again.' }, 500);
   }
 });
 
diff --git a/backend/src/routes/stream.ts b/backend/src/routes/stream.ts
index eb557fd..59dfbe0 100644
--- a/backend/src/routes/stream.ts
+++ b/backend/src/routes/stream.ts
@@ -35,7 +35,7 @@ app.post('/stream/:sessionId', async (c) => {
 
   const history = getConversation(sessionId);
   const sessionContext = getSessionContext(sessionId);
-  const systemPrompt = buildFollowupPrompt(sessionContext, history);
+  const systemPrompt = buildFollowupPrompt(sessionContext);
 
   const messages: Array<{ role: 'user' | 'assistant'; content: string }> = history.map(m => ({
     role: m.role as 'user' | 'assistant',
@@ -62,9 +62,10 @@ app.post('/stream/:sessionId', async (c) => {
         data: JSON.stringify({ sessionId }),
       });
     } catch (error) {
+      console.error('Stream error:', error);
       await stream.writeSSE({
         event: 'error',
-        data: JSON.stringify({ error: error instanceof Error ? error.message : 'Stream failed' }),
+        data: JSON.stringify({ error: 'Stream failed. Please try again.' }),
       });
     }
   });
diff --git a/backend/src/services/analyzer.ts b/backend/src/services/analyzer.ts
index 5f36725..a67aa2e 100644
--- a/backend/src/services/analyzer.ts
+++ b/backend/src/services/analyzer.ts
@@ -1,17 +1,8 @@
 import { fetchDesignSystemContext, type SourceReference } from './design-knowledge.js';
 import { buildDesignKnowledgeSection } from '../prompts/design-knowledge.js';
-import { detectPageType, generateReview } from './claude.js';
+import { detectPageType, generateReview, getAnthropicClient } from './claude.js';
 import { runReferoComparison, type ReferoComparison } from './refero.js';
 import { startSession, loadSession, saveAnalysisResult, saveReferoResult } from './session.js';
-import Anthropic from '@anthropic-ai/sdk';
-
-let anthropicClient: Anthropic | null = null;
-function getAnthropicClient(): Anthropic {
-  if (!anthropicClient) {
-    anthropicClient = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });
-  }
-  return anthropicClient;
-}
 
 export interface AnalyzeRequest {
   screenshot: string;
@@ -43,6 +34,12 @@ export interface AnalyzeRequest {
       hasAutoLayout: boolean;
       childCount: number;
     };
+    tokenSummary?: {
+      totalTokens: number;
+      boundToVariables: number;
+      boundToStyles: number;
+      hardCoded: number;
+    };
   };
   sessionId?: string;
   mode: 'quick' | 'deep';
@@ -101,11 +98,13 @@ export async function runAnalysis(req: AnalyzeRequest): Promise<AnalysisResult>
 
   // Build component info
   const meta = req.extractedData.metadata;
+  const ts = req.extractedData.tokenSummary;
   const componentInfo = [
     `Name: ${req.extractedData.componentName}`,
     req.extractedData.componentDescription ? `Description: ${req.extractedData.componentDescription}` : '',
-    meta ? `Type: ${meta.nodeType}, Size: ${meta.width}x${meta.height}, Children: ${meta.childCount}` : '',
+    meta ? `Type: ${meta.nodeType}, Size: ${meta.width}x${meta.height}, Auto-layout: ${meta.hasAutoLayout ? 'yes' : 'no'}, Children: ${meta.childCount}` : '',
     req.extractedData.states?.length ? `States: ${req.extractedData.states.join(', ')}` : '',
+    ts ? `Design tokens: ${ts.totalTokens} total (${ts.boundToVariables} variables, ${ts.boundToStyles} styles, ${ts.hardCoded} hard-coded)` : '',
   ].filter(Boolean).join('\n');
 
   // Phase 1a: page type + design knowledge in parallel (both fast)
@@ -167,7 +166,7 @@ export async function runAnalysis(req: AnalyzeRequest): Promise<AnalysisResult>
   }
 
   // Compute Design Health Score — severity-weighted, no AI component
-  // Weights: Tokens 25%, A11y 25%, Spacing 15%, Visual 10%, Microcopy 10%, Layout 10%, Naming 5%
+  // Weights aligned with UI: Tokens 25%, A11y 25%, Spacing 18%, Layout 10%, Naming 7%, Visual 8%, Microcopy 7%
   const SEVERITY_WEIGHT: Record<string, number> = { critical: 10, warning: 3, info: 1 };
   const errors = req.lintResult.errors;
   const total = Math.max(req.lintResult.summary.totalNodes, 1);
diff --git a/backend/src/services/claude.ts b/backend/src/services/claude.ts
index 4e2663e..06ba894 100644
--- a/backend/src/services/claude.ts
+++ b/backend/src/services/claude.ts
@@ -5,14 +5,18 @@ import { buildReviewPrompt } from '../prompts/review.js';
 
 let client: Anthropic | null = null;
 
-function getClient(): Anthropic {
+/** Shared Anthropic client singleton — use this across all services. */
+export function getAnthropicClient(): Anthropic {
   if (!client) {
     client = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });
   }
   return client;
 }
 
-const MODEL = 'claude-sonnet-4-20250514';
+export const MODEL = 'claude-sonnet-4-20250514';
+
+// Internal alias for backward compat within this file
+const getClient = getAnthropicClient;
 
 /**
  * Detect the page type from a screenshot.
diff --git a/backend/src/services/flow-analyzer.ts b/backend/src/services/flow-analyzer.ts
index 51af0dd..82f9a2c 100644
--- a/backend/src/services/flow-analyzer.ts
+++ b/backend/src/services/flow-analyzer.ts
@@ -1,16 +1,7 @@
 import Anthropic from '@anthropic-ai/sdk';
 import { SYSTEM_PROMPT } from '../prompts/system.js';
 import { buildFlowAnalysisPrompt } from '../prompts/flow-analysis.js';
-
-let anthropicClient: Anthropic | null = null;
-function getClient(): Anthropic {
-  if (!anthropicClient) {
-    anthropicClient = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });
-  }
-  return anthropicClient;
-}
-
-const MODEL = 'claude-sonnet-4-20250514';
+import { getAnthropicClient, MODEL } from './claude.js';
 
 // ── Types ──────────────────────────────────────
 
@@ -108,10 +99,10 @@ function buildGraphDescription(frames: FlowFrame[], edges: FlowEdge[]): string {
  * Sends all screenshots + graph context to Claude for holistic analysis.
  */
 export async function analyzeFlow(req: FlowAnalyzeRequest): Promise<FlowAnalysisResult | null> {
-  const client = getClient();
-
   if (!process.env.ANTHROPIC_API_KEY) return null;
 
+  const client = getAnthropicClient();
+
   const frameNames = req.frames.map(f => f.name);
   const graphDescription = buildGraphDescription(req.frames, req.edges);
   const issuesText = req.graphIssues.map(i => `- [${i.severity}] ${i.message}`).join('\n');
diff --git a/backend/src/services/refero.ts b/backend/src/services/refero.ts
index 03070e3..4335a5f 100644
--- a/backend/src/services/refero.ts
+++ b/backend/src/services/refero.ts
@@ -2,8 +2,7 @@ import { searchScreens, getDesignGuidance, type ReferoScreen, type DesignGuidanc
 import { buildReferoComparePrompt } from '../prompts/refero-compare.js';
 import Anthropic from '@anthropic-ai/sdk';
 import { SYSTEM_PROMPT } from '../prompts/system.js';
-
-const MODEL = 'claude-sonnet-4-20250514';
+import { MODEL } from './claude.js';
 
 export interface ReferoComparison {
   matchingPatterns: Array<{ pattern: string; frequency: string }>;
diff --git a/dist/code.js b/dist/code.js
index 2d5a4df..09aa8ac 100644
--- a/dist/code.js
+++ b/dist/code.js
@@ -1,6105 +1,251 @@
-"use strict";
-(() => {
-  var __defProp = Object.defineProperty;
-  var __defProps = Object.defineProperties;
-  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __propIsEnum = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    if (__getOwnPropSymbols)
-      for (var prop of __getOwnPropSymbols(b)) {
-        if (__propIsEnum.call(b, prop))
-          __defNormalProp(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-  var __esm = (fn, res) => function __init() {
-    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-  };
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
+"use strict";(()=>{var Ds=Object.create;var Ee=Object.defineProperty,Vs=Object.defineProperties,_s=Object.getOwnPropertyDescriptor,Bs=Object.getOwnPropertyDescriptors,Us=Object.getOwnPropertyNames,Ut=Object.getOwnPropertySymbols,Gs=Object.getPrototypeOf,zt=Object.prototype.hasOwnProperty,zs=Object.prototype.propertyIsEnumerable;var Gt=(e,t,n)=>t in e?Ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,R=(e,t)=>{for(var n in t||(t={}))zt.call(t,n)&&Gt(e,n,t[n]);if(Ut)for(var n of Ut(t))zs.call(t,n)&&Gt(e,n,t[n]);return e},z=(e,t)=>Vs(e,Bs(t));var H=(e,t)=>()=>(e&&(t=e(e=0)),t);var Ws=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Wt=(e,t)=>{for(var n in t)Ee(e,n,{get:t[n],enumerable:!0})},Ks=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Us(t))!zt.call(e,o)&&o!==n&&Ee(e,o,{get:()=>t[o],enumerable:!(s=_s(t,o))||s.enumerable});return e};var Hs=(e,t,n)=>(n=e!=null?Ds(Gs(e)):{},Ks(t||!e||!e.__esModule?Ee(n,"default",{value:e,enumerable:!0}):n,e));function ge(e){return["FRAME","COMPONENT","COMPONENT_SET","INSTANCE","GROUP"].includes(e.type)?(e.type==="COMPONENT_SET",!0):!1}function F(e,t,n){let s=o=>{let r=Math.round(o*255).toString(16);return r.length===1?"0"+r:r};return`#${s(e)}${s(t)}${s(n)}`}async function Ke(e){try{let t=await figma.variables.getVariableByIdAsync(e);return t?t.name:null}catch(t){return console.warn("Could not access variable:",e,t),null}}async function Kt(e,t){try{let n=await figma.variables.getVariableByIdAsync(e);if(!n)return null;if(t&&n.resolveForConsumer)try{let s=n.resolveForConsumer(t);if(s&&typeof s.value=="object"&&"r"in s.value){let o=s.value;return F(o.r,o.g,o.b)}else if(s&&s.value!==void 0)return String(s.value)}catch(s){console.warn("Could not resolve variable value:",s)}return n.name}catch(n){return console.warn("Could not access variable:",e,n),null}}function N(e,t){try{figma.ui.postMessage({type:e,data:t})}catch(n){console.error("Failed to send message to UI:",n)}}function Te(e){let t=[e];if("children"in e)for(let n of e.children)t.push(...Te(n));return t}function He(e){let t=[];if(e.type==="TEXT"){let n=e;n.characters&&t.push(n.characters)}if("children"in e)for(let n of e.children)t.push(...He(n));return t}function te(e,t,n){let[s,o,r]=[e,t,n].map(i=>i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4));return .2126*s+.7152*o+.0722*r}function ye(e,t){let n=Math.max(e,t),s=Math.min(e,t);return(n+.05)/(s+.05)}function he(e){let t=e.parent;for(;t&&"type"in t;){let n=t;if("fills"in n){let s=n.fills;if(Array.isArray(s)){for(let o of s)if(o.type==="SOLID"&&o.visible!==!1&&o.color){if(o.boundVariables&&o.boundVariables.color)continue;return o.color}}}t=t.parent}return null}function js(e){var s;let t=[],n=e;for(;n&&n.type!=="DOCUMENT"&&n.type!=="PAGE";)n.type==="COMPONENT"&&((s=n.parent)==null?void 0:s.type)==="COMPONENT_SET"?t.unshift(`${n.name}`):t.unshift(n.name),n=n.parent;return t.join(" \u2192 ")}function oe(e){var s,o;let t=js(e),n=`Found in "${e.name}"`;if(((s=e.parent)==null?void 0:s.type)==="COMPONENT_SET"||e.parent&&((o=e.parent.parent)==null?void 0:o.type)==="COMPONENT_SET")n=`Found in variant: "${e.name}"`;else if(t.includes("\u2192")){let r=t.split(" \u2192 ");r.length>1&&(n=`Found in "${r[r.length-1]}" (${r[r.length-2]})`)}return{path:t,description:n}}var J=H(()=>{"use strict"});function Re(e,t=ve){if(t.includes(e))return[];let n=[...t].map(o=>({v:o,diff:Math.abs(o-e)})).sort((o,r)=>o.diff-r.diff),s=[];for(let o of n){if(s.length>=2)break;s.includes(o.v)||s.push(o.v)}return s.sort((o,r)=>o-r)}var ve,it,at=H(()=>{"use strict";ve=[0,2,4,8,12,16,20,24,32,40,48,64,80,96],it=ve});function fo(){return`spacing-${++sn}`}function go(e){return ct.includes(e)}function yo(e){return{itemSpacing:"Gap",paddingTop:"Padding Top",paddingBottom:"Padding Bottom",paddingLeft:"Padding Left",paddingRight:"Padding Right",counterAxisSpacing:"Counter-axis Gap"}[e]||e}function ho(e,t){var o;if(e.layoutMode==="NONE")return 0;let n=0,s=[{prop:"itemSpacing",value:e.itemSpacing},{prop:"paddingTop",value:e.paddingTop},{prop:"paddingBottom",value:e.paddingBottom},{prop:"paddingLeft",value:e.paddingLeft},{prop:"paddingRight",value:e.paddingRight}];"counterAxisSpacing"in e&&typeof e.counterAxisSpacing=="number"&&s.push({prop:"counterAxisSpacing",value:e.counterAxisSpacing});for(let{prop:r,value:i}of s)if(n++,!go(i)){let a=Re(i,ct);t.push({id:fo(),type:"spacing",severity:"warning",nodeId:e.id,nodeName:e.name,message:`${yo(r)} is ${i}px \u2014 not in spacing scale`,currentValue:`${i}px`,suggestions:a.map(c=>`${c}px`),autoFixable:!0,fixAction:{type:"fixSpacing",params:{nodeId:e.id,property:r,currentValue:i,suggestedValue:(o=a[0])!=null?o:i}}})}return n}function on(e,t,n,s,o){let r=o||"locked"in e&&e.locked,i="visible"in e&&!e.visible;if(n&&r)return{checked:0,passed:0};if(s&&i)return{checked:0,passed:0};let a=0,c=0;if(e.type==="FRAME"||e.type==="COMPONENT"||e.type==="INSTANCE"){let l=t.length,d=ho(e,t);a+=d,c+=d-(t.length-l)}if("children"in e)for(let l of e.children){let d=on(l,t,n,s,r);a+=d.checked,c+=d.passed}return{checked:a,passed:c}}function rn(e,t={}){let{skipLocked:n=!0,skipHidden:s=!0,scale:o}=t;ct=o||ve,sn=0;let r=[],i=0,a=0;for(let c of e){let{checked:l,passed:d}=on(c,r,n,s,!1);i+=l,a+=d}return{issues:r,summary:{totalChecked:i,passed:a,failed:r.length}}}var sn,ct,an=H(()=>{"use strict";at();sn=0;ct=ve});function bo(){return`autolayout-${++cn}`}function ln(e,t,n,s,o){let r=o||"locked"in e&&e.locked,i="visible"in e&&!e.visible;if(n&&r)return{totalFrames:0,withAutoLayout:0};if(s&&i)return{totalFrames:0,withAutoLayout:0};let a=0,c=0;if((e.type==="FRAME"||e.type==="COMPONENT"||e.type==="INSTANCE")&&"children"in e){let d=e.children;d.length>=2&&(a++,e.layoutMode!=="NONE"?c++:t.push({id:bo(),type:"autoLayout",severity:"warning",nodeId:e.id,nodeName:e.name,message:`Frame "${e.name}" has ${d.length} children but no Auto Layout`,currentValue:"No Auto Layout",suggestions:["HORIZONTAL","VERTICAL"],autoFixable:!1}))}if("children"in e)for(let d of e.children){let p=ln(d,t,n,s,r);a+=p.totalFrames,c+=p.withAutoLayout}return{totalFrames:a,withAutoLayout:c}}function dn(e,t={}){let{skipLocked:n=!0,skipHidden:s=!0}=t;cn=0;let o=[],r=0,i=0;for(let l of e){let d=ln(l,o,n,s,!1);r+=d.totalFrames,i+=d.withAutoLayout}let a=r-i,c=r>0?Math.round(i/r*100):100;return{issues:o,summary:{totalFrames:r,withAutoLayout:i,withoutAutoLayout:a,percentage:c}}}var cn,un=H(()=>{"use strict";cn=0});function ne(){return`a11y-${++pn}`}function lt(e){return vo.test(e)}function No(e,t){if(e.type!=="TEXT")return;let n=e,s=n.fills;if(s===figma.mixed||!Array.isArray(s))return;let o=s.find(m=>{var v;return m.type==="SOLID"&&m.visible!==!1&&m.color&&!((v=m.boundVariables)!=null&&v.color)});if(!o||o.type!=="SOLID")return;let r=he(e);if(!r)return;let i=o.color,a=te(i.r,i.g,i.b),c=te(r.r,r.g,r.b),l=ye(a,c),d=n.fontSize!==figma.mixed?n.fontSize:0,p=n.fontName!==figma.mixed?n.fontName.style:"",u=p.toLowerCase().includes("bold")||p.toLowerCase().includes("black"),f=d>=18||d>=14&&u,y=f?3:4.5;if(l<y){let m=l.toFixed(1);t.push({id:ne(),type:"accessibility",severity:"critical",nodeId:e.id,nodeName:e.name,message:`Contrast ratio ${m}:1 below WCAG AA ${f?"large text":""} minimum of ${y}:1`,currentValue:`${m}:1`,suggestions:[`Increase contrast to at least ${y}:1`],autoFixable:!1})}}function wo(e,t){if(e.type!=="FRAME"&&e.type!=="COMPONENT"&&e.type!=="INSTANCE"||!lt(e.name))return;let n=e.width,s=e.height;(n<44||s<44)&&t.push({id:ne(),type:"accessibility",severity:"warning",nodeId:e.id,nodeName:e.name,message:`Touch target ${Math.round(n)}x${Math.round(s)}px is below 44x44px recommended minimum`,currentValue:`${Math.round(n)}x${Math.round(s)}px`,suggestions:["Increase to at least 44x44px"],autoFixable:!1})}function ko(e,t){if(e.type!=="TEXT")return;let s=e.fontSize;s===figma.mixed||typeof s!="number"||s>0&&s<12&&t.push({id:ne(),type:"accessibility",severity:"warning",nodeId:e.id,nodeName:e.name,message:`Text size ${s}px is below 12px readability minimum`,currentValue:`${s}px`,suggestions:["12px","14px"],autoFixable:!1})}function xo(e,t){if(e.type!=="COMPONENT"&&e.type!=="INSTANCE"||!lt(e.name))return;let n=e;if(!("children"in n)||n.children.length===0)return;n.children.some(o=>{var r,i;return o.type==="TEXT"?!0:"children"in o?(i=(r=o.children)==null?void 0:r.some)==null?void 0:i.call(r,a=>a.type==="TEXT"):!1})||t.push({id:ne(),type:"accessibility",severity:"warning",nodeId:e.id,nodeName:e.name,message:`Interactive element "${e.name}" has no visible text label`,currentValue:"No text child",suggestions:["Add a text label or ensure screen reader label is provided"],autoFixable:!1})}function Co(e,t){e.type!=="FRAME"&&e.type!=="COMPONENT"&&e.type!=="INSTANCE"||!("children"in e)||e.children.length===0||So.test(e.name)&&t.push({id:ne(),type:"accessibility",severity:"info",nodeId:e.id,nodeName:e.name,message:`Generic layer name "${e.name}" \u2014 use a descriptive name`,currentValue:e.name,suggestions:["Rename to describe the layer purpose"],autoFixable:!1})}function Io(e,t){if(e.type!=="COMPONENT"&&e.type!=="INSTANCE"||!lt(e.name))return;let n=e,s=null,o=n.strokes;if(Array.isArray(o)){let l=o.find(d=>d.type==="SOLID"&&d.visible!==!1);l&&l.type==="SOLID"&&(s=l.color)}if(!s){let l=n.fills;if(l!==figma.mixed&&Array.isArray(l)){let d=l.find(p=>p.type==="SOLID"&&p.visible!==!1);d&&d.type==="SOLID"&&(s=d.color)}}if(!s)return;let r=he(e);if(!r)return;let i=te(s.r,s.g,s.b),a=te(r.r,r.g,r.b),c=ye(i,a);c<3&&t.push({id:ne(),type:"accessibility",severity:"warning",nodeId:e.id,nodeName:e.name,message:`Non-text contrast ${c.toFixed(1)}:1 below WCAG 1.4.11 minimum of 3:1`,currentValue:`${c.toFixed(1)}:1`,suggestions:["Increase boundary contrast to at least 3:1 against background"],autoFixable:!1})}function Eo(e,t){if(e.type!=="FRAME"&&e.type!=="COMPONENT"&&e.type!=="INSTANCE"||!Ao.test(e.name))return;let n=e;if(!("children"in n)||n.children.length===0)return;n.children.some(o=>{var r,i;return o.type==="TEXT"||/icon|svg|symbol|glyph/i.test(o.name)?!0:"children"in o?(i=(r=o.children)==null?void 0:r.some)==null?void 0:i.call(r,a=>a.type==="TEXT"||/icon|svg|symbol|glyph/i.test(a.name)):!1})||t.push({id:ne(),type:"accessibility",severity:"info",nodeId:e.id,nodeName:e.name,message:`"${e.name}" may rely on color alone to convey status (WCAG 1.4.1)`,currentValue:"No text or icon indicator",suggestions:["Add a text label or icon to supplement the color indicator"],autoFixable:!1})}function To(e,t){if(e.type!=="COMPONENT")return;let n=e.parent;if(!n||n.type!=="COMPONENT_SET")return;let s=n,r=s.children.map(c=>c.name.toLowerCase()).join(" "),a=["hover","focus","disabled","pressed"].filter(c=>!r.includes(c));a.length>0&&t.push({id:ne(),type:"accessibility",severity:"info",nodeId:e.id,nodeName:e.name,message:`Component set missing states: ${a.join(", ")}`,currentValue:`${s.children.length} variants`,suggestions:a.map(c=>`Add ${c} variant`),autoFixable:!1})}function mn(e,t,n,s,o,r){var l;let i=o||"locked"in e&&e.locked,a="visible"in e&&!e.visible;if(n&&i||s&&a)return 0;let c=0;if(No(e,t),wo(e,t),ko(e,t),c++,xo(e,t),Co(e,t),Io(e,t),Eo(e,t),e.type==="COMPONENT"&&((l=e.parent)==null?void 0:l.type)==="COMPONENT_SET"){let d=e.parent.id;r.has(d)||(r.add(d),To(e,t))}if("children"in e)for(let d of e.children)c+=mn(d,t,n,s,i,r);return c}function fn(e,t={}){let{skipLocked:n=!0,skipHidden:s=!0}=t;pn=0;let o=[],r=new Set,i=0;for(let a of e)i+=mn(a,o,n,s,!1,r);return{issues:o,summary:{totalChecked:i,contrastIssues:o.filter(a=>a.message.includes("Contrast")).length,touchTargetIssues:o.filter(a=>a.message.includes("Touch target")).length,textSizeIssues:o.filter(a=>a.message.includes("Text size")).length,namingIssues:o.filter(a=>a.message.includes("text label")||a.message.includes("Generic")).length,stateIssues:o.filter(a=>a.message.includes("missing states")).length,nonTextContrastIssues:o.filter(a=>a.message.includes("Non-text contrast")).length,colorOnlyIssues:o.filter(a=>a.message.includes("color alone")).length}}}var pn,vo,So,Ao,gn=H(()=>{"use strict";J();pn=0;vo=/\b(button|btn|input|link|checkbox|toggle|switch|tab|radio|select|dropdown|menu-item|slider|chip)\b/i;So=/^(Frame|Group|Rectangle|Ellipse|Vector|Line|Polygon|Star)\s*\d+$/i;Ao=/\b(error|success|warning|status|alert|badge|danger|info)\b/i});function pe(){return`vq-${++yn}`}function Lo(e){return Po.some(t=>t.includes(e))}function Ro(e,t){let n=e.width*e.height;if(n===0)return;let o=("children"in e?e.children.filter(i=>i.visible!==!1):[]).length,r=o/n*1e3;r>3&&t.push({id:pe(),type:"accessibility",severity:"warning",nodeId:e.id,nodeName:e.name,message:`High visual density: ${o} elements in ${Math.round(n/1e3)}k px\xB2 (${r.toFixed(2)}/1000px\xB2). Consider simplifying or using progressive disclosure.`,currentValue:`${r.toFixed(2)} elements/1000px\xB2`,suggestions:["Reduce visible elements to under 15 per viewport","Group related items","Use progressive disclosure"],autoFixable:!1})}function hn(e,t,n,s,o){if(!(s&&"locked"in e&&e.locked)&&!(o&&"visible"in e&&!e.visible)){if(e.type==="TEXT"){let r=e,i=r.fontSize;if(i!==figma.mixed&&typeof i=="number"){t.add(i);let a=r.lineHeight;if(a!==figma.mixed&&typeof a=="object"&&a.unit==="PIXELS"){let c=a.value/i;n.push({fontSize:i,lineHeight:a.value,ratio:c})}}}if("children"in e)for(let r of e.children)hn(r,t,n,s,o)}}function $o(e,t,n,s){let o=new Set,r=[];hn(e,o,r,n,s);let i=Array.from(o).sort((l,d)=>l-d),a=i.filter(l=>!Lo(l));a.length>0&&t.push({id:pe(),type:"accessibility",severity:"info",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:`Non-standard font sizes: ${a.join(", ")}px. Consider using a type scale (e.g., 12/14/16/20/24/32).`,currentValue:a.map(l=>`${l}px`).join(", "),suggestions:a.map(l=>{let d=[10,12,14,16,18,20,24,28,32,36,40,48].reduce((p,u)=>Math.abs(u-l)<Math.abs(p-l)?u:p);return`${l}px \u2192 ${d}px`}),autoFixable:!1});let c=r.filter(l=>l.ratio<1.2||l.ratio>2);if(c.length>0){let l=c.reduce((d,p)=>Math.abs(p.ratio-1.5)>Math.abs(d.ratio-1.5)?p:d);t.push({id:pe(),type:"accessibility",severity:"info",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:`Line height ratio ${l.ratio.toFixed(2)} (${l.lineHeight}px / ${l.fontSize}px) is outside optimal range 1.3\u20131.6.`,currentValue:`${l.ratio.toFixed(2)}`,suggestions:[`Set line height to ${Math.round(l.fontSize*1.5)}px (1.5\xD7 body) or ${Math.round(l.fontSize*1.3)}px (1.3\xD7 headings)`],autoFixable:!1})}return{sizes:i,lineHeightData:r}}function bn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)){if("fills"in e){let o=e.fills;if(o!==figma.mixed&&Array.isArray(o))for(let r of o)r.visible!==!1&&r.type==="SOLID"&&t.add(F(r.color.r,r.color.g,r.color.b))}if("strokes"in e){let o=e.strokes;if(Array.isArray(o))for(let r of o)r.visible!==!1&&r.type==="SOLID"&&t.add(F(r.color.r,r.color.g,r.color.b))}if("children"in e)for(let o of e.children)bn(o,t,n,s)}}function Mo(e,t,n,s){let o=new Set;bn(e,o,n,s);let r=Array.from(o);return r.length>8&&t.push({id:pe(),type:"accessibility",severity:"warning",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:`${r.length} unique colors detected. A cohesive palette typically uses 5\u20137 colors (primary, secondary, accent, neutrals).`,currentValue:`${r.length} colors`,suggestions:["Consolidate similar colors into design tokens","Limit palette to primary, secondary, accent, and 2-3 neutrals"],autoFixable:!1}),r}function Oo(e,t,n=4){if(!("children"in e))return 0;let s=e.children.filter(r=>r.visible!==!1),o=0;for(let r of s){if(!("x"in r)||!("y"in r))continue;let i=r.x,a=r.y,c=Math.round(i)%n,l=Math.round(a)%n;(c!==0||l!==0)&&o++}return o>0&&o/Math.max(s.length,1)>.3&&t.push({id:pe(),type:"accessibility",severity:"info",nodeId:e.id,nodeName:e.name,message:`${o}/${s.length} direct children are misaligned from ${n}px grid.`,currentValue:`${o} misaligned`,suggestions:[`Snap elements to ${n}px grid for visual consistency`],autoFixable:!1}),o}function vn(e,t,n,s){if(n&&"locked"in e&&e.locked||s&&"visible"in e&&!e.visible)return;if(/button|btn|cta/i.test(e.name)&&"width"in e&&"height"in e&&t.push({nodeId:e.id,nodeName:e.name,width:e.width,height:e.height}),"children"in e)for(let r of e.children)vn(r,t,n,s)}function Fo(e,t,n,s){let o=[];if(vn(e,o,n,s),o.length<2)return;let r=o.map(l=>l.height),i=r.reduce((l,d)=>l+d,0)/r.length,c=Math.max(...r.map(l=>Math.abs(l-i)))/i*100;if(c>15){let l=Math.min(...r),d=Math.max(...r);t.push({id:pe(),type:"accessibility",severity:"warning",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:`Button height inconsistency: ${l}px to ${d}px (${Math.round(c)}% variance). Standardize to 2-3 size tiers.`,currentValue:`${l}\u2013${d}px`,suggestions:["Use consistent button heights: 32px (small), 40px (medium), 48px (large)"],autoFixable:!1})}}function Sn(e,t={}){var f,y;yn=0;let n=[],s=(f=t.skipLocked)!=null?f:!0,o=(y=t.skipHidden)!=null?y:!0,r=0,i=[],a=[],c=[],l=0,d=0,p=0;for(let m of e){"children"in m&&"width"in m&&"height"in m&&(Ro(m,n),d+=m.children.length,p+=m.width*m.height,r++);let v=$o(m,n,s,o);i=[...new Set([...i,...v.sizes])],a=[...a,...v.lineHeightData],r++;let A=Mo(m,n,s,o);c=[...new Set([...c,...A])],r++,"children"in m&&(l+=Oo(m,n),r++),Fo(m,n,s,o),r++}let u=p>0?d/p*1e3:0;return{issues:n,metrics:{childCount:d,areaPx:p,density:u,uniqueFontSizes:i,lineHeightRatios:a,uniqueColors:c,misalignedCount:l},summary:{totalChecked:r,passed:r-n.length,failed:n.length}}}var yn,Po,Nn=H(()=>{"use strict";J();yn=0;Po=[[10,12,14,16,18,20,24,28,32,36,40,48,56,64,72],[12,14,16,20,24,32,40,48],[12,14,16,18,21,24,30,36,48,60,72]]});function ee(){return`mc-${++wn}`}function kn(e){if(dt.test(e.name))return!0;let t=e.parent,n=0;for(;t&&n<4;){if("name"in t&&dt.test(t.name)||"type"in t&&(t.type==="COMPONENT"||t.type==="INSTANCE")&&"name"in t&&dt.test(t.name))return!0;t=t.parent,n++}return!1}function xn(e){return e.trim().split(/\s+/).filter(Boolean).length}function Wo(e,t){let n=e.characters;if(!n||n.trim().length===0){t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:"Empty text node \u2014 remove or add content.",currentValue:"(empty)",autoFixable:!1});return}let s=n.trim(),o=xn(s),r=kn(e);if((Do.test(s)||_o.test(s))&&t.push({id:ee(),type:"naming",severity:"warning",nodeId:e.id,nodeName:e.name,message:`"${s.substring(0,40)}" \u2014 avoid "click/tap here". Use descriptive action: "Download report", "View details".`,currentValue:s.substring(0,60),suggestions:['Use verb + object: "Download PDF", "View pricing", "Start trial"'],autoFixable:!1}),Vo.test(s)&&t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:'"Learn more" is vague \u2014 specify what the user will learn: "Learn more about pricing".',currentValue:s,suggestions:['Add specificity: "Learn more about [topic]"'],autoFixable:!1}),r&&o<=2){let i=s.toLowerCase().replace(/[.!]/g,"");Bo.has(i)&&t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:`Generic CTA "${s}" \u2014 use a specific action: "Save changes", "Send message", "Create account".`,currentValue:s,suggestions:["Replace with verb + object describing the outcome"],autoFixable:!1})}if(r&&o>5&&t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:`CTA too long (${o} words): "${s.substring(0,50)}\u2026". Keep CTAs to 2\u20135 words.`,currentValue:`${o} words`,suggestions:["Shorten to verb + object (2-5 words)"],autoFixable:!1}),(Uo.test(s)||Go.test(s))&&t.push({id:ee(),type:"naming",severity:"warning",nodeId:e.id,nodeName:e.name,message:`Placeholder text detected: "${s.substring(0,40)}\u2026". Replace with real content.`,currentValue:s.substring(0,60),suggestions:["Replace with actual copy or realistic sample data"],autoFixable:!1}),o>80&&!r&&t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:`Long text block (${o} words). Break into shorter paragraphs or use bullet points for readability.`,currentValue:`${o} words`,suggestions:["Break into paragraphs of \u226450 words","Use bullet points for lists","Add subheadings"],autoFixable:!1}),s===s.toUpperCase()&&s!==s.toLowerCase()&&o>3&&t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:`All-caps text with ${o} words: "${s.substring(0,40)}\u2026". ALL CAPS reduces readability \u2014 use sentence case or title case.`,currentValue:s.substring(0,60),suggestions:["Use sentence case for readability","Reserve ALL CAPS for short labels (1-2 words)"],autoFixable:!1}),zo.test(s)){let a=(s.match(/\b\d{4,}\b/g)||[]).filter(c=>{let l=parseInt(c,10);return l<1900||l>2099});a.length>0&&t.push({id:ee(),type:"naming",severity:"info",nodeId:e.id,nodeName:e.name,message:`Unformatted number${a.length>1?"s":""}: ${a.join(", ")}. Use thousand separators for readability.`,currentValue:a.join(", "),suggestions:["Format as 1,000,000 or 1 000 000"],autoFixable:!1})}}function Cn(e,t,n,s,o){var r;if(!(s&&"locked"in e&&e.locked)&&!(o&&"visible"in e&&!e.visible)){if(e.type==="TEXT"){n.totalTextNodes++;let i=((r=e.characters)==null?void 0:r.trim())||"",a=xn(i);a>0&&(n.wordCounts.push(a),a>n.longestParagraph&&(n.longestParagraph=a)),kn(e)&&n.ctaNodes++,Wo(e,t)}if("children"in e)for(let i of e.children)Cn(i,t,n,s,o)}}function In(e,t={}){var a,c;wn=0;let n=[],s=(a=t.skipLocked)!=null?a:!0,o=(c=t.skipHidden)!=null?c:!0,r={totalTextNodes:0,ctaNodes:0,wordCounts:[],longestParagraph:0};for(let l of e)Cn(l,n,r,s,o);let i=r.wordCounts.length>0?r.wordCounts.reduce((l,d)=>l+d,0)/r.wordCounts.length:0;return{issues:n,metrics:{totalTextNodes:r.totalTextNodes,ctaNodes:r.ctaNodes,avgWordCount:Math.round(i*10)/10,longestParagraph:r.longestParagraph},summary:{totalChecked:r.totalTextNodes,passed:r.totalTextNodes-n.length,failed:n.length}}}var wn,Do,Vo,_o,Bo,Uo,Go,zo,dt,An=H(()=>{"use strict";wn=0;Do=/\bclick\s+here\b/i,Vo=/^learn\s+more\.?$/i,_o=/\btap\s+here\b/i,Bo=new Set(["submit","ok","okay","next","continue","go","yes","no","done","send","save","apply"]),Uo=/\blorem\s+ipsum\b/i,Go=/^(enter\s+text|type\s+here|placeholder|sample\s+text|your\s+text|add\s+text)\.?$/i,zo=/\b\d{4,}\b/,dt=/button|btn|cta|action|submit|link/i});function me(){return`conv-${++Ln}`}function jo(e){if(En.test(e.name))return!0;let t=e.parent,n=0;for(;t&&n<3;){if("name"in t&&En.test(t.name))return!0;t=t.parent,n++}return!1}function qo(e){return Rn.test(e.name)}function Tn(e){if(!("fills"in e))return null;let t=e.fills;if(t===figma.mixed||!Array.isArray(t))return null;let n=t.find(s=>s.type==="SOLID"&&s.visible!==!1);return n?n.color:null}function Pn(e,t,n){let s=[e,t,n].map(o=>o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4));return .2126*s[0]+.7152*s[1]+.0722*s[2]}function Jo(e,t){let n=Math.max(e,t),s=Math.min(e,t);return(n+.05)/(s+.05)}function $n(e,t,n,s,o){if(!(s&&"locked"in e&&e.locked)&&!(o&&"visible"in e&&!e.visible)&&(jo(e)&&"width"in e&&"height"in e&&t.push({node:e,x:"x"in e?e.x:0,y:"y"in e?e.y:0,width:e.width,height:e.height,absoluteY:n+("y"in e?e.y:0)}),"children"in e)){let r=n+("y"in e?e.y:0);for(let i of e.children)$n(i,t,r,s,o)}}function Mn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)){if(qo(e)){let o=!1,r=e.parent;if(r&&"children"in r){for(let i of r.children)if(i.type==="TEXT"&&i.id!==e.id){o=!0;break}}t.push({node:e,hasLabel:o})}if("children"in e)for(let o of e.children)Mn(o,t,n,s)}}function $e(e,t,n,s){if(n&&"locked"in e&&e.locked||s&&"visible"in e&&!e.visible)return!1;if(t.test(e.name))return!0;if("children"in e){for(let o of e.children)if($e(o,t,n,s))return!0}return!1}function Xo(e,t,n){if(t.length===0||!("height"in e))return!1;let s=e.height*.7,o=t.some(r=>r.y+r.height<s);return o||n.push({id:me(),type:"accessibility",severity:"warning",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:"No primary CTA visible above the fold (top 70% of frame). Move the main action higher for better conversion.",currentValue:`CTA at ${Math.round(t[0].y)}px, fold at ${Math.round(s)}px`,suggestions:["Place primary CTA within top 70% of the viewport","Add a secondary CTA near the top if main CTA must stay below"],autoFixable:!1}),o}function Yo(e,t,n){let s=Tn(e);if(!s)return;let o=Pn(s.r,s.g,s.b);for(let r of t){let i=Tn(r.node);if(!i)continue;let a=Pn(i.r,i.g,i.b),c=Jo(o,a);if(c<3){let l=F(i.r,i.g,i.b),d=F(s.r,s.g,s.b);n.push({id:me(),type:"accessibility",severity:"warning",nodeId:r.node.id,nodeName:r.node.name,message:`CTA contrast ratio ${c.toFixed(1)}:1 (${l} on ${d}) \u2014 too low. CTAs should stand out with \u22653:1 contrast against background.`,currentValue:`${c.toFixed(1)}:1`,suggestions:["Increase CTA background contrast to at least 3:1","Use a bolder accent color for the primary action"],autoFixable:!1})}}}function Qo(e,t,n){t.length>5&&n.push({id:me(),type:"accessibility",severity:"warning",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:`${t.length} form fields on one screen. More than 5 fields increases abandonment \u2014 consider splitting into steps or removing optional fields.`,currentValue:`${t.length} fields`,suggestions:["Split into multi-step form with progress indicator",'Remove optional fields or move to "Advanced" section',"Expedia gained $12M/year by removing one field"],autoFixable:!1});let s=t.filter(o=>!o.hasLabel);s.length>0&&n.push({id:me(),type:"accessibility",severity:"warning",nodeId:s[0].node.id,nodeName:s[0].node.name,message:`${s.length} form field${s.length===1?"":"s"} without visible labels. Labels improve completion rate and accessibility.`,currentValue:`${s.length} unlabeled`,suggestions:["Add visible label text above or beside each input","Don't rely on placeholder text alone as labels"],autoFixable:!1})}function Zo(e,t,n,s,o){if(t.length<=3)return!1;let r=$e(e,Ko,s,o);return!r&&t.length>5&&n.push({id:me(),type:"accessibility",severity:"info",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:"Long form without progress indicator. A step counter or progress bar reduces perceived effort.",suggestions:['Add "Step 1 of 3" or a progress bar',"Show users how far they've come and what's left"],autoFixable:!1}),r}function er(e,t,n,s,o){if(t.length===0||!$e(e,Rn,s,o))return;$e(e,Ho,s,o)||n.push({id:me(),type:"accessibility",severity:"info",nodeId:"id"in e?e.id:"",nodeName:"name"in e?e.name:"",message:"Form with CTA but no trust signals (security badges, reviews, guarantees). Trust elements near CTAs increase conversion.",suggestions:["Add security badge or lock icon near submit button","Show testimonials, ratings, or guarantees near the CTA"],autoFixable:!1})}function On(e,t={}){var d,p;Ln=0;let n=[],s=(d=t.skipLocked)!=null?d:!0,o=(p=t.skipHidden)!=null?p:!0,r=0,i=0,a=!1,c=!1,l=0;for(let u of e){let f=[];$n(u,f,0,s,o),r+=f.length;let y=[];Mn(u,y,s,o),i+=y.length,f.length>0&&(Xo(u,f,n)&&(a=!0),Yo(u,f,n),l+=2),y.length>0&&(Qo(u,y,n),Zo(u,y,n,s,o)&&(c=!0),l+=2),er(u,f,n,s,o),l++}return{issues:n,metrics:{ctaCount:r,formFieldCount:i,ctaAboveFold:a,hasProgressIndicator:c},summary:{totalChecked:l,passed:l-n.length,failed:n.length}}}var Ln,En,Rn,Ko,Ho,Fn=H(()=>{"use strict";J();Ln=0;En=/button|btn|cta|action|submit|primary/i,Rn=/input|field|text.?area|select|dropdown|picker|combo|search|email|password|phone|number.?field/i,Ko=/progress|step|stepper|breadcrumb|wizard|indicator|pagination/i,Ho=/badge|trust|security|lock|shield|guarantee|verified|secure|ssl|certification|review|rating|star/i});function Se(){return`cog-${++Vn}`}function rr(e){return tr.test(e.name)}function ir(e){return nr.test(e.name)}function Bn(e){return _n.test(e.name)}function ar(e){return sr.test(e.name)}function cr(e){return or.test(e.name)}function lr(e){if(!Dn.test(e.name)&&!_n.test(e.name)||!("children"in e))return!1;let t=e.children,n=t.some(o=>o.type==="TEXT");return t.some(o=>o.type==="VECTOR"||o.type==="BOOLEAN_OPERATION"||Dn.test(o.name))&&!n}function Un(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)){if(ir(e)){t.push(e);return}if("children"in e)for(let o of e.children)Un(o,t,n,s)}}function Gn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)&&(Bn(e)&&t.push(e),"children"in e))for(let o of e.children)Gn(o,t,n,s)}function dr(e){let t=e.match(/h(\d)/i);return t?parseInt(t[1],10):/title|headline/i.test(e)?1:/subtitle|subhead/i.test(e)||/heading/i.test(e)?2:null}function zn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)){if(ar(e)){let o=dr(e.name);o!==null&&t.push({node:e,level:o})}if("children"in e)for(let o of e.children)zn(o,t,n,s)}}function Wn(e,t,n,s){if(n&&"locked"in e&&e.locked||s&&"visible"in e&&!e.visible)return t;let o=t;if("children"in e)for(let r of e.children){let i=Wn(r,t+1,n,s);i>o&&(o=i)}return o}function Kn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)&&(cr(e)&&"opacity"in e&&e.opacity<1&&t.push(e),"children"in e))for(let o of e.children)Kn(o,t,n,s)}function Hn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)&&(Bn(e)&&lr(e)&&t.push(e),"children"in e))for(let o of e.children)Hn(o,t,n,s)}function ur(e,t,n,s){let o=[];jn(e,o,n,s);let r=0;for(let i of o){let a=[];Un(i,a,n,s),r+=a.length,a.length>7&&t.push({id:Se(),type:"accessibility",severity:"warning",nodeId:i.id,nodeName:i.name,message:`Navigation has ${a.length} items \u2014 Miller's Law suggests 7\xB12 is the working memory limit. Consider grouping or progressive disclosure.`,currentValue:`${a.length} nav items`,suggestions:["Group related items under expandable sections",'Use "More" menu for less-used items',"Limit primary navigation to 5-7 items"],autoFixable:!1})}return r}function jn(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)){if(rr(e)){t.push(e);return}if("children"in e)for(let o of e.children)jn(o,t,n,s)}}function pr(e,t,n,s){let o=[];return Gn(e,o,n,s),o.length>5&&t.push({id:Se(),type:"accessibility",severity:"warning",nodeId:e.id,nodeName:e.name,message:`${o.length} CTAs/buttons on one screen \u2014 choice overload reduces decision-making ability (Hick's Law). Prioritize one primary action.`,currentValue:`${o.length} CTAs`,suggestions:["Establish clear primary/secondary/tertiary action hierarchy","Reduce to 1 primary CTA per viewport","Group related actions in a dropdown or overflow menu"],autoFixable:!1}),o.length}function mr(e,t,n,s){let o=[];if(zn(e,o,n,s),o.length<2)return o.map(i=>i.level);let r=o.sort((i,a)=>{let c="y"in i.node?i.node.y:0,l="y"in a.node?a.node.y:0;return c-l});for(let i=1;i<r.length;i++){let a=r[i-1].level,c=r[i].level;c>a+1&&t.push({id:Se(),type:"accessibility",severity:"info",nodeId:r[i].node.id,nodeName:r[i].node.name,message:`Heading hierarchy gap: jumps from level ${a} to level ${c}. Screen readers and users rely on sequential heading structure.`,currentValue:`h${a} \u2192 h${c}`,suggestions:[`Add an h${a+1} between these levels`,"Ensure headings follow a logical descending order"],autoFixable:!1})}return r.map(i=>i.level)}function fr(e,t,n,s){var r;let o=[];Kn(e,o,n,s);for(let i of o){let a=i.parent,c=!1;if(a&&"children"in a){for(let l of a.children)if(l.type==="TEXT"&&l.id!==i.id){let d=((r=l.characters)==null?void 0:r.toLowerCase())||"";if(d.includes("required")||d.includes("complete")||d.includes("fill")||d.includes("select")||d.includes("first")){c=!0;break}}}c||t.push({id:Se(),type:"accessibility",severity:"info",nodeId:i.id,nodeName:i.name,message:`Disabled element "${i.name}" without visible explanation. Users should understand WHY an action is unavailable and how to enable it.`,suggestions:["Add helper text explaining what needs to happen first","Use a tooltip on hover explaining the disabled state",'Show a brief inline message (e.g., "Complete all fields to continue")'],autoFixable:!1})}}function gr(e,t,n,s){let o=[];return Hn(e,o,n,s),o.length>3&&t.push({id:Se(),type:"accessibility",severity:"info",nodeId:e.id,nodeName:e.name,message:`${o.length} icon-only buttons without text labels. Icons alone are ambiguous \u2014 add labels or ensure tooltips are present.`,currentValue:`${o.length} icon-only`,suggestions:["Add visible text labels to icon buttons","Add tooltips that appear on hover/focus","Use aria-label for accessibility (ensure design indicates this)"],autoFixable:!1}),o.length}function qn(e,t={}){var p,u;Vn=0;let n=[],s=(p=t.skipLocked)!=null?p:!0,o=(u=t.skipHidden)!=null?u:!0,r=0,i=0,a=0,c=[],l=0,d=0;for(let f of e){r+=ur(f,n,s,o),d++,i+=pr(f,n,s,o),d++;let y=mr(f,n,s,o);c=[...c,...y],d++,fr(f,n,s,o),d++,l+=gr(f,n,s,o),d++;let m=Wn(f,0,s,o);m>a&&(a=m)}return{issues:n,metrics:{navItemCount:r,ctaCount:i,maxNestingDepth:a,headingLevels:[...new Set(c)].sort(),iconOnlyButtons:l},summary:{totalChecked:d,passed:d-n.length,failed:n.length}}}var Vn,tr,nr,_n,sr,or,Dn,Jn=H(()=>{"use strict";Vn=0;tr=/nav|menu|sidebar|tab.?bar|bottom.?bar|header.?nav|navigation|top.?bar/i,nr=/nav.?item|menu.?item|tab(?!le)|link/i,_n=/button|btn|cta|action|submit|primary/i,sr=/heading|title|h[1-6]|headline/i,or=/disabled|inactive|dimmed|greyed/i,Dn=/icon|ico|svg|glyph/i});var Zn={};Wt(Zn,{DEFAULT_LINT_SETTINGS:()=>X,clearIgnored:()=>yt,findNodesWithSameValue:()=>vt,getIgnoredState:()=>ht,ignoreAllOfType:()=>gt,ignoreError:()=>ft,ignoreNode:()=>mt,lintSelection:()=>we,restoreIgnoredState:()=>bt,runDesignLint:()=>Ne});function K(e,t,n){return n?`${e}::${t}::${n}`:`${e}::${t}`}function mt(e){W.add(e)}function ft(e,t,n){_.add(K(e,t,n))}function gt(e,t){for(let n of e)n.errorType===t&&_.add(K(n.nodeId,n.errorType))}function yt(){W.clear(),_.clear()}function ht(){return{nodeIds:Array.from(W),errorKeys:Array.from(_)}}function bt(e){W=new Set(e.nodeIds),_=new Set(e.errorKeys)}function Yn(e){if(e.type==="SOLID"){let{r:t,g:n,b:s}=e.color,o=F(t,n,s),r=e.opacity!==void 0&&e.opacity<1?` (${Math.round(e.opacity*100)}%)`:"";return o+r}return e.type==="IMAGE"?"Image fill":e.type==="VIDEO"?"Video fill":e.type.includes("GRADIENT")?`${e.type.replace("GRADIENT_","").toLowerCase()} gradient`:e.type}function Oe(e,t){try{if("boundVariables"in e){let n=e.boundVariables;if(n&&n[t])return!0}}catch(n){}return!1}function Me(e,t,n){if(!("fills"in e))return;let s=e.fills;if(s===figma.mixed||!Array.isArray(s))return;let o=s.filter(r=>r.visible!==!1);if(o.length!==0&&!Oe(e,"fills")){if("fillStyleId"in e){let r=e.fillStyleId;if(r&&r!==""&&r!==figma.mixed)return}for(let r of o){try{let a=r.boundVariables;if(a&&a.color)continue}catch(a){}let i=Yn(r);t.push({nodeId:e.id,nodeName:e.name,nodeType:e.type,errorType:"fill",message:`Missing fill style: ${i}`,value:i,path:n})}}}function ut(e,t,n){if(!("strokes"in e))return;let s=e.strokes;if(!Array.isArray(s))return;let o=s.filter(r=>r.visible!==!1);if(o.length!==0&&!Oe(e,"strokes")){if("strokeStyleId"in e){let r=e.strokeStyleId;if(r&&r!==""&&r!==figma.mixed)return}for(let r of o){let i=Yn(r),a="strokeWeight"in e?` (${e.strokeWeight}px)`:"";t.push({nodeId:e.id,nodeName:e.name,nodeType:e.type,errorType:"stroke",message:`Missing stroke style: ${i}${a}`,value:i+a,path:n})}}}function pt(e,t,n){if(!("effects"in e))return;let s=e.effects;if(!Array.isArray(s)||s.length===0)return;let o=s.filter(i=>i.visible!==!1);if(o.length===0)return;if("effectStyleId"in e){let i=e.effectStyleId;if(i&&i!==""&&i!==figma.mixed)return}let r=o.map(i=>{let a=[i.type.replace(/_/g," ").toLowerCase()];if("radius"in i&&a.push(`r:${i.radius}`),"color"in i&&i.color){let c=i.color;a.push(F(c.r,c.g,c.b))}return a.join(" ")});t.push({nodeId:e.id,nodeName:e.name,nodeType:e.type,errorType:"effect",message:`Missing effect style: ${r.join(", ")}`,value:r.join(", "),path:n})}function yr(e,t,n){if("textStyleId"in e){let a=e.textStyleId;if(a&&a!==""&&a!==figma.mixed)return}let s=e.fontName!==figma.mixed?e.fontName:null,o=e.fontSize!==figma.mixed?e.fontSize:null,r=[];s&&r.push(`${s.family} ${s.style}`),o&&r.push(`${o}px`);let i=r.join(" / ")||"unknown text style";t.push({nodeId:e.id,nodeName:e.name,nodeType:e.type,errorType:"text",message:`Missing text style: ${i}`,value:i,path:n})}function Xn(e,t,n,s){if(!("cornerRadius"in e)||Oe(e,"topLeftRadius")||Oe(e,"cornerRadius"))return;let o=e.cornerRadius;if(o===figma.mixed){let r=[e.topLeftRadius,e.topRightRadius,e.bottomLeftRadius,e.bottomRightRadius].filter(i=>i!=null);for(let i of r)if(!s.includes(i)){t.push({nodeId:e.id,nodeName:e.name,nodeType:e.type,errorType:"radius",message:`Non-standard border radius: ${i}px (allowed: ${s.join(", ")})`,value:`${i}px`,path:n});break}return}typeof o=="number"&&o>0&&!s.includes(o)&&t.push({nodeId:e.id,nodeName:e.name,nodeType:e.type,errorType:"radius",message:`Non-standard border radius: ${o}px (allowed: ${s.join(", ")})`,value:`${o}px`,path:n})}function hr(e,t,n,s){if(!(e.type==="GROUP"||e.type==="SLICE"||e.type==="CONNECTOR")&&e.type!=="COMPONENT_SET")switch(e.type){case"TEXT":t.checkTextStyles&&yr(e,n,s),t.checkFills&&Me(e,n,s);break;case"FRAME":case"SECTION":t.checkFills&&Me(e,n,s),t.checkStrokes&&ut(e,n,s),t.checkEffects&&pt(e,n,s),t.checkRadius&&Xn(e,n,s,t.allowedRadii);break;case"RECTANGLE":case"COMPONENT":case"INSTANCE":t.checkFills&&Me(e,n,s),t.checkStrokes&&ut(e,n,s),t.checkEffects&&pt(e,n,s),t.checkRadius&&Xn(e,n,s,t.allowedRadii);break;case"ELLIPSE":case"POLYGON":case"STAR":case"VECTOR":case"LINE":case"BOOLEAN_OPERATION":t.checkFills&&Me(e,n,s),t.checkStrokes&&ut(e,n,s),t.checkEffects&&pt(e,n,s);break}}function Qn(e,t,n,s,o){let r=0,i=o||"locked"in e&&e.locked,a="visible"in e&&!e.visible;if(t.skipLockedLayers&&i||t.skipHiddenLayers&&a)return 0;let c=s?`${s} > ${e.name}`:e.name;if(r++,!W.has(e.id)){let l=n.length;hr(e,t,n,c);for(let d=n.length-1;d>=l;d--){let p=n[d];(_.has(K(p.nodeId,p.errorType))||_.has(K(p.nodeId,p.errorType,p.value)))&&n.splice(d,1)}}if("children"in e)for(let l of e.children)r+=Qn(l,t,n,c,i);return r}function se(e,t){for(let n of t)if(new RegExp("^"+n.replace(/[.+^${}()|[\]\\]/g,"\\$&").replace(/\*/g,".*").replace(/\?/g,".")+"$").test(e))return!0;return!1}function Ne(e,t=X){var u,f;let n=[],s=0,o=t.ignorePatterns||[],r=t.severityOverrides||{};for(let y of e)s+=Qn(y,t,n,"",!1);let i={skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers,scale:t.spacingScale};if(t.checkSpacing&&r.spacing!=="off"){let y=rn(e,i);for(let m of y.issues){let v=m.currentValue||"";W.has(m.nodeId)||_.has(K(m.nodeId,"spacing"))||_.has(K(m.nodeId,"spacing",v))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"FRAME",errorType:"spacing",message:m.message,value:v,path:m.nodeName,property:(f=(u=m.fixAction)==null?void 0:u.params)==null?void 0:f.property})}}if(t.checkAutoLayout&&r.autoLayout!=="off"){let y=dn(e,{skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers});for(let m of y.issues)W.has(m.nodeId)||_.has(K(m.nodeId,"autoLayout"))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"FRAME",errorType:"autoLayout",message:m.message,value:m.currentValue||"",path:m.nodeName})}if(t.checkAccessibility&&r.accessibility!=="off"){let y=fn(e,{skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers});for(let m of y.issues)W.has(m.nodeId)||_.has(K(m.nodeId,"accessibility"))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"FRAME",errorType:"accessibility",message:m.message,value:m.currentValue||"",path:m.nodeName,severity:m.severity})}if(t.checkVisualQuality&&r.visualQuality!=="off"){let y=Sn(e,{skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers});for(let m of y.issues)W.has(m.nodeId)||_.has(K(m.nodeId,"visualQuality"))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"FRAME",errorType:"visualQuality",message:m.message,value:m.currentValue||"",path:m.nodeName,severity:m.severity})}if(t.checkMicrocopy&&r.microcopy!=="off"){let y=In(e,{skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers});for(let m of y.issues)W.has(m.nodeId)||_.has(K(m.nodeId,"microcopy"))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"TEXT",errorType:"microcopy",message:m.message,value:m.currentValue||"",path:m.nodeName,severity:m.severity})}if(t.checkConversion&&r.conversion!=="off"){let y=On(e,{skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers});for(let m of y.issues)W.has(m.nodeId)||_.has(K(m.nodeId,"conversion"))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"FRAME",errorType:"conversion",message:m.message,value:m.currentValue||"",path:m.nodeName,severity:m.severity})}if(t.checkCognitive&&r.cognitive!=="off"){let y=qn(e,{skipLocked:t.skipLockedLayers,skipHidden:t.skipHiddenLayers});for(let m of y.issues)W.has(m.nodeId)||_.has(K(m.nodeId,"cognitive"))||se(m.nodeName,o)||n.push({nodeId:m.nodeId,nodeName:m.nodeName,nodeType:"FRAME",errorType:"cognitive",message:m.message,value:m.currentValue||"",path:m.nodeName,severity:m.severity})}let a=n.filter(y=>r[y.errorType]!=="off"),c=o.length>0?a.filter(y=>!se(y.nodeName,o)):a;for(let y of c){let m=r[y.errorType];if(m&&m!=="off")y.severity=m;else if(!y.severity)switch(y.errorType){case"fill":case"stroke":case"effect":case"text":case"spacing":y.severity="warning";break;case"radius":case"autoLayout":y.severity="info";break;case"accessibility":y.severity="critical";break;case"visualQuality":y.severity="warning";break;case"microcopy":y.severity="info";break;case"conversion":y.severity="warning";break;case"cognitive":y.severity="info";break}}let l=new Set(c.map(y=>y.nodeId)).size,d={fill:0,stroke:0,effect:0,text:0,radius:0,spacing:0,autoLayout:0,accessibility:0,visualQuality:0,microcopy:0,conversion:0,cognitive:0};for(let y of c)d[y.errorType]++;let p={totalErrors:c.length,byType:d,totalNodes:s,nodesWithErrors:l};return{errors:c,ignoredNodeIds:Array.from(W),ignoredErrorKeys:Array.from(_),summary:p}}function we(e){let t=figma.currentPage.selection;return t.length===0?{errors:[],ignoredNodeIds:[],ignoredErrorKeys:[],summary:{totalErrors:0,byType:{fill:0,stroke:0,effect:0,text:0,radius:0,spacing:0,autoLayout:0,accessibility:0,visualQuality:0,microcopy:0,conversion:0,cognitive:0},totalNodes:0,nodesWithErrors:0}}:Ne(t,e)}function vt(e,t,n,s=X){return Ne(e,s).errors.filter(r=>r.errorType===t&&r.value===n)}var X,W,_,Fe=H(()=>{"use strict";J();an();un();gn();Nn();An();Fn();Jn();X={checkFills:!0,checkStrokes:!0,checkEffects:!0,checkTextStyles:!0,checkRadius:!0,checkSpacing:!0,checkAutoLayout:!0,checkAccessibility:!0,checkVisualQuality:!0,checkMicrocopy:!0,checkConversion:!0,checkCognitive:!0,allowedRadii:[0,2,4,8,12,16,24,32],skipLockedLayers:!0,skipHiddenLayers:!0},W=new Set,_=new Set});var bs=Ws((xc,Ve)=>{var Rt=function(){var e=String.fromCharCode,t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",s={};function o(i,a){if(!s[i]){s[i]={};for(var c=0;c<i.length;c++)s[i][i.charAt(c)]=c}return s[i][a]}var r={compressToBase64:function(i){if(i==null)return"";var a=r._compress(i,6,function(c){return t.charAt(c)});switch(a.length%4){default:case 0:return a;case 1:return a+"===";case 2:return a+"==";case 3:return a+"="}},decompressFromBase64:function(i){return i==null?"":i==""?null:r._decompress(i.length,32,function(a){return o(t,i.charAt(a))})},compressToUTF16:function(i){return i==null?"":r._compress(i,15,function(a){return e(a+32)})+" "},decompressFromUTF16:function(i){return i==null?"":i==""?null:r._decompress(i.length,16384,function(a){return i.charCodeAt(a)-32})},compressToUint8Array:function(i){for(var a=r.compress(i),c=new Uint8Array(a.length*2),l=0,d=a.length;l<d;l++){var p=a.charCodeAt(l);c[l*2]=p>>>8,c[l*2+1]=p%256}return c},decompressFromUint8Array:function(i){if(i==null)return r.decompress(i);for(var a=new Array(i.length/2),c=0,l=a.length;c<l;c++)a[c]=i[c*2]*256+i[c*2+1];var d=[];return a.forEach(function(p){d.push(e(p))}),r.decompress(d.join(""))},compressToEncodedURIComponent:function(i){return i==null?"":r._compress(i,6,function(a){return n.charAt(a)})},decompressFromEncodedURIComponent:function(i){return i==null?"":i==""?null:(i=i.replace(/ /g,"+"),r._decompress(i.length,32,function(a){return o(n,i.charAt(a))}))},compress:function(i){return r._compress(i,16,function(a){return e(a)})},_compress:function(i,a,c){if(i==null)return"";var l,d,p={},u={},f="",y="",m="",v=2,A=3,w=2,k=[],g=0,h=0,x;for(x=0;x<i.length;x+=1)if(f=i.charAt(x),Object.prototype.hasOwnProperty.call(p,f)||(p[f]=A++,u[f]=!0),y=m+f,Object.prototype.hasOwnProperty.call(p,y))m=y;else{if(Object.prototype.hasOwnProperty.call(u,m)){if(m.charCodeAt(0)<256){for(l=0;l<w;l++)g=g<<1,h==a-1?(h=0,k.push(c(g)),g=0):h++;for(d=m.charCodeAt(0),l=0;l<8;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1}else{for(d=1,l=0;l<w;l++)g=g<<1|d,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=0;for(d=m.charCodeAt(0),l=0;l<16;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1}v--,v==0&&(v=Math.pow(2,w),w++),delete u[m]}else for(d=p[m],l=0;l<w;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1;v--,v==0&&(v=Math.pow(2,w),w++),p[y]=A++,m=String(f)}if(m!==""){if(Object.prototype.hasOwnProperty.call(u,m)){if(m.charCodeAt(0)<256){for(l=0;l<w;l++)g=g<<1,h==a-1?(h=0,k.push(c(g)),g=0):h++;for(d=m.charCodeAt(0),l=0;l<8;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1}else{for(d=1,l=0;l<w;l++)g=g<<1|d,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=0;for(d=m.charCodeAt(0),l=0;l<16;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1}v--,v==0&&(v=Math.pow(2,w),w++),delete u[m]}else for(d=p[m],l=0;l<w;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1;v--,v==0&&(v=Math.pow(2,w),w++)}for(d=2,l=0;l<w;l++)g=g<<1|d&1,h==a-1?(h=0,k.push(c(g)),g=0):h++,d=d>>1;for(;;)if(g=g<<1,h==a-1){k.push(c(g));break}else h++;return k.join("")},decompress:function(i){return i==null?"":i==""?null:r._decompress(i.length,32768,function(a){return i.charCodeAt(a)})},_decompress:function(i,a,c){var l=[],d,p=4,u=4,f=3,y="",m=[],v,A,w,k,g,h,x,S={val:c(0),position:a,index:1};for(v=0;v<3;v+=1)l[v]=v;for(w=0,g=Math.pow(2,2),h=1;h!=g;)k=S.val&S.position,S.position>>=1,S.position==0&&(S.position=a,S.val=c(S.index++)),w|=(k>0?1:0)*h,h<<=1;switch(d=w){case 0:for(w=0,g=Math.pow(2,8),h=1;h!=g;)k=S.val&S.position,S.position>>=1,S.position==0&&(S.position=a,S.val=c(S.index++)),w|=(k>0?1:0)*h,h<<=1;x=e(w);break;case 1:for(w=0,g=Math.pow(2,16),h=1;h!=g;)k=S.val&S.position,S.position>>=1,S.position==0&&(S.position=a,S.val=c(S.index++)),w|=(k>0?1:0)*h,h<<=1;x=e(w);break;case 2:return""}for(l[3]=x,A=x,m.push(x);;){if(S.index>i)return"";for(w=0,g=Math.pow(2,f),h=1;h!=g;)k=S.val&S.position,S.position>>=1,S.position==0&&(S.position=a,S.val=c(S.index++)),w|=(k>0?1:0)*h,h<<=1;switch(x=w){case 0:for(w=0,g=Math.pow(2,8),h=1;h!=g;)k=S.val&S.position,S.position>>=1,S.position==0&&(S.position=a,S.val=c(S.index++)),w|=(k>0?1:0)*h,h<<=1;l[u++]=e(w),x=u-1,p--;break;case 1:for(w=0,g=Math.pow(2,16),h=1;h!=g;)k=S.val&S.position,S.position>>=1,S.position==0&&(S.position=a,S.val=c(S.index++)),w|=(k>0?1:0)*h,h<<=1;l[u++]=e(w),x=u-1,p--;break;case 2:return m.join("")}if(p==0&&(p=Math.pow(2,f),f++),l[x])y=l[x];else if(x===u)y=A+A.charAt(0);else return null;m.push(y),l[u++]=A+y.charAt(0),p--,A=y,p==0&&(p=Math.pow(2,f),f++)}}};return r}();typeof define=="function"&&define.amd?define(function(){return Rt}):typeof Ve!="undefined"&&Ve!=null?Ve.exports=Rt:typeof angular!="undefined"&&angular!=null&&angular.module("LZString",[]).factory("LZString",function(){return Rt})});var Es={};Wt(Es,{applyEffectStyle:()=>Vt,applyFillStyle:()=>Ot,applyStrokeStyle:()=>Ft,applyTextStyle:()=>Dt});async function Ot(e,t){let n=figma.getNodeById(e);if(!n||!("fillStyleId"in n))return{success:!1,nodeId:e,nodeName:"",property:"fillStyle",oldValue:"",newValue:"",error:"Node not found or does not support fill styles"};try{let s=await figma.importStyleByKeyAsync(t),o=n.fillStyleId||"";return n.fillStyleId=s.id,{success:!0,nodeId:e,nodeName:n.name,property:"fillStyle",oldValue:o?"existing style":"no style",newValue:s.name}}catch(s){return{success:!1,nodeId:e,nodeName:n.name,property:"fillStyle",oldValue:"",newValue:t,error:s instanceof Error?s.message:String(s)}}}async function Ft(e,t){let n=figma.getNodeById(e);if(!n||!("strokeStyleId"in n))return{success:!1,nodeId:e,nodeName:"",property:"strokeStyle",oldValue:"",newValue:"",error:"Node not found or does not support stroke styles"};try{let s=await figma.importStyleByKeyAsync(t),o=n.strokeStyleId||"";return n.strokeStyleId=s.id,{success:!0,nodeId:e,nodeName:n.name,property:"strokeStyle",oldValue:o?"existing style":"no style",newValue:s.name}}catch(s){return{success:!1,nodeId:e,nodeName:n.name,property:"strokeStyle",oldValue:"",newValue:t,error:s instanceof Error?s.message:String(s)}}}async function Dt(e,t){let n=figma.getNodeById(e);if(!n||n.type!=="TEXT")return{success:!1,nodeId:e,nodeName:"",property:"textStyle",oldValue:"",newValue:"",error:"Node not found or is not a text node"};try{let s=await figma.importStyleByKeyAsync(t),o=n,r=o.textStyleId||"";return o.textStyleId=s.id,{success:!0,nodeId:e,nodeName:n.name,property:"textStyle",oldValue:r?"existing style":"no style",newValue:s.name}}catch(s){return{success:!1,nodeId:e,nodeName:n.name,property:"textStyle",oldValue:"",newValue:t,error:s instanceof Error?s.message:String(s)}}}async function Vt(e,t){let n=figma.getNodeById(e);if(!n||!("effectStyleId"in n))return{success:!1,nodeId:e,nodeName:"",property:"effectStyle",oldValue:"",newValue:"",error:"Node not found or does not support effect styles"};try{let s=await figma.importStyleByKeyAsync(t),o=n.effectStyleId||"";return n.effectStyleId=s.id,{success:!0,nodeId:e,nodeName:n.name,property:"effectStyle",oldValue:o?"existing style":"no style",newValue:s.name}}catch(s){return{success:!1,nodeId:e,nodeName:n.name,property:"effectStyle",oldValue:"",newValue:t,error:s instanceof Error?s.message:String(s)}}}var _t=H(()=>{"use strict"});J();J();J();function ae(e){var l;let t=e,n=!1;for(;t;){if(t.type==="COMPONENT_SET"){n=!0;break}if(t.parent&&t.parent.type==="COMPONENT_SET"){n=!0;break}t=t.parent}if(!n||!("strokes"in e)||!("cornerRadius"in e)||!("strokeWeight"in e))return!1;let s=e.cornerRadius===5||"topLeftRadius"in e&&"topRightRadius"in e&&"bottomLeftRadius"in e&&"bottomRightRadius"in e&&e.topLeftRadius===5&&e.topRightRadius===5&&e.bottomLeftRadius===5&&e.bottomRightRadius===5,o=e.strokeWeight===1,r=e.strokes,i=r.length>0&&r.some(d=>d.type==="SOLID"&&d.visible!==!1&&d.color?F(d.color.r,d.color.g,d.color.b).toUpperCase()==="#9747FF":!1),a="paddingLeft"in e&&"paddingRight"in e&&"paddingTop"in e&&"paddingBottom"in e&&e.paddingLeft===16&&e.paddingRight===16&&e.paddingTop===16&&e.paddingBottom===16,c=s&&o&&i&&a;return c&&(console.log(`\u{1F3AF} [FILTER] Detected default variant frame styles in ${e.name} - filtering out`),console.log(`   Type: ${e.type}, Parent: ${(l=e.parent)==null?void 0:l.type}`),console.log(`   Radius: ${String(e.cornerRadius)}, Weight: ${String(e.strokeWeight)}, Color: ${r.length>0&&r[0].type==="SOLID"?F(r[0].color.r,r[0].color.g,r[0].color.b):"none"}`),console.log(`   Padding: L=${e.paddingLeft}, R=${e.paddingRight}, T=${e.paddingTop}, B=${e.paddingBottom}`)),c}function be(e){let t=e;for(;t;){if(t.type==="COMPONENT_SET"||t.parent&&t.parent.type==="COMPONENT_SET")return!0;t=t.parent}return!1}async function ce(e){let t=[],n=[],s=[],o=[],r=[],i=new Set,a=new Set,c=new Set,l=new Set,d=new Set;async function p(u){console.log("\u{1F50D} Analyzing node:",u.name,"Type:",u.type);let f=[];if("fillStyleId"in u&&typeof u.fillStyleId=="string"&&f.push(figma.getStyleByIdAsync(u.fillStyleId).then(g=>{if(g!=null&&g.name&&!i.has(g.name)){i.add(g.name);let h=g.name;if("fills"in u&&Array.isArray(u.fills)&&u.fills.length>0){let x=u.fills[0];x.type==="SOLID"&&x.color&&(h=F(x.color.r,x.color.g,x.color.b))}t.push({name:g.name,value:h,type:"fill-style",isToken:!0,isActualToken:!0,source:"figma-style"})}}).catch(console.warn)),"strokeStyleId"in u&&typeof u.strokeStyleId=="string"&&f.push(figma.getStyleByIdAsync(u.strokeStyleId).then(g=>{g!=null&&g.name&&!i.has(g.name)&&(i.add(g.name),t.push({name:g.name,value:g.name,type:"stroke-style",isToken:!0,isActualToken:!0,source:"figma-style"}))}).catch(console.warn)),u.type==="TEXT"&&"textStyleId"in u&&typeof u.textStyleId=="string"&&f.push(figma.getStyleByIdAsync(u.textStyleId).then(g=>{g!=null&&g.name&&!c.has(g.name)&&(c.add(g.name),s.push({name:g.name,value:g.name,type:"text-style",isToken:!0,isActualToken:!0,source:"figma-style"}))}).catch(console.warn)),"effectStyleId"in u&&typeof u.effectStyleId=="string"&&f.push(figma.getStyleByIdAsync(u.effectStyleId).then(g=>{g!=null&&g.name&&!l.has(g.name)&&(l.add(g.name),o.push({name:g.name,value:g.name,type:"effect-style",isToken:!0,isActualToken:!0,source:"figma-style"}))}).catch(console.warn)),await Promise.all(f),"boundVariables"in u&&u.boundVariables){let g=u.boundVariables;console.log(`\u{1F50D} [VARIABLES] Checking bound variables for ${u.name}:`,Object.keys(g));let h=async(C,$,b,T,L)=>{try{let I=Array.isArray(C)?C:[C];for(let Z of I)if(Z!=null&&Z.id&&typeof Z.id=="string"){let q=await Ke(Z.id);if(console.log(`   \u{1F3AF} Found ${$} variable:`,q),q&&!b.has(q)){b.add(q);let fe=q;if(L==="color"&&($==="fills"||$==="strokes")){let Ae=await Kt(Z.id,u);Ae&&Ae.startsWith("#")&&(fe=Ae)}T.push({name:q,value:fe,type:`${$}-variable`,isToken:!0,isActualToken:!0,source:"figma-variable"}),console.log(`   \u2705 Added ${L} token: ${q} (value: ${fe})`)}}}catch(I){console.warn(`Error processing ${$} variables:`,I)}},x=async(C,$,b,T,L)=>{if(C&&typeof C=="object"&&"id"in C&&typeof C.id=="string"){let I=await Ke(C.id);console.log(`   \u{1F3AF} Found ${$} variable:`,I),I&&!b.has(I)&&(b.add(I),T.push({name:I,value:I,type:`${$}-variable`,isToken:!0,isActualToken:!0,source:"figma-variable"}),console.log(`   \u2705 Added ${L} token: ${I}`))}},S=[];g.fills&&(console.log("   \u{1F3A8} Processing fills variables..."),S.push(h(g.fills,"fills",i,t,"color"))),g.strokes&&(console.log("   \u{1F58A}\uFE0F Processing strokes variables..."),S.push(h(g.strokes,"strokes",i,t,"color"))),g.effects&&(console.log("   \u2728 Processing effects variables..."),S.push(h(g.effects,"effects",l,o,"effect"))),["strokeWeight","strokeTopWeight","strokeRightWeight","strokeBottomWeight","strokeLeftWeight"].forEach(C=>{g[C]&&(console.log(`   \u{1F4CF} Processing ${C} variable...`),S.push(x(g[C],C,d,r,"border")))}),["topLeftRadius","topRightRadius","bottomLeftRadius","bottomRightRadius"].forEach(C=>{g[C]&&(console.log(`   \u{1F504} Processing ${C} variable...`),S.push(x(g[C],C,d,r,"border")))}),["paddingTop","paddingRight","paddingBottom","paddingLeft","itemSpacing","counterAxisSpacing"].forEach(C=>{g[C]&&(console.log(`   \u{1F4D0} Processing ${C} variable...`),S.push(x(g[C],C,a,n,"spacing")))}),["width","height","minWidth","maxWidth","minHeight","maxHeight"].forEach(C=>{g[C]&&(console.log(`   \u{1F4E6} Processing ${C} variable...`),S.push(x(g[C],C,a,n,"size")))}),g.opacity&&(console.log("   \u{1F47B} Processing opacity variable..."),S.push(x(g.opacity,"opacity",l,o,"effect"))),u.type==="TEXT"&&["fontSize","lineHeight","letterSpacing","paragraphSpacing"].forEach($=>{g[$]&&(console.log(`   \u{1F4DD} Processing ${$} variable...`),S.push(x(g[$],$,c,s,"typography")))}),await Promise.all(S),console.log(`\u{1F50D} [VARIABLES] Total variables found for ${u.name}: ${Object.keys(g).length}`)}let y="boundVariables"in u&&u.boundVariables&&u.boundVariables.fills,m="fillStyleId"in u&&u.fillStyleId;"fills"in u&&Array.isArray(u.fills)&&!m&&!y?(console.log(`\u{1F50D} [HARD-CODED] Checking fills for ${u.name} (no variables, no style)`),u.fills.forEach(g=>{if(g.type==="SOLID"&&g.visible!==!1&&g.color){let h=F(g.color.r,g.color.g,g.color.b),x=`${h}:${u.id}`;if(!i.has(x)){console.log(`   \u26A0\uFE0F Found hard-coded fill: ${h}`),i.add(x);let S=oe(u);t.push({name:`hard-coded-fill-${t.length+1}`,value:h,type:"fill",isToken:!1,source:"hard-coded",context:{nodeType:u.type,nodeName:u.name,nodeId:u.id,path:S.path,description:S.description,property:"fills"}})}}})):y?console.log(`\u{1F50D} [VARIABLES] ${u.name} has fill variables - skipping hard-coded detection`):m&&console.log(`\u{1F50D} [STYLES] ${u.name} has fill style - skipping hard-coded detection`);let v="boundVariables"in u&&u.boundVariables&&u.boundVariables.strokes,A="strokeStyleId"in u&&u.strokeStyleId;if("strokes"in u&&Array.isArray(u.strokes)&&!A&&!v?(console.log(`\u{1F50D} [HARD-CODED] Checking strokes for ${u.name} (no variables, no style)`),ae(u)?console.log("   \u{1F6AB} Skipping default variant frame stroke colors"):u.strokes.forEach(g=>{if(g.type==="SOLID"&&g.visible!==!1&&g.color){let h=F(g.color.r,g.color.g,g.color.b),x=`${h}:${u.id}`;if(!i.has(x)){console.log(`   \u26A0\uFE0F Found hard-coded stroke: ${h}`),i.add(x);let S=oe(u);t.push({name:`hard-coded-stroke-${t.length+1}`,value:h,type:"stroke",isToken:!1,source:"hard-coded",isDefaultVariantStyle:h.toUpperCase()==="#9747FF"&&be(u),context:{nodeType:u.type,nodeName:u.name,nodeId:u.id,path:S.path,description:S.description,property:"strokes"}})}}})):v?console.log(`\u{1F50D} [VARIABLES] ${u.name} has stroke variables - skipping hard-coded detection`):A&&console.log(`\u{1F50D} [STYLES] ${u.name} has stroke style - skipping hard-coded detection`),"strokeWeight"in u&&typeof u.strokeWeight=="number"){console.log(`\u{1F50D} Node ${u.name} has strokeWeight: ${u.strokeWeight}`);let g="strokes"in u&&Array.isArray(u.strokes)&&u.strokes.length>0,h=g&&u.strokes.some(P=>P.visible!==!1),x="boundVariables"in u&&u.boundVariables&&["strokeWeight","strokeTopWeight","strokeRightWeight","strokeBottomWeight","strokeLeftWeight"].some(P=>u.boundVariables[P]),S="boundVariables"in u&&u.boundVariables?Object.keys(u.boundVariables):[];if(console.log(`   Has strokes: ${g}, Has visible strokes: ${h}, Has strokeWeight variable: ${!!x}, boundVariable keys: [${S.join(", ")}]`),x)console.log(`   \u{1F517} ${u.name} has strokeWeight bound to variable - skipping hard-coded detection`);else if(u.strokeWeight>0&&h&&!ae(u)){let P=`${u.strokeWeight}px`,O,M=u.strokes.find(C=>C.visible!==!1&&C.type==="SOLID");M&&M.type==="SOLID"&&M.color&&(O=F(M.color.r,M.color.g,M.color.b));let B=`${P}:${u.id}`;if(!d.has(B)){console.log(`   \u2705 Adding stroke weight: ${P}`),d.add(B);let C=oe(u);r.push({name:`hard-coded-stroke-weight-${u.strokeWeight}`,value:P,type:"stroke-weight",isToken:!1,source:"hard-coded",strokeColor:O,isDefaultVariantStyle:u.strokeWeight===1&&(O==null?void 0:O.toUpperCase())==="#9747FF"&&be(u),context:{nodeType:u.type,nodeName:u.name,nodeId:u.id,hasVisibleStroke:!0,path:C.path,description:C.description,property:"strokeWeight"}})}}else u.strokeWeight>0&&h&&ae(u)&&console.log("   \u{1F6AB} Skipping default variant frame stroke weight")}let w="boundVariables"in u&&u.boundVariables&&["topLeftRadius","topRightRadius","bottomLeftRadius","bottomRightRadius","cornerRadius"].some(g=>u.boundVariables[g]);if("cornerRadius"in u&&typeof u.cornerRadius=="number"&&!w)if(console.log(`\u{1F50D} [HARD-CODED] Checking corner radius for ${u.name} (no variables)`),ae(u))console.log("   \u{1F6AB} Skipping default variant frame corner radius");else{let g=u.cornerRadius;if(g>0){let h=`${g}px`,x=`${h}:${u.id}`;if(!d.has(x)){console.log(`   \u26A0\uFE0F Found hard-coded corner radius: ${h}`),d.add(x);let S=oe(u);r.push({name:`hard-coded-corner-radius-${g}`,value:h,type:"corner-radius",isToken:!1,source:"hard-coded",isDefaultVariantStyle:g===5&&be(u),context:{nodeType:u.type,nodeName:u.name,nodeId:u.id,path:S.path,description:S.description,property:"cornerRadius"}})}}}else w&&console.log(`\u{1F50D} [VARIABLES] ${u.name} has radius variables - skipping hard-coded detection`);!w&&"topLeftRadius"in u&&(console.log(`\u{1F50D} [HARD-CODED] Checking individual corner radius for ${u.name} (no variables)`),ae(u)?console.log("   \u{1F6AB} Skipping default variant frame individual corner radii"):[{prop:"topLeftRadius",name:"top-left"},{prop:"topRightRadius",name:"top-right"},{prop:"bottomLeftRadius",name:"bottom-left"},{prop:"bottomRightRadius",name:"bottom-right"}].forEach(({prop:h,name:x})=>{if(h in u&&typeof u[h]=="number"){let S=u[h];if(S>0){let P=`${S}px`,O=`${P}:${u.id}:${h}`;if(!d.has(O)){console.log(`   \u26A0\uFE0F Found hard-coded ${x} radius: ${P}`),d.add(O);let M=oe(u);r.push({name:`hard-coded-${x}-radius-${S}`,value:P,type:`${x}-radius`,isToken:!1,source:"hard-coded",isDefaultVariantStyle:S===5&&be(u),context:{nodeType:u.type,nodeName:u.name,nodeId:u.id,path:M.path,description:M.description,property:h}})}}}}));let k="boundVariables"in u&&u.boundVariables&&["paddingTop","paddingRight","paddingBottom","paddingLeft"].some(g=>u.boundVariables[g]);if("paddingLeft"in u&&typeof u.paddingLeft=="number"&&!k){console.log(`\u{1F50D} [HARD-CODED] Checking padding for ${u.name} (no variables)`);let g=u;[{value:g.paddingLeft,name:"left"},{value:g.paddingRight,name:"right"},{value:g.paddingTop,name:"top"},{value:g.paddingBottom,name:"bottom"}].forEach(x=>{let S=`${x.value}:${u.id}:${x.name}`;if(typeof x.value=="number"&&x.value>1&&!a.has(S)){console.log(`   \u26A0\uFE0F Found hard-coded padding-${x.name}: ${x.value}px`),a.add(S);let P=oe(u),O=x.value===16&&be(u)&&ae(u);n.push({name:`hard-coded-padding-${x.name}-${x.value}`,value:`${x.value}px`,type:"padding",isToken:!1,source:"hard-coded",isDefaultVariantStyle:O,context:{nodeType:u.type,nodeName:u.name,nodeId:u.id,path:P.path,description:P.description,property:`padding${x.name.charAt(0).toUpperCase()+x.name.slice(1)}`}})}})}else k&&console.log(`\u{1F50D} [VARIABLES] ${u.name} has padding variables - skipping hard-coded detection`);if("children"in u)for(let g of u.children)await p(g)}return await p(e),qs({colors:t,spacing:n,typography:s,effects:o,borders:r})}function qs(e){let t=["colors","spacing","typography","effects","borders"],n={totalTokens:0,actualTokens:0,hardCodedValues:0,aiSuggestions:0,byCategory:{}};return t.forEach(s=>{let o=e[s].map(c=>z(R({},c),{isActualToken:c.source==="figma-style"||c.source==="figma-variable",recommendation:Js(c,s),suggestion:Xs(c,s)})),r=o.filter(c=>!c.isDefaultVariantStyle),i=r.filter(c=>c.isActualToken).length,a=r.filter(c=>c.source==="hard-coded").length;n.byCategory[s]={total:r.length,tokens:i,hardCoded:a,suggestions:0},n.totalTokens+=r.length,n.actualTokens+=i,n.hardCodedValues+=a,e[s]=o}),z(R({},e),{summary:n})}function Js(e,t){if(e.isToken)return`Using ${e.name} token`;switch(t){case"colors":return`Consider using a color token instead of ${e.value}`;case"spacing":return`Consider using spacing token instead of ${e.value}`;case"typography":return"Consider using typography token";case"effects":return"Consider using effect token";case"borders":return"Consider using border radius token";default:return"Consider using a design token"}}function Xs(e,t){var n,s;switch(t){case"colors":return(n=e.value)!=null&&n.startsWith("#000")?"Use semantic color token (e.g., text.primary)":(s=e.value)!=null&&s.startsWith("#FFF")?"Use semantic color token (e.g., background.primary)":"Create or use existing color token";case"spacing":let o=parseInt(e.value||"0");return o%8===0?"Create or use existing spacing token (follows 8px grid)":o%4===0?"Create or use existing spacing token (follows 4px grid)":"Create or use existing spacing token";case"typography":return"Use semantic typography token (e.g., heading.large, body.regular)";case"effects":return"Use semantic shadow token (e.g., shadow.small, shadow.medium)";case"borders":return"Use appropriate radius token (e.g., radius.small, radius.medium)";default:return"Create or use existing design token"}}function Ht(e){return`You are an expert design system architect analyzing a Figma component for comprehensive metadata and design token recommendations.
 
-  // src/utils/figma-helpers.ts
-  function isValidNodeForAnalysis(node) {
-    const validTypes = ["FRAME", "COMPONENT", "COMPONENT_SET", "INSTANCE", "GROUP"];
-    if (!validTypes.includes(node.type)) {
-      return false;
-    }
-    if (node.type === "COMPONENT_SET") {
-      return true;
-    }
-    return true;
-  }
-  function rgbToHex(r, g, b) {
-    const toHex = (n) => {
-      const hex = Math.round(n * 255).toString(16);
-      return hex.length === 1 ? "0" + hex : hex;
-    };
-    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-  }
-  async function getVariableName(variableId) {
-    try {
-      const variable = await figma.variables.getVariableByIdAsync(variableId);
-      return variable ? variable.name : null;
-    } catch (error) {
-      console.warn("Could not access variable:", variableId, error);
-      return null;
-    }
-  }
-  async function getVariableValue(variableId, node) {
-    try {
-      const variable = await figma.variables.getVariableByIdAsync(variableId);
-      if (!variable) return null;
-      if (node && variable.resolveForConsumer) {
-        try {
-          const resolved = variable.resolveForConsumer(node);
-          if (resolved && typeof resolved.value === "object" && "r" in resolved.value) {
-            const color = resolved.value;
-            return rgbToHex(color.r, color.g, color.b);
-          } else if (resolved && resolved.value !== void 0) {
-            return String(resolved.value);
-          }
-        } catch (resolveError) {
-          console.warn("Could not resolve variable value:", resolveError);
-        }
-      }
-      return variable.name;
-    } catch (error) {
-      console.warn("Could not access variable:", variableId, error);
-      return null;
-    }
-  }
-  function sendMessageToUI(type, data) {
-    try {
-      figma.ui.postMessage({ type, data });
-    } catch (error) {
-      console.error("Failed to send message to UI:", error);
-    }
-  }
-  function getAllChildNodes(node) {
-    const nodes = [node];
-    if ("children" in node) {
-      for (const child of node.children) {
-        nodes.push(...getAllChildNodes(child));
-      }
-    }
-    return nodes;
-  }
-  function extractTextContent(node) {
-    const textContent = [];
-    if (node.type === "TEXT") {
-      const textNode = node;
-      if (textNode.characters) {
-        textContent.push(textNode.characters);
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        textContent.push(...extractTextContent(child));
-      }
-    }
-    return textContent;
-  }
-  function getLuminance(r, g, b) {
-    const [rs, gs, bs] = [r, g, b].map((c) => {
-      return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-    });
-    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
-  }
-  function getContrastRatio(l1, l2) {
-    const lighter = Math.max(l1, l2);
-    const darker = Math.min(l1, l2);
-    return (lighter + 0.05) / (darker + 0.05);
-  }
-  function findBackgroundColor(node) {
-    let current = node.parent;
-    while (current && "type" in current) {
-      const sceneNode = current;
-      if ("fills" in sceneNode) {
-        const fills = sceneNode.fills;
-        if (Array.isArray(fills)) {
-          for (const fill of fills) {
-            if (fill.type === "SOLID" && fill.visible !== false && fill.color) {
-              if (fill.boundVariables && fill.boundVariables.color) continue;
-              return fill.color;
-            }
-          }
-        }
-      }
-      current = current.parent;
-    }
-    return null;
-  }
-  function getNodePath(node) {
-    var _a;
-    const path = [];
-    let currentNode = node;
-    while (currentNode && currentNode.type !== "DOCUMENT") {
-      if (currentNode.type === "PAGE") {
-        break;
-      }
-      if (currentNode.type === "COMPONENT" && ((_a = currentNode.parent) == null ? void 0 : _a.type) === "COMPONENT_SET") {
-        path.unshift(`${currentNode.name}`);
-      } else {
-        path.unshift(currentNode.name);
-      }
-      currentNode = currentNode.parent;
-    }
-    return path.join(" \u2192 ");
-  }
-  function getDebugContext(node) {
-    var _a, _b;
-    const path = getNodePath(node);
-    let description = `Found in "${node.name}"`;
-    if (((_a = node.parent) == null ? void 0 : _a.type) === "COMPONENT_SET" || node.parent && ((_b = node.parent.parent) == null ? void 0 : _b.type) === "COMPONENT_SET") {
-      description = `Found in variant: "${node.name}"`;
-    } else if (path.includes("\u2192")) {
-      const pathParts = path.split(" \u2192 ");
-      if (pathParts.length > 1) {
-        description = `Found in "${pathParts[pathParts.length - 1]}" (${pathParts[pathParts.length - 2]})`;
-      }
-    }
-    return { path, description };
-  }
-  var init_figma_helpers = __esm({
-    "src/utils/figma-helpers.ts"() {
-      "use strict";
-    }
-  });
-
-  // src/lint/types.ts
-  function findClosestSpacingValues(value, scale = DEFAULT_SPACING_SCALE) {
-    if (scale.includes(value)) return [];
-    const sorted = [...scale].map((v) => ({ v, diff: Math.abs(v - value) })).sort((a, b) => a.diff - b.diff);
-    const closest = [];
-    for (const s of sorted) {
-      if (closest.length >= 2) break;
-      if (!closest.includes(s.v)) closest.push(s.v);
-    }
-    return closest.sort((a, b) => a - b);
-  }
-  var DEFAULT_SPACING_SCALE, SPACING_SCALE;
-  var init_types = __esm({
-    "src/lint/types.ts"() {
-      "use strict";
-      DEFAULT_SPACING_SCALE = [0, 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 80, 96];
-      SPACING_SCALE = DEFAULT_SPACING_SCALE;
-    }
-  });
-
-  // src/lint/spacing.ts
-  function nextId() {
-    return `spacing-${++issueCounter}`;
-  }
-  function isValidSpacing(value) {
-    return activeScale.includes(value);
-  }
-  function spacingLabel(property) {
-    const map = {
-      itemSpacing: "Gap",
-      paddingTop: "Padding Top",
-      paddingBottom: "Padding Bottom",
-      paddingLeft: "Padding Left",
-      paddingRight: "Padding Right",
-      counterAxisSpacing: "Counter-axis Gap"
-    };
-    return map[property] || property;
-  }
-  function checkFrameSpacing(node, issues) {
-    var _a;
-    if (node.layoutMode === "NONE") return 0;
-    let checked = 0;
-    const spacingProperties = [
-      { prop: "itemSpacing", value: node.itemSpacing },
-      { prop: "paddingTop", value: node.paddingTop },
-      { prop: "paddingBottom", value: node.paddingBottom },
-      { prop: "paddingLeft", value: node.paddingLeft },
-      { prop: "paddingRight", value: node.paddingRight }
-    ];
-    if ("counterAxisSpacing" in node && typeof node.counterAxisSpacing === "number") {
-      spacingProperties.push({
-        prop: "counterAxisSpacing",
-        value: node.counterAxisSpacing
-      });
-    }
-    for (const { prop, value } of spacingProperties) {
-      checked++;
-      if (!isValidSpacing(value)) {
-        const suggestions = findClosestSpacingValues(value, activeScale);
-        issues.push({
-          id: nextId(),
-          type: "spacing",
-          severity: "warning",
-          nodeId: node.id,
-          nodeName: node.name,
-          message: `${spacingLabel(prop)} is ${value}px \u2014 not in spacing scale`,
-          currentValue: `${value}px`,
-          suggestions: suggestions.map((s) => `${s}px`),
-          autoFixable: true,
-          fixAction: {
-            type: "fixSpacing",
-            params: {
-              nodeId: node.id,
-              property: prop,
-              currentValue: value,
-              suggestedValue: (_a = suggestions[0]) != null ? _a : value
-            }
-          }
-        });
-      }
-    }
-    return checked;
-  }
-  function traverseForSpacing(node, issues, skipLocked, skipHidden, parentLocked) {
-    const isLocked = parentLocked || "locked" in node && node.locked;
-    const isHidden = "visible" in node && !node.visible;
-    if (skipLocked && isLocked) return { checked: 0, passed: 0 };
-    if (skipHidden && isHidden) return { checked: 0, passed: 0 };
-    let checked = 0;
-    let passed = 0;
-    if (node.type === "FRAME" || node.type === "COMPONENT" || node.type === "INSTANCE") {
-      const preLen = issues.length;
-      const count = checkFrameSpacing(node, issues);
-      checked += count;
-      passed += count - (issues.length - preLen);
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        const sub = traverseForSpacing(child, issues, skipLocked, skipHidden, isLocked);
-        checked += sub.checked;
-        passed += sub.passed;
-      }
-    }
-    return { checked, passed };
-  }
-  function checkSpacing(nodes, options = {}) {
-    const { skipLocked = true, skipHidden = true, scale } = options;
-    activeScale = scale || DEFAULT_SPACING_SCALE;
-    issueCounter = 0;
-    const issues = [];
-    let totalChecked = 0;
-    let totalPassed = 0;
-    for (const node of nodes) {
-      const { checked, passed } = traverseForSpacing(node, issues, skipLocked, skipHidden, false);
-      totalChecked += checked;
-      totalPassed += passed;
-    }
-    return {
-      issues,
-      summary: {
-        totalChecked,
-        passed: totalPassed,
-        failed: issues.length
-      }
-    };
-  }
-  var issueCounter, activeScale;
-  var init_spacing = __esm({
-    "src/lint/spacing.ts"() {
-      "use strict";
-      init_types();
-      issueCounter = 0;
-      activeScale = DEFAULT_SPACING_SCALE;
-    }
-  });
-
-  // src/lint/auto-layout.ts
-  function nextId2() {
-    return `autolayout-${++issueCounter2}`;
-  }
-  function traverseForAutoLayout(node, issues, skipLocked, skipHidden, parentLocked) {
-    const isLocked = parentLocked || "locked" in node && node.locked;
-    const isHidden = "visible" in node && !node.visible;
-    if (skipLocked && isLocked) return { totalFrames: 0, withAutoLayout: 0 };
-    if (skipHidden && isHidden) return { totalFrames: 0, withAutoLayout: 0 };
-    let totalFrames = 0;
-    let withAutoLayout = 0;
-    const isFrameLike = node.type === "FRAME" || node.type === "COMPONENT" || node.type === "INSTANCE";
-    if (isFrameLike && "children" in node) {
-      const children = node.children;
-      if (children.length >= 2) {
-        totalFrames++;
-        const frameNode = node;
-        if (frameNode.layoutMode !== "NONE") {
-          withAutoLayout++;
-        } else {
-          issues.push({
-            id: nextId2(),
-            type: "autoLayout",
-            severity: "warning",
-            nodeId: node.id,
-            nodeName: node.name,
-            message: `Frame "${node.name}" has ${children.length} children but no Auto Layout`,
-            currentValue: "No Auto Layout",
-            suggestions: ["HORIZONTAL", "VERTICAL"],
-            autoFixable: false
-            // Converting to auto-layout can break designs
-          });
-        }
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        const sub = traverseForAutoLayout(child, issues, skipLocked, skipHidden, isLocked);
-        totalFrames += sub.totalFrames;
-        withAutoLayout += sub.withAutoLayout;
-      }
-    }
-    return { totalFrames, withAutoLayout };
-  }
-  function checkAutoLayout(nodes, options = {}) {
-    const { skipLocked = true, skipHidden = true } = options;
-    issueCounter2 = 0;
-    const issues = [];
-    let totalFrames = 0;
-    let withAutoLayout = 0;
-    for (const node of nodes) {
-      const sub = traverseForAutoLayout(node, issues, skipLocked, skipHidden, false);
-      totalFrames += sub.totalFrames;
-      withAutoLayout += sub.withAutoLayout;
-    }
-    const withoutAutoLayout = totalFrames - withAutoLayout;
-    const percentage = totalFrames > 0 ? Math.round(withAutoLayout / totalFrames * 100) : 100;
-    return {
-      issues,
-      summary: {
-        totalFrames,
-        withAutoLayout,
-        withoutAutoLayout,
-        percentage
-      }
-    };
-  }
-  var issueCounter2;
-  var init_auto_layout = __esm({
-    "src/lint/auto-layout.ts"() {
-      "use strict";
-      issueCounter2 = 0;
-    }
-  });
-
-  // src/lint/accessibility.ts
-  function nextId3() {
-    return `a11y-${++issueCounter3}`;
-  }
-  function isInteractiveName(name) {
-    return INTERACTIVE_PATTERNS.test(name);
-  }
-  function checkContrastRatio(node, issues) {
-    if (node.type !== "TEXT") return;
-    const textNode = node;
-    const fills = textNode.fills;
-    if (fills === figma.mixed || !Array.isArray(fills)) return;
-    const textFill = fills.find(
-      (f) => {
-        var _a;
-        return f.type === "SOLID" && f.visible !== false && f.color && !((_a = f.boundVariables) == null ? void 0 : _a.color);
-      }
-    );
-    if (!textFill || textFill.type !== "SOLID") return;
-    const bgColor = findBackgroundColor(node);
-    if (!bgColor) return;
-    const textColor = textFill.color;
-    const textLum = getLuminance(textColor.r, textColor.g, textColor.b);
-    const bgLum = getLuminance(bgColor.r, bgColor.g, bgColor.b);
-    const ratio = getContrastRatio(textLum, bgLum);
-    const fontSize = textNode.fontSize !== figma.mixed ? textNode.fontSize : 0;
-    const fontWeight = textNode.fontName !== figma.mixed ? textNode.fontName.style : "";
-    const isBold = fontWeight.toLowerCase().includes("bold") || fontWeight.toLowerCase().includes("black");
-    const isLargeText = fontSize >= 18 || fontSize >= 14 && isBold;
-    const threshold = isLargeText ? 3 : 4.5;
-    if (ratio < threshold) {
-      const ratioStr = ratio.toFixed(1);
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "critical",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Contrast ratio ${ratioStr}:1 below WCAG AA ${isLargeText ? "large text" : ""} minimum of ${threshold}:1`,
-        currentValue: `${ratioStr}:1`,
-        suggestions: [`Increase contrast to at least ${threshold}:1`],
-        autoFixable: false
-      });
-    }
-  }
-  function checkTouchTarget(node, issues) {
-    if (node.type !== "FRAME" && node.type !== "COMPONENT" && node.type !== "INSTANCE") return;
-    if (!isInteractiveName(node.name)) return;
-    const width = node.width;
-    const height = node.height;
-    if (width < 44 || height < 44) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Touch target ${Math.round(width)}x${Math.round(height)}px is below 44x44px recommended minimum`,
-        currentValue: `${Math.round(width)}x${Math.round(height)}px`,
-        suggestions: ["Increase to at least 44x44px"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkMinTextSize(node, issues) {
-    if (node.type !== "TEXT") return;
-    const textNode = node;
-    const fontSize = textNode.fontSize;
-    if (fontSize === figma.mixed || typeof fontSize !== "number") return;
-    if (fontSize > 0 && fontSize < 12) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Text size ${fontSize}px is below 12px readability minimum`,
-        currentValue: `${fontSize}px`,
-        suggestions: ["12px", "14px"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkIconOnlyWithoutLabel(node, issues) {
-    if (node.type !== "COMPONENT" && node.type !== "INSTANCE") return;
-    if (!isInteractiveName(node.name)) return;
-    const frame = node;
-    if (!("children" in frame) || frame.children.length === 0) return;
-    const hasText = frame.children.some((child) => {
-      var _a, _b;
-      if (child.type === "TEXT") return true;
-      if ("children" in child) {
-        return (_b = (_a = child.children) == null ? void 0 : _a.some) == null ? void 0 : _b.call(_a, (c) => c.type === "TEXT");
-      }
-      return false;
-    });
-    if (!hasText) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Interactive element "${node.name}" has no visible text label`,
-        currentValue: "No text child",
-        suggestions: ["Add a text label or ensure screen reader label is provided"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkGenericLayerNames(node, issues) {
-    if (node.type !== "FRAME" && node.type !== "COMPONENT" && node.type !== "INSTANCE") return;
-    if (!("children" in node) || node.children.length === 0) return;
-    if (GENERIC_NAME_PATTERN.test(node.name)) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Generic layer name "${node.name}" \u2014 use a descriptive name`,
-        currentValue: node.name,
-        suggestions: ["Rename to describe the layer purpose"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkNonTextContrast(node, issues) {
-    if (node.type !== "COMPONENT" && node.type !== "INSTANCE") return;
-    if (!isInteractiveName(node.name)) return;
-    const frame = node;
-    let boundaryColor = null;
-    const strokes = frame.strokes;
-    if (Array.isArray(strokes)) {
-      const visibleStroke = strokes.find((s) => s.type === "SOLID" && s.visible !== false);
-      if (visibleStroke && visibleStroke.type === "SOLID") {
-        boundaryColor = visibleStroke.color;
-      }
-    }
-    if (!boundaryColor) {
-      const fills = frame.fills;
-      if (fills !== figma.mixed && Array.isArray(fills)) {
-        const visibleFill = fills.find((f) => f.type === "SOLID" && f.visible !== false);
-        if (visibleFill && visibleFill.type === "SOLID") {
-          boundaryColor = visibleFill.color;
-        }
-      }
-    }
-    if (!boundaryColor) return;
-    const bgColor = findBackgroundColor(node);
-    if (!bgColor) return;
-    const boundaryLum = getLuminance(boundaryColor.r, boundaryColor.g, boundaryColor.b);
-    const bgLum = getLuminance(bgColor.r, bgColor.g, bgColor.b);
-    const ratio = getContrastRatio(boundaryLum, bgLum);
-    if (ratio < 3) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Non-text contrast ${ratio.toFixed(1)}:1 below WCAG 1.4.11 minimum of 3:1`,
-        currentValue: `${ratio.toFixed(1)}:1`,
-        suggestions: ["Increase boundary contrast to at least 3:1 against background"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkColorOnlyInfo(node, issues) {
-    if (node.type !== "FRAME" && node.type !== "COMPONENT" && node.type !== "INSTANCE") return;
-    if (!STATUS_NAME_PATTERN.test(node.name)) return;
-    const frame = node;
-    if (!("children" in frame) || frame.children.length === 0) return;
-    const hasTextOrIcon = frame.children.some((child) => {
-      var _a, _b;
-      if (child.type === "TEXT") return true;
-      if (/icon|svg|symbol|glyph/i.test(child.name)) return true;
-      if ("children" in child) {
-        return (_b = (_a = child.children) == null ? void 0 : _a.some) == null ? void 0 : _b.call(
-          _a,
-          (c) => c.type === "TEXT" || /icon|svg|symbol|glyph/i.test(c.name)
-        );
-      }
-      return false;
-    });
-    if (!hasTextOrIcon) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `"${node.name}" may rely on color alone to convey status (WCAG 1.4.1)`,
-        currentValue: "No text or icon indicator",
-        suggestions: ["Add a text label or icon to supplement the color indicator"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkStateCoverage(node, issues) {
-    if (node.type !== "COMPONENT") return;
-    const parent = node.parent;
-    if (!parent || parent.type !== "COMPONENT_SET") return;
-    const componentSet = parent;
-    const siblingNames = componentSet.children.map((c) => c.name.toLowerCase());
-    const allNames = siblingNames.join(" ");
-    const requiredStates = ["hover", "focus", "disabled", "pressed"];
-    const missing = requiredStates.filter((state) => !allNames.includes(state));
-    if (missing.length > 0) {
-      issues.push({
-        id: nextId3(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Component set missing states: ${missing.join(", ")}`,
-        currentValue: `${componentSet.children.length} variants`,
-        suggestions: missing.map((s) => `Add ${s} variant`),
-        autoFixable: false
-      });
-    }
-  }
-  function traverseForAccessibility(node, issues, skipLocked, skipHidden, parentLocked, seenComponentSets) {
-    var _a;
-    const isLocked = parentLocked || "locked" in node && node.locked;
-    const isHidden = "visible" in node && !node.visible;
-    if (skipLocked && isLocked) return 0;
-    if (skipHidden && isHidden) return 0;
-    let checked = 0;
-    checkContrastRatio(node, issues);
-    checkTouchTarget(node, issues);
-    checkMinTextSize(node, issues);
-    checked++;
-    checkIconOnlyWithoutLabel(node, issues);
-    checkGenericLayerNames(node, issues);
-    checkNonTextContrast(node, issues);
-    checkColorOnlyInfo(node, issues);
-    if (node.type === "COMPONENT" && ((_a = node.parent) == null ? void 0 : _a.type) === "COMPONENT_SET") {
-      const setId = node.parent.id;
-      if (!seenComponentSets.has(setId)) {
-        seenComponentSets.add(setId);
-        checkStateCoverage(node, issues);
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        checked += traverseForAccessibility(child, issues, skipLocked, skipHidden, isLocked, seenComponentSets);
-      }
-    }
-    return checked;
-  }
-  function checkAccessibility(nodes, options = {}) {
-    const { skipLocked = true, skipHidden = true } = options;
-    issueCounter3 = 0;
-    const issues = [];
-    const seenComponentSets = /* @__PURE__ */ new Set();
-    let totalChecked = 0;
-    for (const node of nodes) {
-      totalChecked += traverseForAccessibility(node, issues, skipLocked, skipHidden, false, seenComponentSets);
-    }
-    return {
-      issues,
-      summary: {
-        totalChecked,
-        contrastIssues: issues.filter((i) => i.message.includes("Contrast")).length,
-        touchTargetIssues: issues.filter((i) => i.message.includes("Touch target")).length,
-        textSizeIssues: issues.filter((i) => i.message.includes("Text size")).length,
-        namingIssues: issues.filter((i) => i.message.includes("text label") || i.message.includes("Generic")).length,
-        stateIssues: issues.filter((i) => i.message.includes("missing states")).length,
-        nonTextContrastIssues: issues.filter((i) => i.message.includes("Non-text contrast")).length,
-        colorOnlyIssues: issues.filter((i) => i.message.includes("color alone")).length
-      }
-    };
-  }
-  var issueCounter3, INTERACTIVE_PATTERNS, GENERIC_NAME_PATTERN, STATUS_NAME_PATTERN;
-  var init_accessibility = __esm({
-    "src/lint/accessibility.ts"() {
-      "use strict";
-      init_figma_helpers();
-      issueCounter3 = 0;
-      INTERACTIVE_PATTERNS = /\b(button|btn|input|link|checkbox|toggle|switch|tab|radio|select|dropdown|menu-item|slider|chip)\b/i;
-      GENERIC_NAME_PATTERN = /^(Frame|Group|Rectangle|Ellipse|Vector|Line|Polygon|Star)\s*\d+$/i;
-      STATUS_NAME_PATTERN = /\b(error|success|warning|status|alert|badge|danger|info)\b/i;
-    }
-  });
-
-  // src/lint/visual-quality.ts
-  function nextId4() {
-    return `vq-${++issueCounter4}`;
-  }
-  function isOnAnyScale(size) {
-    return STANDARD_TYPE_SCALES.some((scale) => scale.includes(size));
-  }
-  function checkDensity(frame, issues) {
-    const area = frame.width * frame.height;
-    if (area === 0) return;
-    const visibleChildren = "children" in frame ? frame.children.filter((c) => c.visible !== false) : [];
-    const childCount = visibleChildren.length;
-    const density = childCount / area * 1e3;
-    if (density > 3) {
-      issues.push({
-        id: nextId4(),
-        type: "accessibility",
-        // mapped to visual quality in orchestrator
-        severity: "warning",
-        nodeId: frame.id,
-        nodeName: frame.name,
-        message: `High visual density: ${childCount} elements in ${Math.round(area / 1e3)}k px\xB2 (${density.toFixed(2)}/1000px\xB2). Consider simplifying or using progressive disclosure.`,
-        currentValue: `${density.toFixed(2)} elements/1000px\xB2`,
-        suggestions: ["Reduce visible elements to under 15 per viewport", "Group related items", "Use progressive disclosure"],
-        autoFixable: false
-      });
-    }
-  }
-  function collectFontSizes(node, sizes, lineHeightData, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (node.type === "TEXT") {
-      const textNode = node;
-      const fs = textNode.fontSize;
-      if (fs !== figma.mixed && typeof fs === "number") {
-        sizes.add(fs);
-        const lh = textNode.lineHeight;
-        if (lh !== figma.mixed && typeof lh === "object" && lh.unit === "PIXELS") {
-          const ratio = lh.value / fs;
-          lineHeightData.push({ fontSize: fs, lineHeight: lh.value, ratio });
-        }
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectFontSizes(child, sizes, lineHeightData, skipLocked, skipHidden);
-      }
-    }
-  }
-  function checkTypographyRhythm(frame, issues, skipLocked, skipHidden) {
-    const sizes = /* @__PURE__ */ new Set();
-    const lineHeightData = [];
-    collectFontSizes(frame, sizes, lineHeightData, skipLocked, skipHidden);
-    const sizeArr = Array.from(sizes).sort((a, b) => a - b);
-    const offScale = sizeArr.filter((s) => !isOnAnyScale(s));
-    if (offScale.length > 0) {
-      issues.push({
-        id: nextId4(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: `Non-standard font sizes: ${offScale.join(", ")}px. Consider using a type scale (e.g., 12/14/16/20/24/32).`,
-        currentValue: offScale.map((s) => `${s}px`).join(", "),
-        suggestions: offScale.map((s) => {
-          const nearest = [10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 48].reduce((prev, curr) => Math.abs(curr - s) < Math.abs(prev - s) ? curr : prev);
-          return `${s}px \u2192 ${nearest}px`;
-        }),
-        autoFixable: false
-      });
-    }
-    const badRatios = lineHeightData.filter((d) => d.ratio < 1.2 || d.ratio > 2);
-    if (badRatios.length > 0) {
-      const worst = badRatios.reduce(
-        (prev, curr) => Math.abs(curr.ratio - 1.5) > Math.abs(prev.ratio - 1.5) ? curr : prev
-      );
-      issues.push({
-        id: nextId4(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: `Line height ratio ${worst.ratio.toFixed(2)} (${worst.lineHeight}px / ${worst.fontSize}px) is outside optimal range 1.3\u20131.6.`,
-        currentValue: `${worst.ratio.toFixed(2)}`,
-        suggestions: [
-          `Set line height to ${Math.round(worst.fontSize * 1.5)}px (1.5\xD7 body) or ${Math.round(worst.fontSize * 1.3)}px (1.3\xD7 headings)`
-        ],
-        autoFixable: false
-      });
-    }
-    return { sizes: sizeArr, lineHeightData };
-  }
-  function collectColors(node, colors, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if ("fills" in node) {
-      const fills = node.fills;
-      if (fills !== figma.mixed && Array.isArray(fills)) {
-        for (const fill of fills) {
-          if (fill.visible !== false && fill.type === "SOLID") {
-            colors.add(rgbToHex(fill.color.r, fill.color.g, fill.color.b));
-          }
-        }
-      }
-    }
-    if ("strokes" in node) {
-      const strokes = node.strokes;
-      if (Array.isArray(strokes)) {
-        for (const stroke of strokes) {
-          if (stroke.visible !== false && stroke.type === "SOLID") {
-            colors.add(rgbToHex(stroke.color.r, stroke.color.g, stroke.color.b));
-          }
-        }
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectColors(child, colors, skipLocked, skipHidden);
-      }
-    }
-  }
-  function checkColorCount(frame, issues, skipLocked, skipHidden) {
-    const colors = /* @__PURE__ */ new Set();
-    collectColors(frame, colors, skipLocked, skipHidden);
-    const colorArr = Array.from(colors);
-    if (colorArr.length > 8) {
-      issues.push({
-        id: nextId4(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: `${colorArr.length} unique colors detected. A cohesive palette typically uses 5\u20137 colors (primary, secondary, accent, neutrals).`,
-        currentValue: `${colorArr.length} colors`,
-        suggestions: ["Consolidate similar colors into design tokens", "Limit palette to primary, secondary, accent, and 2-3 neutrals"],
-        autoFixable: false
-      });
-    }
-    return colorArr;
-  }
-  function checkAlignment(frame, issues, gridSize = 4) {
-    if (!("children" in frame)) return 0;
-    const children = frame.children.filter((c) => c.visible !== false);
-    let misaligned = 0;
-    for (const child of children) {
-      if (!("x" in child) || !("y" in child)) continue;
-      const x = child.x;
-      const y = child.y;
-      const xOff = Math.round(x) % gridSize;
-      const yOff = Math.round(y) % gridSize;
-      if (xOff !== 0 || yOff !== 0) {
-        misaligned++;
-      }
-    }
-    if (misaligned > 0 && misaligned / Math.max(children.length, 1) > 0.3) {
-      issues.push({
-        id: nextId4(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: frame.id,
-        nodeName: frame.name,
-        message: `${misaligned}/${children.length} direct children are misaligned from ${gridSize}px grid.`,
-        currentValue: `${misaligned} misaligned`,
-        suggestions: [`Snap elements to ${gridSize}px grid for visual consistency`],
-        autoFixable: false
-      });
-    }
-    return misaligned;
-  }
-  function collectButtonSizes(node, sizes, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    const isButton = /button|btn|cta/i.test(node.name);
-    if (isButton && "width" in node && "height" in node) {
-      sizes.push({ nodeId: node.id, nodeName: node.name, width: node.width, height: node.height });
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectButtonSizes(child, sizes, skipLocked, skipHidden);
-      }
-    }
-  }
-  function checkSizeConsistency(frame, issues, skipLocked, skipHidden) {
-    const buttons = [];
-    collectButtonSizes(frame, buttons, skipLocked, skipHidden);
-    if (buttons.length < 2) return;
-    const heights = buttons.map((b) => b.height);
-    const avgHeight = heights.reduce((a, b) => a + b, 0) / heights.length;
-    const maxDeviation = Math.max(...heights.map((h) => Math.abs(h - avgHeight)));
-    const deviationPct = maxDeviation / avgHeight * 100;
-    if (deviationPct > 15) {
-      const smallest = Math.min(...heights);
-      const largest = Math.max(...heights);
-      issues.push({
-        id: nextId4(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: `Button height inconsistency: ${smallest}px to ${largest}px (${Math.round(deviationPct)}% variance). Standardize to 2-3 size tiers.`,
-        currentValue: `${smallest}\u2013${largest}px`,
-        suggestions: ["Use consistent button heights: 32px (small), 40px (medium), 48px (large)"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkVisualQuality(nodes, options = {}) {
-    var _a, _b;
-    issueCounter4 = 0;
-    const issues = [];
-    const skipLocked = (_a = options.skipLocked) != null ? _a : true;
-    const skipHidden = (_b = options.skipHidden) != null ? _b : true;
-    let totalChecked = 0;
-    let allSizes = [];
-    let allLineHeightData = [];
-    let allColors = [];
-    let totalMisaligned = 0;
-    let totalChildren = 0;
-    let totalArea = 0;
-    for (const node of nodes) {
-      if ("children" in node && "width" in node && "height" in node) {
-        checkDensity(node, issues);
-        totalChildren += node.children.length;
-        totalArea += node.width * node.height;
-        totalChecked++;
-      }
-      const typo = checkTypographyRhythm(node, issues, skipLocked, skipHidden);
-      allSizes = [.../* @__PURE__ */ new Set([...allSizes, ...typo.sizes])];
-      allLineHeightData = [...allLineHeightData, ...typo.lineHeightData];
-      totalChecked++;
-      const colors = checkColorCount(node, issues, skipLocked, skipHidden);
-      allColors = [.../* @__PURE__ */ new Set([...allColors, ...colors])];
-      totalChecked++;
-      if ("children" in node) {
-        totalMisaligned += checkAlignment(node, issues);
-        totalChecked++;
-      }
-      checkSizeConsistency(node, issues, skipLocked, skipHidden);
-      totalChecked++;
-    }
-    const density = totalArea > 0 ? totalChildren / totalArea * 1e3 : 0;
-    return {
-      issues,
-      metrics: {
-        childCount: totalChildren,
-        areaPx: totalArea,
-        density,
-        uniqueFontSizes: allSizes,
-        lineHeightRatios: allLineHeightData,
-        uniqueColors: allColors,
-        misalignedCount: totalMisaligned
-      },
-      summary: {
-        totalChecked,
-        passed: totalChecked - issues.length,
-        failed: issues.length
-      }
-    };
-  }
-  var issueCounter4, STANDARD_TYPE_SCALES;
-  var init_visual_quality = __esm({
-    "src/lint/visual-quality.ts"() {
-      "use strict";
-      init_figma_helpers();
-      issueCounter4 = 0;
-      STANDARD_TYPE_SCALES = [
-        [10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 48, 56, 64, 72],
-        // common UI sizes
-        [12, 14, 16, 20, 24, 32, 40, 48],
-        // Material 3
-        [12, 14, 16, 18, 21, 24, 30, 36, 48, 60, 72]
-        // Tailwind
-      ];
-    }
-  });
-
-  // src/lint/microcopy.ts
-  function nextId5() {
-    return `mc-${++issueCounter5}`;
-  }
-  function isButtonContext(node) {
-    if (BUTTON_NAME_RE.test(node.name)) return true;
-    let parent = node.parent;
-    let depth = 0;
-    while (parent && depth < 4) {
-      if ("name" in parent && BUTTON_NAME_RE.test(parent.name)) return true;
-      if ("type" in parent && (parent.type === "COMPONENT" || parent.type === "INSTANCE")) {
-        if ("name" in parent && BUTTON_NAME_RE.test(parent.name)) return true;
-      }
-      parent = parent.parent;
-      depth++;
-    }
-    return false;
-  }
-  function wordCount(text) {
-    return text.trim().split(/\s+/).filter(Boolean).length;
-  }
-  function checkTextNode(node, issues) {
-    const text = node.characters;
-    if (!text || text.trim().length === 0) {
-      issues.push({
-        id: nextId5(),
-        type: "naming",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: "Empty text node \u2014 remove or add content.",
-        currentValue: "(empty)",
-        autoFixable: false
-      });
-      return;
-    }
-    const trimmed = text.trim();
-    const words = wordCount(trimmed);
-    const inButton = isButtonContext(node);
-    if (CLICK_HERE_RE.test(trimmed) || TAP_HERE_RE.test(trimmed)) {
-      issues.push({
-        id: nextId5(),
-        type: "naming",
-        severity: "warning",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `"${trimmed.substring(0, 40)}" \u2014 avoid "click/tap here". Use descriptive action: "Download report", "View details".`,
-        currentValue: trimmed.substring(0, 60),
-        suggestions: ['Use verb + object: "Download PDF", "View pricing", "Start trial"'],
-        autoFixable: false
-      });
-    }
-    if (LEARN_MORE_BARE_RE.test(trimmed)) {
-      issues.push({
-        id: nextId5(),
-        type: "naming",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: '"Learn more" is vague \u2014 specify what the user will learn: "Learn more about pricing".',
-        currentValue: trimmed,
-        suggestions: ['Add specificity: "Learn more about [topic]"'],
-        autoFixable: false
-      });
-    }
-    if (inButton && words <= 2) {
-      const lower = trimmed.toLowerCase().replace(/[.!]/g, "");
-      if (GENERIC_CTAS.has(lower)) {
-        issues.push({
-          id: nextId5(),
-          type: "naming",
-          severity: "info",
-          nodeId: node.id,
-          nodeName: node.name,
-          message: `Generic CTA "${trimmed}" \u2014 use a specific action: "Save changes", "Send message", "Create account".`,
-          currentValue: trimmed,
-          suggestions: ["Replace with verb + object describing the outcome"],
-          autoFixable: false
-        });
-      }
-    }
-    if (inButton) {
-      if (words > 5) {
-        issues.push({
-          id: nextId5(),
-          type: "naming",
-          severity: "info",
-          nodeId: node.id,
-          nodeName: node.name,
-          message: `CTA too long (${words} words): "${trimmed.substring(0, 50)}\u2026". Keep CTAs to 2\u20135 words.`,
-          currentValue: `${words} words`,
-          suggestions: ["Shorten to verb + object (2-5 words)"],
-          autoFixable: false
-        });
-      }
-    }
-    if (PLACEHOLDER_RE.test(trimmed) || PLACEHOLDER_GENERIC_RE.test(trimmed)) {
-      issues.push({
-        id: nextId5(),
-        type: "naming",
-        severity: "warning",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Placeholder text detected: "${trimmed.substring(0, 40)}\u2026". Replace with real content.`,
-        currentValue: trimmed.substring(0, 60),
-        suggestions: ["Replace with actual copy or realistic sample data"],
-        autoFixable: false
-      });
-    }
-    if (words > 80 && !inButton) {
-      issues.push({
-        id: nextId5(),
-        type: "naming",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `Long text block (${words} words). Break into shorter paragraphs or use bullet points for readability.`,
-        currentValue: `${words} words`,
-        suggestions: ["Break into paragraphs of \u226450 words", "Use bullet points for lists", "Add subheadings"],
-        autoFixable: false
-      });
-    }
-    if (trimmed === trimmed.toUpperCase() && trimmed !== trimmed.toLowerCase() && words > 3) {
-      issues.push({
-        id: nextId5(),
-        type: "naming",
-        severity: "info",
-        nodeId: node.id,
-        nodeName: node.name,
-        message: `All-caps text with ${words} words: "${trimmed.substring(0, 40)}\u2026". ALL CAPS reduces readability \u2014 use sentence case or title case.`,
-        currentValue: trimmed.substring(0, 60),
-        suggestions: ["Use sentence case for readability", "Reserve ALL CAPS for short labels (1-2 words)"],
-        autoFixable: false
-      });
-    }
-    if (UNFORMATTED_NUMBER_RE.test(trimmed)) {
-      const matches = trimmed.match(/\b\d{4,}\b/g) || [];
-      const nonYears = matches.filter((m) => {
-        const n = parseInt(m, 10);
-        return n < 1900 || n > 2099;
-      });
-      if (nonYears.length > 0) {
-        issues.push({
-          id: nextId5(),
-          type: "naming",
-          severity: "info",
-          nodeId: node.id,
-          nodeName: node.name,
-          message: `Unformatted number${nonYears.length > 1 ? "s" : ""}: ${nonYears.join(", ")}. Use thousand separators for readability.`,
-          currentValue: nonYears.join(", "),
-          suggestions: ["Format as 1,000,000 or 1 000 000"],
-          autoFixable: false
-        });
-      }
-    }
-  }
-  function traverseForMicrocopy(node, issues, metrics, skipLocked, skipHidden) {
-    var _a;
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (node.type === "TEXT") {
-      metrics.totalTextNodes++;
-      const text = ((_a = node.characters) == null ? void 0 : _a.trim()) || "";
-      const words = wordCount(text);
-      if (words > 0) {
-        metrics.wordCounts.push(words);
-        if (words > metrics.longestParagraph) {
-          metrics.longestParagraph = words;
-        }
-      }
-      if (isButtonContext(node)) {
-        metrics.ctaNodes++;
-      }
-      checkTextNode(node, issues);
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        traverseForMicrocopy(child, issues, metrics, skipLocked, skipHidden);
-      }
-    }
-  }
-  function checkMicrocopy(nodes, options = {}) {
-    var _a, _b;
-    issueCounter5 = 0;
-    const issues = [];
-    const skipLocked = (_a = options.skipLocked) != null ? _a : true;
-    const skipHidden = (_b = options.skipHidden) != null ? _b : true;
-    const metrics = {
-      totalTextNodes: 0,
-      ctaNodes: 0,
-      wordCounts: [],
-      longestParagraph: 0
-    };
-    for (const node of nodes) {
-      traverseForMicrocopy(node, issues, metrics, skipLocked, skipHidden);
-    }
-    const avgWordCount = metrics.wordCounts.length > 0 ? metrics.wordCounts.reduce((a, b) => a + b, 0) / metrics.wordCounts.length : 0;
-    return {
-      issues,
-      metrics: {
-        totalTextNodes: metrics.totalTextNodes,
-        ctaNodes: metrics.ctaNodes,
-        avgWordCount: Math.round(avgWordCount * 10) / 10,
-        longestParagraph: metrics.longestParagraph
-      },
-      summary: {
-        totalChecked: metrics.totalTextNodes,
-        passed: metrics.totalTextNodes - issues.length,
-        failed: issues.length
-      }
-    };
-  }
-  var issueCounter5, CLICK_HERE_RE, LEARN_MORE_BARE_RE, TAP_HERE_RE, GENERIC_CTAS, PLACEHOLDER_RE, PLACEHOLDER_GENERIC_RE, UNFORMATTED_NUMBER_RE, BUTTON_NAME_RE;
-  var init_microcopy = __esm({
-    "src/lint/microcopy.ts"() {
-      "use strict";
-      issueCounter5 = 0;
-      CLICK_HERE_RE = /\bclick\s+here\b/i;
-      LEARN_MORE_BARE_RE = /^learn\s+more\.?$/i;
-      TAP_HERE_RE = /\btap\s+here\b/i;
-      GENERIC_CTAS = /* @__PURE__ */ new Set([
-        "submit",
-        "ok",
-        "okay",
-        "next",
-        "continue",
-        "go",
-        "yes",
-        "no",
-        "done",
-        "send",
-        "save",
-        "apply"
-      ]);
-      PLACEHOLDER_RE = /\blorem\s+ipsum\b/i;
-      PLACEHOLDER_GENERIC_RE = /^(enter\s+text|type\s+here|placeholder|sample\s+text|your\s+text|add\s+text)\.?$/i;
-      UNFORMATTED_NUMBER_RE = /\b\d{4,}\b/;
-      BUTTON_NAME_RE = /button|btn|cta|action|submit|link/i;
-    }
-  });
-
-  // src/lint/conversion.ts
-  function nextId6() {
-    return `conv-${++issueCounter6}`;
-  }
-  function isCTA(node) {
-    if (CTA_NAME_RE.test(node.name)) return true;
-    let parent = node.parent;
-    let depth = 0;
-    while (parent && depth < 3) {
-      if ("name" in parent && CTA_NAME_RE.test(parent.name)) return true;
-      parent = parent.parent;
-      depth++;
-    }
-    return false;
-  }
-  function isFormField(node) {
-    return FORM_FIELD_RE.test(node.name);
-  }
-  function getBackgroundColor(frame) {
-    if (!("fills" in frame)) return null;
-    const fills = frame.fills;
-    if (fills === figma.mixed || !Array.isArray(fills)) return null;
-    const solid = fills.find((f) => f.type === "SOLID" && f.visible !== false);
-    return solid ? solid.color : null;
-  }
-  function luminance(r, g, b) {
-    const sRGB = [r, g, b].map((c) => {
-      return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-    });
-    return 0.2126 * sRGB[0] + 0.7152 * sRGB[1] + 0.0722 * sRGB[2];
-  }
-  function contrastRatio(l1, l2) {
-    const lighter = Math.max(l1, l2);
-    const darker = Math.min(l1, l2);
-    return (lighter + 0.05) / (darker + 0.05);
-  }
-  function collectCTAs(node, results, offsetY, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isCTA(node) && "width" in node && "height" in node) {
-      results.push({
-        node,
-        x: "x" in node ? node.x : 0,
-        y: "y" in node ? node.y : 0,
-        width: node.width,
-        height: node.height,
-        absoluteY: offsetY + ("y" in node ? node.y : 0)
-      });
-    }
-    if ("children" in node) {
-      const childOffset = offsetY + ("y" in node ? node.y : 0);
-      for (const child of node.children) {
-        collectCTAs(child, results, childOffset, skipLocked, skipHidden);
-      }
-    }
-  }
-  function collectFormFields(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isFormField(node)) {
-      let hasLabel = false;
-      const parent = node.parent;
-      if (parent && "children" in parent) {
-        for (const sibling of parent.children) {
-          if (sibling.type === "TEXT" && sibling.id !== node.id) {
-            hasLabel = true;
-            break;
-          }
-        }
-      }
-      results.push({ node, hasLabel });
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectFormFields(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function hasNodeMatching(node, pattern, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return false;
-    if (skipHidden && "visible" in node && !node.visible) return false;
-    if (pattern.test(node.name)) return true;
-    if ("children" in node) {
-      for (const child of node.children) {
-        if (hasNodeMatching(child, pattern, skipLocked, skipHidden)) return true;
-      }
-    }
-    return false;
-  }
-  function checkCTAPosition(frame, ctas, issues) {
-    if (ctas.length === 0) return false;
-    if (!("height" in frame)) return false;
-    const foldLine = frame.height * 0.7;
-    const aboveFold = ctas.some((cta) => cta.y + cta.height < foldLine);
-    if (!aboveFold) {
-      issues.push({
-        id: nextId6(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: `No primary CTA visible above the fold (top 70% of frame). Move the main action higher for better conversion.`,
-        currentValue: `CTA at ${Math.round(ctas[0].y)}px, fold at ${Math.round(foldLine)}px`,
-        suggestions: ["Place primary CTA within top 70% of the viewport", "Add a secondary CTA near the top if main CTA must stay below"],
-        autoFixable: false
-      });
-    }
-    return aboveFold;
-  }
-  function checkCTAContrast(frame, ctas, issues) {
-    const bgColor = getBackgroundColor(frame);
-    if (!bgColor) return;
-    const bgLum = luminance(bgColor.r, bgColor.g, bgColor.b);
-    for (const cta of ctas) {
-      const ctaColor = getBackgroundColor(cta.node);
-      if (!ctaColor) continue;
-      const ctaLum = luminance(ctaColor.r, ctaColor.g, ctaColor.b);
-      const ratio = contrastRatio(bgLum, ctaLum);
-      if (ratio < 3) {
-        const ctaHex = rgbToHex(ctaColor.r, ctaColor.g, ctaColor.b);
-        const bgHex = rgbToHex(bgColor.r, bgColor.g, bgColor.b);
-        issues.push({
-          id: nextId6(),
-          type: "accessibility",
-          severity: "warning",
-          nodeId: cta.node.id,
-          nodeName: cta.node.name,
-          message: `CTA contrast ratio ${ratio.toFixed(1)}:1 (${ctaHex} on ${bgHex}) \u2014 too low. CTAs should stand out with \u22653:1 contrast against background.`,
-          currentValue: `${ratio.toFixed(1)}:1`,
-          suggestions: ["Increase CTA background contrast to at least 3:1", "Use a bolder accent color for the primary action"],
-          autoFixable: false
-        });
-      }
-    }
-  }
-  function checkFormFriction(frame, fields, issues) {
-    if (fields.length > 5) {
-      issues.push({
-        id: nextId6(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: `${fields.length} form fields on one screen. More than 5 fields increases abandonment \u2014 consider splitting into steps or removing optional fields.`,
-        currentValue: `${fields.length} fields`,
-        suggestions: [
-          "Split into multi-step form with progress indicator",
-          'Remove optional fields or move to "Advanced" section',
-          "Expedia gained $12M/year by removing one field"
-        ],
-        autoFixable: false
-      });
-    }
-    const unlabeled = fields.filter((f) => !f.hasLabel);
-    if (unlabeled.length > 0) {
-      issues.push({
-        id: nextId6(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: unlabeled[0].node.id,
-        nodeName: unlabeled[0].node.name,
-        message: `${unlabeled.length} form field${unlabeled.length === 1 ? "" : "s"} without visible labels. Labels improve completion rate and accessibility.`,
-        currentValue: `${unlabeled.length} unlabeled`,
-        suggestions: ["Add visible label text above or beside each input", "Don't rely on placeholder text alone as labels"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkProgressIndicator(frame, fields, issues, skipLocked, skipHidden) {
-    if (fields.length <= 3) return false;
-    const hasProgress = hasNodeMatching(frame, PROGRESS_RE, skipLocked, skipHidden);
-    if (!hasProgress && fields.length > 5) {
-      issues.push({
-        id: nextId6(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: "Long form without progress indicator. A step counter or progress bar reduces perceived effort.",
-        suggestions: ['Add "Step 1 of 3" or a progress bar', "Show users how far they've come and what's left"],
-        autoFixable: false
-      });
-    }
-    return hasProgress;
-  }
-  function checkTrustSignals(frame, ctas, issues, skipLocked, skipHidden) {
-    if (ctas.length === 0) return;
-    const hasForm = hasNodeMatching(frame, FORM_FIELD_RE, skipLocked, skipHidden);
-    if (!hasForm) return;
-    const hasTrust = hasNodeMatching(frame, TRUST_RE, skipLocked, skipHidden);
-    if (!hasTrust) {
-      issues.push({
-        id: nextId6(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: "id" in frame ? frame.id : "",
-        nodeName: "name" in frame ? frame.name : "",
-        message: "Form with CTA but no trust signals (security badges, reviews, guarantees). Trust elements near CTAs increase conversion.",
-        suggestions: ["Add security badge or lock icon near submit button", "Show testimonials, ratings, or guarantees near the CTA"],
-        autoFixable: false
-      });
-    }
-  }
-  function checkConversion(nodes, options = {}) {
-    var _a, _b;
-    issueCounter6 = 0;
-    const issues = [];
-    const skipLocked = (_a = options.skipLocked) != null ? _a : true;
-    const skipHidden = (_b = options.skipHidden) != null ? _b : true;
-    let totalCTAs = 0;
-    let totalFields = 0;
-    let anyAboveFold = false;
-    let anyProgress = false;
-    let totalChecked = 0;
-    for (const node of nodes) {
-      const ctas = [];
-      collectCTAs(node, ctas, 0, skipLocked, skipHidden);
-      totalCTAs += ctas.length;
-      const fields = [];
-      collectFormFields(node, fields, skipLocked, skipHidden);
-      totalFields += fields.length;
-      if (ctas.length > 0) {
-        const above = checkCTAPosition(node, ctas, issues);
-        if (above) anyAboveFold = true;
-        checkCTAContrast(node, ctas, issues);
-        totalChecked += 2;
-      }
-      if (fields.length > 0) {
-        checkFormFriction(node, fields, issues);
-        const progress = checkProgressIndicator(node, fields, issues, skipLocked, skipHidden);
-        if (progress) anyProgress = true;
-        totalChecked += 2;
-      }
-      checkTrustSignals(node, ctas, issues, skipLocked, skipHidden);
-      totalChecked++;
-    }
-    return {
-      issues,
-      metrics: {
-        ctaCount: totalCTAs,
-        formFieldCount: totalFields,
-        ctaAboveFold: anyAboveFold,
-        hasProgressIndicator: anyProgress
-      },
-      summary: {
-        totalChecked,
-        passed: totalChecked - issues.length,
-        failed: issues.length
-      }
-    };
-  }
-  var issueCounter6, CTA_NAME_RE, FORM_FIELD_RE, PROGRESS_RE, TRUST_RE;
-  var init_conversion = __esm({
-    "src/lint/conversion.ts"() {
-      "use strict";
-      init_figma_helpers();
-      issueCounter6 = 0;
-      CTA_NAME_RE = /button|btn|cta|action|submit|primary/i;
-      FORM_FIELD_RE = /input|field|text.?area|select|dropdown|picker|combo|search|email|password|phone|number.?field/i;
-      PROGRESS_RE = /progress|step|stepper|breadcrumb|wizard|indicator|pagination/i;
-      TRUST_RE = /badge|trust|security|lock|shield|guarantee|verified|secure|ssl|certification|review|rating|star/i;
-    }
-  });
-
-  // src/lint/cognitive.ts
-  function nextId7() {
-    return `cog-${++issueCounter7}`;
-  }
-  function isNavContainer(node) {
-    return NAV_RE.test(node.name);
-  }
-  function isNavItem(node) {
-    return NAV_ITEM_RE.test(node.name);
-  }
-  function isCTA2(node) {
-    return CTA_RE.test(node.name);
-  }
-  function isHeading(node) {
-    return HEADING_RE.test(node.name);
-  }
-  function isDisabled(node) {
-    return DISABLED_RE.test(node.name);
-  }
-  function isIconOnly(node) {
-    if (!ICON_RE.test(node.name) && !CTA_RE.test(node.name)) return false;
-    if (!("children" in node)) return false;
-    const children = node.children;
-    const hasText = children.some((c) => c.type === "TEXT");
-    const hasIcon = children.some(
-      (c) => c.type === "VECTOR" || c.type === "BOOLEAN_OPERATION" || ICON_RE.test(c.name)
-    );
-    return hasIcon && !hasText;
-  }
-  function collectNavItems(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isNavItem(node)) {
-      results.push(node);
-      return;
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectNavItems(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function collectCTAs2(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isCTA2(node)) {
-      results.push(node);
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectCTAs2(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function extractHeadingLevel(name) {
-    const match = name.match(/h(\d)/i);
-    if (match) return parseInt(match[1], 10);
-    if (/title|headline/i.test(name)) return 1;
-    if (/subtitle|subhead/i.test(name)) return 2;
-    if (/heading/i.test(name)) return 2;
-    return null;
-  }
-  function collectHeadings(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isHeading(node)) {
-      const level = extractHeadingLevel(node.name);
-      if (level !== null) {
-        results.push({ node, level });
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectHeadings(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function measureNestingDepth(node, currentDepth, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return currentDepth;
-    if (skipHidden && "visible" in node && !node.visible) return currentDepth;
-    let max = currentDepth;
-    if ("children" in node) {
-      for (const child of node.children) {
-        const childDepth = measureNestingDepth(child, currentDepth + 1, skipLocked, skipHidden);
-        if (childDepth > max) max = childDepth;
-      }
-    }
-    return max;
-  }
-  function collectDisabledElements(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isDisabled(node) && ("opacity" in node && node.opacity < 1)) {
-      results.push(node);
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectDisabledElements(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function collectIconOnlyButtons(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isCTA2(node) && isIconOnly(node)) {
-      results.push(node);
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectIconOnlyButtons(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function checkNavItemOverload(frame, issues, skipLocked, skipHidden) {
-    const navContainers = [];
-    findNavContainers(frame, navContainers, skipLocked, skipHidden);
-    let totalNavItems = 0;
-    for (const nav of navContainers) {
-      const items = [];
-      collectNavItems(nav, items, skipLocked, skipHidden);
-      totalNavItems += items.length;
-      if (items.length > 7) {
-        issues.push({
-          id: nextId7(),
-          type: "accessibility",
-          severity: "warning",
-          nodeId: nav.id,
-          nodeName: nav.name,
-          message: `Navigation has ${items.length} items \u2014 Miller's Law suggests 7\xB12 is the working memory limit. Consider grouping or progressive disclosure.`,
-          currentValue: `${items.length} nav items`,
-          suggestions: [
-            "Group related items under expandable sections",
-            'Use "More" menu for less-used items',
-            "Limit primary navigation to 5-7 items"
-          ],
-          autoFixable: false
-        });
-      }
-    }
-    return totalNavItems;
-  }
-  function findNavContainers(node, results, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if (isNavContainer(node)) {
-      results.push(node);
-      return;
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        findNavContainers(child, results, skipLocked, skipHidden);
-      }
-    }
-  }
-  function checkCTAOverload(frame, issues, skipLocked, skipHidden) {
-    const ctas = [];
-    collectCTAs2(frame, ctas, skipLocked, skipHidden);
-    if (ctas.length > 5) {
-      issues.push({
-        id: nextId7(),
-        type: "accessibility",
-        severity: "warning",
-        nodeId: frame.id,
-        nodeName: frame.name,
-        message: `${ctas.length} CTAs/buttons on one screen \u2014 choice overload reduces decision-making ability (Hick's Law). Prioritize one primary action.`,
-        currentValue: `${ctas.length} CTAs`,
-        suggestions: [
-          "Establish clear primary/secondary/tertiary action hierarchy",
-          "Reduce to 1 primary CTA per viewport",
-          "Group related actions in a dropdown or overflow menu"
-        ],
-        autoFixable: false
-      });
-    }
-    return ctas.length;
-  }
-  function checkHeadingHierarchy(frame, issues, skipLocked, skipHidden) {
-    const headings = [];
-    collectHeadings(frame, headings, skipLocked, skipHidden);
-    if (headings.length < 2) return headings.map((h) => h.level);
-    const sorted = headings.sort((a, b) => {
-      const aY = "y" in a.node ? a.node.y : 0;
-      const bY = "y" in b.node ? b.node.y : 0;
-      return aY - bY;
-    });
-    for (let i = 1; i < sorted.length; i++) {
-      const prev = sorted[i - 1].level;
-      const curr = sorted[i].level;
-      if (curr > prev + 1) {
-        issues.push({
-          id: nextId7(),
-          type: "accessibility",
-          severity: "info",
-          nodeId: sorted[i].node.id,
-          nodeName: sorted[i].node.name,
-          message: `Heading hierarchy gap: jumps from level ${prev} to level ${curr}. Screen readers and users rely on sequential heading structure.`,
-          currentValue: `h${prev} \u2192 h${curr}`,
-          suggestions: [
-            `Add an h${prev + 1} between these levels`,
-            "Ensure headings follow a logical descending order"
-          ],
-          autoFixable: false
-        });
-      }
-    }
-    return sorted.map((h) => h.level);
-  }
-  function checkDisabledWithoutReason(frame, issues, skipLocked, skipHidden) {
-    var _a;
-    const disabled = [];
-    collectDisabledElements(frame, disabled, skipLocked, skipHidden);
-    for (const node of disabled) {
-      const parent = node.parent;
-      let hasExplanation = false;
-      if (parent && "children" in parent) {
-        for (const sibling of parent.children) {
-          if (sibling.type === "TEXT" && sibling.id !== node.id) {
-            const text = ((_a = sibling.characters) == null ? void 0 : _a.toLowerCase()) || "";
-            if (text.includes("required") || text.includes("complete") || text.includes("fill") || text.includes("select") || text.includes("first")) {
-              hasExplanation = true;
-              break;
-            }
-          }
-        }
-      }
-      if (!hasExplanation) {
-        issues.push({
-          id: nextId7(),
-          type: "accessibility",
-          severity: "info",
-          nodeId: node.id,
-          nodeName: node.name,
-          message: `Disabled element "${node.name}" without visible explanation. Users should understand WHY an action is unavailable and how to enable it.`,
-          suggestions: [
-            "Add helper text explaining what needs to happen first",
-            "Use a tooltip on hover explaining the disabled state",
-            'Show a brief inline message (e.g., "Complete all fields to continue")'
-          ],
-          autoFixable: false
-        });
-      }
-    }
-  }
-  function checkIconOnlyButtons(frame, issues, skipLocked, skipHidden) {
-    const iconButtons = [];
-    collectIconOnlyButtons(frame, iconButtons, skipLocked, skipHidden);
-    if (iconButtons.length > 3) {
-      issues.push({
-        id: nextId7(),
-        type: "accessibility",
-        severity: "info",
-        nodeId: frame.id,
-        nodeName: frame.name,
-        message: `${iconButtons.length} icon-only buttons without text labels. Icons alone are ambiguous \u2014 add labels or ensure tooltips are present.`,
-        currentValue: `${iconButtons.length} icon-only`,
-        suggestions: [
-          "Add visible text labels to icon buttons",
-          "Add tooltips that appear on hover/focus",
-          "Use aria-label for accessibility (ensure design indicates this)"
-        ],
-        autoFixable: false
-      });
-    }
-    return iconButtons.length;
-  }
-  function checkCognitive(nodes, options = {}) {
-    var _a, _b;
-    issueCounter7 = 0;
-    const issues = [];
-    const skipLocked = (_a = options.skipLocked) != null ? _a : true;
-    const skipHidden = (_b = options.skipHidden) != null ? _b : true;
-    let totalNavItems = 0;
-    let totalCTAs = 0;
-    let maxDepth = 0;
-    let allHeadingLevels = [];
-    let totalIconOnly = 0;
-    let totalChecked = 0;
-    for (const node of nodes) {
-      totalNavItems += checkNavItemOverload(node, issues, skipLocked, skipHidden);
-      totalChecked++;
-      totalCTAs += checkCTAOverload(node, issues, skipLocked, skipHidden);
-      totalChecked++;
-      const levels = checkHeadingHierarchy(node, issues, skipLocked, skipHidden);
-      allHeadingLevels = [...allHeadingLevels, ...levels];
-      totalChecked++;
-      checkDisabledWithoutReason(node, issues, skipLocked, skipHidden);
-      totalChecked++;
-      totalIconOnly += checkIconOnlyButtons(node, issues, skipLocked, skipHidden);
-      totalChecked++;
-      const depth = measureNestingDepth(node, 0, skipLocked, skipHidden);
-      if (depth > maxDepth) maxDepth = depth;
-    }
-    return {
-      issues,
-      metrics: {
-        navItemCount: totalNavItems,
-        ctaCount: totalCTAs,
-        maxNestingDepth: maxDepth,
-        headingLevels: [...new Set(allHeadingLevels)].sort(),
-        iconOnlyButtons: totalIconOnly
-      },
-      summary: {
-        totalChecked,
-        passed: totalChecked - issues.length,
-        failed: issues.length
-      }
-    };
-  }
-  var issueCounter7, NAV_RE, NAV_ITEM_RE, CTA_RE, HEADING_RE, DISABLED_RE, ICON_RE;
-  var init_cognitive = __esm({
-    "src/lint/cognitive.ts"() {
-      "use strict";
-      issueCounter7 = 0;
-      NAV_RE = /nav|menu|sidebar|tab.?bar|bottom.?bar|header.?nav|navigation|top.?bar/i;
-      NAV_ITEM_RE = /nav.?item|menu.?item|tab(?!le)|link/i;
-      CTA_RE = /button|btn|cta|action|submit|primary/i;
-      HEADING_RE = /heading|title|h[1-6]|headline/i;
-      DISABLED_RE = /disabled|inactive|dimmed|greyed/i;
-      ICON_RE = /icon|ico|svg|glyph/i;
-    }
-  });
-
-  // src/core/design-lint.ts
-  var design_lint_exports = {};
-  __export(design_lint_exports, {
-    DEFAULT_LINT_SETTINGS: () => DEFAULT_LINT_SETTINGS,
-    clearIgnored: () => clearIgnored,
-    findNodesWithSameValue: () => findNodesWithSameValue,
-    getIgnoredState: () => getIgnoredState,
-    ignoreAllOfType: () => ignoreAllOfType,
-    ignoreError: () => ignoreError,
-    ignoreNode: () => ignoreNode,
-    lintSelection: () => lintSelection,
-    restoreIgnoredState: () => restoreIgnoredState,
-    runDesignLint: () => runDesignLint
-  });
-  function errorKey(nodeId, errorType, value) {
-    if (value) return `${nodeId}::${errorType}::${value}`;
-    return `${nodeId}::${errorType}`;
-  }
-  function ignoreNode(nodeId) {
-    ignoredNodeIds.add(nodeId);
-  }
-  function ignoreError(nodeId, errorType, value) {
-    ignoredErrorKeys.add(errorKey(nodeId, errorType, value));
-  }
-  function ignoreAllOfType(errors, errorType) {
-    for (const err of errors) {
-      if (err.errorType === errorType) {
-        ignoredErrorKeys.add(errorKey(err.nodeId, err.errorType));
-      }
-    }
-  }
-  function clearIgnored() {
-    ignoredNodeIds.clear();
-    ignoredErrorKeys.clear();
-  }
-  function getIgnoredState() {
-    return {
-      nodeIds: Array.from(ignoredNodeIds),
-      errorKeys: Array.from(ignoredErrorKeys)
-    };
-  }
-  function restoreIgnoredState(state) {
-    ignoredNodeIds = new Set(state.nodeIds);
-    ignoredErrorKeys = new Set(state.errorKeys);
-  }
-  function determineFill(paint) {
-    if (paint.type === "SOLID") {
-      const { r, g, b } = paint.color;
-      const hex = rgbToHex(r, g, b);
-      const opacity = paint.opacity !== void 0 && paint.opacity < 1 ? ` (${Math.round(paint.opacity * 100)}%)` : "";
-      return hex + opacity;
-    }
-    if (paint.type === "IMAGE") return "Image fill";
-    if (paint.type === "VIDEO") return "Video fill";
-    if (paint.type.includes("GRADIENT")) return `${paint.type.replace("GRADIENT_", "").toLowerCase()} gradient`;
-    return paint.type;
-  }
-  function hasBoundVariable(node, property) {
-    try {
-      if ("boundVariables" in node) {
-        const bound = node.boundVariables;
-        if (bound && bound[property]) return true;
-      }
-    } catch (e) {
-    }
-    return false;
-  }
-  function checkFills(node, errors, path) {
-    if (!("fills" in node)) return;
-    const fills = node.fills;
-    if (fills === figma.mixed || !Array.isArray(fills)) return;
-    const visibleFills = fills.filter((f) => f.visible !== false);
-    if (visibleFills.length === 0) return;
-    if (hasBoundVariable(node, "fills")) return;
-    if ("fillStyleId" in node) {
-      const styleId = node.fillStyleId;
-      if (styleId && styleId !== "" && styleId !== figma.mixed) return;
-    }
-    for (const fill of visibleFills) {
-      try {
-        const bv = fill.boundVariables;
-        if (bv && bv.color) continue;
-      } catch (e) {
-      }
-      const value = determineFill(fill);
-      errors.push({
-        nodeId: node.id,
-        nodeName: node.name,
-        nodeType: node.type,
-        errorType: "fill",
-        message: `Missing fill style: ${value}`,
-        value,
-        path
-      });
-    }
-  }
-  function checkStrokes(node, errors, path) {
-    if (!("strokes" in node)) return;
-    const strokes = node.strokes;
-    if (!Array.isArray(strokes)) return;
-    const visibleStrokes = strokes.filter((s) => s.visible !== false);
-    if (visibleStrokes.length === 0) return;
-    if (hasBoundVariable(node, "strokes")) return;
-    if ("strokeStyleId" in node) {
-      const styleId = node.strokeStyleId;
-      if (styleId && styleId !== "" && styleId !== figma.mixed) return;
-    }
-    for (const stroke of visibleStrokes) {
-      const value = determineFill(stroke);
-      const weight = "strokeWeight" in node ? ` (${node.strokeWeight}px)` : "";
-      errors.push({
-        nodeId: node.id,
-        nodeName: node.name,
-        nodeType: node.type,
-        errorType: "stroke",
-        message: `Missing stroke style: ${value}${weight}`,
-        value: value + weight,
-        path
-      });
-    }
-  }
-  function checkEffects(node, errors, path) {
-    if (!("effects" in node)) return;
-    const effects = node.effects;
-    if (!Array.isArray(effects) || effects.length === 0) return;
-    const visibleEffects = effects.filter((e) => e.visible !== false);
-    if (visibleEffects.length === 0) return;
-    if ("effectStyleId" in node) {
-      const styleId = node.effectStyleId;
-      if (styleId && styleId !== "" && styleId !== figma.mixed) return;
-    }
-    const descriptions = visibleEffects.map((e) => {
-      const parts = [e.type.replace(/_/g, " ").toLowerCase()];
-      if ("radius" in e) parts.push(`r:${e.radius}`);
-      if ("color" in e && e.color) {
-        const c = e.color;
-        parts.push(rgbToHex(c.r, c.g, c.b));
-      }
-      return parts.join(" ");
-    });
-    errors.push({
-      nodeId: node.id,
-      nodeName: node.name,
-      nodeType: node.type,
-      errorType: "effect",
-      message: `Missing effect style: ${descriptions.join(", ")}`,
-      value: descriptions.join(", "),
-      path
-    });
-  }
-  function checkTextStyle(node, errors, path) {
-    if ("textStyleId" in node) {
-      const styleId = node.textStyleId;
-      if (styleId && styleId !== "" && styleId !== figma.mixed) return;
-    }
-    const fontName = node.fontName !== figma.mixed ? node.fontName : null;
-    const fontSize = node.fontSize !== figma.mixed ? node.fontSize : null;
-    const parts = [];
-    if (fontName) parts.push(`${fontName.family} ${fontName.style}`);
-    if (fontSize) parts.push(`${fontSize}px`);
-    const value = parts.join(" / ") || "unknown text style";
-    errors.push({
-      nodeId: node.id,
-      nodeName: node.name,
-      nodeType: node.type,
-      errorType: "text",
-      message: `Missing text style: ${value}`,
-      value,
-      path
-    });
-  }
-  function checkRadius(node, errors, path, allowedRadii) {
-    if (!("cornerRadius" in node)) return;
-    if (hasBoundVariable(node, "topLeftRadius") || hasBoundVariable(node, "cornerRadius")) return;
-    const cr = node.cornerRadius;
-    if (cr === figma.mixed) {
-      const corners = [
-        node.topLeftRadius,
-        node.topRightRadius,
-        node.bottomLeftRadius,
-        node.bottomRightRadius
-      ].filter((v) => v !== void 0 && v !== null);
-      for (const c of corners) {
-        if (!allowedRadii.includes(c)) {
-          errors.push({
-            nodeId: node.id,
-            nodeName: node.name,
-            nodeType: node.type,
-            errorType: "radius",
-            message: `Non-standard border radius: ${c}px (allowed: ${allowedRadii.join(", ")})`,
-            value: `${c}px`,
-            path
-          });
-          break;
-        }
-      }
-      return;
-    }
-    if (typeof cr === "number" && cr > 0 && !allowedRadii.includes(cr)) {
-      errors.push({
-        nodeId: node.id,
-        nodeName: node.name,
-        nodeType: node.type,
-        errorType: "radius",
-        message: `Non-standard border radius: ${cr}px (allowed: ${allowedRadii.join(", ")})`,
-        value: `${cr}px`,
-        path
-      });
-    }
-  }
-  function lintNode(node, settings, errors, path) {
-    if (node.type === "GROUP" || node.type === "SLICE" || node.type === "CONNECTOR") return;
-    if (node.type === "COMPONENT_SET") return;
-    switch (node.type) {
-      case "TEXT":
-        if (settings.checkTextStyles) checkTextStyle(node, errors, path);
-        if (settings.checkFills) checkFills(node, errors, path);
-        break;
-      case "FRAME":
-      case "SECTION":
-        if (settings.checkFills) checkFills(node, errors, path);
-        if (settings.checkStrokes) checkStrokes(node, errors, path);
-        if (settings.checkEffects) checkEffects(node, errors, path);
-        if (settings.checkRadius) checkRadius(node, errors, path, settings.allowedRadii);
-        break;
-      case "RECTANGLE":
-      case "COMPONENT":
-      case "INSTANCE":
-        if (settings.checkFills) checkFills(node, errors, path);
-        if (settings.checkStrokes) checkStrokes(node, errors, path);
-        if (settings.checkEffects) checkEffects(node, errors, path);
-        if (settings.checkRadius) checkRadius(node, errors, path, settings.allowedRadii);
-        break;
-      case "ELLIPSE":
-      case "POLYGON":
-      case "STAR":
-      case "VECTOR":
-      case "LINE":
-      case "BOOLEAN_OPERATION":
-        if (settings.checkFills) checkFills(node, errors, path);
-        if (settings.checkStrokes) checkStrokes(node, errors, path);
-        if (settings.checkEffects) checkEffects(node, errors, path);
-        break;
-    }
-  }
-  function traverseAndLint(node, settings, errors, parentPath, parentLocked) {
-    let count = 0;
-    const isLocked = parentLocked || "locked" in node && node.locked;
-    const isHidden = "visible" in node && !node.visible;
-    if (settings.skipLockedLayers && isLocked) return 0;
-    if (settings.skipHiddenLayers && isHidden) return 0;
-    const path = parentPath ? `${parentPath} > ${node.name}` : node.name;
-    count++;
-    if (!ignoredNodeIds.has(node.id)) {
-      const preLen = errors.length;
-      lintNode(node, settings, errors, path);
-      for (let i = errors.length - 1; i >= preLen; i--) {
-        const err = errors[i];
-        if (ignoredErrorKeys.has(errorKey(err.nodeId, err.errorType)) || ignoredErrorKeys.has(errorKey(err.nodeId, err.errorType, err.value))) {
-          errors.splice(i, 1);
-        }
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        count += traverseAndLint(child, settings, errors, path, isLocked);
-      }
-    }
-    return count;
-  }
-  function matchesIgnorePattern(name, patterns) {
-    for (const pattern of patterns) {
-      const regex = new RegExp(
-        "^" + pattern.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*").replace(/\?/g, ".") + "$"
-      );
-      if (regex.test(name)) return true;
-    }
-    return false;
-  }
-  function runDesignLint(nodes, settings = DEFAULT_LINT_SETTINGS) {
-    var _a, _b;
-    const errors = [];
-    let totalNodes = 0;
-    const ignorePatterns = settings.ignorePatterns || [];
-    const severityOverrides = settings.severityOverrides || {};
-    for (const node of nodes) {
-      totalNodes += traverseAndLint(node, settings, errors, "", false);
-    }
-    const skipOpts = {
-      skipLocked: settings.skipLockedLayers,
-      skipHidden: settings.skipHiddenLayers,
-      scale: settings.spacingScale
-    };
-    if (settings.checkSpacing && severityOverrides.spacing !== "off") {
-      const spacingResult = checkSpacing(nodes, skipOpts);
-      for (const issue of spacingResult.issues) {
-        const val = issue.currentValue || "";
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "spacing"))) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "spacing", val))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "FRAME",
-          errorType: "spacing",
-          message: issue.message,
-          value: val,
-          path: issue.nodeName,
-          property: (_b = (_a = issue.fixAction) == null ? void 0 : _a.params) == null ? void 0 : _b.property
-        });
-      }
-    }
-    if (settings.checkAutoLayout && severityOverrides.autoLayout !== "off") {
-      const autoLayoutResult = checkAutoLayout(nodes, { skipLocked: settings.skipLockedLayers, skipHidden: settings.skipHiddenLayers });
-      for (const issue of autoLayoutResult.issues) {
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "autoLayout"))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "FRAME",
-          errorType: "autoLayout",
-          message: issue.message,
-          value: issue.currentValue || "",
-          path: issue.nodeName
-        });
-      }
-    }
-    if (settings.checkAccessibility && severityOverrides.accessibility !== "off") {
-      const a11yResult = checkAccessibility(nodes, { skipLocked: settings.skipLockedLayers, skipHidden: settings.skipHiddenLayers });
-      for (const issue of a11yResult.issues) {
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "accessibility"))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "FRAME",
-          errorType: "accessibility",
-          message: issue.message,
-          value: issue.currentValue || "",
-          path: issue.nodeName,
-          severity: issue.severity
-        });
-      }
-    }
-    if (settings.checkVisualQuality && severityOverrides.visualQuality !== "off") {
-      const vqResult = checkVisualQuality(nodes, { skipLocked: settings.skipLockedLayers, skipHidden: settings.skipHiddenLayers });
-      for (const issue of vqResult.issues) {
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "visualQuality"))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "FRAME",
-          errorType: "visualQuality",
-          message: issue.message,
-          value: issue.currentValue || "",
-          path: issue.nodeName,
-          severity: issue.severity
-        });
-      }
-    }
-    if (settings.checkMicrocopy && severityOverrides.microcopy !== "off") {
-      const mcResult = checkMicrocopy(nodes, { skipLocked: settings.skipLockedLayers, skipHidden: settings.skipHiddenLayers });
-      for (const issue of mcResult.issues) {
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "microcopy"))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "TEXT",
-          errorType: "microcopy",
-          message: issue.message,
-          value: issue.currentValue || "",
-          path: issue.nodeName,
-          severity: issue.severity
-        });
-      }
-    }
-    if (settings.checkConversion && severityOverrides.conversion !== "off") {
-      const convResult = checkConversion(nodes, { skipLocked: settings.skipLockedLayers, skipHidden: settings.skipHiddenLayers });
-      for (const issue of convResult.issues) {
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "conversion"))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "FRAME",
-          errorType: "conversion",
-          message: issue.message,
-          value: issue.currentValue || "",
-          path: issue.nodeName,
-          severity: issue.severity
-        });
-      }
-    }
-    if (settings.checkCognitive && severityOverrides.cognitive !== "off") {
-      const cogResult = checkCognitive(nodes, { skipLocked: settings.skipLockedLayers, skipHidden: settings.skipHiddenLayers });
-      for (const issue of cogResult.issues) {
-        if (ignoredNodeIds.has(issue.nodeId)) continue;
-        if (ignoredErrorKeys.has(errorKey(issue.nodeId, "cognitive"))) continue;
-        if (matchesIgnorePattern(issue.nodeName, ignorePatterns)) continue;
-        errors.push({
-          nodeId: issue.nodeId,
-          nodeName: issue.nodeName,
-          nodeType: "FRAME",
-          errorType: "cognitive",
-          message: issue.message,
-          value: issue.currentValue || "",
-          path: issue.nodeName,
-          severity: issue.severity
-        });
-      }
-    }
-    const filteredErrors = errors.filter((err) => severityOverrides[err.errorType] !== "off");
-    const finalErrors = ignorePatterns.length > 0 ? filteredErrors.filter((err) => !matchesIgnorePattern(err.nodeName, ignorePatterns)) : filteredErrors;
-    for (const err of finalErrors) {
-      const override = severityOverrides[err.errorType];
-      if (override && override !== "off") {
-        err.severity = override;
-      } else if (!err.severity) {
-        switch (err.errorType) {
-          case "fill":
-          case "stroke":
-          case "effect":
-          case "text":
-          case "spacing":
-            err.severity = "warning";
-            break;
-          case "radius":
-          case "autoLayout":
-            err.severity = "info";
-            break;
-          case "accessibility":
-            err.severity = "critical";
-            break;
-          case "visualQuality":
-            err.severity = "warning";
-            break;
-          case "microcopy":
-            err.severity = "info";
-            break;
-          case "conversion":
-            err.severity = "warning";
-            break;
-          case "cognitive":
-            err.severity = "info";
-            break;
-        }
-      }
-    }
-    const nodesWithErrors = new Set(finalErrors.map((e) => e.nodeId)).size;
-    const byType = { fill: 0, stroke: 0, effect: 0, text: 0, radius: 0, spacing: 0, autoLayout: 0, accessibility: 0, visualQuality: 0, microcopy: 0, conversion: 0, cognitive: 0 };
-    for (const err of finalErrors) {
-      byType[err.errorType]++;
-    }
-    const summary = {
-      totalErrors: finalErrors.length,
-      byType,
-      totalNodes,
-      nodesWithErrors
-    };
-    return {
-      errors: finalErrors,
-      ignoredNodeIds: Array.from(ignoredNodeIds),
-      ignoredErrorKeys: Array.from(ignoredErrorKeys),
-      summary
-    };
-  }
-  function lintSelection(settings) {
-    const selection = figma.currentPage.selection;
-    if (selection.length === 0) {
-      return {
-        errors: [],
-        ignoredNodeIds: [],
-        ignoredErrorKeys: [],
-        summary: { totalErrors: 0, byType: { fill: 0, stroke: 0, effect: 0, text: 0, radius: 0, spacing: 0, autoLayout: 0, accessibility: 0, visualQuality: 0, microcopy: 0, conversion: 0, cognitive: 0 }, totalNodes: 0, nodesWithErrors: 0 }
-      };
-    }
-    return runDesignLint(selection, settings);
-  }
-  function findNodesWithSameValue(rootNodes, errorType, value, settings = DEFAULT_LINT_SETTINGS) {
-    const result = runDesignLint(rootNodes, settings);
-    return result.errors.filter((e) => e.errorType === errorType && e.value === value);
-  }
-  var DEFAULT_LINT_SETTINGS, ignoredNodeIds, ignoredErrorKeys;
-  var init_design_lint = __esm({
-    "src/core/design-lint.ts"() {
-      "use strict";
-      init_figma_helpers();
-      init_spacing();
-      init_auto_layout();
-      init_accessibility();
-      init_visual_quality();
-      init_microcopy();
-      init_conversion();
-      init_cognitive();
-      DEFAULT_LINT_SETTINGS = {
-        checkFills: true,
-        checkStrokes: true,
-        checkEffects: true,
-        checkTextStyles: true,
-        checkRadius: true,
-        checkSpacing: true,
-        checkAutoLayout: true,
-        checkAccessibility: true,
-        checkVisualQuality: true,
-        checkMicrocopy: true,
-        checkConversion: true,
-        checkCognitive: true,
-        allowedRadii: [0, 2, 4, 8, 12, 16, 24, 32],
-        skipLockedLayers: true,
-        skipHiddenLayers: true
-      };
-      ignoredNodeIds = /* @__PURE__ */ new Set();
-      ignoredErrorKeys = /* @__PURE__ */ new Set();
-    }
-  });
-
-  // src/fix/apply-style.ts
-  var apply_style_exports = {};
-  __export(apply_style_exports, {
-    applyEffectStyle: () => applyEffectStyle,
-    applyFillStyle: () => applyFillStyle,
-    applyStrokeStyle: () => applyStrokeStyle,
-    applyTextStyle: () => applyTextStyle
-  });
-  async function applyFillStyle(nodeId, styleKey) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || !("fillStyleId" in node)) {
-      return { success: false, nodeId, nodeName: "", property: "fillStyle", oldValue: "", newValue: "", error: "Node not found or does not support fill styles" };
-    }
-    try {
-      const style = await figma.importStyleByKeyAsync(styleKey);
-      const oldStyleId = node.fillStyleId || "";
-      node.fillStyleId = style.id;
-      return {
-        success: true,
-        nodeId,
-        nodeName: node.name,
-        property: "fillStyle",
-        oldValue: oldStyleId ? "existing style" : "no style",
-        newValue: style.name
-      };
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        nodeName: node.name,
-        property: "fillStyle",
-        oldValue: "",
-        newValue: styleKey,
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function applyStrokeStyle(nodeId, styleKey) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || !("strokeStyleId" in node)) {
-      return { success: false, nodeId, nodeName: "", property: "strokeStyle", oldValue: "", newValue: "", error: "Node not found or does not support stroke styles" };
-    }
-    try {
-      const style = await figma.importStyleByKeyAsync(styleKey);
-      const oldStyleId = node.strokeStyleId || "";
-      node.strokeStyleId = style.id;
-      return {
-        success: true,
-        nodeId,
-        nodeName: node.name,
-        property: "strokeStyle",
-        oldValue: oldStyleId ? "existing style" : "no style",
-        newValue: style.name
-      };
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        nodeName: node.name,
-        property: "strokeStyle",
-        oldValue: "",
-        newValue: styleKey,
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function applyTextStyle(nodeId, styleKey) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || node.type !== "TEXT") {
-      return { success: false, nodeId, nodeName: "", property: "textStyle", oldValue: "", newValue: "", error: "Node not found or is not a text node" };
-    }
-    try {
-      const style = await figma.importStyleByKeyAsync(styleKey);
-      const textNode = node;
-      const oldStyleId = textNode.textStyleId || "";
-      textNode.textStyleId = style.id;
-      return {
-        success: true,
-        nodeId,
-        nodeName: node.name,
-        property: "textStyle",
-        oldValue: oldStyleId ? "existing style" : "no style",
-        newValue: style.name
-      };
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        nodeName: node.name,
-        property: "textStyle",
-        oldValue: "",
-        newValue: styleKey,
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function applyEffectStyle(nodeId, styleKey) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || !("effectStyleId" in node)) {
-      return { success: false, nodeId, nodeName: "", property: "effectStyle", oldValue: "", newValue: "", error: "Node not found or does not support effect styles" };
-    }
-    try {
-      const style = await figma.importStyleByKeyAsync(styleKey);
-      const oldStyleId = node.effectStyleId || "";
-      node.effectStyleId = style.id;
-      return {
-        success: true,
-        nodeId,
-        nodeName: node.name,
-        property: "effectStyle",
-        oldValue: oldStyleId ? "existing style" : "no style",
-        newValue: style.name
-      };
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        nodeName: node.name,
-        property: "effectStyle",
-        oldValue: "",
-        newValue: styleKey,
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  var init_apply_style = __esm({
-    "src/fix/apply-style.ts"() {
-      "use strict";
-    }
-  });
-
-  // src/ui/message-handler.ts
-  init_figma_helpers();
-
-  // src/core/component-analyzer.ts
-  init_figma_helpers();
-
-  // src/core/token-analyzer.ts
-  init_figma_helpers();
-  function hasDefaultVariantFrameStyles(node) {
-    var _a;
-    let currentNode = node;
-    let isPartOfVariant = false;
-    while (currentNode) {
-      if (currentNode.type === "COMPONENT_SET") {
-        isPartOfVariant = true;
-        break;
-      }
-      if (currentNode.parent && currentNode.parent.type === "COMPONENT_SET") {
-        isPartOfVariant = true;
-        break;
-      }
-      currentNode = currentNode.parent;
-    }
-    if (!isPartOfVariant) {
-      return false;
-    }
-    if (!("strokes" in node) || !("cornerRadius" in node) || !("strokeWeight" in node)) {
-      return false;
-    }
-    const hasDefaultRadius = node.cornerRadius === 5 || "topLeftRadius" in node && "topRightRadius" in node && "bottomLeftRadius" in node && "bottomRightRadius" in node && node.topLeftRadius === 5 && node.topRightRadius === 5 && node.bottomLeftRadius === 5 && node.bottomRightRadius === 5;
-    const hasDefaultStrokeWeight = node.strokeWeight === 1;
-    const strokes = node.strokes;
-    const hasDefaultStroke = strokes.length > 0 && strokes.some((stroke) => {
-      if (stroke.type === "SOLID" && stroke.visible !== false && stroke.color) {
-        const hex = rgbToHex(stroke.color.r, stroke.color.g, stroke.color.b).toUpperCase();
-        return hex === "#9747FF";
-      }
-      return false;
-    });
-    const hasDefaultPadding = "paddingLeft" in node && "paddingRight" in node && "paddingTop" in node && "paddingBottom" in node && node.paddingLeft === 16 && node.paddingRight === 16 && node.paddingTop === 16 && node.paddingBottom === 16;
-    const hasAllDefaults = hasDefaultRadius && hasDefaultStrokeWeight && hasDefaultStroke && hasDefaultPadding;
-    if (hasAllDefaults) {
-      console.log(`\u{1F3AF} [FILTER] Detected default variant frame styles in ${node.name} - filtering out`);
-      console.log(`   Type: ${node.type}, Parent: ${(_a = node.parent) == null ? void 0 : _a.type}`);
-      console.log(`   Radius: ${String(node.cornerRadius)}, Weight: ${String(node.strokeWeight)}, Color: ${strokes.length > 0 && strokes[0].type === "SOLID" ? rgbToHex(strokes[0].color.r, strokes[0].color.g, strokes[0].color.b) : "none"}`);
-      console.log(`   Padding: L=${node.paddingLeft}, R=${node.paddingRight}, T=${node.paddingTop}, B=${node.paddingBottom}`);
-    }
-    return hasAllDefaults;
-  }
-  function isNodeInVariant(node) {
-    let currentNode = node;
-    while (currentNode) {
-      if (currentNode.type === "COMPONENT_SET") {
-        return true;
-      }
-      if (currentNode.parent && currentNode.parent.type === "COMPONENT_SET") {
-        return true;
-      }
-      currentNode = currentNode.parent;
-    }
-    return false;
-  }
-  async function extractDesignTokensFromNode(node) {
-    const colors = [];
-    const spacing = [];
-    const typography = [];
-    const effects = [];
-    const borders = [];
-    const colorSet = /* @__PURE__ */ new Set();
-    const spacingSet = /* @__PURE__ */ new Set();
-    const typographySet = /* @__PURE__ */ new Set();
-    const effectSet = /* @__PURE__ */ new Set();
-    const borderSet = /* @__PURE__ */ new Set();
-    async function traverseNode(currentNode) {
-      console.log("\u{1F50D} Analyzing node:", currentNode.name, "Type:", currentNode.type);
-      const stylePromises = [];
-      if ("fillStyleId" in currentNode && typeof currentNode.fillStyleId === "string") {
-        stylePromises.push(
-          figma.getStyleByIdAsync(currentNode.fillStyleId).then((style) => {
-            if ((style == null ? void 0 : style.name) && !colorSet.has(style.name)) {
-              colorSet.add(style.name);
-              let colorValue = style.name;
-              if ("fills" in currentNode && Array.isArray(currentNode.fills) && currentNode.fills.length > 0) {
-                const fill = currentNode.fills[0];
-                if (fill.type === "SOLID" && fill.color) {
-                  colorValue = rgbToHex(fill.color.r, fill.color.g, fill.color.b);
-                }
-              }
-              colors.push({
-                name: style.name,
-                value: colorValue,
-                type: "fill-style",
-                isToken: true,
-                isActualToken: true,
-                source: "figma-style"
-              });
-            }
-          }).catch(console.warn)
-        );
-      }
-      if ("strokeStyleId" in currentNode && typeof currentNode.strokeStyleId === "string") {
-        stylePromises.push(
-          figma.getStyleByIdAsync(currentNode.strokeStyleId).then((style) => {
-            if ((style == null ? void 0 : style.name) && !colorSet.has(style.name)) {
-              colorSet.add(style.name);
-              colors.push({
-                name: style.name,
-                value: style.name,
-                type: "stroke-style",
-                isToken: true,
-                isActualToken: true,
-                source: "figma-style"
-              });
-            }
-          }).catch(console.warn)
-        );
-      }
-      if (currentNode.type === "TEXT" && "textStyleId" in currentNode && typeof currentNode.textStyleId === "string") {
-        stylePromises.push(
-          figma.getStyleByIdAsync(currentNode.textStyleId).then((style) => {
-            if ((style == null ? void 0 : style.name) && !typographySet.has(style.name)) {
-              typographySet.add(style.name);
-              typography.push({
-                name: style.name,
-                value: style.name,
-                type: "text-style",
-                isToken: true,
-                isActualToken: true,
-                source: "figma-style"
-              });
-            }
-          }).catch(console.warn)
-        );
-      }
-      if ("effectStyleId" in currentNode && typeof currentNode.effectStyleId === "string") {
-        stylePromises.push(
-          figma.getStyleByIdAsync(currentNode.effectStyleId).then((style) => {
-            if ((style == null ? void 0 : style.name) && !effectSet.has(style.name)) {
-              effectSet.add(style.name);
-              effects.push({
-                name: style.name,
-                value: style.name,
-                type: "effect-style",
-                isToken: true,
-                isActualToken: true,
-                source: "figma-style"
-              });
-            }
-          }).catch(console.warn)
-        );
-      }
-      await Promise.all(stylePromises);
-      if ("boundVariables" in currentNode && currentNode.boundVariables) {
-        const boundVars = currentNode.boundVariables;
-        console.log(`\u{1F50D} [VARIABLES] Checking bound variables for ${currentNode.name}:`, Object.keys(boundVars));
-        const processVariableArray = async (variables, propertyName, targetSet, targetArray, tokenType) => {
-          try {
-            const varArray = Array.isArray(variables) ? variables : [variables];
-            for (const v of varArray) {
-              if ((v == null ? void 0 : v.id) && typeof v.id === "string") {
-                const varName = await getVariableName(v.id);
-                console.log(`   \u{1F3AF} Found ${propertyName} variable:`, varName);
-                if (varName && !targetSet.has(varName)) {
-                  targetSet.add(varName);
-                  let displayValue = varName;
-                  if (tokenType === "color" && (propertyName === "fills" || propertyName === "strokes")) {
-                    const actualValue = await getVariableValue(v.id, currentNode);
-                    if (actualValue && actualValue.startsWith("#")) {
-                      displayValue = actualValue;
-                    }
-                  }
-                  targetArray.push({
-                    name: varName,
-                    value: displayValue,
-                    type: `${propertyName}-variable`,
-                    isToken: true,
-                    isActualToken: true,
-                    source: "figma-variable"
-                  });
-                  console.log(`   \u2705 Added ${tokenType} token: ${varName} (value: ${displayValue})`);
-                }
-              }
-            }
-          } catch (error) {
-            console.warn(`Error processing ${propertyName} variables:`, error);
-          }
-        };
-        const processSingleVariable = async (variable, propertyName, targetSet, targetArray, tokenType) => {
-          if (variable && typeof variable === "object" && "id" in variable && typeof variable.id === "string") {
-            const varName = await getVariableName(variable.id);
-            console.log(`   \u{1F3AF} Found ${propertyName} variable:`, varName);
-            if (varName && !targetSet.has(varName)) {
-              targetSet.add(varName);
-              targetArray.push({
-                name: varName,
-                value: varName,
-                type: `${propertyName}-variable`,
-                isToken: true,
-                isActualToken: true,
-                source: "figma-variable"
-              });
-              console.log(`   \u2705 Added ${tokenType} token: ${varName}`);
-            }
-          }
-        };
-        const variableProcessingPromises = [];
-        if (boundVars.fills) {
-          console.log("   \u{1F3A8} Processing fills variables...");
-          variableProcessingPromises.push(processVariableArray(boundVars.fills, "fills", colorSet, colors, "color"));
-        }
-        if (boundVars.strokes) {
-          console.log("   \u{1F58A}\uFE0F Processing strokes variables...");
-          variableProcessingPromises.push(processVariableArray(boundVars.strokes, "strokes", colorSet, colors, "color"));
-        }
-        if (boundVars.effects) {
-          console.log("   \u2728 Processing effects variables...");
-          variableProcessingPromises.push(processVariableArray(boundVars.effects, "effects", effectSet, effects, "effect"));
-        }
-        const strokeWeightProps = ["strokeWeight", "strokeTopWeight", "strokeRightWeight", "strokeBottomWeight", "strokeLeftWeight"];
-        strokeWeightProps.forEach((prop) => {
-          if (boundVars[prop]) {
-            console.log(`   \u{1F4CF} Processing ${prop} variable...`);
-            variableProcessingPromises.push(processSingleVariable(boundVars[prop], prop, borderSet, borders, "border"));
-          }
-        });
-        const radiusProps = ["topLeftRadius", "topRightRadius", "bottomLeftRadius", "bottomRightRadius"];
-        radiusProps.forEach((prop) => {
-          if (boundVars[prop]) {
-            console.log(`   \u{1F504} Processing ${prop} variable...`);
-            variableProcessingPromises.push(processSingleVariable(boundVars[prop], prop, borderSet, borders, "border"));
-          }
-        });
-        const spacingProps = ["paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "itemSpacing", "counterAxisSpacing"];
-        spacingProps.forEach((prop) => {
-          if (boundVars[prop]) {
-            console.log(`   \u{1F4D0} Processing ${prop} variable...`);
-            variableProcessingPromises.push(processSingleVariable(boundVars[prop], prop, spacingSet, spacing, "spacing"));
-          }
-        });
-        const sizeProps = ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight"];
-        sizeProps.forEach((prop) => {
-          if (boundVars[prop]) {
-            console.log(`   \u{1F4E6} Processing ${prop} variable...`);
-            variableProcessingPromises.push(processSingleVariable(boundVars[prop], prop, spacingSet, spacing, "size"));
-          }
-        });
-        if (boundVars.opacity) {
-          console.log("   \u{1F47B} Processing opacity variable...");
-          variableProcessingPromises.push(processSingleVariable(boundVars.opacity, "opacity", effectSet, effects, "effect"));
-        }
-        if (currentNode.type === "TEXT") {
-          const typographyProps = ["fontSize", "lineHeight", "letterSpacing", "paragraphSpacing"];
-          typographyProps.forEach((prop) => {
-            if (boundVars[prop]) {
-              console.log(`   \u{1F4DD} Processing ${prop} variable...`);
-              variableProcessingPromises.push(processSingleVariable(boundVars[prop], prop, typographySet, typography, "typography"));
-            }
-          });
-        }
-        await Promise.all(variableProcessingPromises);
-        console.log(`\u{1F50D} [VARIABLES] Total variables found for ${currentNode.name}: ${Object.keys(boundVars).length}`);
-      }
-      const hasFillVariables = "boundVariables" in currentNode && currentNode.boundVariables && currentNode.boundVariables.fills;
-      const hasFillStyle = "fillStyleId" in currentNode && currentNode.fillStyleId;
-      if ("fills" in currentNode && Array.isArray(currentNode.fills) && !hasFillStyle && !hasFillVariables) {
-        console.log(`\u{1F50D} [HARD-CODED] Checking fills for ${currentNode.name} (no variables, no style)`);
-        currentNode.fills.forEach((fill) => {
-          if (fill.type === "SOLID" && fill.visible !== false && fill.color) {
-            const hex = rgbToHex(fill.color.r, fill.color.g, fill.color.b);
-            const fillDedupKey = `${hex}:${currentNode.id}`;
-            if (!colorSet.has(fillDedupKey)) {
-              console.log(`   \u26A0\uFE0F Found hard-coded fill: ${hex}`);
-              colorSet.add(fillDedupKey);
-              const debugContext = getDebugContext(currentNode);
-              colors.push({
-                name: `hard-coded-fill-${colors.length + 1}`,
-                value: hex,
-                type: "fill",
-                isToken: false,
-                source: "hard-coded",
-                context: {
-                  nodeType: currentNode.type,
-                  nodeName: currentNode.name,
-                  nodeId: currentNode.id,
-                  path: debugContext.path,
-                  description: debugContext.description,
-                  property: "fills"
-                }
-              });
-            }
-          }
-        });
-      } else if (hasFillVariables) {
-        console.log(`\u{1F50D} [VARIABLES] ${currentNode.name} has fill variables - skipping hard-coded detection`);
-      } else if (hasFillStyle) {
-        console.log(`\u{1F50D} [STYLES] ${currentNode.name} has fill style - skipping hard-coded detection`);
-      }
-      const hasStrokeVariables = "boundVariables" in currentNode && currentNode.boundVariables && currentNode.boundVariables.strokes;
-      const hasStrokeStyle = "strokeStyleId" in currentNode && currentNode.strokeStyleId;
-      if ("strokes" in currentNode && Array.isArray(currentNode.strokes) && !hasStrokeStyle && !hasStrokeVariables) {
-        console.log(`\u{1F50D} [HARD-CODED] Checking strokes for ${currentNode.name} (no variables, no style)`);
-        if (hasDefaultVariantFrameStyles(currentNode)) {
-          console.log(`   \u{1F6AB} Skipping default variant frame stroke colors`);
-        } else {
-          currentNode.strokes.forEach((stroke) => {
-            if (stroke.type === "SOLID" && stroke.visible !== false && stroke.color) {
-              const hex = rgbToHex(stroke.color.r, stroke.color.g, stroke.color.b);
-              const strokeDedupKey = `${hex}:${currentNode.id}`;
-              if (!colorSet.has(strokeDedupKey)) {
-                console.log(`   \u26A0\uFE0F Found hard-coded stroke: ${hex}`);
-                colorSet.add(strokeDedupKey);
-                const debugContext = getDebugContext(currentNode);
-                colors.push({
-                  name: `hard-coded-stroke-${colors.length + 1}`,
-                  value: hex,
-                  type: "stroke",
-                  isToken: false,
-                  source: "hard-coded",
-                  isDefaultVariantStyle: hex.toUpperCase() === "#9747FF" && isNodeInVariant(currentNode),
-                  context: {
-                    nodeType: currentNode.type,
-                    nodeName: currentNode.name,
-                    nodeId: currentNode.id,
-                    path: debugContext.path,
-                    description: debugContext.description,
-                    property: "strokes"
-                  }
-                });
-              }
-            }
-          });
-        }
-      } else if (hasStrokeVariables) {
-        console.log(`\u{1F50D} [VARIABLES] ${currentNode.name} has stroke variables - skipping hard-coded detection`);
-      } else if (hasStrokeStyle) {
-        console.log(`\u{1F50D} [STYLES] ${currentNode.name} has stroke style - skipping hard-coded detection`);
-      }
-      if ("strokeWeight" in currentNode && typeof currentNode.strokeWeight === "number") {
-        console.log(`\u{1F50D} Node ${currentNode.name} has strokeWeight: ${currentNode.strokeWeight}`);
-        const hasStrokes = "strokes" in currentNode && Array.isArray(currentNode.strokes) && currentNode.strokes.length > 0;
-        const hasVisibleStrokes = hasStrokes && currentNode.strokes.some((stroke) => stroke.visible !== false);
-        const hasStrokeWeightVariable = "boundVariables" in currentNode && currentNode.boundVariables && ["strokeWeight", "strokeTopWeight", "strokeRightWeight", "strokeBottomWeight", "strokeLeftWeight"].some((prop) => currentNode.boundVariables[prop]);
-        const boundVarKeys = "boundVariables" in currentNode && currentNode.boundVariables ? Object.keys(currentNode.boundVariables) : [];
-        console.log(`   Has strokes: ${hasStrokes}, Has visible strokes: ${hasVisibleStrokes}, Has strokeWeight variable: ${!!hasStrokeWeightVariable}, boundVariable keys: [${boundVarKeys.join(", ")}]`);
-        if (hasStrokeWeightVariable) {
-          console.log(`   \u{1F517} ${currentNode.name} has strokeWeight bound to variable - skipping hard-coded detection`);
-        } else if (currentNode.strokeWeight > 0 && hasVisibleStrokes && !hasDefaultVariantFrameStyles(currentNode)) {
-          const strokeWeightValue = `${currentNode.strokeWeight}px`;
-          let strokeColor = void 0;
-          const firstVisibleStroke = currentNode.strokes.find((stroke) => stroke.visible !== false && stroke.type === "SOLID");
-          if (firstVisibleStroke && firstVisibleStroke.type === "SOLID" && firstVisibleStroke.color) {
-            strokeColor = rgbToHex(firstVisibleStroke.color.r, firstVisibleStroke.color.g, firstVisibleStroke.color.b);
-          }
-          const swDedupKey = `${strokeWeightValue}:${currentNode.id}`;
-          if (!borderSet.has(swDedupKey)) {
-            console.log(`   \u2705 Adding stroke weight: ${strokeWeightValue}`);
-            borderSet.add(swDedupKey);
-            const debugContext = getDebugContext(currentNode);
-            borders.push({
-              name: `hard-coded-stroke-weight-${currentNode.strokeWeight}`,
-              value: strokeWeightValue,
-              type: "stroke-weight",
-              isToken: false,
-              source: "hard-coded",
-              strokeColor,
-              isDefaultVariantStyle: currentNode.strokeWeight === 1 && (strokeColor == null ? void 0 : strokeColor.toUpperCase()) === "#9747FF" && isNodeInVariant(currentNode),
-              context: {
-                nodeType: currentNode.type,
-                nodeName: currentNode.name,
-                nodeId: currentNode.id,
-                hasVisibleStroke: true,
-                path: debugContext.path,
-                description: debugContext.description,
-                property: "strokeWeight"
-              }
-            });
-          }
-        } else if (currentNode.strokeWeight > 0 && hasVisibleStrokes && hasDefaultVariantFrameStyles(currentNode)) {
-          console.log(`   \u{1F6AB} Skipping default variant frame stroke weight`);
-        }
-      }
-      const hasRadiusVariables = "boundVariables" in currentNode && currentNode.boundVariables && ["topLeftRadius", "topRightRadius", "bottomLeftRadius", "bottomRightRadius", "cornerRadius"].some((prop) => currentNode.boundVariables[prop]);
-      if ("cornerRadius" in currentNode && typeof currentNode.cornerRadius === "number" && !hasRadiusVariables) {
-        console.log(`\u{1F50D} [HARD-CODED] Checking corner radius for ${currentNode.name} (no variables)`);
-        if (hasDefaultVariantFrameStyles(currentNode)) {
-          console.log(`   \u{1F6AB} Skipping default variant frame corner radius`);
-        } else {
-          const radius = currentNode.cornerRadius;
-          if (radius > 0) {
-            const radiusValue = `${radius}px`;
-            const crDedupKey = `${radiusValue}:${currentNode.id}`;
-            if (!borderSet.has(crDedupKey)) {
-              console.log(`   \u26A0\uFE0F Found hard-coded corner radius: ${radiusValue}`);
-              borderSet.add(crDedupKey);
-              const debugContext = getDebugContext(currentNode);
-              borders.push({
-                name: `hard-coded-corner-radius-${radius}`,
-                value: radiusValue,
-                type: "corner-radius",
-                isToken: false,
-                source: "hard-coded",
-                isDefaultVariantStyle: radius === 5 && isNodeInVariant(currentNode),
-                context: {
-                  nodeType: currentNode.type,
-                  nodeName: currentNode.name,
-                  nodeId: currentNode.id,
-                  path: debugContext.path,
-                  description: debugContext.description,
-                  property: "cornerRadius"
-                }
-              });
-            }
-          }
-        }
-      } else if (hasRadiusVariables) {
-        console.log(`\u{1F50D} [VARIABLES] ${currentNode.name} has radius variables - skipping hard-coded detection`);
-      }
-      if (!hasRadiusVariables && "topLeftRadius" in currentNode) {
-        console.log(`\u{1F50D} [HARD-CODED] Checking individual corner radius for ${currentNode.name} (no variables)`);
-        if (hasDefaultVariantFrameStyles(currentNode)) {
-          console.log(`   \u{1F6AB} Skipping default variant frame individual corner radii`);
-        } else {
-          const radiusProps = [
-            { prop: "topLeftRadius", name: "top-left" },
-            { prop: "topRightRadius", name: "top-right" },
-            { prop: "bottomLeftRadius", name: "bottom-left" },
-            { prop: "bottomRightRadius", name: "bottom-right" }
-          ];
-          radiusProps.forEach(({ prop, name }) => {
-            if (prop in currentNode && typeof currentNode[prop] === "number") {
-              const radius = currentNode[prop];
-              if (radius > 0) {
-                const radiusValue = `${radius}px`;
-                const irDedupKey = `${radiusValue}:${currentNode.id}:${prop}`;
-                if (!borderSet.has(irDedupKey)) {
-                  console.log(`   \u26A0\uFE0F Found hard-coded ${name} radius: ${radiusValue}`);
-                  borderSet.add(irDedupKey);
-                  const debugContext = getDebugContext(currentNode);
-                  borders.push({
-                    name: `hard-coded-${name}-radius-${radius}`,
-                    value: radiusValue,
-                    type: `${name}-radius`,
-                    isToken: false,
-                    source: "hard-coded",
-                    isDefaultVariantStyle: radius === 5 && isNodeInVariant(currentNode),
-                    context: {
-                      nodeType: currentNode.type,
-                      nodeName: currentNode.name,
-                      nodeId: currentNode.id,
-                      path: debugContext.path,
-                      description: debugContext.description,
-                      property: prop
-                    }
-                  });
-                }
-              }
-            }
-          });
-        }
-      }
-      const hasPaddingVariables = "boundVariables" in currentNode && currentNode.boundVariables && ["paddingTop", "paddingRight", "paddingBottom", "paddingLeft"].some((prop) => currentNode.boundVariables[prop]);
-      if ("paddingLeft" in currentNode && typeof currentNode.paddingLeft === "number" && !hasPaddingVariables) {
-        console.log(`\u{1F50D} [HARD-CODED] Checking padding for ${currentNode.name} (no variables)`);
-        const frame = currentNode;
-        const paddings = [
-          { value: frame.paddingLeft, name: "left" },
-          { value: frame.paddingRight, name: "right" },
-          { value: frame.paddingTop, name: "top" },
-          { value: frame.paddingBottom, name: "bottom" }
-        ];
-        paddings.forEach((padding) => {
-          const padDedupKey = `${padding.value}:${currentNode.id}:${padding.name}`;
-          if (typeof padding.value === "number" && padding.value > 1 && !spacingSet.has(padDedupKey)) {
-            console.log(`   \u26A0\uFE0F Found hard-coded padding-${padding.name}: ${padding.value}px`);
-            spacingSet.add(padDedupKey);
-            const debugContext = getDebugContext(currentNode);
-            const isDefaultVariantPadding = padding.value === 16 && isNodeInVariant(currentNode) && hasDefaultVariantFrameStyles(currentNode);
-            spacing.push({
-              name: `hard-coded-padding-${padding.name}-${padding.value}`,
-              value: `${padding.value}px`,
-              type: "padding",
-              isToken: false,
-              source: "hard-coded",
-              isDefaultVariantStyle: isDefaultVariantPadding,
-              context: {
-                nodeType: currentNode.type,
-                nodeName: currentNode.name,
-                nodeId: currentNode.id,
-                path: debugContext.path,
-                description: debugContext.description,
-                property: `padding${padding.name.charAt(0).toUpperCase() + padding.name.slice(1)}`
-              }
-            });
-          }
-        });
-      } else if (hasPaddingVariables) {
-        console.log(`\u{1F50D} [VARIABLES] ${currentNode.name} has padding variables - skipping hard-coded detection`);
-      }
-      if ("children" in currentNode) {
-        for (const child of currentNode.children) {
-          await traverseNode(child);
-        }
-      }
-    }
-    await traverseNode(node);
-    return analyzeTokensConsistently({ colors, spacing, typography, effects, borders });
-  }
-  function analyzeTokensConsistently(extractedTokens) {
-    const categories = ["colors", "spacing", "typography", "effects", "borders"];
-    const summary = {
-      totalTokens: 0,
-      actualTokens: 0,
-      hardCodedValues: 0,
-      aiSuggestions: 0,
-      byCategory: {}
-    };
-    categories.forEach((category) => {
-      const tokens = extractedTokens[category].map((token) => __spreadProps(__spreadValues({}, token), {
-        isActualToken: token.source === "figma-style" || token.source === "figma-variable",
-        recommendation: getDefaultRecommendation(token, category),
-        suggestion: getDefaultSuggestion(token, category)
-      }));
-      const nonDefaultTokens = tokens.filter((t) => !t.isDefaultVariantStyle);
-      const actualTokens = nonDefaultTokens.filter((t) => t.isActualToken).length;
-      const hardCoded = nonDefaultTokens.filter((t) => t.source === "hard-coded").length;
-      summary.byCategory[category] = {
-        total: nonDefaultTokens.length,
-        tokens: actualTokens,
-        hardCoded,
-        suggestions: 0
-      };
-      summary.totalTokens += nonDefaultTokens.length;
-      summary.actualTokens += actualTokens;
-      summary.hardCodedValues += hardCoded;
-      extractedTokens[category] = tokens;
-    });
-    return __spreadProps(__spreadValues({}, extractedTokens), {
-      summary
-    });
-  }
-  function getDefaultRecommendation(token, category) {
-    if (token.isToken) return `Using ${token.name} token`;
-    switch (category) {
-      case "colors":
-        return `Consider using a color token instead of ${token.value}`;
-      case "spacing":
-        return `Consider using spacing token instead of ${token.value}`;
-      case "typography":
-        return "Consider using typography token";
-      case "effects":
-        return "Consider using effect token";
-      case "borders":
-        return "Consider using border radius token";
-      default:
-        return "Consider using a design token";
-    }
-  }
-  function getDefaultSuggestion(token, category) {
-    var _a, _b;
-    switch (category) {
-      case "colors":
-        if ((_a = token.value) == null ? void 0 : _a.startsWith("#000")) return "Use semantic color token (e.g., text.primary)";
-        if ((_b = token.value) == null ? void 0 : _b.startsWith("#FFF")) return "Use semantic color token (e.g., background.primary)";
-        return "Create or use existing color token";
-      case "spacing":
-        const value = parseInt(token.value || "0");
-        if (value % 8 === 0) return "Create or use existing spacing token (follows 8px grid)";
-        if (value % 4 === 0) return "Create or use existing spacing token (follows 4px grid)";
-        return "Create or use existing spacing token";
-      case "typography":
-        return "Use semantic typography token (e.g., heading.large, body.regular)";
-      case "effects":
-        return "Use semantic shadow token (e.g., shadow.small, shadow.medium)";
-      case "borders":
-        return "Use appropriate radius token (e.g., radius.small, radius.medium)";
-      default:
-        return "Create or use existing design token";
-    }
-  }
-
-  // src/api/claude.ts
-  function createEnhancedMetadataPrompt(componentContext) {
-    return `You are an expert design system architect analyzing a Figma component for comprehensive metadata and design token recommendations.
-
-**Component Analysis Context:**
-- Component Name: ${componentContext.name}
-- Component Type: ${componentContext.type}
-- Layer Structure: ${JSON.stringify(componentContext.hierarchy, null, 2)}
-- Detected Colors: ${componentContext.colors && componentContext.colors.length > 0 ? componentContext.colors.join(", ") : "None detected"}
-- Detected Spacing: ${componentContext.spacing && componentContext.spacing.length > 0 ? componentContext.spacing.join(", ") : "None detected"}
-- Text Content: ${componentContext.textContent || "No text content"}
-
-**Additional Context & Considerations:**
-${componentContext.additionalContext ? `
-- Component Family: ${componentContext.additionalContext.componentFamily || "Generic"}
-- Possible Use Case: ${componentContext.additionalContext.possibleUseCase || "Unknown"}
-- Has Interactive Elements: ${componentContext.additionalContext.hasInteractiveElements ? "Yes" : "No"}
-- Design Patterns: ${componentContext.additionalContext.designPatterns.join(", ") || "None identified"}
-- Considerations: ${componentContext.additionalContext.suggestedConsiderations.join("; ") || "None"}
-` : "- No additional context available"}
-
-**Existing Figma Description:**
-${componentContext.existingDescription ? `"${componentContext.existingDescription}"
-(Build upon this if present, or create a comprehensive new description)` : "None set \u2014 create a comprehensive description from scratch"}
-
-- Nested Component Instances: ${extractInstanceNames(componentContext.hierarchy).join(", ") || "None detected"}
-
-**IMPORTANT: Focus on what makes this component ready for CODE GENERATION via MCP.**
-Evaluate based on these criteria that actually matter for development:
-
-**Analysis Requirements:**
-
-1. **Component Properties**: Identify all configurable properties needed for flexibility
-2. **Design Token Usage**: Analyze use of semantic tokens vs hard-coded values  
-3. **Component States**: Document all interactive states (hover, focus, active, disabled, etc.)
-4. **Component Boundaries**: Ensure clear component definition and structure
-5. **Code Generation Readiness**: Assess how well the component can be translated to code
-6. **MCP Compatibility**: Evaluate component structure for automated code generation
-
-**Code Generation Focus Areas:**
-- **Properties**: What can be configured when using this component
-- **Token Usage**: Semantic tokens that maintain design consistency in code
-- **States**: Interactive states that need to be implemented in code
-- **Variant Organization**: When and how to use Figma component variants
-- **Design Handoff**: Information developers need to implement this design
-
-**Container Component Guidelines:**
-- If this appears to be a CONTAINER component (e.g., "tabs", "form", "card-group"), focus on layout and organization rather than interaction variants
-- Container components typically need fewer variants than individual interactive components
-- Only suggest variants for containers if they truly have different layout patterns (e.g., vertical vs horizontal orientation)
-
-**Variant Recommendations Guidelines:**
-- Do NOT recommend variants for components that are intentionally single-purpose (icons, badges, simple dividers, containers)
-- Only suggest variants when there's clear evidence the component should have multiple visual or functional states
-- For CONTAINER components: Focus on layout variants (orientation, spacing) rather than interaction states
-- For INDIVIDUAL components: Consider interaction states, sizes, and visual styles
-- Base variant suggestions on actual design system patterns visible in the layer structure
-
-**Design Token Focus Areas:**
-- **Color Tokens**: Semantic color usage (primary, secondary, neutral, semantic colors)
-- **Spacing Tokens**: Consistent spacing patterns (padding, margins, gaps)
-- **Typography Tokens**: Font sizes, weights, line heights, letter spacing
-- **Effect Tokens**: Shadows, blurs, and other visual effects
-- **Border Tokens**: Border radius, stroke weights
-- **Layout Tokens**: Grid systems, breakpoints, container sizes
-
-**Response Format (JSON only):**
-{
-  "component": "Component name and purpose",
-  "description": "Start with a brief 1-2 sentence summary of what this component is and its key variants/capabilities. Then provide structured sections: PURPOSE: What this component is and its primary function. BEHAVIOR: Interactive behavior patterns (e.g., 'expanding one accordion panel collapses all others', 'dropdown closes on outside click'). Skip this section if the component is not interactive. COMPOSITION: List all nested/child component instances used (e.g., 'Contains Button, Icon, and Badge sub-components'). Note: AI code generators should check the development codebase for these sub-components before creating new ones. USAGE: When and how to use this component vs alternatives. CODE GENERATION NOTES: Implementation considerations \u2014 mention leveraging existing sub-components from the codebase, design patterns to follow, and interaction details not visible from design specs alone.",
-  "props": [
-    {
-      "name": "property name",
-      "type": "string|boolean|number|variant",
-      "description": "Property purpose and usage",
-      "defaultValue": "default value",
-      "required": true/false
-    }
-  ],
-  "states": ["IMPORTANT: Only include visual states that can be represented in Figma designs (hover, focus, disabled, loading, error). Do NOT include states that are purely functional/code-level."],
-  "slots": ["slot descriptions for content areas"],
-  "variants": {
-    "size": ["small", "medium", "large"],
-    "variant": ["primary", "secondary", "outline"],
-    "orientation": ["horizontal", "vertical"]
-  },
-  "usage": "When and how to use this component in designs",
-  "accessibility": {
-    "designConsiderations": ["Design-focused accessibility considerations like color contrast, visual hierarchy, readable text sizes"],
-    "visualIndicators": ["Visual cues needed for accessibility (focus rings, state indicators, etc.)"],
-    "designGuidance": "How to design this component to be accessible"
-  },
-  "tokens": {
-    "colors": [
-      "semantic-color-primary",
-      "semantic-color-secondary",
-      "neutral-background-default",
-      "neutral-text-primary",
-      "semantic-color-success",
-      "semantic-color-error",
-      "semantic-color-warning"
-    ],
-    "spacing": [
-      "spacing-xs-4px",
-      "spacing-sm-8px",
-      "spacing-md-16px",
-      "spacing-lg-24px",
-      "spacing-xl-32px"
-    ],
-    "typography": [
-      "text-size-sm-12px",
-      "text-size-base-14px",
-      "text-size-lg-16px",
-      "text-size-xl-18px",
-      "text-weight-normal-400",
-      "text-weight-medium-500",
-      "text-weight-semibold-600"
-    ],
-    "effects": [
-      "shadow-sm-subtle",
-      "shadow-md-default",
-      "shadow-lg-prominent",
-      "blur-backdrop-light"
-    ],
-    "borders": [
-      "radius-sm-4px",
-      "radius-md-8px",
-      "radius-lg-12px",
-      "radius-full-999px"
-    ]
-  },
-  "propertyCheatSheet": [
-    {
-      "name": "Property name",
-      "values": ["value1", "value2", "value3"],
-      "default": "default value",
-      "description": "What this property controls"
-    }
-  ],
-  "recommendedProperties": [
-    {
-      "name": "Figma property name to add (e.g. 'Size', 'Icon Before')",
-      "type": "VARIANT|BOOLEAN|TEXT|INSTANCE_SWAP",
-      "description": "Why this property improves the component for design system usage and developer handoff",
-      "examples": ["specific example values relevant to this component"]
-    }
-  ],
-  "audit": {
-    "tokenOpportunities": ["Specific recommendations for design token implementation in Figma"],
-    "structureIssues": ["Component structure improvements for better design system integration"]
-  },
-  "mcpReadiness": {
-    "score": "0-100 readiness score for MCP server code generation",
-    "strengths": [
-      "REQUIRED: List 2-3 specific DESIGN strengths this component already has for code generation",
-      "FIGMA-ONLY Examples: 'Clear visual hierarchy in layers', 'Consistent spacing patterns', 'Well-organized component variants', 'Uses Figma variables for colors', 'Semantic layer naming', 'Defined visual states in Figma'"
-    ],
-    "gaps": [
-      "REQUIRED: List 2-4 specific DESIGN gaps that limit MCP code generation effectiveness",
-      "FIGMA-ONLY Examples: 'Missing visual states in Figma designs', 'Hard-coded spacing values (not using Figma variables)', 'Unclear component variant organization', 'Inconsistent layer naming conventions', 'No component properties defined in Figma', 'Missing visual feedback states'"
-    ],
-    "recommendations": [
-      "REQUIRED: List 2-4 specific, actionable FIGMA DESIGN recommendations to improve MCP readiness",
-      "FIGMA-ONLY Examples: 'Add hover and focus state designs in Figma', 'Replace hard-coded spacing with Figma variables', 'Define component variant properties in Figma', 'Standardize layer naming convention', 'Create missing visual states in component variants', 'Organize color styles into semantic tokens'"
-    ],
-    "implementationNotes": "Design handoff guidance for developers implementing this component"
-  }
-}
-
-**Analysis Guidelines:**
-
-1. **Be Figma-Specific**: Focus on what can be improved within Figma designs
-2. **Design System Focus**: Consider how this fits into a broader design system
-3. **Visual Design**: Prioritize visual consistency, token usage, and design handoff
-4. **Component Architecture**: Evaluate how the component is structured in Figma
-5. **Practical Recommendations**: Suggest improvements that designers can actually implement
-
-**Recommended Properties Guidelines:**
-For the "recommendedProperties" field, compare the component's EXISTING properties against best practices from established design systems (Material Design, Carbon, Ant Design, Polaris, Lightning, Spectrum, etc.):
-- Only recommend Figma component properties that do NOT already exist on this component
-- Use Figma property types: VARIANT (for enumerated options like size/style), BOOLEAN (for toggles like show/hide icon), TEXT (for editable text like labels), INSTANCE_SWAP (for swappable sub-components like icons)
-- Each recommendation must be specific to THIS component type and its actual structure \u2014 do not suggest generic properties that don't apply
-- If the component already has comprehensive properties, return an empty array \u2014 never force recommendations
-- Consider what developers will need when consuming this component in code
-
-**CRITICAL: AVOID ALL Development-Only Concerns:**
-- Do NOT suggest implementing ARIA attributes, accessibility APIs, or semantic HTML (this is code-level)
-- Do NOT suggest adding keyboard navigation, event handlers, or interactive behaviors (this is code-level)
-- Do NOT suggest functional programming patterns, state management, or controlled/uncontrolled components (this is code-level)
-- Do NOT suggest responsive breakpoint behaviors or CSS-specific implementations (this is code-level)
-- Do NOT suggest animation tokens, transition timing, or programmatic animations (this is code-level)
-- Do NOT suggest API integration, data binding, or dynamic content loading (this is code-level)
-- ONLY focus on VISUAL DESIGN and DESIGN SYSTEM concerns that can be addressed within Figma
-
-**Token Naming Convention:**
-- Colors: \`semantic-[purpose]-[variant]\` (e.g., "semantic-color-primary", "neutral-background-subtle")
-- Spacing: \`spacing-[size]-[value]\` (e.g., "spacing-md-16px", "spacing-lg-24px")
-- Typography: \`text-[property]-[variant]-[value]\` (e.g., "text-size-lg-18px", "text-weight-semibold-600")
-- Effects: \`[effect]-[intensity]-[purpose]\` (e.g., "shadow-md-default", "blur-backdrop-light")
-- Borders: \`radius-[size]-[value]\` (e.g., "radius-md-8px", "radius-full-999px")
+**Component Analysis Context:**
+- Component Name: ${e.name}
+- Component Type: ${e.type}
+- Layer Structure: ${JSON.stringify(e.hierarchy,null,2)}
+- Detected Colors: ${e.colors&&e.colors.length>0?e.colors.join(", "):"None detected"}
+- Detected Spacing: ${e.spacing&&e.spacing.length>0?e.spacing.join(", "):"None detected"}
+- Text Content: ${e.textContent||"No text content"}
 
-Focus on creating a comprehensive DESIGN analysis that helps designers build scalable, consistent, and well-structured Figma components.`;
-  }
-  function extractJSONFromResponse(response) {
-    try {
-      console.log("\u{1F50D} Starting JSON extraction from LLM response...");
-      console.log("\u{1F4DD} Response length:", response.length);
-      console.log("\u{1F4DD} Response preview (first 200 chars):", response.substring(0, 200));
-      try {
-        const parsed = JSON.parse(response.trim());
-        console.log("\u2705 Successfully parsed entire response as JSON");
-        return parsed;
-      } catch (fullParseError) {
-        console.log("\u26A0\uFE0F Full response is not valid JSON, trying to extract JSON block...");
-      }
-      const strategies = [
-        // Strategy 1: Look for complete JSON objects with balanced braces
-        () => extractBalancedJson(response),
-        // Strategy 2: Look for JSON between common delimiters
-        () => extractJsonBetweenDelimiters(response),
-        // Strategy 3: Find JSON in code blocks
-        () => extractJsonFromCodeBlocks(response),
-        // Strategy 4: Last resort - original regex approach
-        () => extractJsonWithRegex(response)
-      ];
-      for (let i = 0; i < strategies.length; i++) {
-        try {
-          console.log(`\u{1F50D} Trying extraction strategy ${i + 1}...`);
-          const result = strategies[i]();
-          if (result) {
-            console.log("\u2705 Successfully extracted JSON with strategy", i + 1);
-            return result;
-          }
-        } catch (strategyError) {
-          const errorMessage = strategyError instanceof Error ? strategyError.message : "Unknown error";
-          console.log(`\u26A0\uFE0F Strategy ${i + 1} failed:`, errorMessage);
-          continue;
-        }
-      }
-      throw new Error("No valid JSON found in response after trying all strategies");
-    } catch (error) {
-      console.error("\u274C Failed to parse JSON from LLM response:", error);
-      console.log("\u{1F4DD} Full response for debugging:", response);
-      throw new Error("Invalid JSON response from LLM API");
-    }
-  }
-  function extractBalancedJson(response) {
-    const firstBrace = response.indexOf("{");
-    if (firstBrace === -1) return null;
-    let braceCount = 0;
-    let inString = false;
-    let escapeNext = false;
-    for (let i = firstBrace; i < response.length; i++) {
-      const char = response[i];
-      if (escapeNext) {
-        escapeNext = false;
-        continue;
-      }
-      if (char === "\\") {
-        escapeNext = true;
-        continue;
-      }
-      if (char === '"') {
-        inString = !inString;
-        continue;
-      }
-      if (!inString) {
-        if (char === "{") {
-          braceCount++;
-        } else if (char === "}") {
-          braceCount--;
-          if (braceCount === 0) {
-            const jsonStr = response.substring(firstBrace, i + 1);
-            try {
-              return JSON.parse(jsonStr);
-            } catch (parseError) {
-              console.log("\u26A0\uFE0F Balanced JSON extraction found malformed JSON:", parseError instanceof Error ? parseError.message : "Parse error");
-              return null;
-            }
-          }
-        }
-      }
-    }
-    console.log("\u26A0\uFE0F JSON appears to be truncated, attempting reconstruction...");
-    return reconstructTruncatedJson(response, firstBrace);
-  }
-  function reconstructTruncatedJson(response, startIndex) {
-    try {
-      const jsonStr = response.substring(startIndex);
-      const lines = jsonStr.split("\n");
-      let reconstructed = "";
-      let braceCount = 0;
-      let inString = false;
-      let escapeNext = false;
-      for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
-        const line = lines[lineIndex];
-        for (let i = 0; i < line.length; i++) {
-          const char = line[i];
-          if (escapeNext) {
-            escapeNext = false;
-            continue;
-          }
-          if (char === "\\") {
-            escapeNext = true;
-            continue;
-          }
-          if (char === '"') {
-            inString = !inString;
-            continue;
-          }
-          if (!inString) {
-            if (char === "{") {
-              braceCount++;
-            } else if (char === "}") {
-              braceCount--;
-            }
-          }
-        }
-        if (inString || line.trim().endsWith(",") === false && lineIndex < lines.length - 1) {
-          break;
-        }
-        reconstructed += line + "\n";
-      }
-      while (braceCount > 0) {
-        reconstructed += "}\n";
-        braceCount--;
-      }
-      const parsed = JSON.parse(reconstructed.trim());
-      console.log("\u2705 Successfully reconstructed truncated JSON");
-      return parsed;
-    } catch (error) {
-      console.log("\u26A0\uFE0F Failed to reconstruct truncated JSON:", error instanceof Error ? error.message : "Unknown error");
-      return extractBasicComponentInfo(response);
-    }
-  }
-  function extractBasicComponentInfo(response) {
-    try {
-      console.log("\u{1F504} Attempting to extract basic component info as fallback...");
-      const componentMatch = response.match(/"component":\s*"([^"]+)"/);
-      const descriptionMatch = response.match(/"description":\s*"([^"]+)"/);
-      if (componentMatch && descriptionMatch) {
-        const fallbackData = {
-          component: componentMatch[1],
-          description: descriptionMatch[1],
-          props: [],
-          states: ["default"],
-          variants: {},
-          tokens: { colors: [], spacing: [], typography: [] },
-          audit: {
-            tokenOpportunities: ["Review and simplify component analysis"]
-          },
-          mcpReadiness: {
-            score: 60,
-            strengths: ["Component has basic structure"],
-            gaps: ["Analysis was incomplete due to response size"],
-            recommendations: ["Simplify component structure", "Use MCP-enhanced analysis for better results"]
-          },
-          propertyCheatSheet: []
-        };
-        console.log("\u2705 Extracted basic component info as fallback");
-        return fallbackData;
-      }
-      return null;
-    } catch (error) {
-      console.log("\u26A0\uFE0F Failed to extract basic component info:", error instanceof Error ? error.message : "Unknown error");
-      return null;
-    }
-  }
-  function extractJsonBetweenDelimiters(response) {
-    const delimiters = [
-      ["```json", "```"],
-      ["```", "```"],
-      ["JSON:", "\n\n"],
-      ["Response:", "\n\n"],
-      ["{", "}\n"]
-    ];
-    for (const [start, end] of delimiters) {
-      const startIndex = response.indexOf(start);
-      if (startIndex === -1) continue;
-      const jsonStart = startIndex + start.length;
-      let endIndex = response.indexOf(end, jsonStart);
-      if (endIndex === -1 && end === "\n\n") {
-        endIndex = response.length;
-      }
-      if (endIndex === -1) continue;
-      const jsonStr = response.substring(jsonStart, endIndex).trim();
-      try {
-        return JSON.parse(jsonStr);
-      } catch (parseError) {
-        if (jsonStr.startsWith("{")) {
-          try {
-            return extractBalancedJson(jsonStr);
-          } catch (balancedError) {
-            continue;
-          }
-        }
-      }
-    }
-    return null;
-  }
-  function extractJsonFromCodeBlocks(response) {
-    const codeBlockRegex = /```(?:json)?\s*(\{[\s\S]*?\})\s*```/gi;
-    let match;
-    while ((match = codeBlockRegex.exec(response)) !== null) {
-      try {
-        return JSON.parse(match[1]);
-      } catch (parseError) {
-        continue;
-      }
-    }
-    return null;
-  }
-  function extractJsonWithRegex(response) {
-    const jsonMatch = response.match(/\{[\s\S]*\}/);
-    if (jsonMatch) {
-      return JSON.parse(jsonMatch[0]);
-    }
-    return null;
-  }
-  function filterDevelopmentRecommendations(data) {
-    if (!data || typeof data !== "object") return data;
-    const developmentKeywords = [
-      "aria",
-      "accessibility api",
-      "semantic html",
-      "keyboard navigation",
-      "event handler",
-      "interactive behavior",
-      "onclick",
-      "onchange",
-      "state management",
-      "controlled component",
-      "uncontrolled component",
-      "props",
-      "responsive breakpoint",
-      "css implementation",
-      "@media",
-      "animation token",
-      "transition timing",
-      "programmatic animation",
-      "keyframe",
-      "api integration",
-      "data binding",
-      "dynamic content",
-      "fetch",
-      "axios",
-      "implement",
-      "add handler",
-      "bind event",
-      "attach listener",
-      "programming pattern",
-      "functional pattern",
-      "react hook",
-      "usestate",
-      "useeffect"
-    ];
-    const isDevelopmentFocused = (text) => {
-      const lowerText = text.toLowerCase();
-      return developmentKeywords.some((keyword) => lowerText.includes(keyword));
-    };
-    const filterRecommendationArray = (arr) => {
-      if (!Array.isArray(arr)) return arr;
-      return arr.filter((item) => {
-        if (typeof item === "string") {
-          const filtered = !isDevelopmentFocused(item);
-          if (!filtered) {
-            console.log("\u{1F6AB} [FILTER] Removed development-focused recommendation:", item);
-          }
-          return filtered;
-        }
-        return true;
-      });
-    };
-    const filteredData = JSON.parse(JSON.stringify(data));
-    if (filteredData.mcpReadiness) {
-      if (filteredData.mcpReadiness.recommendations) {
-        filteredData.mcpReadiness.recommendations = filterRecommendationArray(filteredData.mcpReadiness.recommendations);
-      }
-      if (filteredData.mcpReadiness.gaps) {
-        filteredData.mcpReadiness.gaps = filterRecommendationArray(filteredData.mcpReadiness.gaps);
-      }
-    }
-    if (filteredData.audit) {
-      if (filteredData.audit.tokenOpportunities) {
-        filteredData.audit.tokenOpportunities = filterRecommendationArray(filteredData.audit.tokenOpportunities);
-      }
-      if (filteredData.audit.structureIssues) {
-        filteredData.audit.structureIssues = filterRecommendationArray(filteredData.audit.structureIssues);
-      }
-    }
-    if (filteredData.accessibility) {
-      if (filteredData.accessibility.designConsiderations) {
-        filteredData.accessibility.designConsiderations = filterRecommendationArray(filteredData.accessibility.designConsiderations);
-      }
-      if (filteredData.accessibility.visualIndicators) {
-        filteredData.accessibility.visualIndicators = filterRecommendationArray(filteredData.accessibility.visualIndicators);
-      }
-    }
-    return filteredData;
-  }
+**Additional Context & Considerations:**
+${e.additionalContext?`
+- Component Family: ${e.additionalContext.componentFamily||"Generic"}
+- Possible Use Case: ${e.additionalContext.possibleUseCase||"Unknown"}
+- Has Interactive Elements: ${e.additionalContext.hasInteractiveElements?"Yes":"No"}
+- Design Patterns: ${e.additionalContext.designPatterns.join(", ")||"None identified"}
+- Considerations: ${e.additionalContext.suggestedConsiderations.join("; ")||"None"}
+`:"- No additional context available"}
 
-  // src/api/providers/types.ts
-  var LLMError = class extends Error {
-    constructor(message, code, statusCode, retryAfter) {
-      super(message);
-      this.code = code;
-      this.statusCode = statusCode;
-      this.retryAfter = retryAfter;
-      this.name = "LLMError";
-    }
-  };
-  var DEFAULT_MODELS = {
-    anthropic: "claude-sonnet-4-5-20250929",
-    openai: "gpt-5.2",
-    google: "gemini-2.5-pro"
-  };
+**Existing Figma Description:**
+${e.existingDescription?`"${e.existingDescription}"
+(Build upon this if present, or create a comprehensive new description)`:"None set \u2014 create a comprehensive description from scratch"}
 
-  // src/api/providers/anthropic.ts
-  var ANTHROPIC_MODELS = [
-    {
-      id: "claude-opus-4-5-20251218",
-      name: "Claude Opus 4.5",
-      description: "Flagship model - Most capable, best for complex analysis and reasoning",
-      contextWindow: 2e5,
-      isDefault: false
-    },
-    {
-      id: "claude-sonnet-4-5-20250929",
-      name: "Claude Sonnet 4.5",
-      description: "Standard model - Balanced performance and cost, recommended for most tasks",
-      contextWindow: 2e5,
-      isDefault: true
-    },
-    {
-      id: "claude-haiku-4-5-20251001",
-      name: "Claude Haiku 4.5",
-      description: "Economy model - Fastest responses, ideal for quick analysis",
-      contextWindow: 2e5,
-      isDefault: false
-    }
-  ];
-  var AnthropicProvider = class {
-    constructor() {
-      this.name = "Anthropic";
-      this.id = "anthropic";
-      this.endpoint = "https://api.anthropic.com/v1/messages";
-      this.keyPrefix = "sk-ant-";
-      this.keyPlaceholder = "sk-ant-...";
-      this.models = ANTHROPIC_MODELS;
-    }
-    /**
-     * Format a request for the Anthropic API
-     */
-    formatRequest(config) {
-      const request = {
-        model: config.model,
-        messages: [
-          {
-            role: "user",
-            content: config.prompt.trim()
-          }
-        ],
-        max_tokens: config.maxTokens
-      };
-      if (config.temperature !== void 0) {
-        request.temperature = config.temperature;
-      }
-      if (config.additionalParams) {
-        Object.assign(request, config.additionalParams);
-      }
-      return request;
-    }
-    /**
-     * Parse Anthropic API response into standardized format
-     */
-    parseResponse(response) {
-      const anthropicResponse = response;
-      if (!anthropicResponse.content || !Array.isArray(anthropicResponse.content)) {
-        throw new LLMError(
-          "Invalid response format from Anthropic API: missing content array",
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const textContent = anthropicResponse.content.filter((block) => block.type === "text").map((block) => block.text).join("\n");
-      if (!textContent) {
-        throw new LLMError(
-          "Invalid response format from Anthropic API: no text content found",
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      return {
-        content: textContent.trim(),
-        model: anthropicResponse.model,
-        usage: anthropicResponse.usage ? {
-          promptTokens: anthropicResponse.usage.input_tokens,
-          completionTokens: anthropicResponse.usage.output_tokens,
-          totalTokens: anthropicResponse.usage.input_tokens + anthropicResponse.usage.output_tokens
-        } : void 0,
-        metadata: {
-          id: anthropicResponse.id,
-          stopReason: anthropicResponse.stop_reason
-        }
-      };
-    }
-    /**
-     * Validate API key format for Anthropic
-     */
-    validateApiKey(apiKey) {
-      if (!apiKey || typeof apiKey !== "string") {
-        return {
-          isValid: false,
-          error: "API Key Required: Please provide a valid Claude API key."
-        };
-      }
-      const trimmedKey = apiKey.trim();
-      if (trimmedKey.length === 0) {
-        return {
-          isValid: false,
-          error: "API Key Required: The Claude API key cannot be empty."
-        };
-      }
-      if (!trimmedKey.startsWith(this.keyPrefix)) {
-        return {
-          isValid: false,
-          error: `Invalid API Key Format: Claude API keys should start with "${this.keyPrefix}". Please check your API key.`
-        };
-      }
-      if (trimmedKey.length < 40) {
-        return {
-          isValid: false,
-          error: "Invalid API Key Format: The API key appears to be too short. Please verify you copied the complete key."
-        };
-      }
-      return { isValid: true };
-    }
-    /**
-     * Get HTTP headers for Anthropic API requests
-     */
-    getHeaders(apiKey) {
-      return {
-        "content-type": "application/json",
-        "x-api-key": apiKey.trim(),
-        "anthropic-version": "2023-06-01",
-        "anthropic-dangerous-direct-browser-access": "true"
-      };
-    }
-    /**
-     * Get the default model for Anthropic
-     */
-    getDefaultModel() {
-      const defaultModel = this.models.find((model) => model.isDefault);
-      return defaultModel || this.models[1];
-    }
-    /**
-     * Handle Anthropic-specific error responses
-     */
-    handleError(statusCode, response) {
-      var _a;
-      const errorResponse = response;
-      const errorMessage = ((_a = errorResponse == null ? void 0 : errorResponse.error) == null ? void 0 : _a.message) || (typeof response === "string" ? response : "Unknown error");
-      switch (statusCode) {
-        case 400:
-          return new LLMError(
-            `Claude API Error (400): ${errorMessage}. Please check your request format.`,
-            "INVALID_REQUEST" /* INVALID_REQUEST */,
-            400
-          );
-        case 401:
-          return new LLMError(
-            "Claude API Error (401): Invalid API key. Please check your Claude API key in settings.",
-            "INVALID_API_KEY" /* INVALID_API_KEY */,
-            401
-          );
-        case 403:
-          return new LLMError(
-            "Claude API Error (403): Access forbidden. Please check your API key permissions.",
-            "INVALID_API_KEY" /* INVALID_API_KEY */,
-            403
-          );
-        case 404:
-          return new LLMError(
-            `Claude API Error (404): ${errorMessage}. The requested model may not be available.`,
-            "MODEL_NOT_FOUND" /* MODEL_NOT_FOUND */,
-            404
-          );
-        case 429:
-          return new LLMError(
-            "Claude API Error (429): Rate limit exceeded. Please try again later.",
-            "RATE_LIMIT_EXCEEDED" /* RATE_LIMIT_EXCEEDED */,
-            429
-          );
-        case 500:
-          return new LLMError(
-            "Claude API Error (500): Server error. The Claude API is experiencing issues. Please try again later.",
-            "SERVER_ERROR" /* SERVER_ERROR */,
-            500
-          );
-        case 503:
-          return new LLMError(
-            "Claude API Error (503): Service unavailable. The Claude API is temporarily down. Please try again later.",
-            "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */,
-            503
-          );
-        default:
-          return new LLMError(
-            `Claude API Error (${statusCode}): ${errorMessage}`,
-            "UNKNOWN_ERROR" /* UNKNOWN_ERROR */,
-            statusCode
-          );
-      }
-    }
-  };
-  var anthropicProvider = new AnthropicProvider();
+- Nested Component Instances: ${je(e.hierarchy).join(", ")||"None detected"}
 
-  // src/api/providers/openai.ts
-  var OPENAI_MODELS = [
-    {
-      id: "gpt-5.2",
-      name: "GPT-5.2",
-      description: "Flagship model with advanced reasoning capabilities",
-      contextWindow: 128e3,
-      isDefault: true
-    },
-    {
-      id: "gpt-5.2-pro",
-      name: "GPT-5.2 Pro",
-      description: "Premium model with extended reasoning for complex tasks",
-      contextWindow: 128e3,
-      isDefault: false
-    },
-    {
-      id: "gpt-5-mini",
-      name: "GPT-5 Mini",
-      description: "Economy model - fast and cost-effective",
-      contextWindow: 128e3,
-      isDefault: false
-    }
-  ];
-  var OpenAIProviderClass = class {
-    constructor() {
-      this.name = "OpenAI";
-      this.id = "openai";
-      this.endpoint = "https://api.openai.com/v1/chat/completions";
-      this.keyPrefix = "sk-";
-      this.keyPlaceholder = "sk-...";
-      this.models = OPENAI_MODELS;
-    }
-    /**
-     * Format a request for OpenAI's chat completions API
-     */
-    formatRequest(config) {
-      const request = {
-        model: config.model,
-        messages: [
-          {
-            role: "user",
-            content: config.prompt
-          }
-        ],
-        max_completion_tokens: config.maxTokens,
-        temperature: config.temperature
-      };
-      if (config.additionalParams) {
-        Object.assign(request, config.additionalParams);
-      }
-      return request;
-    }
-    /**
-     * Parse OpenAI's response into standardized format
-     */
-    parseResponse(response) {
-      const openaiResponse = response;
-      if (!openaiResponse.choices || openaiResponse.choices.length === 0) {
-        throw new LLMError(
-          "Invalid response format: no choices returned",
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const choice = openaiResponse.choices[0];
-      if (!choice.message || typeof choice.message.content !== "string") {
-        throw new LLMError(
-          "Invalid response format: missing message content",
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const result = {
-        content: choice.message.content.trim(),
-        model: openaiResponse.model
-      };
-      if (openaiResponse.usage) {
-        result.usage = {
-          promptTokens: openaiResponse.usage.prompt_tokens,
-          completionTokens: openaiResponse.usage.completion_tokens,
-          totalTokens: openaiResponse.usage.total_tokens
-        };
-      }
-      result.metadata = {
-        id: openaiResponse.id,
-        finishReason: choice.finish_reason,
-        created: openaiResponse.created
-      };
-      return result;
-    }
-    /**
-     * Validate OpenAI API key format
-     */
-    validateApiKey(apiKey) {
-      if (!apiKey || typeof apiKey !== "string") {
-        return {
-          isValid: false,
-          error: "API Key Required: Please provide a valid OpenAI API key."
-        };
-      }
-      const trimmedKey = apiKey.trim();
-      if (trimmedKey.length === 0) {
-        return {
-          isValid: false,
-          error: "API Key Required: The OpenAI API key cannot be empty."
-        };
-      }
-      if (!trimmedKey.startsWith(this.keyPrefix)) {
-        return {
-          isValid: false,
-          error: `Invalid API Key Format: OpenAI API keys should start with "${this.keyPrefix}". Please check your API key.`
-        };
-      }
-      if (trimmedKey.length < 20) {
-        return {
-          isValid: false,
-          error: "Invalid API Key Format: The API key appears to be too short. Please verify you copied the complete key."
-        };
-      }
-      return { isValid: true };
-    }
-    /**
-     * Get headers required for OpenAI API requests
-     */
-    getHeaders(apiKey) {
-      return {
-        "Content-Type": "application/json",
-        "Authorization": `Bearer ${apiKey.trim()}`
-      };
-    }
-    /**
-     * Get the default model for OpenAI
-     */
-    getDefaultModel() {
-      const defaultModel = this.models.find((model) => model.isDefault);
-      return defaultModel || this.models[0];
-    }
-    /**
-     * Handle OpenAI-specific error responses
-     */
-    handleError(statusCode, response) {
-      var _a;
-      const errorResponse = response;
-      const errorMessage = ((_a = errorResponse == null ? void 0 : errorResponse.error) == null ? void 0 : _a.message) || (errorResponse == null ? void 0 : errorResponse.message) || "Unknown error occurred";
-      switch (statusCode) {
-        case 400:
-          if (errorMessage.toLowerCase().includes("context_length_exceeded") || errorMessage.toLowerCase().includes("maximum context length")) {
-            return new LLMError(
-              `OpenAI API Error (400): Context length exceeded. ${errorMessage}`,
-              "CONTEXT_LENGTH_EXCEEDED" /* CONTEXT_LENGTH_EXCEEDED */,
-              statusCode
-            );
-          }
-          return new LLMError(
-            `OpenAI API Error (400): ${errorMessage}. Please check your request format.`,
-            "INVALID_REQUEST" /* INVALID_REQUEST */,
-            statusCode
-          );
-        case 401:
-          return new LLMError(
-            "OpenAI API Error (401): Invalid API key. Please check your OpenAI API key in settings.",
-            "INVALID_API_KEY" /* INVALID_API_KEY */,
-            statusCode
-          );
-        case 403:
-          return new LLMError(
-            "OpenAI API Error (403): Access forbidden. Please check your API key permissions or account status.",
-            "INVALID_API_KEY" /* INVALID_API_KEY */,
-            statusCode
-          );
-        case 404:
-          return new LLMError(
-            `OpenAI API Error (404): Model not found. ${errorMessage}`,
-            "MODEL_NOT_FOUND" /* MODEL_NOT_FOUND */,
-            statusCode
-          );
-        case 429:
-          const retryMatch = errorMessage.match(/try again in (\d+)/i);
-          const retryAfter = retryMatch ? parseInt(retryMatch[1], 10) : void 0;
-          return new LLMError(
-            `OpenAI API Error (429): Rate limit exceeded. ${retryAfter ? `Please try again in ${retryAfter} seconds.` : "Please try again later."}`,
-            "RATE_LIMIT_EXCEEDED" /* RATE_LIMIT_EXCEEDED */,
-            statusCode,
-            retryAfter
-          );
-        case 500:
-          return new LLMError(
-            "OpenAI API Error (500): Server error. The OpenAI API is experiencing issues. Please try again later.",
-            "SERVER_ERROR" /* SERVER_ERROR */,
-            statusCode
-          );
-        case 502:
-          return new LLMError(
-            "OpenAI API Error (502): Bad gateway. The OpenAI API is temporarily unavailable. Please try again later.",
-            "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */,
-            statusCode
-          );
-        case 503:
-          return new LLMError(
-            "OpenAI API Error (503): Service unavailable. The OpenAI API is temporarily down. Please try again later.",
-            "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */,
-            statusCode
-          );
-        case 504:
-          return new LLMError(
-            "OpenAI API Error (504): Gateway timeout. The request took too long. Please try again.",
-            "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */,
-            statusCode
-          );
-        default:
-          return new LLMError(
-            `OpenAI API Error (${statusCode}): ${errorMessage}`,
-            "UNKNOWN_ERROR" /* UNKNOWN_ERROR */,
-            statusCode
-          );
-      }
-    }
-  };
-  var OpenAIProvider = new OpenAIProviderClass();
+**IMPORTANT: Focus on what makes this component ready for CODE GENERATION via MCP.**
+Evaluate based on these criteria that actually matter for development:
 
-  // src/api/providers/google.ts
-  var GOOGLE_MODELS = [
-    {
-      id: "gemini-3-pro-preview",
-      name: "Gemini 3 Pro",
-      description: "Flagship model with advanced reasoning and multimodal capabilities",
-      contextWindow: 1e6,
-      isDefault: true
-    },
-    {
-      id: "gemini-2.5-pro",
-      name: "Gemini 2.5 Pro",
-      description: "Standard reasoning model with excellent performance",
-      contextWindow: 1e6,
-      isDefault: false
-    },
-    {
-      id: "gemini-2.5-flash",
-      name: "Gemini 2.5 Flash",
-      description: "Economy model optimized for speed and efficiency",
-      contextWindow: 1e6,
-      isDefault: false
-    }
-  ];
-  var GoogleProvider = class {
-    constructor() {
-      this.name = "Google";
-      this.id = "google";
-      this.endpoint = "https://generativelanguage.googleapis.com/v1beta/models";
-      this.keyPrefix = "AIza";
-      this.keyPlaceholder = "AIza...";
-      this.models = GOOGLE_MODELS;
-    }
-    /**
-     * Format a request for the Gemini API
-     *
-     * Gemini uses a different request structure than OpenAI/Anthropic:
-     * - contents: Array of content objects with parts
-     * - generationConfig: Configuration for the generation
-     *
-     * @param config - Request configuration
-     * @returns Formatted request body for Gemini API
-     */
-    formatRequest(config) {
-      const request = {
-        contents: [
-          {
-            parts: [
-              {
-                text: config.prompt
-              }
-            ]
-          }
-        ],
-        generationConfig: {
-          maxOutputTokens: config.maxTokens,
-          temperature: config.temperature
-        }
-      };
-      if (config.additionalParams) {
-        const { topP, topK, stopSequences } = config.additionalParams;
-        if (topP !== void 0) {
-          request.generationConfig.topP = topP;
-        }
-        if (topK !== void 0) {
-          request.generationConfig.topK = topK;
-        }
-        if (stopSequences !== void 0) {
-          request.generationConfig.stopSequences = stopSequences;
-        }
-      }
-      return request;
-    }
-    /**
-     * Parse Gemini API response into standardized format
-     *
-     * Gemini response structure:
-     * {
-     *   candidates: [{
-     *     content: {
-     *       parts: [{ text: "..." }]
-     *     }
-     *   }],
-     *   usageMetadata: { ... }
-     * }
-     *
-     * @param response - Raw API response
-     * @returns Standardized LLM response
-     * @throws Error if response format is invalid
-     */
-    parseResponse(response) {
-      var _a;
-      const geminiResponse = response;
-      if (geminiResponse.error) {
-        throw new LLMError(
-          geminiResponse.error.message || "Unknown Gemini API error",
-          this.mapErrorCodeToLLMErrorCode(geminiResponse.error.code, geminiResponse.error.status),
-          geminiResponse.error.code
-        );
-      }
-      if (!geminiResponse.candidates || geminiResponse.candidates.length === 0) {
-        const keys = Object.keys(geminiResponse);
-        throw new LLMError(
-          `No candidates in Gemini response. Response keys: [${keys.join(", ")}]${geminiResponse.error ? `. Error: ${geminiResponse.error.message}` : ""}`,
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const candidate = geminiResponse.candidates[0];
-      if (candidate.finishReason === "SAFETY") {
-        throw new LLMError(
-          "Gemini response blocked by safety filters. Try rephrasing the prompt.",
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const parts = (_a = candidate.content) == null ? void 0 : _a.parts;
-      if (!parts || parts.length === 0) {
-        throw new LLMError(
-          `No content parts in Gemini response. Finish reason: ${candidate.finishReason || "unknown"}. Has content: ${!!candidate.content}`,
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const textPart = parts.find((p) => typeof p.text === "string");
-      if (!textPart || !textPart.text) {
-        const partTypes = parts.map((p) => Object.keys(p).join(",")).join("; ");
-        throw new LLMError(
-          `No text content in Gemini response parts. Part types: [${partTypes}]. Finish reason: ${candidate.finishReason || "unknown"}`,
-          "INVALID_REQUEST" /* INVALID_REQUEST */
-        );
-      }
-      const text = textPart.text;
-      const llmResponse = {
-        content: text,
-        model: "gemini"
-        // Model info not always returned in response
-      };
-      if (geminiResponse.usageMetadata) {
-        llmResponse.usage = {
-          promptTokens: geminiResponse.usageMetadata.promptTokenCount || 0,
-          completionTokens: geminiResponse.usageMetadata.candidatesTokenCount || 0,
-          totalTokens: geminiResponse.usageMetadata.totalTokenCount || 0
-        };
-      }
-      return llmResponse;
-    }
-    /**
-     * Validate Google API key format
-     *
-     * Google API keys:
-     * - Start with 'AIza'
-     * - Are typically 39 characters long
-     * - Contain alphanumeric characters and underscores
-     *
-     * @param apiKey - The API key to validate
-     * @returns Validation result
-     */
-    validateApiKey(apiKey) {
-      if (!apiKey || typeof apiKey !== "string") {
-        return {
-          isValid: false,
-          error: "API key is required"
-        };
-      }
-      const trimmedKey = apiKey.trim();
-      if (trimmedKey.length === 0) {
-        return {
-          isValid: false,
-          error: "API key cannot be empty"
-        };
-      }
-      if (!trimmedKey.startsWith(this.keyPrefix)) {
-        return {
-          isValid: false,
-          error: `Google API keys should start with "${this.keyPrefix}". Please check your API key.`
-        };
-      }
-      if (trimmedKey.length < 30 || trimmedKey.length > 50) {
-        return {
-          isValid: false,
-          error: "API key appears to have an invalid length. Please verify you copied the complete key."
-        };
-      }
-      if (!/^[A-Za-z0-9_-]+$/.test(trimmedKey)) {
-        return {
-          isValid: false,
-          error: "API key contains invalid characters"
-        };
-      }
-      return { isValid: true };
-    }
-    /**
-     * Get headers for API requests
-     *
-     * Note: Google uses URL-based authentication, so the API key is not
-     * included in headers. It is appended to the URL instead.
-     *
-     * @param _apiKey - The API key (not used in headers for Google)
-     * @returns Request headers
-     */
-    getHeaders(_apiKey) {
-      return {
-        "Content-Type": "application/json"
-      };
-    }
-    /**
-     * Get the full endpoint URL for a specific model and API key
-     *
-     * Google's API uses URL-based authentication:
-     * https://generativelanguage.googleapis.com/v1beta/models/{model}:generateContent?key={API_KEY}
-     *
-     * @param model - The model ID to use
-     * @param apiKey - The API key for authentication
-     * @returns Full endpoint URL with API key
-     */
-    getEndpoint(model, apiKey) {
-      const trimmedKey = apiKey.trim();
-      return `${this.endpoint}/${model}:generateContent?key=${trimmedKey}`;
-    }
-    /**
-     * Get the default model for this provider
-     *
-     * @returns The default Gemini model
-     */
-    getDefaultModel() {
-      const defaultModel = this.models.find((m) => m.isDefault);
-      return defaultModel || this.models[0];
-    }
-    /**
-     * Handle provider-specific error responses
-     *
-     * @param statusCode - HTTP status code
-     * @param response - Error response body
-     * @returns Formatted LLMError
-     */
-    handleError(statusCode, response) {
-      var _a, _b;
-      const errorResponse = response;
-      const errorInfo = errorResponse == null ? void 0 : errorResponse.error;
-      const message = (errorInfo == null ? void 0 : errorInfo.message) || "Unknown Google API error";
-      const status = errorInfo == null ? void 0 : errorInfo.status;
-      const code = (errorInfo == null ? void 0 : errorInfo.code) || statusCode;
-      const llmErrorCode = this.mapErrorCodeToLLMErrorCode(code, status);
-      let retryAfter;
-      if (statusCode === 429) {
-        retryAfter = 6e4;
-        const retryDetail = (_a = errorInfo == null ? void 0 : errorInfo.details) == null ? void 0 : _a.find(
-          (d) => {
-            var _a2;
-            return (_a2 = d["@type"]) == null ? void 0 : _a2.includes("RetryInfo");
-          }
-        );
-        if ((_b = retryDetail == null ? void 0 : retryDetail.metadata) == null ? void 0 : _b.retryDelay) {
-          const delayMatch = retryDetail.metadata.retryDelay.match(/(\d+)s/);
-          if (delayMatch) {
-            retryAfter = parseInt(delayMatch[1], 10) * 1e3;
-          }
-        }
-      }
-      let userMessage = message;
-      switch (llmErrorCode) {
-        case "INVALID_API_KEY" /* INVALID_API_KEY */:
-          userMessage = "Google API Error: Invalid API key. Please check your API key in settings.";
-          break;
-        case "RATE_LIMIT_EXCEEDED" /* RATE_LIMIT_EXCEEDED */:
-          userMessage = `Google API Error: Rate limit exceeded. ${retryAfter ? `Please try again in ${Math.ceil(retryAfter / 1e3)} seconds.` : "Please try again later."}`;
-          break;
-        case "MODEL_NOT_FOUND" /* MODEL_NOT_FOUND */:
-          userMessage = "Google API Error: Model not found. Please select a valid model.";
-          break;
-        case "CONTEXT_LENGTH_EXCEEDED" /* CONTEXT_LENGTH_EXCEEDED */:
-          userMessage = "Google API Error: Input too long. Please reduce the size of your request.";
-          break;
-        case "SERVER_ERROR" /* SERVER_ERROR */:
-          userMessage = "Google API Error: Server error. Please try again later.";
-          break;
-        case "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */:
-          userMessage = "Google API Error: Service temporarily unavailable. Please try again later.";
-          break;
-      }
-      return new LLMError(userMessage, llmErrorCode, statusCode, retryAfter);
-    }
-    /**
-     * Map Google error codes/status to LLMErrorCode
-     *
-     * @param code - HTTP status code or Google error code
-     * @param status - Google error status string
-     * @returns Appropriate LLMErrorCode
-     */
-    mapErrorCodeToLLMErrorCode(code, status) {
-      if (status) {
-        const statusUpper = status.toUpperCase();
-        if (statusUpper === "INVALID_ARGUMENT") {
-          return "INVALID_REQUEST" /* INVALID_REQUEST */;
-        }
-        if (statusUpper === "PERMISSION_DENIED" || statusUpper === "UNAUTHENTICATED") {
-          return "INVALID_API_KEY" /* INVALID_API_KEY */;
-        }
-        if (statusUpper === "NOT_FOUND") {
-          return "MODEL_NOT_FOUND" /* MODEL_NOT_FOUND */;
-        }
-        if (statusUpper === "RESOURCE_EXHAUSTED") {
-          return "RATE_LIMIT_EXCEEDED" /* RATE_LIMIT_EXCEEDED */;
-        }
-        if (statusUpper === "UNAVAILABLE") {
-          return "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */;
-        }
-      }
-      switch (code) {
-        case 400:
-          return "INVALID_REQUEST" /* INVALID_REQUEST */;
-        case 401:
-        case 403:
-          return "INVALID_API_KEY" /* INVALID_API_KEY */;
-        case 404:
-          return "MODEL_NOT_FOUND" /* MODEL_NOT_FOUND */;
-        case 429:
-          return "RATE_LIMIT_EXCEEDED" /* RATE_LIMIT_EXCEEDED */;
-        case 500:
-          return "SERVER_ERROR" /* SERVER_ERROR */;
-        case 503:
-          return "SERVICE_UNAVAILABLE" /* SERVICE_UNAVAILABLE */;
-        default:
-          return "UNKNOWN_ERROR" /* UNKNOWN_ERROR */;
-      }
-    }
-  };
-  var googleProvider = new GoogleProvider();
+**Analysis Requirements:**
 
-  // src/api/providers/index.ts
-  var providers = {
-    anthropic: anthropicProvider,
-    openai: OpenAIProvider,
-    google: googleProvider
-  };
-  function getProvider(providerId) {
-    const provider = providers[providerId];
-    if (!provider) {
-      throw new LLMError(
-        `Unknown provider: ${providerId}`,
-        "INVALID_REQUEST" /* INVALID_REQUEST */,
-        400
-      );
-    }
-    return provider;
-  }
-  async function callProvider(providerId, apiKey, config) {
-    var _a, _b;
-    const provider = getProvider(providerId);
-    const validation = provider.validateApiKey(apiKey);
-    if (!validation.isValid) {
-      throw new LLMError(
-        validation.error || "Invalid API key format",
-        "INVALID_API_KEY" /* INVALID_API_KEY */,
-        401
-      );
-    }
-    const requestBody = provider.formatRequest(config);
-    const headers = provider.getHeaders(apiKey);
-    let endpoint = provider.endpoint;
-    if (providerId === "google") {
-      endpoint = `${provider.endpoint}/${config.model}:generateContent?key=${apiKey.trim()}`;
-    }
-    try {
-      console.log(`Making ${provider.name} API call to ${endpoint}...`);
-      const response = await fetch(endpoint, {
-        method: "POST",
-        headers,
-        body: JSON.stringify(requestBody)
-      });
-      if (!response.ok) {
-        let errorData;
-        try {
-          errorData = await response.json();
-        } catch (e) {
-          errorData = await response.text();
-        }
-        throw provider.handleError(response.status, errorData);
-      }
-      const data = await response.json();
-      console.log(`${provider.name} API response status: ${response.status}`);
-      console.log(`${provider.name} API response keys:`, Object.keys(data));
-      if (providerId === "google") {
-        console.log(`Gemini response candidates:`, data.candidates ? data.candidates.length : "none");
-        if ((_a = data.candidates) == null ? void 0 : _a[0]) {
-          console.log(`Gemini candidate[0] keys:`, Object.keys(data.candidates[0]));
-          if (data.candidates[0].content) {
-            console.log(`Gemini content parts:`, ((_b = data.candidates[0].content.parts) == null ? void 0 : _b.length) || "none");
-          }
-        }
-        if (data.error) {
-          console.log(`Gemini error:`, JSON.stringify(data.error));
-        }
-      }
-      return provider.parseResponse(data);
-    } catch (error) {
-      if (error instanceof LLMError) {
-        throw error;
-      }
-      if (error instanceof Error) {
-        if (error.message.includes("Failed to fetch") || error.message.includes("NetworkError")) {
-          throw new LLMError(
-            `Network error connecting to ${provider.name}. Please check your internet connection.`,
-            "NETWORK_ERROR" /* NETWORK_ERROR */
-          );
-        }
-      }
-      throw new LLMError(
-        `Unexpected error calling ${provider.name}: ${error instanceof Error ? error.message : "Unknown error"}`,
-        "UNKNOWN_ERROR" /* UNKNOWN_ERROR */
-      );
-    }
-  }
-  var STORAGE_KEYS = {
-    /** Selected provider ID */
-    SELECTED_PROVIDER: "selected-provider",
-    /** Selected model ID */
-    SELECTED_MODEL: "selected-model",
-    /** API key storage (per provider) */
-    apiKey: (providerId) => `${providerId}-api-key`,
-    /** Legacy Claude key (for migration) */
-    LEGACY_CLAUDE_KEY: "claude-api-key",
-    LEGACY_CLAUDE_MODEL: "claude-model"
-  };
-  var DEFAULTS = {
-    provider: "anthropic",
-    model: DEFAULT_MODELS.anthropic
-  };
-  async function checkLegacyMigration() {
-    try {
-      const legacyKey = await figma.clientStorage.getAsync(STORAGE_KEYS.LEGACY_CLAUDE_KEY);
-      const legacyModel = await figma.clientStorage.getAsync(STORAGE_KEYS.LEGACY_CLAUDE_MODEL);
-      if (legacyKey) {
-        return {
-          needsMigration: true,
-          legacyKey,
-          legacyModel
-        };
-      }
-      return { needsMigration: false };
-    } catch (e) {
-      return { needsMigration: false };
-    }
-  }
-  async function migrateLegacyStorage() {
-    const migration = await checkLegacyMigration();
-    if (!migration.needsMigration) {
-      return;
-    }
-    console.log("Migrating legacy Claude storage to multi-provider format...");
-    if (migration.legacyKey) {
-      await figma.clientStorage.setAsync(STORAGE_KEYS.apiKey("anthropic"), migration.legacyKey);
-    }
-    await figma.clientStorage.setAsync(STORAGE_KEYS.SELECTED_PROVIDER, "anthropic");
-    if (migration.legacyModel) {
-      await figma.clientStorage.setAsync(STORAGE_KEYS.SELECTED_MODEL, migration.legacyModel);
-    }
-    await figma.clientStorage.deleteAsync(STORAGE_KEYS.LEGACY_CLAUDE_KEY);
-    await figma.clientStorage.deleteAsync(STORAGE_KEYS.LEGACY_CLAUDE_MODEL);
-    console.log("Migration complete");
-  }
-  async function loadProviderConfig() {
-    await migrateLegacyStorage();
-    const providerId = await figma.clientStorage.getAsync(STORAGE_KEYS.SELECTED_PROVIDER) || DEFAULTS.provider;
-    const modelId = await figma.clientStorage.getAsync(STORAGE_KEYS.SELECTED_MODEL) || DEFAULT_MODELS[providerId];
-    const apiKey = await figma.clientStorage.getAsync(STORAGE_KEYS.apiKey(providerId));
-    return { providerId, modelId, apiKey };
-  }
-  async function saveProviderConfig(providerId, modelId, apiKey) {
-    await figma.clientStorage.setAsync(STORAGE_KEYS.SELECTED_PROVIDER, providerId);
-    await figma.clientStorage.setAsync(STORAGE_KEYS.SELECTED_MODEL, modelId);
-    if (apiKey !== void 0) {
-      await figma.clientStorage.setAsync(STORAGE_KEYS.apiKey(providerId), apiKey);
-    }
-  }
-  async function clearProviderKey(providerId) {
-    await figma.clientStorage.deleteAsync(STORAGE_KEYS.apiKey(providerId));
-  }
+1. **Component Properties**: Identify all configurable properties needed for flexibility
+2. **Design Token Usage**: Analyze use of semantic tokens vs hard-coded values  
+3. **Component States**: Document all interactive states (hover, focus, active, disabled, etc.)
+4. **Component Boundaries**: Ensure clear component definition and structure
+5. **Code Generation Readiness**: Assess how well the component can be translated to code
+6. **MCP Compatibility**: Evaluate component structure for automated code generation
 
-  // src/fixes/naming-fixer.ts
-  var GENERIC_NAMES = /^(Frame|Rectangle|Ellipse|Group|Vector|Line|Polygon|Star|Text|Component|Instance|Slice|Boolean|Union|Subtract|Intersect|Exclude)\s*\d*$/i;
-  var NUMBERED_SUFFIX = /\s+\d+$/;
-  var COMPONENT_PREFIXES = {
-    button: "btn",
-    icon: "ico",
-    input: "input",
-    text: "txt",
-    image: "img",
-    container: "container",
-    card: "card",
-    list: "list",
-    "list-item": "list-item",
-    nav: "nav",
-    header: "header",
-    footer: "footer",
-    modal: "modal",
-    dropdown: "dropdown",
-    checkbox: "checkbox",
-    radio: "radio",
-    toggle: "toggle",
-    avatar: "avatar",
-    badge: "badge",
-    divider: "divider",
-    spacer: "spacer",
-    link: "link",
-    tab: "tab",
-    tooltip: "tooltip",
-    alert: "alert",
-    progress: "progress",
-    skeleton: "skeleton",
-    unknown: "layer"
-  };
-  var TYPE_KEYWORD_ENTRIES = [
-    ["btn", "button"],
-    ["button", "button"],
-    ["cta", "button"],
-    ["submit", "button"],
-    ["icon", "icon"],
-    ["ico", "icon"],
-    ["glyph", "icon"],
-    ["symbol", "icon"],
-    ["arrow", "icon"],
-    ["chevron", "icon"],
-    ["close", "icon"],
-    ["plus", "icon"],
-    ["minus", "icon"],
-    ["txt", "text"],
-    ["label", "text"],
-    ["title", "text"],
-    ["heading", "text"],
-    ["paragraph", "text"],
-    ["description", "text"],
-    ["caption", "text"],
-    ["subtitle", "text"],
-    ["input", "input"],
-    ["field", "input"],
-    ["textfield", "input"],
-    ["textarea", "input"],
-    ["searchfield", "input"],
-    ["searchbox", "input"],
-    ["image", "image"],
-    ["img", "image"],
-    ["photo", "image"],
-    ["picture", "image"],
-    ["thumbnail", "image"],
-    ["cover", "image"],
-    ["container", "container"],
-    ["wrapper", "container"],
-    ["content", "container"],
-    ["section", "container"],
-    ["block", "container"],
-    ["box", "container"],
-    ["card", "card"],
-    ["tile", "card"],
-    ["panel", "card"],
-    ["list", "list"],
-    ["items", "list"],
-    ["item", "list-item"],
-    ["row", "list-item"],
-    ["listitem", "list-item"],
-    ["nav", "nav"],
-    ["navbar", "nav"],
-    ["navigation", "nav"],
-    ["sidebar", "nav"],
-    ["breadcrumb", "nav"],
-    ["menu", "nav"],
-    ["header", "header"],
-    ["topbar", "header"],
-    ["footer", "footer"],
-    ["bottombar", "footer"],
-    ["modal", "modal"],
-    ["dialog", "modal"],
-    ["popup", "modal"],
-    ["overlay", "modal"],
-    ["dropdown", "dropdown"],
-    ["select", "dropdown"],
-    ["picker", "dropdown"],
-    ["combobox", "dropdown"],
-    ["checkbox", "checkbox"],
-    ["checkmark", "checkbox"],
-    ["radio", "radio"],
-    ["toggle", "toggle"],
-    ["switch", "toggle"],
-    ["avatar", "avatar"],
-    ["profile", "avatar"],
-    ["userpic", "avatar"],
-    ["badge", "badge"],
-    ["tag", "badge"],
-    ["chip", "badge"],
-    ["pill", "badge"],
-    ["status", "badge"],
-    ["divider", "divider"],
-    ["separator", "divider"],
-    ["hr", "divider"],
-    ["spacer", "spacer"],
-    ["gap", "spacer"],
-    ["link", "link"],
-    ["anchor", "link"],
-    ["href", "link"],
-    ["tab", "tab"],
-    ["tabs", "tab"],
-    ["tabbar", "tab"],
-    ["tooltip", "tooltip"],
-    ["hint", "tooltip"],
-    ["popover", "tooltip"],
-    ["alert", "alert"],
-    ["notification", "alert"],
-    ["toast", "alert"],
-    ["message", "alert"],
-    ["snackbar", "alert"],
-    ["banner", "alert"],
-    ["progress", "progress"],
-    ["loader", "progress"],
-    ["loading", "progress"],
-    ["spinner", "progress"],
-    ["progressbar", "progress"],
-    ["skeleton", "skeleton"],
-    ["placeholder", "skeleton"],
-    ["shimmer", "skeleton"]
-  ];
-  function isGenericName(name) {
-    if (!name || typeof name !== "string") {
-      return true;
-    }
-    const trimmedName = name.trim();
-    if (GENERIC_NAMES.test(trimmedName)) {
-      return true;
-    }
-    if (trimmedName.length === 1) {
-      return true;
-    }
-    if (/^\d+$/.test(trimmedName)) {
-      return true;
-    }
-    return false;
-  }
-  function hasNumberedSuffix(name) {
-    return NUMBERED_SUFFIX.test(name.trim());
-  }
-  function detectLayerType(node) {
-    const name = node.name.toLowerCase();
-    for (let i = 0; i < TYPE_KEYWORD_ENTRIES.length; i++) {
-      const entry = TYPE_KEYWORD_ENTRIES[i];
-      if (name.indexOf(entry[0]) !== -1) {
-        return entry[1];
-      }
-    }
-    switch (node.type) {
-      case "TEXT":
-        return "text";
-      case "VECTOR":
-      case "STAR":
-      case "POLYGON":
-      case "BOOLEAN_OPERATION":
-        return "icon";
-      case "RECTANGLE":
-      case "ELLIPSE":
-      case "LINE":
-        if ("fills" in node && Array.isArray(node.fills)) {
-          const fills = node.fills;
-          let hasImageFill = false;
-          for (let i = 0; i < fills.length; i++) {
-            const fill = fills[i];
-            if (fill.type === "IMAGE" && fill.visible !== false) {
-              hasImageFill = true;
-              break;
-            }
-          }
-          if (hasImageFill) {
-            return "image";
-          }
-        }
-        if ("width" in node && "height" in node) {
-          const width = node.width;
-          const height = node.height;
-          const aspectRatio = width / height;
-          if (height <= 2 && width > 20) {
-            return "divider";
-          }
-          if (width <= 2 && height > 20) {
-            return "divider";
-          }
-          if (width <= 32 && height <= 32 && aspectRatio > 0.5 && aspectRatio < 2) {
-            return "spacer";
-          }
-        }
-        return "unknown";
-      case "FRAME":
-      case "GROUP":
-        return detectFrameType(node);
-      case "COMPONENT":
-      case "INSTANCE":
-        return detectComponentType(node);
-      case "COMPONENT_SET":
-        return detectComponentSetType(node);
-      default:
-        return "unknown";
-    }
-  }
-  function detectFrameType(node) {
-    if (!("children" in node) || node.children.length === 0) {
-      return "container";
-    }
-    const children = node.children;
-    const childTypes = [];
-    const childNames = [];
-    for (let i = 0; i < children.length; i++) {
-      childTypes.push(children[i].type);
-      childNames.push(children[i].name.toLowerCase());
-    }
-    let hasText = false;
-    let hasIcon = false;
-    for (let i = 0; i < childTypes.length; i++) {
-      if (childTypes[i] === "TEXT") {
-        hasText = true;
-      }
-      if (childTypes[i] === "VECTOR" || childNames[i].indexOf("icon") !== -1) {
-        hasIcon = true;
-      }
-    }
-    const isSmall = "width" in node && "height" in node && node.width < 300 && node.height < 100;
-    if (hasText && isSmall && (hasIcon || children.length <= 3)) {
-      if ("layoutMode" in node && node.layoutMode !== "NONE") {
-        return "button";
-      }
-    }
-    let hasImage = false;
-    for (let i = 0; i < childTypes.length; i++) {
-      if (childTypes[i] === "RECTANGLE" || childNames[i].indexOf("image") !== -1) {
-        hasImage = true;
-        break;
-      }
-    }
-    if (hasText && hasImage && children.length >= 2) {
-      return "card";
-    }
-    if (children.length >= 3) {
-      const firstChildType = children[0].type;
-      let allSameType = true;
-      for (let i = 1; i < children.length; i++) {
-        if (children[i].type !== firstChildType) {
-          allSameType = false;
-          break;
-        }
-      }
-      if (allSameType && (firstChildType === "FRAME" || firstChildType === "INSTANCE")) {
-        return "list";
-      }
-    }
-    if ("cornerRadius" in node && node.cornerRadius && children.length <= 2) {
-      if (hasText && isSmall) {
-        return "input";
-      }
-    }
-    if ("layoutMode" in node && node.layoutMode === "HORIZONTAL") {
-      let clickableCount = 0;
-      for (let i = 0; i < children.length; i++) {
-        const childType = children[i].type;
-        if (childType === "FRAME" || childType === "INSTANCE" || childType === "TEXT") {
-          clickableCount++;
-        }
-      }
-      if (clickableCount >= 3 && isSmall) {
-        return "nav";
-      }
-    }
-    return "container";
-  }
-  function detectComponentType(node) {
-    const name = node.name.toLowerCase();
-    for (let i = 0; i < TYPE_KEYWORD_ENTRIES.length; i++) {
-      const entry = TYPE_KEYWORD_ENTRIES[i];
-      if (name.indexOf(entry[0]) !== -1) {
-        return entry[1];
-      }
-    }
-    if ("children" in node) {
-      return detectFrameType(node);
-    }
-    return "unknown";
-  }
-  function detectComponentSetType(node) {
-    const name = node.name.toLowerCase();
-    for (let i = 0; i < TYPE_KEYWORD_ENTRIES.length; i++) {
-      const entry = TYPE_KEYWORD_ENTRIES[i];
-      if (name.indexOf(entry[0]) !== -1) {
-        return entry[1];
-      }
-    }
-    if ("children" in node && node.children.length > 0) {
-      return detectComponentType(node.children[0]);
-    }
-    return "unknown";
-  }
-  function analyzeNamingIssues(node, maxDepth = 10) {
-    const issues = [];
-    function traverse(currentNode, depth, path) {
-      if (depth > maxDepth) {
-        return;
-      }
-      const currentPath = path ? `${path} > ${currentNode.name}` : currentNode.name;
-      const layerType = detectLayerType(currentNode);
-      if (isGenericName(currentNode.name)) {
-        const suggestedName = suggestLayerName(currentNode);
-        issues.push({
-          nodeId: currentNode.id,
-          nodeName: currentNode.name,
-          currentName: currentNode.name,
-          suggestedName,
-          severity: "error",
-          reason: "Generic layer name detected",
-          layerType,
-          depth,
-          path: currentPath
-        });
-      } else if (hasNumberedSuffix(currentNode.name)) {
-        const baseName = currentNode.name.replace(NUMBERED_SUFFIX, "").trim();
-        const suggestedName = suggestLayerName(currentNode);
-        issues.push({
-          nodeId: currentNode.id,
-          nodeName: currentNode.name,
-          currentName: currentNode.name,
-          suggestedName: suggestedName !== currentNode.name ? suggestedName : baseName,
-          severity: "warning",
-          reason: "Layer name has numbered suffix (possible duplicate)",
-          layerType,
-          depth,
-          path: currentPath
-        });
-      }
-      if ("children" in currentNode) {
-        for (let i = 0; i < currentNode.children.length; i++) {
-          traverse(currentNode.children[i], depth + 1, currentPath);
-        }
-      }
-    }
-    traverse(node, 0, "");
-    return issues;
-  }
-  function suggestLayerName(node) {
-    const layerType = detectLayerType(node);
-    if (node.type === "TEXT") {
-      return generateTextName(node);
-    }
-    if (node.type === "VECTOR" || node.type === "STAR" || node.type === "POLYGON" || node.type === "BOOLEAN_OPERATION") {
-      return generateIconName(node);
-    }
-    if ("children" in node && node.children.length > 0) {
-      return generateContainerName(node);
-    }
-    return COMPONENT_PREFIXES[layerType] || "layer";
-  }
-  function generateIconName(node) {
-    const name = node.name.toLowerCase();
-    const meaningfulPart = name.replace(GENERIC_NAMES, "").replace(/[_\-\s]+/g, "-").replace(/^-|-$/g, "").trim();
-    if (meaningfulPart && meaningfulPart.length > 1) {
-      return `icon-${toKebabCase(meaningfulPart)}`;
-    }
-    if ("children" in node && node.children.length > 0) {
-      const childTypes = [];
-      for (let i = 0; i < node.children.length; i++) {
-        childTypes.push(node.children[i].type);
-      }
-      for (let i = 0; i < childTypes.length; i++) {
-        if (childTypes[i] === "ELLIPSE") {
-          return "icon-circle";
-        }
-        if (childTypes[i] === "STAR") {
-          return "icon-star";
-        }
-        if (childTypes[i] === "POLYGON") {
-          return "icon-shape";
-        }
-      }
-    }
-    if ("width" in node && "height" in node) {
-      const aspectRatio = node.width / node.height;
-      if (aspectRatio > 1.5 || aspectRatio < 0.67) {
-        return "icon-arrow";
-      }
-    }
-    return "icon";
-  }
-  function generateTextName(node) {
-    const text = node.characters || "";
-    const trimmedText = text.trim();
-    if (!trimmedText) {
-      return "text-empty";
-    }
-    const words = trimmedText.split(/\s+/);
-    if (words.length <= 2 && trimmedText.length <= 30) {
-      const kebab = toKebabCase(trimmedText);
-      if (kebab) {
-        return `text-${kebab}`;
-      }
-      return "text-content";
-    }
-    const firstWord = words[0].toLowerCase();
-    const headingKeywords = ["welcome", "about", "contact", "services", "features", "pricing"];
-    const labelKeywords = ["name", "email", "password", "username", "address", "phone"];
-    const buttonKeywords = ["submit", "cancel", "save", "delete", "edit", "add", "remove", "ok", "yes", "no"];
-    const linkKeywords = ["learn", "read", "view", "see", "click", "here", "more"];
-    const errorKeywords = ["error", "invalid", "required", "failed", "wrong"];
-    const successKeywords = ["success", "done", "complete", "saved", "updated"];
-    const lowerText = trimmedText.toLowerCase();
-    for (let i = 0; i < headingKeywords.length; i++) {
-      if (firstWord.indexOf(headingKeywords[i]) !== -1 || lowerText.indexOf(headingKeywords[i]) !== -1) {
-        return `text-heading-${toKebabCase(words.slice(0, 2).join(" "))}`;
-      }
-    }
-    for (let i = 0; i < labelKeywords.length; i++) {
-      if (firstWord.indexOf(labelKeywords[i]) !== -1 || lowerText.indexOf(labelKeywords[i]) !== -1) {
-        return `text-label-${toKebabCase(words.slice(0, 2).join(" "))}`;
-      }
-    }
-    for (let i = 0; i < buttonKeywords.length; i++) {
-      if (firstWord.indexOf(buttonKeywords[i]) !== -1 || lowerText.indexOf(buttonKeywords[i]) !== -1) {
-        return `text-button-${toKebabCase(words.slice(0, 2).join(" "))}`;
-      }
-    }
-    for (let i = 0; i < linkKeywords.length; i++) {
-      if (firstWord.indexOf(linkKeywords[i]) !== -1 || lowerText.indexOf(linkKeywords[i]) !== -1) {
-        return `text-link-${toKebabCase(words.slice(0, 2).join(" "))}`;
-      }
-    }
-    for (let i = 0; i < errorKeywords.length; i++) {
-      if (firstWord.indexOf(errorKeywords[i]) !== -1 || lowerText.indexOf(errorKeywords[i]) !== -1) {
-        return `text-error-${toKebabCase(words.slice(0, 2).join(" "))}`;
-      }
-    }
-    for (let i = 0; i < successKeywords.length; i++) {
-      if (firstWord.indexOf(successKeywords[i]) !== -1 || lowerText.indexOf(successKeywords[i]) !== -1) {
-        return `text-success-${toKebabCase(words.slice(0, 2).join(" "))}`;
-      }
-    }
-    const defaultKebab = toKebabCase(words.slice(0, 2).join(" "));
-    return defaultKebab ? `text-${defaultKebab}` : "text-content";
-  }
-  function generateContainerName(node) {
-    const layerType = detectLayerType(node);
-    const prefix = COMPONENT_PREFIXES[layerType];
-    if ("children" in node && node.children.length > 0) {
-      let textChild;
-      for (let i = 0; i < node.children.length; i++) {
-        if (node.children[i].type === "TEXT") {
-          textChild = node.children[i];
-          break;
-        }
-      }
-      if (textChild && textChild.characters) {
-        const text = textChild.characters.trim();
-        const words = text.split(/\s+/).slice(0, 2);
-        if (words.length > 0 && words[0].length > 0) {
-          return `${prefix}-${toKebabCase(words.join(" "))}`;
-        }
-      }
-      if (layerType === "button" || layerType === "input") {
-        let iconChild;
-        for (let i = 0; i < node.children.length; i++) {
-          const child = node.children[i];
-          if (child.type === "VECTOR" || child.name.toLowerCase().indexOf("icon") !== -1) {
-            iconChild = child;
-            break;
-          }
-        }
-        if (iconChild) {
-          const iconName = iconChild.name.toLowerCase().replace(/icon[-_\s]*/gi, "");
-          if (iconName && !isGenericName(iconName)) {
-            return `${prefix}-${toKebabCase(iconName)}`;
-          }
-        }
-      }
-    }
-    return prefix;
-  }
-  function renameLayer(node, newName) {
-    if (!node || !newName || typeof newName !== "string") {
-      return false;
-    }
-    const trimmedName = newName.trim();
-    if (trimmedName.length === 0) {
-      return false;
-    }
-    try {
-      node.name = trimmedName;
-      return true;
-    } catch (error) {
-      console.error("Failed to rename layer:", error);
-      return false;
-    }
-  }
-  function previewRename(node, newName) {
-    return {
-      nodeId: node.id,
-      currentName: node.name,
-      newName: newName.trim(),
-      layerType: detectLayerType(node),
-      willChange: node.name !== newName.trim()
-    };
-  }
-  function toKebabCase(str) {
-    return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "").toLowerCase();
-  }
+**Code Generation Focus Areas:**
+- **Properties**: What can be configured when using this component
+- **Token Usage**: Semantic tokens that maintain design consistency in code
+- **States**: Interactive states that need to be implemented in code
+- **Variant Organization**: When and how to use Figma component variants
+- **Design Handoff**: Information developers need to implement this design
 
-  // src/core/component-analyzer.ts
-  init_design_lint();
-  async function extractComponentContext(node) {
-    const hierarchy = extractLayerHierarchy(node);
-    const nestedLayers = getLayerNames(hierarchy);
-    const textContent = extractTextContent(node).join(" ");
-    const frameStructure = {
-      width: "width" in node ? node.width : 0,
-      height: "height" in node ? node.height : 0,
-      layoutMode: "layoutMode" in node ? node.layoutMode || "NONE" : "NONE"
-    };
-    const detectedStyles = {
-      hasFills: hasFillsInNode(node),
-      hasStrokes: hasStrokesInNode(node),
-      hasEffects: hasEffectsInNode(node),
-      cornerRadius: "cornerRadius" in node ? node.cornerRadius || 0 : 0
-    };
-    const detectedSlots = detectSlots(node);
-    const { isComponentSet, potentialVariants } = detectVariantPatterns(node);
-    const additionalContext = await extractAdditionalContext(node);
-    return {
-      name: node.name,
-      type: node.type,
-      hierarchy,
-      textContent: textContent || void 0,
-      frameStructure,
-      detectedStyles,
-      detectedSlots,
-      isComponentSet,
-      potentialVariants,
-      nestedLayers,
-      additionalContext
-    };
-  }
-  async function extractAdditionalContext(node) {
-    const context = {
-      hasInteractiveElements: false,
-      possibleUseCase: "",
-      designPatterns: [],
-      componentFamily: "",
-      suggestedConsiderations: []
-    };
-    const nodeName = node.name.toLowerCase();
-    const containerPatterns = [
-      "tabs",
-      "tab-group",
-      "tabset",
-      "nav",
-      "navbar",
-      "navigation",
-      "menu",
-      "menubar",
-      "dropdown",
-      "form",
-      "form-group",
-      "fieldset",
-      "list",
-      "grid",
-      "collection",
-      "gallery",
-      "group",
-      "container",
-      "wrapper",
-      "layout",
-      "toolbar",
-      "panel",
-      "sidebar",
-      "header",
-      "footer",
-      "card-group",
-      "button-group",
-      "radio-group",
-      "checkbox-group"
-    ];
-    const isContainerByName = containerPatterns.some((pattern) => nodeName.includes(pattern));
-    const isContainerByStructure = await analyzeContainerStructure(node);
-    const isContainer = isContainerByName || isContainerByStructure;
-    console.log(`\u{1F50D} [CONTAINER DETECTION] ${node.name}:`);
-    console.log(`  Name-based: ${isContainerByName}`);
-    console.log(`  Structure-based: ${isContainerByStructure}`);
-    console.log(`  Final result: ${isContainer}`);
-    if (nodeName.includes("avatar") || nodeName.includes("profile")) {
-      context.componentFamily = "avatar";
-      context.possibleUseCase = "User representation, often clickable for profile access or dropdown menus";
-      context.hasInteractiveElements = true;
-      context.suggestedConsiderations.push("Consider if this avatar will be clickable/interactive");
-      context.suggestedConsiderations.push("May need hover/focus states for navigation");
-      context.designPatterns.push("profile-navigation", "user-menu-trigger");
-    } else if (nodeName.includes("button") || nodeName.includes("btn")) {
-      context.componentFamily = "button";
-      context.possibleUseCase = "Interactive element for user actions";
-      context.hasInteractiveElements = true;
-      context.suggestedConsiderations.push("Requires all interactive states");
-      context.designPatterns.push("action-trigger", "form-submission");
-    } else if (nodeName.includes("badge") || nodeName.includes("tag")) {
-      context.componentFamily = "badge";
-      context.possibleUseCase = "Status indicator or label";
-      context.hasInteractiveElements = false;
-      context.suggestedConsiderations.push("Typically non-interactive unless used as a filter");
-      context.designPatterns.push("status-indicator", "category-label");
-    } else if (nodeName.includes("input") || nodeName.includes("field")) {
-      context.componentFamily = "input";
-      context.possibleUseCase = "Form input element";
-      context.hasInteractiveElements = true;
-      context.suggestedConsiderations.push("Needs focus, error, and disabled states");
-      context.designPatterns.push("form-control", "data-entry");
-    } else if (nodeName.includes("card")) {
-      context.componentFamily = "card";
-      context.possibleUseCase = "Content container";
-      context.hasInteractiveElements = nodeName.includes("clickable") || nodeName.includes("interactive");
-      context.suggestedConsiderations.push("May be interactive if used for navigation");
-      context.designPatterns.push("content-container", "information-display");
-    } else if (nodeName.includes("icon")) {
-      context.componentFamily = "icon";
-      context.possibleUseCase = "Visual indicator or decoration";
-      context.hasInteractiveElements = false;
-      context.suggestedConsiderations.push("Usually decorative, but may be interactive if part of a button");
-      context.designPatterns.push("visual-indicator", "decoration");
-    } else if (isContainer) {
-      context.componentFamily = "container";
-      context.possibleUseCase = "Layout container for organizing child components";
-      context.hasInteractiveElements = false;
-      context.suggestedConsiderations.push("Focus on layout and organization rather than interaction states");
-      context.suggestedConsiderations.push("Child components handle individual interactions");
-      context.designPatterns.push("layout-container", "component-organization");
-    }
-    if ("children" in node) {
-      const hasTextWithAction = node.findAll(
-        (n) => n.type === "TEXT" && (n.name.toLowerCase().includes("click") || n.name.toLowerCase().includes("action") || n.name.toLowerCase().includes("link"))
-      ).length > 0;
-      if (hasTextWithAction) {
-        context.hasInteractiveElements = true;
-      }
-    }
-    if (node.parent && node.parent.name.toLowerCase().includes("button")) {
-      context.hasInteractiveElements = true;
-      context.suggestedConsiderations.push("Part of a button component - needs interactive states");
-    }
-    return context;
-  }
-  async function analyzeContainerStructure(node) {
-    if (!("children" in node) || !node.children || node.children.length === 0) {
-      return false;
-    }
-    const childInstances = node.children.filter((child) => child.type === "INSTANCE");
-    if (childInstances.length === 0) {
-      console.log(`\u{1F50D} [STRUCTURE] No child instances found in ${node.name}`);
-      return false;
-    }
-    console.log(`\u{1F50D} [STRUCTURE] Analyzing ${node.name} with ${childInstances.length} child instances`);
-    const instanceGroups = /* @__PURE__ */ new Map();
-    await Promise.all(childInstances.map(async (instance) => {
-      try {
-        const mainComponent = await instance.getMainComponentAsync();
-        if (mainComponent) {
-          const componentName = mainComponent.name;
-          if (!instanceGroups.has(componentName)) {
-            instanceGroups.set(componentName, []);
-          }
-          instanceGroups.get(componentName).push(instance);
-        }
-      } catch (error) {
-        console.log(`\u26A0\uFE0F [STRUCTURE] Could not access main component for instance:`, error);
-      }
-    }));
-    console.log(`\u{1F50D} [STRUCTURE] Instance groups:`, Array.from(instanceGroups.entries()).map(([name, instances]) => `${name}: ${instances.length}`));
-    const hasRepeatedComponents = Array.from(instanceGroups.values()).some((group) => group.length > 1);
-    const hasOrganizationalComponents = Array.from(instanceGroups.keys()).some((name) => {
-      const lowerName = name.toLowerCase();
-      return lowerName.includes("item") || lowerName.includes("panel") || lowerName.includes("content") || lowerName.includes("section") || lowerName.includes("group") || lowerName.includes("wrapper") || // Tab-specific patterns
-      lowerName.includes("tab") && !lowerName.includes("button") || // Navigation patterns
-      lowerName.includes("nav-item") || lowerName.includes("menu-item") || // List patterns
-      lowerName.includes("list-item") || // Card patterns
-      lowerName.includes("card-item");
-    });
-    const instanceRatio = childInstances.length / node.children.length;
-    const isInstanceHeavy = instanceRatio > 0.6;
-    const hasCollectionPattern = instanceGroups.size >= 2 && hasRepeatedComponents;
-    console.log(`\u{1F50D} [STRUCTURE] Analysis for ${node.name}:`);
-    console.log(`  Repeated components: ${hasRepeatedComponents}`);
-    console.log(`  Organizational components: ${hasOrganizationalComponents}`);
-    console.log(`  Instance ratio: ${instanceRatio.toFixed(2)} (${isInstanceHeavy ? "high" : "low"})`);
-    console.log(`  Collection pattern: ${hasCollectionPattern}`);
-    const isContainer = hasRepeatedComponents || hasOrganizationalComponents || isInstanceHeavy && instanceGroups.size >= 2;
-    return isContainer;
-  }
-  function extractLayerHierarchy(node, depth = 0) {
-    const hierarchy = [];
-    const nodeInfo = {
-      name: node.name,
-      type: node.type,
-      depth
-    };
-    if ("children" in node && node.children.length > 0) {
-      nodeInfo.children = [];
-      for (const child of node.children) {
-        nodeInfo.children.push(...extractLayerHierarchy(child, depth + 1));
-      }
-    }
-    hierarchy.push(nodeInfo);
-    return hierarchy;
-  }
-  function getLayerNames(hierarchy) {
-    const names = [];
-    function traverse(layers) {
-      for (const layer of layers) {
-        names.push(layer.name);
-        if (layer.children) {
-          traverse(layer.children);
-        }
-      }
-    }
-    traverse(hierarchy);
-    return names;
-  }
-  function extractInstanceNames(hierarchy) {
-    const names = /* @__PURE__ */ new Set();
-    function traverse(layers) {
-      for (const layer of layers) {
-        if (layer.type === "INSTANCE") {
-          names.add(layer.name);
-        }
-        if (layer.children) {
-          traverse(layer.children);
-        }
-      }
-    }
-    traverse(hierarchy);
-    return Array.from(names);
-  }
-  function detectVariantPatterns(node) {
-    const potentialVariants = [];
-    let isComponentSet = false;
-    if (node.type === "COMPONENT_SET") {
-      isComponentSet = true;
-      try {
-        const componentSet = node;
-        let variantProps;
-        try {
-          variantProps = componentSet.variantGroupProperties;
-        } catch (variantError) {
-          console.warn("Component set has errors, cannot access variantGroupProperties:", variantError);
-          variantProps = void 0;
-        }
-        if (variantProps) {
-          potentialVariants.push(...Object.keys(variantProps));
-        }
-      } catch (error) {
-        console.warn("Error analyzing component set:", error);
-      }
-    } else {
-      const layerNames = getAllChildNodes(node).map((child) => child.name.toLowerCase());
-      const variantKeywords = [
-        "primary",
-        "secondary",
-        "tertiary",
-        "small",
-        "medium",
-        "large",
-        "xl",
-        "xs",
-        "default",
-        "hover",
-        "focus",
-        "active",
-        "disabled",
-        "filled",
-        "outline",
-        "ghost",
-        "link",
-        "light",
-        "dark"
-      ];
-      variantKeywords.forEach((keyword) => {
-        if (layerNames.some((name) => name.includes(keyword))) {
-          if (!potentialVariants.includes(keyword)) {
-            potentialVariants.push(keyword);
-          }
-        }
-      });
-    }
-    return { isComponentSet, potentialVariants };
-  }
-  function detectSlots(node) {
-    const slots = [];
-    const allNodes = getAllChildNodes(node);
-    const componentName = node.name.toLowerCase();
-    const structuralTerms = [
-      "radiobutton",
-      "checkbox",
-      "icon",
-      "button",
-      "input",
-      "focusring",
-      "focus",
-      "indicator",
-      "background",
-      "border",
-      "outline",
-      "shadow",
-      "ring",
-      "control",
-      "handle",
-      "thumb",
-      "track",
-      "progress",
-      "slider",
-      "arrow",
-      "chevron",
-      "close",
-      "minimize",
-      "maximize"
-    ];
-    const textNodes = allNodes.filter((child) => child.type === "TEXT");
-    textNodes.forEach((textNode) => {
-      const name = textNode.name.toLowerCase();
-      if (structuralTerms.some((term) => name.includes(term))) {
-        return;
-      }
-      if (componentName.includes(name) || name.includes(componentName.split(" ")[0])) {
-        return;
-      }
-      if ((name.includes("title") || name.includes("label") || name.includes("text") || name.includes("content")) && name.length > 2) {
-        slots.push(textNode.name);
-      }
-    });
-    const frameNodes = allNodes.filter((child) => child.type === "FRAME");
-    frameNodes.forEach((frameNode) => {
-      const name = frameNode.name.toLowerCase();
-      if (structuralTerms.some((term) => name.includes(term))) {
-        return;
-      }
-      if (name.includes("content") && !name.includes("background") || name.includes("slot") || name.includes("container") && !name.includes("main")) {
-        slots.push(frameNode.name);
-      }
-    });
-    const filteredSlots = [...new Set(slots)].filter((slot) => {
-      const lowerSlot = slot.toLowerCase();
-      return lowerSlot.length > 2 && !["text", "label", "content"].includes(lowerSlot) && // Too generic
-      !structuralTerms.some((term) => lowerSlot.includes(term));
-    });
-    console.log(`\u{1F50D} [SLOTS] Detected ${filteredSlots.length} legitimate content slots from ${slots.length} candidates:`, filteredSlots);
-    return filteredSlots;
-  }
-  function hasFillsInNode(node) {
-    if ("fills" in node && Array.isArray(node.fills) && node.fills.length > 0) {
-      return node.fills.some((fill) => fill.visible !== false);
-    }
-    if ("children" in node) {
-      return node.children.some((child) => hasFillsInNode(child));
-    }
-    return false;
-  }
-  function hasStrokesInNode(node) {
-    if ("strokes" in node && Array.isArray(node.strokes) && node.strokes.length > 0) {
-      return node.strokes.some((stroke) => stroke.visible !== false);
-    }
-    if ("children" in node) {
-      return node.children.some((child) => hasStrokesInNode(child));
-    }
-    return false;
-  }
-  function hasEffectsInNode(node) {
-    if ("effects" in node && Array.isArray(node.effects) && node.effects.length > 0) {
-      return node.effects.some((effect) => effect.visible !== false);
-    }
-    if ("children" in node) {
-      return node.children.some((child) => hasEffectsInNode(child));
-    }
-    return false;
-  }
-  function extractPropertiesFromVariantNames(componentSet) {
-    const properties = /* @__PURE__ */ new Map();
-    componentSet.children.forEach((variant) => {
-      if (variant.type === "COMPONENT") {
-        const variantName = variant.name;
-        const pairs = variantName.split(",").map((s) => s.trim());
-        pairs.forEach((pair) => {
-          const [key, value] = pair.split("=").map((s) => s.trim());
-          if (key && value) {
-            if (!properties.has(key)) {
-              properties.set(key, /* @__PURE__ */ new Set());
-            }
-            properties.get(key).add(value);
-          }
-        });
-      }
-    });
-    const result = [];
-    properties.forEach((values, name) => {
-      const valueArray = Array.from(values);
-      result.push({
-        name,
-        values: valueArray,
-        default: valueArray[0] || "default"
-      });
-    });
-    return result;
-  }
-  async function extractActualComponentProperties(node, selectedNode) {
-    const actualProperties = [];
-    console.log("\u{1F50D} [DEBUG] Starting property extraction for node:", node.name, "type:", node.type);
-    console.log("\u{1F50D} [DEBUG] Originally selected node:", selectedNode == null ? void 0 : selectedNode.name, "type:", selectedNode == null ? void 0 : selectedNode.type);
-    if (selectedNode && selectedNode.type === "INSTANCE") {
-      const instance = selectedNode;
-      console.log("\u{1F50D} [DEBUG] Extracting from selected instance componentProperties...");
-      try {
-        if ("componentProperties" in instance && instance.componentProperties) {
-          const instanceProps = instance.componentProperties;
-          console.log("\u{1F50D} [DEBUG] Found componentProperties on selected instance:", Object.keys(instanceProps));
-          const mainComponent = await instance.getMainComponentAsync();
-          if (mainComponent && mainComponent.parent && mainComponent.parent.type === "COMPONENT_SET") {
-            const componentSet = mainComponent.parent;
-            let propertyDefinitions = null;
-            try {
-              if ("componentPropertyDefinitions" in componentSet) {
-                propertyDefinitions = componentSet.componentPropertyDefinitions;
-                console.log("\u{1F50D} [DEBUG] Got componentPropertyDefinitions from component set");
-              }
-            } catch (error) {
-              console.log("\u{1F50D} [DEBUG] Could not access componentPropertyDefinitions, using instance properties only");
-            }
-            for (const propName in instanceProps) {
-              const instanceProp = instanceProps[propName];
-              console.log(`\u{1F50D} [DEBUG] Processing instance property "${propName}":`, instanceProp);
-              let displayName = propName;
-              let values = [];
-              let currentValue = "";
-              if (propName.includes("#")) {
-                displayName = propName.split("#")[0];
-              }
-              if (instanceProp && typeof instanceProp === "object" && "value" in instanceProp) {
-                currentValue = String(instanceProp.value);
-              } else {
-                currentValue = String(instanceProp);
-              }
-              if (propertyDefinitions && propertyDefinitions[propName]) {
-                const propDef = propertyDefinitions[propName];
-                console.log(`\u{1F50D} [DEBUG] Found property definition for "${propName}":`, propDef);
-                switch (propDef.type) {
-                  case "VARIANT":
-                    values = propDef.variantOptions || [];
-                    break;
-                  case "BOOLEAN":
-                    values = ["true", "false"];
-                    break;
-                  case "TEXT":
-                    values = [currentValue || "Text content"];
-                    break;
-                  case "INSTANCE_SWAP":
-                    if (propDef.preferredValues && Array.isArray(propDef.preferredValues)) {
-                      values = propDef.preferredValues.map((v) => v.key || v.name || "Component instance");
-                    } else {
-                      values = ["Component instance"];
-                    }
-                    break;
-                  default:
-                    values = [currentValue || "Property value"];
-                }
-              } else {
-                console.log(`\u{1F50D} [DEBUG] No property definition for "${propName}", inferring from value`);
-                if (currentValue === "true" || currentValue === "false") {
-                  values = ["true", "false"];
-                } else {
-                  values = [currentValue || "Property value"];
-                }
-              }
-              actualProperties.push({
-                name: displayName,
-                values,
-                default: currentValue || values[0] || "default"
-              });
-              console.log(`\u{1F50D} [DEBUG] Added instance property:`, { name: displayName, values, default: currentValue });
-            }
-            if (actualProperties.length > 0) {
-              console.log(`\u{1F50D} [DEBUG] Successfully extracted ${actualProperties.length} properties from selected instance`);
-              return actualProperties;
-            }
-          }
-        }
-      } catch (error) {
-        console.log("\u{1F50D} [DEBUG] Could not extract from instance componentProperties:", error);
-      }
-    }
-    if (node.type === "COMPONENT_SET") {
-      const componentSet = node;
-      console.log("\u{1F50D} [DEBUG] Attempting to access componentPropertyDefinitions...");
-      try {
-        if ("componentPropertyDefinitions" in componentSet) {
-          console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions property exists on componentSet");
-          const propertyDefinitions = componentSet.componentPropertyDefinitions;
-          console.log("\u{1F50D} [DEBUG] Raw componentPropertyDefinitions:", propertyDefinitions);
-          console.log("\u{1F50D} [DEBUG] Type of componentPropertyDefinitions:", typeof propertyDefinitions);
-          if (propertyDefinitions && typeof propertyDefinitions === "object") {
-            const propKeys = Object.keys(propertyDefinitions);
-            console.log("\u{1F50D} [DEBUG] Found componentPropertyDefinitions with keys:", propKeys);
-            for (const propName in propertyDefinitions) {
-              const prop = propertyDefinitions[propName];
-              console.log(`\u{1F50D} [DEBUG] Processing property "${propName}":`, prop);
-              let displayName = propName;
-              let values = [];
-              let defaultValue = "";
-              if (propName.includes("#")) {
-                displayName = propName.split("#")[0];
-                console.log(`\u{1F50D} [DEBUG] Cleaned display name: "${displayName}" from "${propName}"`);
-              }
-              switch (prop.type) {
-                case "VARIANT":
-                  values = prop.variantOptions || [];
-                  defaultValue = String(prop.defaultValue) || values[0] || "default";
-                  console.log(`\u{1F50D} [DEBUG] VARIANT property "${displayName}": values=${values}, default=${defaultValue}`);
-                  break;
-                case "BOOLEAN":
-                  values = ["true", "false"];
-                  defaultValue = prop.defaultValue ? "true" : "false";
-                  console.log(`\u{1F50D} [DEBUG] BOOLEAN property "${displayName}": default=${defaultValue}`);
-                  break;
-                case "TEXT":
-                  values = [String(prop.defaultValue || "Text content")];
-                  defaultValue = String(prop.defaultValue || "Text content");
-                  console.log(`\u{1F50D} [DEBUG] TEXT property "${displayName}": value=${defaultValue}`);
-                  break;
-                case "INSTANCE_SWAP":
-                  if (prop.preferredValues && Array.isArray(prop.preferredValues)) {
-                    values = prop.preferredValues.map((v) => {
-                      console.log(`\u{1F50D} [DEBUG] INSTANCE_SWAP preferred value:`, v);
-                      return v.key || v.name || "Component instance";
-                    });
-                  } else {
-                    values = ["Component instance"];
-                  }
-                  defaultValue = values[0] || "Component instance";
-                  console.log(`\u{1F50D} [DEBUG] INSTANCE_SWAP property "${displayName}": values=${values}, default=${defaultValue}`);
-                  break;
-                default:
-                  console.log(`\u{1F50D} [DEBUG] Unknown property type "${prop.type}" for "${displayName}"`);
-                  values = ["Property value"];
-                  defaultValue = "Default";
-              }
-              actualProperties.push({
-                name: displayName,
-                values,
-                default: defaultValue
-              });
-              console.log(`\u{1F50D} [DEBUG] Added property:`, { name: displayName, values, default: defaultValue });
-            }
-          } else {
-            console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions is not a valid object:", propertyDefinitions);
-          }
-        } else {
-          console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions property does not exist on componentSet");
-        }
-      } catch (error) {
-        console.error("\u{1F50D} [ERROR] Could not access componentPropertyDefinitions:", error);
-        console.error("\u{1F50D} [ERROR] Error stack:", error instanceof Error ? error.stack : "No stack trace");
-      }
-      if (actualProperties.length === 0) {
-        console.log("\u{1F50D} [DEBUG] No properties found, trying variantGroupProperties fallback...");
-        try {
-          const variantProps = componentSet.variantGroupProperties;
-          console.log("\u{1F50D} [DEBUG] variantGroupProperties:", variantProps);
-          if (variantProps) {
-            const variantKeys = Object.keys(variantProps);
-            console.log("\u{1F50D} [DEBUG] Found variantGroupProperties with keys:", variantKeys);
-            for (const propName in variantProps) {
-              const prop = variantProps[propName];
-              console.log(`\u{1F50D} [DEBUG] Processing variant property "${propName}":`, prop);
-              actualProperties.push({
-                name: propName,
-                values: prop.values,
-                default: prop.values[0] || "default"
-              });
-            }
-          } else {
-            console.log("\u{1F50D} [DEBUG] variantGroupProperties is null/undefined");
-          }
-        } catch (error) {
-          console.warn("\u{1F50D} [WARN] Component set has errors, cannot access variantGroupProperties:", error);
-        }
-      }
-      if (actualProperties.length === 0 && componentSet.children.length > 0) {
-        console.log("\u{1F50D} [DEBUG] Analyzing variant structure to infer properties...");
-        const propertyPatterns = /* @__PURE__ */ new Map();
-        const layerVisibilityPatterns = /* @__PURE__ */ new Map();
-        componentSet.children.forEach((variant, index) => {
-          if (variant.type === "COMPONENT") {
-            const variantName = variant.name;
-            console.log(`\u{1F50D} [DEBUG] Analyzing variant ${index}: ${variantName}`);
-            const pairs = variantName.split(",").map((s) => s.trim());
-            pairs.forEach((pair) => {
-              const [key, value] = pair.split("=").map((s) => s.trim());
-              if (key && value) {
-                if (!propertyPatterns.has(key)) {
-                  propertyPatterns.set(key, /* @__PURE__ */ new Set());
-                }
-                propertyPatterns.get(key).add(value);
-              }
-            });
-            const checkLayerVisibility = (node2, path = "") => {
-              const fullPath = path ? `${path}/${node2.name}` : node2.name;
-              if (!layerVisibilityPatterns.has(fullPath)) {
-                layerVisibilityPatterns.set(fullPath, []);
-              }
-              layerVisibilityPatterns.get(fullPath).push(node2.visible);
-              if ("children" in node2) {
-                node2.children.forEach((child) => checkLayerVisibility(child, fullPath));
-              }
-            };
-            checkLayerVisibility(variant);
-          }
-        });
-        propertyPatterns.forEach((values, key) => {
-          if (!actualProperties.find((p) => p.name === key)) {
-            actualProperties.push({
-              name: key,
-              values: Array.from(values),
-              default: Array.from(values)[0] || "default"
-            });
-          }
-        });
-        layerVisibilityPatterns.forEach((visibilityArray, layerPath) => {
-          const hasTrue = visibilityArray.includes(true);
-          const hasFalse = visibilityArray.includes(false);
-          if (hasTrue && hasFalse) {
-            const layerName = layerPath.split("/").pop() || "";
-            const propertyName = layerName.replace(/\s*(layer|group|frame|icon|text)?\s*/gi, "").trim();
-            if (propertyName && !actualProperties.find((p) => p.name === propertyName)) {
-              actualProperties.push({
-                name: propertyName,
-                values: ["true", "false"],
-                default: "false"
-              });
-              console.log(`\u{1F50D} [DEBUG] Inferred boolean property from visibility: ${propertyName}`);
-            }
-          }
-        });
-        console.log(`\u{1F50D} [DEBUG] Inferred ${actualProperties.length} properties from variant analysis`);
-      }
-      if (actualProperties.length === 0) {
-        console.log("\u{1F50D} [DEBUG] All Figma APIs failed, using comprehensive structural analysis...");
-        const structuralProperties = extractPropertiesFromStructuralAnalysis(componentSet);
-        console.log("\u{1F50D} [DEBUG] Properties from structural analysis:", structuralProperties);
-        actualProperties.push(...structuralProperties);
-      }
-    } else if (node.type === "COMPONENT") {
-      const component = node;
-      console.log("\u{1F50D} [DEBUG] Processing COMPONENT node:", component.name);
-      try {
-        if ("componentPropertyDefinitions" in component) {
-          const propertyDefinitions = component.componentPropertyDefinitions;
-          console.log("\u{1F50D} [DEBUG] Component componentPropertyDefinitions:", propertyDefinitions);
-          if (propertyDefinitions && typeof propertyDefinitions === "object") {
-            const propKeys = Object.keys(propertyDefinitions);
-            console.log("\u{1F50D} [DEBUG] Found componentPropertyDefinitions on component with keys:", propKeys);
-            for (const propName in propertyDefinitions) {
-              const prop = propertyDefinitions[propName];
-              let displayName = propName;
-              let values = [];
-              let defaultValue = "";
-              if (propName.includes("#")) {
-                displayName = propName.split("#")[0];
-              }
-              switch (prop.type) {
-                case "BOOLEAN":
-                  values = ["true", "false"];
-                  defaultValue = prop.defaultValue ? "true" : "false";
-                  break;
-                case "TEXT":
-                  values = [String(prop.defaultValue || "Text content")];
-                  defaultValue = String(prop.defaultValue || "Text content");
-                  break;
-                case "INSTANCE_SWAP":
-                  if (prop.preferredValues && Array.isArray(prop.preferredValues)) {
-                    values = prop.preferredValues.map((v) => v.key || v.name || "Component instance");
-                  } else {
-                    values = ["Component instance"];
-                  }
-                  defaultValue = values[0] || "Component instance";
-                  break;
-                default:
-                  values = ["Property value"];
-                  defaultValue = "Default";
-              }
-              actualProperties.push({
-                name: displayName,
-                values,
-                default: defaultValue
-              });
-            }
-          }
-        } else {
-          console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions does not exist on component");
-        }
-      } catch (error) {
-        console.warn("\u{1F50D} [WARN] Could not access componentPropertyDefinitions on component:", error);
-      }
-      if (component.parent && component.parent.type === "COMPONENT_SET") {
-        const componentSet = component.parent;
-        console.log("\u{1F50D} [DEBUG] Component is part of a component set, getting variant properties...");
-        try {
-          const variantProps = componentSet.variantGroupProperties;
-          if (variantProps) {
-            for (const propName in variantProps) {
-              const prop = variantProps[propName];
-              if (!actualProperties.find((p) => p.name === propName)) {
-                actualProperties.push({
-                  name: propName,
-                  values: prop.values,
-                  default: prop.values[0] || "default"
-                });
-              }
-            }
-          }
-        } catch (error) {
-          console.warn("\u{1F50D} [WARN] Component set has errors, cannot access variantGroupProperties:", error);
-        }
-      }
-    } else if (node.type === "INSTANCE") {
-      const instance = node;
-      console.log("\u{1F50D} [DEBUG] Processing INSTANCE node (fallback \u2014 Priority 1 may have been skipped)");
-      if (actualProperties.length === 0) {
-        try {
-          const mainComponent = await instance.getMainComponentAsync();
-          if (mainComponent) {
-            if (mainComponent.parent && mainComponent.parent.type === "COMPONENT_SET") {
-              const componentSet = mainComponent.parent;
-              console.log("\u{1F50D} [DEBUG] Instance fallback: extracting from parent component set:", componentSet.name);
-              try {
-                if ("componentPropertyDefinitions" in componentSet) {
-                  const propertyDefinitions = componentSet.componentPropertyDefinitions;
-                  if (propertyDefinitions && typeof propertyDefinitions === "object") {
-                    for (const propName in propertyDefinitions) {
-                      const prop = propertyDefinitions[propName];
-                      let displayName = propName;
-                      let values = [];
-                      let defaultValue = "";
-                      if (propName.includes("#")) {
-                        displayName = propName.split("#")[0];
-                      }
-                      switch (prop.type) {
-                        case "VARIANT":
-                          values = prop.variantOptions || [];
-                          defaultValue = String(prop.defaultValue) || values[0] || "default";
-                          break;
-                        case "BOOLEAN":
-                          values = ["true", "false"];
-                          defaultValue = prop.defaultValue ? "true" : "false";
-                          break;
-                        case "TEXT":
-                          values = [String(prop.defaultValue || "Text content")];
-                          defaultValue = String(prop.defaultValue || "Text content");
-                          break;
-                        case "INSTANCE_SWAP":
-                          if (prop.preferredValues && Array.isArray(prop.preferredValues)) {
-                            values = prop.preferredValues.map((v) => v.key || v.name || "Component instance");
-                          } else {
-                            values = ["Component instance"];
-                          }
-                          defaultValue = values[0] || "Component instance";
-                          break;
-                        default:
-                          values = ["Property value"];
-                          defaultValue = "Default";
-                      }
-                      actualProperties.push({ name: displayName, values, default: defaultValue });
-                    }
-                    console.log(`\u{1F50D} [DEBUG] Instance fallback: extracted ${actualProperties.length} properties from component set`);
-                  }
-                }
-              } catch (error) {
-                console.warn("\u{1F50D} [WARN] Instance fallback: could not access componentPropertyDefinitions:", error);
-              }
-              if (actualProperties.length === 0) {
-                try {
-                  const variantProps = componentSet.variantGroupProperties;
-                  if (variantProps) {
-                    for (const propName in variantProps) {
-                      const prop = variantProps[propName];
-                      if (!actualProperties.find((p) => p.name === propName)) {
-                        actualProperties.push({
-                          name: propName,
-                          values: prop.values,
-                          default: prop.values[0] || "default"
-                        });
-                      }
-                    }
-                  }
-                } catch (error) {
-                  console.warn("\u{1F50D} [WARN] Instance fallback: could not access variantGroupProperties:", error);
-                }
-              }
-            } else {
-              console.log("\u{1F50D} [DEBUG] Instance fallback: extracting from standalone main component");
-              try {
-                if ("componentPropertyDefinitions" in mainComponent) {
-                  const propertyDefinitions = mainComponent.componentPropertyDefinitions;
-                  if (propertyDefinitions && typeof propertyDefinitions === "object") {
-                    for (const propName in propertyDefinitions) {
-                      const prop = propertyDefinitions[propName];
-                      let displayName = propName;
-                      let values = [];
-                      let defaultValue = "";
-                      if (propName.includes("#")) {
-                        displayName = propName.split("#")[0];
-                      }
-                      switch (prop.type) {
-                        case "BOOLEAN":
-                          values = ["true", "false"];
-                          defaultValue = prop.defaultValue ? "true" : "false";
-                          break;
-                        case "TEXT":
-                          values = [String(prop.defaultValue || "Text content")];
-                          defaultValue = String(prop.defaultValue || "Text content");
-                          break;
-                        case "INSTANCE_SWAP":
-                          if (prop.preferredValues && Array.isArray(prop.preferredValues)) {
-                            values = prop.preferredValues.map((v) => v.key || v.name || "Component instance");
-                          } else {
-                            values = ["Component instance"];
-                          }
-                          defaultValue = values[0] || "Component instance";
-                          break;
-                        default:
-                          values = ["Property value"];
-                          defaultValue = "Default";
-                      }
-                      actualProperties.push({ name: displayName, values, default: defaultValue });
-                    }
-                    console.log(`\u{1F50D} [DEBUG] Instance fallback: extracted ${actualProperties.length} properties from main component`);
-                  }
-                }
-              } catch (error) {
-                console.warn("\u{1F50D} [WARN] Instance fallback: could not access componentPropertyDefinitions on main component:", error);
-              }
-            }
-          }
-        } catch (error) {
-          console.warn("\u{1F50D} [WARN] Instance fallback: could not get main component:", error);
-        }
-      }
-    }
-    const uniqueProperties = [];
-    actualProperties.forEach((prop) => {
-      if (!uniqueProperties.find((p) => p.name === prop.name)) {
-        uniqueProperties.push(prop);
-      }
-    });
-    console.log(`\u{1F50D} [DEBUG] Final result: Extracted ${uniqueProperties.length} unique properties:`, uniqueProperties.map((p) => ({ name: p.name, valueCount: p.values.length, default: p.default })));
-    return uniqueProperties;
-  }
-  function extractPropertiesFromStructuralAnalysis(componentSet) {
-    const properties = [];
-    console.log("\u{1F50D} [STRUCTURAL] Starting comprehensive structural analysis of component set:", componentSet.name);
-    const variantProperties = extractPropertiesFromVariantNames(componentSet);
-    properties.push(...variantProperties);
-    const allChildNames = /* @__PURE__ */ new Set();
-    const textLayers = /* @__PURE__ */ new Set();
-    const instanceLayers = /* @__PURE__ */ new Set();
-    const booleanIndicators = /* @__PURE__ */ new Set();
-    componentSet.children.forEach((variant) => {
-      if (variant.type === "COMPONENT") {
-        console.log(`\u{1F50D} [STRUCTURAL] Analyzing variant: ${variant.name}`);
-        const traverseNode = (node, depth = 0) => {
-          const indent = "  ".repeat(depth);
-          console.log(`\u{1F50D} [STRUCTURAL] ${indent}Found child: ${node.name} (type: ${node.type})`);
-          allChildNames.add(node.name);
-          if (node.type === "TEXT") {
-            textLayers.add(node.name);
-          } else if (node.type === "INSTANCE") {
-            instanceLayers.add(node.name);
-          }
-          if (node.visible === false || node.name.toLowerCase().includes("hidden")) {
-            booleanIndicators.add(node.name);
-          }
-          if ("children" in node && node.children) {
-            node.children.forEach((child) => traverseNode(child, depth + 1));
-          }
-        };
-        traverseNode(variant);
-      }
-    });
-    console.log("\u{1F50D} [STRUCTURAL] Analysis results:");
-    console.log("\u{1F50D} [STRUCTURAL] - All child names:", Array.from(allChildNames));
-    console.log("\u{1F50D} [STRUCTURAL] - Text layers:", Array.from(textLayers));
-    console.log("\u{1F50D} [STRUCTURAL] - Instance layers:", Array.from(instanceLayers));
-    console.log("\u{1F50D} [STRUCTURAL] - Boolean indicators:", Array.from(booleanIndicators));
-    textLayers.forEach((textLayerName) => {
-      const cleanName = textLayerName.replace(/\s*(layer|text|label)?\s*/gi, "").trim();
-      if (cleanName && !properties.find((p) => p.name.toLowerCase() === cleanName.toLowerCase())) {
-        properties.push({
-          name: cleanName,
-          values: ["Text content"],
-          default: "Label"
-        });
-        console.log(`\u{1F50D} [STRUCTURAL] Added TEXT property: ${cleanName}`);
-      }
-    });
-    instanceLayers.forEach((instanceLayerName) => {
-      const cleanName = instanceLayerName.replace(/\s*(layer|instance)?\s*/gi, "").trim();
-      if (cleanName && !properties.find((p) => p.name.toLowerCase() === cleanName.toLowerCase())) {
-        properties.push({
-          name: cleanName,
-          values: ["Component instance"],
-          default: "Default component"
-        });
-        console.log(`\u{1F50D} [STRUCTURAL] Added INSTANCE_SWAP property: ${cleanName}`);
-      }
-    });
-    const commonBooleanPatterns = [
-      "icon before",
-      "icon after",
-      "slot before",
-      "slot after",
-      "before",
-      "after",
-      "prefix",
-      "suffix",
-      "leading",
-      "trailing"
-    ];
-    commonBooleanPatterns.forEach((pattern) => {
-      const foundLayer = Array.from(allChildNames).find(
-        (name) => name.toLowerCase().includes(pattern.toLowerCase())
-      );
-      if (foundLayer && !properties.find((p) => p.name.toLowerCase().includes(pattern.toLowerCase()))) {
-        const propertyName = pattern.split(" ").map(
-          (word) => word.charAt(0).toUpperCase() + word.slice(1)
-        ).join(" ");
-        properties.push({
-          name: propertyName,
-          values: ["true", "false"],
-          default: "false"
-        });
-        console.log(`\u{1F50D} [STRUCTURAL] Added BOOLEAN property: ${propertyName}`);
-      }
-    });
-    const componentName = componentSet.name.toLowerCase();
-    if (componentName.includes("button") || componentName.includes("btn")) {
-      const commonButtonProperties = [
-        { name: "Slot Before", type: "BOOLEAN" },
-        { name: "Text", type: "TEXT" },
-        { name: "Icon Before", type: "INSTANCE_SWAP" },
-        { name: "Icon After", type: "INSTANCE_SWAP" }
-      ];
-      commonButtonProperties.forEach(({ name, type }) => {
-        if (!properties.find((p) => p.name.toLowerCase() === name.toLowerCase())) {
-          let values, defaultValue;
-          switch (type) {
-            case "BOOLEAN":
-              values = ["true", "false"];
-              defaultValue = "false";
-              break;
-            case "TEXT":
-              values = ["Text content"];
-              defaultValue = "Label";
-              break;
-            case "INSTANCE_SWAP":
-              values = ["Component instance"];
-              defaultValue = "Default icon";
-              break;
-            default:
-              values = ["Property value"];
-              defaultValue = "Default";
-          }
-          properties.push({
-            name,
-            values,
-            default: defaultValue
-          });
-          console.log(`\u{1F50D} [STRUCTURAL] Added common ${type} property: ${name}`);
-        }
-      });
-    }
-    console.log(`\u{1F50D} [STRUCTURAL] Final structural analysis result: ${properties.length} properties found`);
-    return properties;
-  }
-  async function extractActualComponentStates(node) {
-    const actualStates = [];
-    if (node.type === "COMPONENT_SET") {
-      const componentSet = node;
-      let variantProps;
-      try {
-        variantProps = componentSet.variantGroupProperties;
-      } catch (error) {
-        console.warn("Component set has errors, cannot access variantGroupProperties:", error);
-        variantProps = void 0;
-      }
-      if (variantProps) {
-        for (const propName in variantProps) {
-          const lowerPropName = propName.toLowerCase();
-          if (lowerPropName === "state" || lowerPropName === "states" || lowerPropName === "status") {
-            actualStates.push(...variantProps[propName].values);
-          }
-        }
-      }
-      componentSet.children.forEach((variant) => {
-        const variantName = variant.name.toLowerCase();
-        ["default", "hover", "focus", "disabled", "pressed", "active", "selected"].forEach((state) => {
-          const existingState = actualStates.find((existing) => existing.toLowerCase() === state.toLowerCase());
-          if (variantName.includes(state) && !existingState) {
-            actualStates.push(state);
-          }
-        });
-      });
-    } else if (node.type === "COMPONENT") {
-      const component = node;
-      if (component.parent && component.parent.type === "COMPONENT_SET") {
-        return await extractActualComponentStates(component.parent);
-      }
-    } else if (node.type === "INSTANCE") {
-      const instance = node;
-      const mainComponent = await instance.getMainComponentAsync();
-      if (mainComponent) {
-        return await extractActualComponentStates(mainComponent);
-      }
-    }
-    const uniqueStates = [];
-    actualStates.forEach((state) => {
-      if (state && typeof state === "string" && state.trim() !== "") {
-        const existingState = uniqueStates.find((existing) => existing.toLowerCase() === state.toLowerCase());
-        if (!existingState) {
-          uniqueStates.push(state.trim());
-        }
-      }
-    });
-    return uniqueStates;
-  }
-  async function processEnhancedAnalysis(context, apiKey, model, options = {}, providerId = "anthropic") {
-    console.log("\u{1F3AF} Starting enhanced component analysis...");
-    const selectedNode = figma.currentPage.selection[0];
-    const node = options.node || selectedNode;
-    if (!node) {
-      throw new Error("No node selected");
+**Container Component Guidelines:**
+- If this appears to be a CONTAINER component (e.g., "tabs", "form", "card-group"), focus on layout and organization rather than interaction variants
+- Container components typically need fewer variants than individual interactive components
+- Only suggest variants for containers if they truly have different layout patterns (e.g., vertical vs horizontal orientation)
+
+**Variant Recommendations Guidelines:**
+- Do NOT recommend variants for components that are intentionally single-purpose (icons, badges, simple dividers, containers)
+- Only suggest variants when there's clear evidence the component should have multiple visual or functional states
+- For CONTAINER components: Focus on layout variants (orientation, spacing) rather than interaction states
+- For INDIVIDUAL components: Consider interaction states, sizes, and visual styles
+- Base variant suggestions on actual design system patterns visible in the layer structure
+
+**Design Token Focus Areas:**
+- **Color Tokens**: Semantic color usage (primary, secondary, neutral, semantic colors)
+- **Spacing Tokens**: Consistent spacing patterns (padding, margins, gaps)
+- **Typography Tokens**: Font sizes, weights, line heights, letter spacing
+- **Effect Tokens**: Shadows, blurs, and other visual effects
+- **Border Tokens**: Border radius, stroke weights
+- **Layout Tokens**: Grid systems, breakpoints, container sizes
+
+**Response Format (JSON only):**
+{
+  "component": "Component name and purpose",
+  "description": "Start with a brief 1-2 sentence summary of what this component is and its key variants/capabilities. Then provide structured sections: PURPOSE: What this component is and its primary function. BEHAVIOR: Interactive behavior patterns (e.g., 'expanding one accordion panel collapses all others', 'dropdown closes on outside click'). Skip this section if the component is not interactive. COMPOSITION: List all nested/child component instances used (e.g., 'Contains Button, Icon, and Badge sub-components'). Note: AI code generators should check the development codebase for these sub-components before creating new ones. USAGE: When and how to use this component vs alternatives. CODE GENERATION NOTES: Implementation considerations \u2014 mention leveraging existing sub-components from the codebase, design patterns to follow, and interaction details not visible from design specs alone.",
+  "props": [
+    {
+      "name": "property name",
+      "type": "string|boolean|number|variant",
+      "description": "Property purpose and usage",
+      "defaultValue": "default value",
+      "required": true/false
     }
-    const actualProperties = await extractActualComponentProperties(node, selectedNode);
-    const actualStates = await extractActualComponentStates(node);
-    const tokens = await extractDesignTokensFromNode(node);
-    let componentDescription = "";
-    if (node.type === "COMPONENT" || node.type === "COMPONENT_SET") {
-      componentDescription = node.description || "";
-    } else if (node.type === "INSTANCE") {
-      const instance = node;
-      const mainComponent = await instance.getMainComponentAsync();
-      if (mainComponent) {
-        componentDescription = mainComponent.description || "";
-      }
+  ],
+  "states": ["IMPORTANT: Only include visual states that can be represented in Figma designs (hover, focus, disabled, loading, error). Do NOT include states that are purely functional/code-level."],
+  "slots": ["slot descriptions for content areas"],
+  "variants": {
+    "size": ["small", "medium", "large"],
+    "variant": ["primary", "secondary", "outline"],
+    "orientation": ["horizontal", "vertical"]
+  },
+  "usage": "When and how to use this component in designs",
+  "accessibility": {
+    "designConsiderations": ["Design-focused accessibility considerations like color contrast, visual hierarchy, readable text sizes"],
+    "visualIndicators": ["Visual cues needed for accessibility (focus rings, state indicators, etc.)"],
+    "designGuidance": "How to design this component to be accessible"
+  },
+  "tokens": {
+    "colors": [
+      "semantic-color-primary",
+      "semantic-color-secondary",
+      "neutral-background-default",
+      "neutral-text-primary",
+      "semantic-color-success",
+      "semantic-color-error",
+      "semantic-color-warning"
+    ],
+    "spacing": [
+      "spacing-xs-4px",
+      "spacing-sm-8px",
+      "spacing-md-16px",
+      "spacing-lg-24px",
+      "spacing-xl-32px"
+    ],
+    "typography": [
+      "text-size-sm-12px",
+      "text-size-base-14px",
+      "text-size-lg-16px",
+      "text-size-xl-18px",
+      "text-weight-normal-400",
+      "text-weight-medium-500",
+      "text-weight-semibold-600"
+    ],
+    "effects": [
+      "shadow-sm-subtle",
+      "shadow-md-default",
+      "shadow-lg-prominent",
+      "blur-backdrop-light"
+    ],
+    "borders": [
+      "radius-sm-4px",
+      "radius-md-8px",
+      "radius-lg-12px",
+      "radius-full-999px"
+    ]
+  },
+  "propertyCheatSheet": [
+    {
+      "name": "Property name",
+      "values": ["value1", "value2", "value3"],
+      "default": "default value",
+      "description": "What this property controls"
     }
-    context.existingDescription = componentDescription;
-    const lintResult = runDesignLint([node], options.lintSettings || DEFAULT_LINT_SETTINGS);
-    console.log(`\u{1F50D} [LINT] Deterministic lint: ${lintResult.summary.totalErrors} issues in ${lintResult.summary.nodesWithErrors} nodes`);
-    console.log(`\u{1F4CA} [ANALYSIS] Extracted from Figma API:`);
-    console.log(`  Properties: ${actualProperties.length}`);
-    console.log(`  States: ${actualStates.length}`);
-    console.log(`  Tokens: ${Object.keys(tokens).length} categories`);
-    console.log(`  Description: ${componentDescription ? "Present" : "Missing"}`);
-    const mcpServerUrl = options.mcpServerUrl || "http://localhost:3000/mcp";
-    const useMCP = options.useMCP !== false && mcpServerUrl;
-    let analysisResult;
-    if (useMCP) {
-      console.log(`\u{1F504} Using hybrid LLM + MCP approach (${providerId})...`);
-      const llmPrompt = createFigmaDataExtractionPrompt(context, actualProperties, actualStates, tokens, componentDescription, lintResult);
-      const llmResponse = await callProvider(providerId, apiKey, {
-        prompt: llmPrompt,
-        model,
-        maxTokens: 2048,
-        temperature: 0.1
-      });
-      const llmData = extractJSONFromResponse(llmResponse.content);
-      if (!llmData) {
-        throw new Error("Failed to extract JSON from LLM response");
-      }
-      let mcpEnhancements = null;
-      try {
-        mcpEnhancements = await getMCPBestPractices(context, mcpServerUrl, llmData);
-        console.log("\u2705 MCP enhancements received");
-      } catch (mcpError) {
-        console.warn("\u26A0\uFE0F MCP enhancement failed, continuing with LLM data only:", mcpError);
-      }
-      analysisResult = mergClaudeAndMCPResults(llmData, mcpEnhancements, {
-        node,
-        context,
-        actualProperties,
-        actualStates,
-        tokens,
-        componentDescription
-      });
-    } else {
-      console.log(`\u{1F4DD} Using ${providerId}-only analysis...`);
-      const prompt = createEnhancedMetadataPrompt(context);
-      const llmFallbackResponse = await callProvider(providerId, apiKey, {
-        prompt,
-        model,
-        maxTokens: 2048,
-        temperature: 0.1
-      });
-      analysisResult = extractJSONFromResponse(llmFallbackResponse.content);
-      if (!analysisResult) {
-        throw new Error("Failed to extract JSON from response");
-      }
+  ],
+  "recommendedProperties": [
+    {
+      "name": "Figma property name to add (e.g. 'Size', 'Icon Before')",
+      "type": "VARIANT|BOOLEAN|TEXT|INSTANCE_SWAP",
+      "description": "Why this property improves the component for design system usage and developer handoff",
+      "examples": ["specific example values relevant to this component"]
     }
-    const filteredData = filterDevelopmentRecommendations(analysisResult);
-    return await processAnalysisResult(filteredData, context, options, lintResult, apiKey, model, providerId);
+  ],
+  "audit": {
+    "tokenOpportunities": ["Specific recommendations for design token implementation in Figma"],
+    "structureIssues": ["Component structure improvements for better design system integration"]
+  },
+  "mcpReadiness": {
+    "score": "0-100 readiness score for MCP server code generation",
+    "strengths": [
+      "REQUIRED: List 2-3 specific DESIGN strengths this component already has for code generation",
+      "FIGMA-ONLY Examples: 'Clear visual hierarchy in layers', 'Consistent spacing patterns', 'Well-organized component variants', 'Uses Figma variables for colors', 'Semantic layer naming', 'Defined visual states in Figma'"
+    ],
+    "gaps": [
+      "REQUIRED: List 2-4 specific DESIGN gaps that limit MCP code generation effectiveness",
+      "FIGMA-ONLY Examples: 'Missing visual states in Figma designs', 'Hard-coded spacing values (not using Figma variables)', 'Unclear component variant organization', 'Inconsistent layer naming conventions', 'No component properties defined in Figma', 'Missing visual feedback states'"
+    ],
+    "recommendations": [
+      "REQUIRED: List 2-4 specific, actionable FIGMA DESIGN recommendations to improve MCP readiness",
+      "FIGMA-ONLY Examples: 'Add hover and focus state designs in Figma', 'Replace hard-coded spacing with Figma variables', 'Define component variant properties in Figma', 'Standardize layer naming convention', 'Create missing visual states in component variants', 'Organize color styles into semantic tokens'"
+    ],
+    "implementationNotes": "Design handoff guidance for developers implementing this component"
   }
-  function createFigmaDataExtractionPrompt(context, actualProperties, actualStates, tokens, componentDescription, lintResult) {
-    var _a;
-    const componentFamily = ((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) || "generic";
-    const nestedInstances = extractInstanceNames(context.hierarchy);
-    let lintSection = "";
-    if (lintResult && lintResult.summary.totalErrors > 0) {
-      const byType = lintResult.summary.byType;
-      const topErrors = lintResult.errors.slice(0, 15).map(
-        (e) => `  - [${e.errorType.toUpperCase()}] ${e.nodeName}: ${e.message}`
-      ).join("\n");
-      lintSection = `
-**Design Lint Findings (${lintResult.summary.totalErrors} issues):**
-- Missing fill styles: ${byType.fill || 0}
-- Missing stroke styles: ${byType.stroke || 0}
-- Missing effect styles: ${byType.effect || 0}
-- Missing text styles: ${byType.text || 0}
-- Non-standard border radius: ${byType.radius || 0}
-- Off-grid spacing: ${byType.spacing || 0}
-- Missing auto-layout: ${byType.autoLayout || 0}
+}
+
+**Analysis Guidelines:**
+
+1. **Be Figma-Specific**: Focus on what can be improved within Figma designs
+2. **Design System Focus**: Consider how this fits into a broader design system
+3. **Visual Design**: Prioritize visual consistency, token usage, and design handoff
+4. **Component Architecture**: Evaluate how the component is structured in Figma
+5. **Practical Recommendations**: Suggest improvements that designers can actually implement
+
+**Recommended Properties Guidelines:**
+For the "recommendedProperties" field, compare the component's EXISTING properties against best practices from established design systems (Material Design, Carbon, Ant Design, Polaris, Lightning, Spectrum, etc.):
+- Only recommend Figma component properties that do NOT already exist on this component
+- Use Figma property types: VARIANT (for enumerated options like size/style), BOOLEAN (for toggles like show/hide icon), TEXT (for editable text like labels), INSTANCE_SWAP (for swappable sub-components like icons)
+- Each recommendation must be specific to THIS component type and its actual structure \u2014 do not suggest generic properties that don't apply
+- If the component already has comprehensive properties, return an empty array \u2014 never force recommendations
+- Consider what developers will need when consuming this component in code
+
+**CRITICAL: AVOID ALL Development-Only Concerns:**
+- Do NOT suggest implementing ARIA attributes, accessibility APIs, or semantic HTML (this is code-level)
+- Do NOT suggest adding keyboard navigation, event handlers, or interactive behaviors (this is code-level)
+- Do NOT suggest functional programming patterns, state management, or controlled/uncontrolled components (this is code-level)
+- Do NOT suggest responsive breakpoint behaviors or CSS-specific implementations (this is code-level)
+- Do NOT suggest animation tokens, transition timing, or programmatic animations (this is code-level)
+- Do NOT suggest API integration, data binding, or dynamic content loading (this is code-level)
+- ONLY focus on VISUAL DESIGN and DESIGN SYSTEM concerns that can be addressed within Figma
+
+**Token Naming Convention:**
+- Colors: \`semantic-[purpose]-[variant]\` (e.g., "semantic-color-primary", "neutral-background-subtle")
+- Spacing: \`spacing-[size]-[value]\` (e.g., "spacing-md-16px", "spacing-lg-24px")
+- Typography: \`text-[property]-[variant]-[value]\` (e.g., "text-size-lg-18px", "text-weight-semibold-600")
+- Effects: \`[effect]-[intensity]-[purpose]\` (e.g., "shadow-md-default", "blur-backdrop-light")
+- Borders: \`radius-[size]-[value]\` (e.g., "radius-md-8px", "radius-full-999px")
+
+Focus on creating a comprehensive DESIGN analysis that helps designers build scalable, consistent, and well-structured Figma components.`}function le(e){try{console.log("\u{1F50D} Starting JSON extraction from LLM response..."),console.log("\u{1F4DD} Response length:",e.length),console.log("\u{1F4DD} Response preview (first 200 chars):",e.substring(0,200));try{let n=JSON.parse(e.trim());return console.log("\u2705 Successfully parsed entire response as JSON"),n}catch(n){console.log("\u26A0\uFE0F Full response is not valid JSON, trying to extract JSON block...")}let t=[()=>jt(e),()=>Zs(e),()=>eo(e),()=>to(e)];for(let n=0;n<t.length;n++)try{console.log(`\u{1F50D} Trying extraction strategy ${n+1}...`);let s=t[n]();if(s)return console.log("\u2705 Successfully extracted JSON with strategy",n+1),s}catch(s){let o=s instanceof Error?s.message:"Unknown error";console.log(`\u26A0\uFE0F Strategy ${n+1} failed:`,o);continue}throw new Error("No valid JSON found in response after trying all strategies")}catch(t){throw console.error("\u274C Failed to parse JSON from LLM response:",t),console.log("\u{1F4DD} Full response for debugging:",e),new Error("Invalid JSON response from LLM API")}}function jt(e){let t=e.indexOf("{");if(t===-1)return null;let n=0,s=!1,o=!1;for(let r=t;r<e.length;r++){let i=e[r];if(o){o=!1;continue}if(i==="\\"){o=!0;continue}if(i==='"'){s=!s;continue}if(!s){if(i==="{")n++;else if(i==="}"&&(n--,n===0)){let a=e.substring(t,r+1);try{return JSON.parse(a)}catch(c){return console.log("\u26A0\uFE0F Balanced JSON extraction found malformed JSON:",c instanceof Error?c.message:"Parse error"),null}}}}return console.log("\u26A0\uFE0F JSON appears to be truncated, attempting reconstruction..."),Ys(e,t)}function Ys(e,t){try{let s=e.substring(t).split(`
+`),o="",r=0,i=!1,a=!1;for(let l=0;l<s.length;l++){let d=s[l];for(let p=0;p<d.length;p++){let u=d[p];if(a){a=!1;continue}if(u==="\\"){a=!0;continue}if(u==='"'){i=!i;continue}i||(u==="{"?r++:u==="}"&&r--)}if(i||d.trim().endsWith(",")===!1&&l<s.length-1)break;o+=d+`
+`}for(;r>0;)o+=`}
+`,r--;let c=JSON.parse(o.trim());return console.log("\u2705 Successfully reconstructed truncated JSON"),c}catch(n){return console.log("\u26A0\uFE0F Failed to reconstruct truncated JSON:",n instanceof Error?n.message:"Unknown error"),Qs(e)}}function Qs(e){try{console.log("\u{1F504} Attempting to extract basic component info as fallback...");let t=e.match(/"component":\s*"([^"]+)"/),n=e.match(/"description":\s*"([^"]+)"/);if(t&&n){let s={component:t[1],description:n[1],props:[],states:["default"],variants:{},tokens:{colors:[],spacing:[],typography:[]},audit:{tokenOpportunities:["Review and simplify component analysis"]},mcpReadiness:{score:60,strengths:["Component has basic structure"],gaps:["Analysis was incomplete due to response size"],recommendations:["Simplify component structure","Use MCP-enhanced analysis for better results"]},propertyCheatSheet:[]};return console.log("\u2705 Extracted basic component info as fallback"),s}return null}catch(t){return console.log("\u26A0\uFE0F Failed to extract basic component info:",t instanceof Error?t.message:"Unknown error"),null}}function Zs(e){let t=[["```json","```"],["```","```"],["JSON:",`
+
+`],["Response:",`
+
+`],["{",`}
+`]];for(let[n,s]of t){let o=e.indexOf(n);if(o===-1)continue;let r=o+n.length,i=e.indexOf(s,r);if(i===-1&&s===`
+
+`&&(i=e.length),i===-1)continue;let a=e.substring(r,i).trim();try{return JSON.parse(a)}catch(c){if(a.startsWith("{"))try{return jt(a)}catch(l){continue}}}return null}function eo(e){let t=/```(?:json)?\s*(\{[\s\S]*?\})\s*```/gi,n;for(;(n=t.exec(e))!==null;)try{return JSON.parse(n[1])}catch(s){continue}return null}function to(e){let t=e.match(/\{[\s\S]*\}/);return t?JSON.parse(t[0]):null}function Pe(e){if(!e||typeof e!="object")return e;let t=["aria","accessibility api","semantic html","keyboard navigation","event handler","interactive behavior","onclick","onchange","state management","controlled component","uncontrolled component","props","responsive breakpoint","css implementation","@media","animation token","transition timing","programmatic animation","keyframe","api integration","data binding","dynamic content","fetch","axios","implement","add handler","bind event","attach listener","programming pattern","functional pattern","react hook","usestate","useeffect"],n=r=>{let i=r.toLowerCase();return t.some(a=>i.includes(a))},s=r=>Array.isArray(r)?r.filter(i=>{if(typeof i=="string"){let a=!n(i);return a||console.log("\u{1F6AB} [FILTER] Removed development-focused recommendation:",i),a}return!0}):r,o=JSON.parse(JSON.stringify(e));return o.mcpReadiness&&(o.mcpReadiness.recommendations&&(o.mcpReadiness.recommendations=s(o.mcpReadiness.recommendations)),o.mcpReadiness.gaps&&(o.mcpReadiness.gaps=s(o.mcpReadiness.gaps))),o.audit&&(o.audit.tokenOpportunities&&(o.audit.tokenOpportunities=s(o.audit.tokenOpportunities)),o.audit.structureIssues&&(o.audit.structureIssues=s(o.audit.structureIssues))),o.accessibility&&(o.accessibility.designConsiderations&&(o.accessibility.designConsiderations=s(o.accessibility.designConsiderations)),o.accessibility.visualIndicators&&(o.accessibility.visualIndicators=s(o.accessibility.visualIndicators))),o}var E=class extends Error{constructor(n,s,o,r){super(n);this.code=s;this.statusCode=o;this.retryAfter=r;this.name="LLMError"}};var qe={anthropic:"claude-sonnet-4-5-20250929",openai:"gpt-5.2",google:"gemini-2.5-pro"};var no=[{id:"claude-opus-4-5-20251218",name:"Claude Opus 4.5",description:"Flagship model - Most capable, best for complex analysis and reasoning",contextWindow:2e5,isDefault:!1},{id:"claude-sonnet-4-5-20250929",name:"Claude Sonnet 4.5",description:"Standard model - Balanced performance and cost, recommended for most tasks",contextWindow:2e5,isDefault:!0},{id:"claude-haiku-4-5-20251001",name:"Claude Haiku 4.5",description:"Economy model - Fastest responses, ideal for quick analysis",contextWindow:2e5,isDefault:!1}],Je=class{constructor(){this.name="Anthropic";this.id="anthropic";this.endpoint="https://api.anthropic.com/v1/messages";this.keyPrefix="sk-ant-";this.keyPlaceholder="sk-ant-...";this.models=no}formatRequest(t){let n={model:t.model,messages:[{role:"user",content:t.prompt.trim()}],max_tokens:t.maxTokens};return t.temperature!==void 0&&(n.temperature=t.temperature),t.additionalParams&&Object.assign(n,t.additionalParams),n}parseResponse(t){let n=t;if(!n.content||!Array.isArray(n.content))throw new E("Invalid response format from Anthropic API: missing content array","INVALID_REQUEST");let s=n.content.filter(o=>o.type==="text").map(o=>o.text).join(`
+`);if(!s)throw new E("Invalid response format from Anthropic API: no text content found","INVALID_REQUEST");return{content:s.trim(),model:n.model,usage:n.usage?{promptTokens:n.usage.input_tokens,completionTokens:n.usage.output_tokens,totalTokens:n.usage.input_tokens+n.usage.output_tokens}:void 0,metadata:{id:n.id,stopReason:n.stop_reason}}}validateApiKey(t){if(!t||typeof t!="string")return{isValid:!1,error:"API Key Required: Please provide a valid Claude API key."};let n=t.trim();return n.length===0?{isValid:!1,error:"API Key Required: The Claude API key cannot be empty."}:n.startsWith(this.keyPrefix)?n.length<40?{isValid:!1,error:"Invalid API Key Format: The API key appears to be too short. Please verify you copied the complete key."}:{isValid:!0}:{isValid:!1,error:`Invalid API Key Format: Claude API keys should start with "${this.keyPrefix}". Please check your API key.`}}getHeaders(t){return{"content-type":"application/json","x-api-key":t.trim(),"anthropic-version":"2023-06-01","anthropic-dangerous-direct-browser-access":"true"}}getDefaultModel(){return this.models.find(n=>n.isDefault)||this.models[1]}handleError(t,n){var r;let s=n,o=((r=s==null?void 0:s.error)==null?void 0:r.message)||(typeof n=="string"?n:"Unknown error");switch(t){case 400:return new E(`Claude API Error (400): ${o}. Please check your request format.`,"INVALID_REQUEST",400);case 401:return new E("Claude API Error (401): Invalid API key. Please check your Claude API key in settings.","INVALID_API_KEY",401);case 403:return new E("Claude API Error (403): Access forbidden. Please check your API key permissions.","INVALID_API_KEY",403);case 404:return new E(`Claude API Error (404): ${o}. The requested model may not be available.`,"MODEL_NOT_FOUND",404);case 429:return new E("Claude API Error (429): Rate limit exceeded. Please try again later.","RATE_LIMIT_EXCEEDED",429);case 500:return new E("Claude API Error (500): Server error. The Claude API is experiencing issues. Please try again later.","SERVER_ERROR",500);case 503:return new E("Claude API Error (503): Service unavailable. The Claude API is temporarily down. Please try again later.","SERVICE_UNAVAILABLE",503);default:return new E(`Claude API Error (${t}): ${o}`,"UNKNOWN_ERROR",t)}}},Ye=new Je;var so=[{id:"gpt-5.2",name:"GPT-5.2",description:"Flagship model with advanced reasoning capabilities",contextWindow:128e3,isDefault:!0},{id:"gpt-5.2-pro",name:"GPT-5.2 Pro",description:"Premium model with extended reasoning for complex tasks",contextWindow:128e3,isDefault:!1},{id:"gpt-5-mini",name:"GPT-5 Mini",description:"Economy model - fast and cost-effective",contextWindow:128e3,isDefault:!1}],Qe=class{constructor(){this.name="OpenAI";this.id="openai";this.endpoint="https://api.openai.com/v1/chat/completions";this.keyPrefix="sk-";this.keyPlaceholder="sk-...";this.models=so}formatRequest(t){let n={model:t.model,messages:[{role:"user",content:t.prompt}],max_completion_tokens:t.maxTokens,temperature:t.temperature};return t.additionalParams&&Object.assign(n,t.additionalParams),n}parseResponse(t){let n=t;if(!n.choices||n.choices.length===0)throw new E("Invalid response format: no choices returned","INVALID_REQUEST");let s=n.choices[0];if(!s.message||typeof s.message.content!="string")throw new E("Invalid response format: missing message content","INVALID_REQUEST");let o={content:s.message.content.trim(),model:n.model};return n.usage&&(o.usage={promptTokens:n.usage.prompt_tokens,completionTokens:n.usage.completion_tokens,totalTokens:n.usage.total_tokens}),o.metadata={id:n.id,finishReason:s.finish_reason,created:n.created},o}validateApiKey(t){if(!t||typeof t!="string")return{isValid:!1,error:"API Key Required: Please provide a valid OpenAI API key."};let n=t.trim();return n.length===0?{isValid:!1,error:"API Key Required: The OpenAI API key cannot be empty."}:n.startsWith(this.keyPrefix)?n.length<20?{isValid:!1,error:"Invalid API Key Format: The API key appears to be too short. Please verify you copied the complete key."}:{isValid:!0}:{isValid:!1,error:`Invalid API Key Format: OpenAI API keys should start with "${this.keyPrefix}". Please check your API key.`}}getHeaders(t){return{"Content-Type":"application/json",Authorization:`Bearer ${t.trim()}`}}getDefaultModel(){return this.models.find(n=>n.isDefault)||this.models[0]}handleError(t,n){var r;let s=n,o=((r=s==null?void 0:s.error)==null?void 0:r.message)||(s==null?void 0:s.message)||"Unknown error occurred";switch(t){case 400:return o.toLowerCase().includes("context_length_exceeded")||o.toLowerCase().includes("maximum context length")?new E(`OpenAI API Error (400): Context length exceeded. ${o}`,"CONTEXT_LENGTH_EXCEEDED",t):new E(`OpenAI API Error (400): ${o}. Please check your request format.`,"INVALID_REQUEST",t);case 401:return new E("OpenAI API Error (401): Invalid API key. Please check your OpenAI API key in settings.","INVALID_API_KEY",t);case 403:return new E("OpenAI API Error (403): Access forbidden. Please check your API key permissions or account status.","INVALID_API_KEY",t);case 404:return new E(`OpenAI API Error (404): Model not found. ${o}`,"MODEL_NOT_FOUND",t);case 429:let i=o.match(/try again in (\d+)/i),a=i?parseInt(i[1],10):void 0;return new E(`OpenAI API Error (429): Rate limit exceeded. ${a?`Please try again in ${a} seconds.`:"Please try again later."}`,"RATE_LIMIT_EXCEEDED",t,a);case 500:return new E("OpenAI API Error (500): Server error. The OpenAI API is experiencing issues. Please try again later.","SERVER_ERROR",t);case 502:return new E("OpenAI API Error (502): Bad gateway. The OpenAI API is temporarily unavailable. Please try again later.","SERVICE_UNAVAILABLE",t);case 503:return new E("OpenAI API Error (503): Service unavailable. The OpenAI API is temporarily down. Please try again later.","SERVICE_UNAVAILABLE",t);case 504:return new E("OpenAI API Error (504): Gateway timeout. The request took too long. Please try again.","SERVICE_UNAVAILABLE",t);default:return new E(`OpenAI API Error (${t}): ${o}`,"UNKNOWN_ERROR",t)}}},Ze=new Qe;var oo=[{id:"gemini-3-pro-preview",name:"Gemini 3 Pro",description:"Flagship model with advanced reasoning and multimodal capabilities",contextWindow:1e6,isDefault:!0},{id:"gemini-2.5-pro",name:"Gemini 2.5 Pro",description:"Standard reasoning model with excellent performance",contextWindow:1e6,isDefault:!1},{id:"gemini-2.5-flash",name:"Gemini 2.5 Flash",description:"Economy model optimized for speed and efficiency",contextWindow:1e6,isDefault:!1}],et=class{constructor(){this.name="Google";this.id="google";this.endpoint="https://generativelanguage.googleapis.com/v1beta/models";this.keyPrefix="AIza";this.keyPlaceholder="AIza...";this.models=oo}formatRequest(t){let n={contents:[{parts:[{text:t.prompt}]}],generationConfig:{maxOutputTokens:t.maxTokens,temperature:t.temperature}};if(t.additionalParams){let{topP:s,topK:o,stopSequences:r}=t.additionalParams;s!==void 0&&(n.generationConfig.topP=s),o!==void 0&&(n.generationConfig.topK=o),r!==void 0&&(n.generationConfig.stopSequences=r)}return n}parseResponse(t){var c;let n=t;if(n.error)throw new E(n.error.message||"Unknown Gemini API error",this.mapErrorCodeToLLMErrorCode(n.error.code,n.error.status),n.error.code);if(!n.candidates||n.candidates.length===0){let l=Object.keys(n);throw new E(`No candidates in Gemini response. Response keys: [${l.join(", ")}]${n.error?`. Error: ${n.error.message}`:""}`,"INVALID_REQUEST")}let s=n.candidates[0];if(s.finishReason==="SAFETY")throw new E("Gemini response blocked by safety filters. Try rephrasing the prompt.","INVALID_REQUEST");let o=(c=s.content)==null?void 0:c.parts;if(!o||o.length===0)throw new E(`No content parts in Gemini response. Finish reason: ${s.finishReason||"unknown"}. Has content: ${!!s.content}`,"INVALID_REQUEST");let r=o.find(l=>typeof l.text=="string");if(!r||!r.text){let l=o.map(d=>Object.keys(d).join(",")).join("; ");throw new E(`No text content in Gemini response parts. Part types: [${l}]. Finish reason: ${s.finishReason||"unknown"}`,"INVALID_REQUEST")}let a={content:r.text,model:"gemini"};return n.usageMetadata&&(a.usage={promptTokens:n.usageMetadata.promptTokenCount||0,completionTokens:n.usageMetadata.candidatesTokenCount||0,totalTokens:n.usageMetadata.totalTokenCount||0}),a}validateApiKey(t){if(!t||typeof t!="string")return{isValid:!1,error:"API key is required"};let n=t.trim();return n.length===0?{isValid:!1,error:"API key cannot be empty"}:n.startsWith(this.keyPrefix)?n.length<30||n.length>50?{isValid:!1,error:"API key appears to have an invalid length. Please verify you copied the complete key."}:/^[A-Za-z0-9_-]+$/.test(n)?{isValid:!0}:{isValid:!1,error:"API key contains invalid characters"}:{isValid:!1,error:`Google API keys should start with "${this.keyPrefix}". Please check your API key.`}}getHeaders(t){return{"Content-Type":"application/json"}}getEndpoint(t,n){let s=n.trim();return`${this.endpoint}/${t}:generateContent?key=${s}`}getDefaultModel(){return this.models.find(n=>n.isDefault)||this.models[0]}handleError(t,n){var p,u;let s=n,o=s==null?void 0:s.error,r=(o==null?void 0:o.message)||"Unknown Google API error",i=o==null?void 0:o.status,a=(o==null?void 0:o.code)||t,c=this.mapErrorCodeToLLMErrorCode(a,i),l;if(t===429){l=6e4;let f=(p=o==null?void 0:o.details)==null?void 0:p.find(y=>{var m;return(m=y["@type"])==null?void 0:m.includes("RetryInfo")});if((u=f==null?void 0:f.metadata)!=null&&u.retryDelay){let y=f.metadata.retryDelay.match(/(\d+)s/);y&&(l=parseInt(y[1],10)*1e3)}}let d=r;switch(c){case"INVALID_API_KEY":d="Google API Error: Invalid API key. Please check your API key in settings.";break;case"RATE_LIMIT_EXCEEDED":d=`Google API Error: Rate limit exceeded. ${l?`Please try again in ${Math.ceil(l/1e3)} seconds.`:"Please try again later."}`;break;case"MODEL_NOT_FOUND":d="Google API Error: Model not found. Please select a valid model.";break;case"CONTEXT_LENGTH_EXCEEDED":d="Google API Error: Input too long. Please reduce the size of your request.";break;case"SERVER_ERROR":d="Google API Error: Server error. Please try again later.";break;case"SERVICE_UNAVAILABLE":d="Google API Error: Service temporarily unavailable. Please try again later.";break}return new E(d,c,t,l)}mapErrorCodeToLLMErrorCode(t,n){if(n){let s=n.toUpperCase();if(s==="INVALID_ARGUMENT")return"INVALID_REQUEST";if(s==="PERMISSION_DENIED"||s==="UNAUTHENTICATED")return"INVALID_API_KEY";if(s==="NOT_FOUND")return"MODEL_NOT_FOUND";if(s==="RESOURCE_EXHAUSTED")return"RATE_LIMIT_EXCEEDED";if(s==="UNAVAILABLE")return"SERVICE_UNAVAILABLE"}switch(t){case 400:return"INVALID_REQUEST";case 401:case 403:return"INVALID_API_KEY";case 404:return"MODEL_NOT_FOUND";case 429:return"RATE_LIMIT_EXCEEDED";case 500:return"SERVER_ERROR";case 503:return"SERVICE_UNAVAILABLE";default:return"UNKNOWN_ERROR"}}},tt=new et;var ro={anthropic:Ye,openai:Ze,google:tt};function re(e){let t=ro[e];if(!t)throw new E(`Unknown provider: ${e}`,"INVALID_REQUEST",400);return t}async function ie(e,t,n){var c,l;let s=re(e),o=s.validateApiKey(t);if(!o.isValid)throw new E(o.error||"Invalid API key format","INVALID_API_KEY",401);let r=s.formatRequest(n),i=s.getHeaders(t),a=s.endpoint;e==="google"&&(a=`${s.endpoint}/${n.model}:generateContent?key=${t.trim()}`);try{console.log(`Making ${s.name} API call to ${a}...`);let d=await fetch(a,{method:"POST",headers:i,body:JSON.stringify(r)});if(!d.ok){let u;try{u=await d.json()}catch(f){u=await d.text()}throw s.handleError(d.status,u)}let p=await d.json();return console.log(`${s.name} API response status: ${d.status}`),console.log(`${s.name} API response keys:`,Object.keys(p)),e==="google"&&(console.log("Gemini response candidates:",p.candidates?p.candidates.length:"none"),(c=p.candidates)!=null&&c[0]&&(console.log("Gemini candidate[0] keys:",Object.keys(p.candidates[0])),p.candidates[0].content&&console.log("Gemini content parts:",((l=p.candidates[0].content.parts)==null?void 0:l.length)||"none")),p.error&&console.log("Gemini error:",JSON.stringify(p.error))),s.parseResponse(p)}catch(d){throw d instanceof E?d:d instanceof Error&&(d.message.includes("Failed to fetch")||d.message.includes("NetworkError"))?new E(`Network error connecting to ${s.name}. Please check your internet connection.`,"NETWORK_ERROR"):new E(`Unexpected error calling ${s.name}: ${d instanceof Error?d.message:"Unknown error"}`,"UNKNOWN_ERROR")}}var U={SELECTED_PROVIDER:"selected-provider",SELECTED_MODEL:"selected-model",apiKey:e=>`${e}-api-key`,LEGACY_CLAUDE_KEY:"claude-api-key",LEGACY_CLAUDE_MODEL:"claude-model"},io={provider:"anthropic",model:qe.anthropic};async function ao(){try{let e=await figma.clientStorage.getAsync(U.LEGACY_CLAUDE_KEY),t=await figma.clientStorage.getAsync(U.LEGACY_CLAUDE_MODEL);return e?{needsMigration:!0,legacyKey:e,legacyModel:t}:{needsMigration:!1}}catch(e){return{needsMigration:!1}}}async function nt(){let e=await ao();e.needsMigration&&(console.log("Migrating legacy Claude storage to multi-provider format..."),e.legacyKey&&await figma.clientStorage.setAsync(U.apiKey("anthropic"),e.legacyKey),await figma.clientStorage.setAsync(U.SELECTED_PROVIDER,"anthropic"),e.legacyModel&&await figma.clientStorage.setAsync(U.SELECTED_MODEL,e.legacyModel),await figma.clientStorage.deleteAsync(U.LEGACY_CLAUDE_KEY),await figma.clientStorage.deleteAsync(U.LEGACY_CLAUDE_MODEL),console.log("Migration complete"))}async function st(){await nt();let e=await figma.clientStorage.getAsync(U.SELECTED_PROVIDER)||io.provider,t=await figma.clientStorage.getAsync(U.SELECTED_MODEL)||qe[e],n=await figma.clientStorage.getAsync(U.apiKey(e));return{providerId:e,modelId:t,apiKey:n}}async function ot(e,t,n){await figma.clientStorage.setAsync(U.SELECTED_PROVIDER,e),await figma.clientStorage.setAsync(U.SELECTED_MODEL,t),n!==void 0&&await figma.clientStorage.setAsync(U.apiKey(e),n)}async function qt(e){await figma.clientStorage.deleteAsync(U.apiKey(e))}var Jt=/^(Frame|Rectangle|Ellipse|Group|Vector|Line|Polygon|Star|Text|Component|Instance|Slice|Boolean|Union|Subtract|Intersect|Exclude)\s*\d*$/i,Xt=/\s+\d+$/,Yt={button:"btn",icon:"ico",input:"input",text:"txt",image:"img",container:"container",card:"card",list:"list","list-item":"list-item",nav:"nav",header:"header",footer:"footer",modal:"modal",dropdown:"dropdown",checkbox:"checkbox",radio:"radio",toggle:"toggle",avatar:"avatar",badge:"badge",divider:"divider",spacer:"spacer",link:"link",tab:"tab",tooltip:"tooltip",alert:"alert",progress:"progress",skeleton:"skeleton",unknown:"layer"},de=[["btn","button"],["button","button"],["cta","button"],["submit","button"],["icon","icon"],["ico","icon"],["glyph","icon"],["symbol","icon"],["arrow","icon"],["chevron","icon"],["close","icon"],["plus","icon"],["minus","icon"],["txt","text"],["label","text"],["title","text"],["heading","text"],["paragraph","text"],["description","text"],["caption","text"],["subtitle","text"],["input","input"],["field","input"],["textfield","input"],["textarea","input"],["searchfield","input"],["searchbox","input"],["image","image"],["img","image"],["photo","image"],["picture","image"],["thumbnail","image"],["cover","image"],["container","container"],["wrapper","container"],["content","container"],["section","container"],["block","container"],["box","container"],["card","card"],["tile","card"],["panel","card"],["list","list"],["items","list"],["item","list-item"],["row","list-item"],["listitem","list-item"],["nav","nav"],["navbar","nav"],["navigation","nav"],["sidebar","nav"],["breadcrumb","nav"],["menu","nav"],["header","header"],["topbar","header"],["footer","footer"],["bottombar","footer"],["modal","modal"],["dialog","modal"],["popup","modal"],["overlay","modal"],["dropdown","dropdown"],["select","dropdown"],["picker","dropdown"],["combobox","dropdown"],["checkbox","checkbox"],["checkmark","checkbox"],["radio","radio"],["toggle","toggle"],["switch","toggle"],["avatar","avatar"],["profile","avatar"],["userpic","avatar"],["badge","badge"],["tag","badge"],["chip","badge"],["pill","badge"],["status","badge"],["divider","divider"],["separator","divider"],["hr","divider"],["spacer","spacer"],["gap","spacer"],["link","link"],["anchor","link"],["href","link"],["tab","tab"],["tabs","tab"],["tabbar","tab"],["tooltip","tooltip"],["hint","tooltip"],["popover","tooltip"],["alert","alert"],["notification","alert"],["toast","alert"],["message","alert"],["snackbar","alert"],["banner","alert"],["progress","progress"],["loader","progress"],["loading","progress"],["spinner","progress"],["progressbar","progress"],["skeleton","skeleton"],["placeholder","skeleton"],["shimmer","skeleton"]];function Qt(e){if(!e||typeof e!="string")return!0;let t=e.trim();return!!(Jt.test(t)||t.length===1||/^\d+$/.test(t))}function co(e){return Xt.test(e.trim())}function Le(e){let t=e.name.toLowerCase();for(let n=0;n<de.length;n++){let s=de[n];if(t.indexOf(s[0])!==-1)return s[1]}switch(e.type){case"TEXT":return"text";case"VECTOR":case"STAR":case"POLYGON":case"BOOLEAN_OPERATION":return"icon";case"RECTANGLE":case"ELLIPSE":case"LINE":if("fills"in e&&Array.isArray(e.fills)){let n=e.fills,s=!1;for(let o=0;o<n.length;o++){let r=n[o];if(r.type==="IMAGE"&&r.visible!==!1){s=!0;break}}if(s)return"image"}if("width"in e&&"height"in e){let n=e.width,s=e.height,o=n/s;if(s<=2&&n>20||n<=2&&s>20)return"divider";if(n<=32&&s<=32&&o>.5&&o<2)return"spacer"}return"unknown";case"FRAME":case"GROUP":return Zt(e);case"COMPONENT":case"INSTANCE":return en(e);case"COMPONENT_SET":return lo(e);default:return"unknown"}}function Zt(e){if(!("children"in e)||e.children.length===0)return"container";let t=e.children,n=[],s=[];for(let c=0;c<t.length;c++)n.push(t[c].type),s.push(t[c].name.toLowerCase());let o=!1,r=!1;for(let c=0;c<n.length;c++)n[c]==="TEXT"&&(o=!0),(n[c]==="VECTOR"||s[c].indexOf("icon")!==-1)&&(r=!0);let i="width"in e&&"height"in e&&e.width<300&&e.height<100;if(o&&i&&(r||t.length<=3)&&"layoutMode"in e&&e.layoutMode!=="NONE")return"button";let a=!1;for(let c=0;c<n.length;c++)if(n[c]==="RECTANGLE"||s[c].indexOf("image")!==-1){a=!0;break}if(o&&a&&t.length>=2)return"card";if(t.length>=3){let c=t[0].type,l=!0;for(let d=1;d<t.length;d++)if(t[d].type!==c){l=!1;break}if(l&&(c==="FRAME"||c==="INSTANCE"))return"list"}if("cornerRadius"in e&&e.cornerRadius&&t.length<=2&&o&&i)return"input";if("layoutMode"in e&&e.layoutMode==="HORIZONTAL"){let c=0;for(let l=0;l<t.length;l++){let d=t[l].type;(d==="FRAME"||d==="INSTANCE"||d==="TEXT")&&c++}if(c>=3&&i)return"nav"}return"container"}function en(e){let t=e.name.toLowerCase();for(let n=0;n<de.length;n++){let s=de[n];if(t.indexOf(s[0])!==-1)return s[1]}return"children"in e?Zt(e):"unknown"}function lo(e){let t=e.name.toLowerCase();for(let n=0;n<de.length;n++){let s=de[n];if(t.indexOf(s[0])!==-1)return s[1]}return"children"in e&&e.children.length>0?en(e.children[0]):"unknown"}function tn(e,t=10){let n=[];function s(o,r,i){if(r>t)return;let a=i?`${i} > ${o.name}`:o.name,c=Le(o);if(Qt(o.name)){let l=ue(o);n.push({nodeId:o.id,nodeName:o.name,currentName:o.name,suggestedName:l,severity:"error",reason:"Generic layer name detected",layerType:c,depth:r,path:a})}else if(co(o.name)){let l=o.name.replace(Xt,"").trim(),d=ue(o);n.push({nodeId:o.id,nodeName:o.name,currentName:o.name,suggestedName:d!==o.name?d:l,severity:"warning",reason:"Layer name has numbered suffix (possible duplicate)",layerType:c,depth:r,path:a})}if("children"in o)for(let l=0;l<o.children.length;l++)s(o.children[l],r+1,a)}return s(e,0,""),n}function ue(e){let t=Le(e);return e.type==="TEXT"?po(e):e.type==="VECTOR"||e.type==="STAR"||e.type==="POLYGON"||e.type==="BOOLEAN_OPERATION"?uo(e):"children"in e&&e.children.length>0?mo(e):Yt[t]||"layer"}function uo(e){let n=e.name.toLowerCase().replace(Jt,"").replace(/[_\-\s]+/g,"-").replace(/^-|-$/g,"").trim();if(n&&n.length>1)return`icon-${j(n)}`;if("children"in e&&e.children.length>0){let s=[];for(let o=0;o<e.children.length;o++)s.push(e.children[o].type);for(let o=0;o<s.length;o++){if(s[o]==="ELLIPSE")return"icon-circle";if(s[o]==="STAR")return"icon-star";if(s[o]==="POLYGON")return"icon-shape"}}if("width"in e&&"height"in e){let s=e.width/e.height;if(s>1.5||s<.67)return"icon-arrow"}return"icon"}function po(e){let n=(e.characters||"").trim();if(!n)return"text-empty";let s=n.split(/\s+/);if(s.length<=2&&n.length<=30){let f=j(n);return f?`text-${f}`:"text-content"}let o=s[0].toLowerCase(),r=["welcome","about","contact","services","features","pricing"],i=["name","email","password","username","address","phone"],a=["submit","cancel","save","delete","edit","add","remove","ok","yes","no"],c=["learn","read","view","see","click","here","more"],l=["error","invalid","required","failed","wrong"],d=["success","done","complete","saved","updated"],p=n.toLowerCase();for(let f=0;f<r.length;f++)if(o.indexOf(r[f])!==-1||p.indexOf(r[f])!==-1)return`text-heading-${j(s.slice(0,2).join(" "))}`;for(let f=0;f<i.length;f++)if(o.indexOf(i[f])!==-1||p.indexOf(i[f])!==-1)return`text-label-${j(s.slice(0,2).join(" "))}`;for(let f=0;f<a.length;f++)if(o.indexOf(a[f])!==-1||p.indexOf(a[f])!==-1)return`text-button-${j(s.slice(0,2).join(" "))}`;for(let f=0;f<c.length;f++)if(o.indexOf(c[f])!==-1||p.indexOf(c[f])!==-1)return`text-link-${j(s.slice(0,2).join(" "))}`;for(let f=0;f<l.length;f++)if(o.indexOf(l[f])!==-1||p.indexOf(l[f])!==-1)return`text-error-${j(s.slice(0,2).join(" "))}`;for(let f=0;f<d.length;f++)if(o.indexOf(d[f])!==-1||p.indexOf(d[f])!==-1)return`text-success-${j(s.slice(0,2).join(" "))}`;let u=j(s.slice(0,2).join(" "));return u?`text-${u}`:"text-content"}function mo(e){let t=Le(e),n=Yt[t];if("children"in e&&e.children.length>0){let s;for(let o=0;o<e.children.length;o++)if(e.children[o].type==="TEXT"){s=e.children[o];break}if(s&&s.characters){let r=s.characters.trim().split(/\s+/).slice(0,2);if(r.length>0&&r[0].length>0)return`${n}-${j(r.join(" "))}`}if(t==="button"||t==="input"){let o;for(let r=0;r<e.children.length;r++){let i=e.children[r];if(i.type==="VECTOR"||i.name.toLowerCase().indexOf("icon")!==-1){o=i;break}}if(o){let r=o.name.toLowerCase().replace(/icon[-_\s]*/gi,"");if(r&&!Qt(r))return`${n}-${j(r)}`}}}return n}function rt(e,t){if(!e||!t||typeof t!="string")return!1;let n=t.trim();if(n.length===0)return!1;try{return e.name=n,!0}catch(s){return console.error("Failed to rename layer:",s),!1}}function nn(e,t){return{nodeId:e.id,currentName:e.name,newName:t.trim(),layerType:Le(e),willChange:e.name!==t.trim()}}function j(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").replace(/[^a-zA-Z0-9-]/g,"").replace(/-+/g,"-").replace(/^-|-$/g,"").toLowerCase()}Fe();async function wt(e){let t=ts(e),n=Sr(t),s=He(e).join(" "),o={width:"width"in e?e.width:0,height:"height"in e?e.height:0,layoutMode:"layoutMode"in e&&e.layoutMode||"NONE"},r={hasFills:ns(e),hasStrokes:ss(e),hasEffects:os(e),cornerRadius:"cornerRadius"in e&&e.cornerRadius||0},i=wr(e),{isComponentSet:a,potentialVariants:c}=Nr(e),l=await br(e);return{name:e.name,type:e.type,hierarchy:t,textContent:s||void 0,frameStructure:o,detectedStyles:r,detectedSlots:i,isComponentSet:a,potentialVariants:c,nestedLayers:n,additionalContext:l}}async function br(e){let t={hasInteractiveElements:!1,possibleUseCase:"",designPatterns:[],componentFamily:"",suggestedConsiderations:[]},n=e.name.toLowerCase(),o=["tabs","tab-group","tabset","nav","navbar","navigation","menu","menubar","dropdown","form","form-group","fieldset","list","grid","collection","gallery","group","container","wrapper","layout","toolbar","panel","sidebar","header","footer","card-group","button-group","radio-group","checkbox-group"].some(a=>n.includes(a)),r=await vr(e),i=o||r;return console.log(`\u{1F50D} [CONTAINER DETECTION] ${e.name}:`),console.log(`  Name-based: ${o}`),console.log(`  Structure-based: ${r}`),console.log(`  Final result: ${i}`),n.includes("avatar")||n.includes("profile")?(t.componentFamily="avatar",t.possibleUseCase="User representation, often clickable for profile access or dropdown menus",t.hasInteractiveElements=!0,t.suggestedConsiderations.push("Consider if this avatar will be clickable/interactive"),t.suggestedConsiderations.push("May need hover/focus states for navigation"),t.designPatterns.push("profile-navigation","user-menu-trigger")):n.includes("button")||n.includes("btn")?(t.componentFamily="button",t.possibleUseCase="Interactive element for user actions",t.hasInteractiveElements=!0,t.suggestedConsiderations.push("Requires all interactive states"),t.designPatterns.push("action-trigger","form-submission")):n.includes("badge")||n.includes("tag")?(t.componentFamily="badge",t.possibleUseCase="Status indicator or label",t.hasInteractiveElements=!1,t.suggestedConsiderations.push("Typically non-interactive unless used as a filter"),t.designPatterns.push("status-indicator","category-label")):n.includes("input")||n.includes("field")?(t.componentFamily="input",t.possibleUseCase="Form input element",t.hasInteractiveElements=!0,t.suggestedConsiderations.push("Needs focus, error, and disabled states"),t.designPatterns.push("form-control","data-entry")):n.includes("card")?(t.componentFamily="card",t.possibleUseCase="Content container",t.hasInteractiveElements=n.includes("clickable")||n.includes("interactive"),t.suggestedConsiderations.push("May be interactive if used for navigation"),t.designPatterns.push("content-container","information-display")):n.includes("icon")?(t.componentFamily="icon",t.possibleUseCase="Visual indicator or decoration",t.hasInteractiveElements=!1,t.suggestedConsiderations.push("Usually decorative, but may be interactive if part of a button"),t.designPatterns.push("visual-indicator","decoration")):i&&(t.componentFamily="container",t.possibleUseCase="Layout container for organizing child components",t.hasInteractiveElements=!1,t.suggestedConsiderations.push("Focus on layout and organization rather than interaction states"),t.suggestedConsiderations.push("Child components handle individual interactions"),t.designPatterns.push("layout-container","component-organization")),"children"in e&&e.findAll(c=>c.type==="TEXT"&&(c.name.toLowerCase().includes("click")||c.name.toLowerCase().includes("action")||c.name.toLowerCase().includes("link"))).length>0&&(t.hasInteractiveElements=!0),e.parent&&e.parent.name.toLowerCase().includes("button")&&(t.hasInteractiveElements=!0,t.suggestedConsiderations.push("Part of a button component - needs interactive states")),t}async function vr(e){if(!("children"in e)||!e.children||e.children.length===0)return!1;let t=e.children.filter(l=>l.type==="INSTANCE");if(t.length===0)return console.log(`\u{1F50D} [STRUCTURE] No child instances found in ${e.name}`),!1;console.log(`\u{1F50D} [STRUCTURE] Analyzing ${e.name} with ${t.length} child instances`);let n=new Map;await Promise.all(t.map(async l=>{try{let d=await l.getMainComponentAsync();if(d){let p=d.name;n.has(p)||n.set(p,[]),n.get(p).push(l)}}catch(d){console.log("\u26A0\uFE0F [STRUCTURE] Could not access main component for instance:",d)}})),console.log("\u{1F50D} [STRUCTURE] Instance groups:",Array.from(n.entries()).map(([l,d])=>`${l}: ${d.length}`));let s=Array.from(n.values()).some(l=>l.length>1),o=Array.from(n.keys()).some(l=>{let d=l.toLowerCase();return d.includes("item")||d.includes("panel")||d.includes("content")||d.includes("section")||d.includes("group")||d.includes("wrapper")||d.includes("tab")&&!d.includes("button")||d.includes("nav-item")||d.includes("menu-item")||d.includes("list-item")||d.includes("card-item")}),r=t.length/e.children.length,i=r>.6,a=n.size>=2&&s;return console.log(`\u{1F50D} [STRUCTURE] Analysis for ${e.name}:`),console.log(`  Repeated components: ${s}`),console.log(`  Organizational components: ${o}`),console.log(`  Instance ratio: ${r.toFixed(2)} (${i?"high":"low"})`),console.log(`  Collection pattern: ${a}`),s||o||i&&n.size>=2}function ts(e,t=0){let n=[],s={name:e.name,type:e.type,depth:t};if("children"in e&&e.children.length>0){s.children=[];for(let o of e.children)s.children.push(...ts(o,t+1))}return n.push(s),n}function Sr(e){let t=[];function n(s){for(let o of s)t.push(o.name),o.children&&n(o.children)}return n(e),t}function je(e){let t=new Set;function n(s){for(let o of s)o.type==="INSTANCE"&&t.add(o.name),o.children&&n(o.children)}return n(e),Array.from(t)}function Nr(e){let t=[],n=!1;if(e.type==="COMPONENT_SET"){n=!0;try{let s=e,o;try{o=s.variantGroupProperties}catch(r){console.warn("Component set has errors, cannot access variantGroupProperties:",r),o=void 0}o&&t.push(...Object.keys(o))}catch(s){console.warn("Error analyzing component set:",s)}}else{let s=Te(e).map(r=>r.name.toLowerCase());["primary","secondary","tertiary","small","medium","large","xl","xs","default","hover","focus","active","disabled","filled","outline","ghost","link","light","dark"].forEach(r=>{s.some(i=>i.includes(r))&&(t.includes(r)||t.push(r))})}return{isComponentSet:n,potentialVariants:t}}function wr(e){let t=[],n=Te(e),s=e.name.toLowerCase(),o=["radiobutton","checkbox","icon","button","input","focusring","focus","indicator","background","border","outline","shadow","ring","control","handle","thumb","track","progress","slider","arrow","chevron","close","minimize","maximize"];n.filter(c=>c.type==="TEXT").forEach(c=>{let l=c.name.toLowerCase();o.some(d=>l.includes(d))||s.includes(l)||l.includes(s.split(" ")[0])||(l.includes("title")||l.includes("label")||l.includes("text")||l.includes("content"))&&l.length>2&&t.push(c.name)}),n.filter(c=>c.type==="FRAME").forEach(c=>{let l=c.name.toLowerCase();o.some(d=>l.includes(d))||(l.includes("content")&&!l.includes("background")||l.includes("slot")||l.includes("container")&&!l.includes("main"))&&t.push(c.name)});let a=[...new Set(t)].filter(c=>{let l=c.toLowerCase();return l.length>2&&!["text","label","content"].includes(l)&&!o.some(d=>l.includes(d))});return console.log(`\u{1F50D} [SLOTS] Detected ${a.length} legitimate content slots from ${t.length} candidates:`,a),a}function ns(e){return"fills"in e&&Array.isArray(e.fills)&&e.fills.length>0?e.fills.some(t=>t.visible!==!1):"children"in e?e.children.some(t=>ns(t)):!1}function ss(e){return"strokes"in e&&Array.isArray(e.strokes)&&e.strokes.length>0?e.strokes.some(t=>t.visible!==!1):"children"in e?e.children.some(t=>ss(t)):!1}function os(e){return"effects"in e&&Array.isArray(e.effects)&&e.effects.length>0?e.effects.some(t=>t.visible!==!1):"children"in e?e.children.some(t=>os(t)):!1}function kr(e){let t=new Map;e.children.forEach(s=>{s.type==="COMPONENT"&&s.name.split(",").map(i=>i.trim()).forEach(i=>{let[a,c]=i.split("=").map(l=>l.trim());a&&c&&(t.has(a)||t.set(a,new Set),t.get(a).add(c))})});let n=[];return t.forEach((s,o)=>{let r=Array.from(s);n.push({name:o,values:r,default:r[0]||"default"})}),n}async function rs(e,t){let n=[];if(console.log("\u{1F50D} [DEBUG] Starting property extraction for node:",e.name,"type:",e.type),console.log("\u{1F50D} [DEBUG] Originally selected node:",t==null?void 0:t.name,"type:",t==null?void 0:t.type),t&&t.type==="INSTANCE"){let o=t;console.log("\u{1F50D} [DEBUG] Extracting from selected instance componentProperties...");try{if("componentProperties"in o&&o.componentProperties){let r=o.componentProperties;console.log("\u{1F50D} [DEBUG] Found componentProperties on selected instance:",Object.keys(r));let i=await o.getMainComponentAsync();if(i&&i.parent&&i.parent.type==="COMPONENT_SET"){let a=i.parent,c=null;try{"componentPropertyDefinitions"in a&&(c=a.componentPropertyDefinitions,console.log("\u{1F50D} [DEBUG] Got componentPropertyDefinitions from component set"))}catch(l){console.log("\u{1F50D} [DEBUG] Could not access componentPropertyDefinitions, using instance properties only")}for(let l in r){let d=r[l];console.log(`\u{1F50D} [DEBUG] Processing instance property "${l}":`,d);let p=l,u=[],f="";if(l.includes("#")&&(p=l.split("#")[0]),d&&typeof d=="object"&&"value"in d?f=String(d.value):f=String(d),c&&c[l]){let y=c[l];switch(console.log(`\u{1F50D} [DEBUG] Found property definition for "${l}":`,y),y.type){case"VARIANT":u=y.variantOptions||[];break;case"BOOLEAN":u=["true","false"];break;case"TEXT":u=[f||"Text content"];break;case"INSTANCE_SWAP":y.preferredValues&&Array.isArray(y.preferredValues)?u=y.preferredValues.map(m=>m.key||m.name||"Component instance"):u=["Component instance"];break;default:u=[f||"Property value"]}}else console.log(`\u{1F50D} [DEBUG] No property definition for "${l}", inferring from value`),f==="true"||f==="false"?u=["true","false"]:u=[f||"Property value"];n.push({name:p,values:u,default:f||u[0]||"default"}),console.log("\u{1F50D} [DEBUG] Added instance property:",{name:p,values:u,default:f})}if(n.length>0)return console.log(`\u{1F50D} [DEBUG] Successfully extracted ${n.length} properties from selected instance`),n}}}catch(r){console.log("\u{1F50D} [DEBUG] Could not extract from instance componentProperties:",r)}}if(e.type==="COMPONENT_SET"){let o=e;console.log("\u{1F50D} [DEBUG] Attempting to access componentPropertyDefinitions...");try{if("componentPropertyDefinitions"in o){console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions property exists on componentSet");let r=o.componentPropertyDefinitions;if(console.log("\u{1F50D} [DEBUG] Raw componentPropertyDefinitions:",r),console.log("\u{1F50D} [DEBUG] Type of componentPropertyDefinitions:",typeof r),r&&typeof r=="object"){let i=Object.keys(r);console.log("\u{1F50D} [DEBUG] Found componentPropertyDefinitions with keys:",i);for(let a in r){let c=r[a];console.log(`\u{1F50D} [DEBUG] Processing property "${a}":`,c);let l=a,d=[],p="";switch(a.includes("#")&&(l=a.split("#")[0],console.log(`\u{1F50D} [DEBUG] Cleaned display name: "${l}" from "${a}"`)),c.type){case"VARIANT":d=c.variantOptions||[],p=String(c.defaultValue)||d[0]||"default",console.log(`\u{1F50D} [DEBUG] VARIANT property "${l}": values=${d}, default=${p}`);break;case"BOOLEAN":d=["true","false"],p=c.defaultValue?"true":"false",console.log(`\u{1F50D} [DEBUG] BOOLEAN property "${l}": default=${p}`);break;case"TEXT":d=[String(c.defaultValue||"Text content")],p=String(c.defaultValue||"Text content"),console.log(`\u{1F50D} [DEBUG] TEXT property "${l}": value=${p}`);break;case"INSTANCE_SWAP":c.preferredValues&&Array.isArray(c.preferredValues)?d=c.preferredValues.map(u=>(console.log("\u{1F50D} [DEBUG] INSTANCE_SWAP preferred value:",u),u.key||u.name||"Component instance")):d=["Component instance"],p=d[0]||"Component instance",console.log(`\u{1F50D} [DEBUG] INSTANCE_SWAP property "${l}": values=${d}, default=${p}`);break;default:console.log(`\u{1F50D} [DEBUG] Unknown property type "${c.type}" for "${l}"`),d=["Property value"],p="Default"}n.push({name:l,values:d,default:p}),console.log("\u{1F50D} [DEBUG] Added property:",{name:l,values:d,default:p})}}else console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions is not a valid object:",r)}else console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions property does not exist on componentSet")}catch(r){console.error("\u{1F50D} [ERROR] Could not access componentPropertyDefinitions:",r),console.error("\u{1F50D} [ERROR] Error stack:",r instanceof Error?r.stack:"No stack trace")}if(n.length===0){console.log("\u{1F50D} [DEBUG] No properties found, trying variantGroupProperties fallback...");try{let r=o.variantGroupProperties;if(console.log("\u{1F50D} [DEBUG] variantGroupProperties:",r),r){let i=Object.keys(r);console.log("\u{1F50D} [DEBUG] Found variantGroupProperties with keys:",i);for(let a in r){let c=r[a];console.log(`\u{1F50D} [DEBUG] Processing variant property "${a}":`,c),n.push({name:a,values:c.values,default:c.values[0]||"default"})}}else console.log("\u{1F50D} [DEBUG] variantGroupProperties is null/undefined")}catch(r){console.warn("\u{1F50D} [WARN] Component set has errors, cannot access variantGroupProperties:",r)}}if(n.length===0&&o.children.length>0){console.log("\u{1F50D} [DEBUG] Analyzing variant structure to infer properties...");let r=new Map,i=new Map;o.children.forEach((a,c)=>{if(a.type==="COMPONENT"){let l=a.name;console.log(`\u{1F50D} [DEBUG] Analyzing variant ${c}: ${l}`),l.split(",").map(u=>u.trim()).forEach(u=>{let[f,y]=u.split("=").map(m=>m.trim());f&&y&&(r.has(f)||r.set(f,new Set),r.get(f).add(y))});let p=(u,f="")=>{let y=f?`${f}/${u.name}`:u.name;i.has(y)||i.set(y,[]),i.get(y).push(u.visible),"children"in u&&u.children.forEach(m=>p(m,y))};p(a)}}),r.forEach((a,c)=>{n.find(l=>l.name===c)||n.push({name:c,values:Array.from(a),default:Array.from(a)[0]||"default"})}),i.forEach((a,c)=>{let l=a.includes(!0),d=a.includes(!1);if(l&&d){let u=(c.split("/").pop()||"").replace(/\s*(layer|group|frame|icon|text)?\s*/gi,"").trim();u&&!n.find(f=>f.name===u)&&(n.push({name:u,values:["true","false"],default:"false"}),console.log(`\u{1F50D} [DEBUG] Inferred boolean property from visibility: ${u}`))}}),console.log(`\u{1F50D} [DEBUG] Inferred ${n.length} properties from variant analysis`)}if(n.length===0){console.log("\u{1F50D} [DEBUG] All Figma APIs failed, using comprehensive structural analysis...");let r=xr(o);console.log("\u{1F50D} [DEBUG] Properties from structural analysis:",r),n.push(...r)}}else if(e.type==="COMPONENT"){let o=e;console.log("\u{1F50D} [DEBUG] Processing COMPONENT node:",o.name);try{if("componentPropertyDefinitions"in o){let r=o.componentPropertyDefinitions;if(console.log("\u{1F50D} [DEBUG] Component componentPropertyDefinitions:",r),r&&typeof r=="object"){let i=Object.keys(r);console.log("\u{1F50D} [DEBUG] Found componentPropertyDefinitions on component with keys:",i);for(let a in r){let c=r[a],l=a,d=[],p="";switch(a.includes("#")&&(l=a.split("#")[0]),c.type){case"BOOLEAN":d=["true","false"],p=c.defaultValue?"true":"false";break;case"TEXT":d=[String(c.defaultValue||"Text content")],p=String(c.defaultValue||"Text content");break;case"INSTANCE_SWAP":c.preferredValues&&Array.isArray(c.preferredValues)?d=c.preferredValues.map(u=>u.key||u.name||"Component instance"):d=["Component instance"],p=d[0]||"Component instance";break;default:d=["Property value"],p="Default"}n.push({name:l,values:d,default:p})}}}else console.log("\u{1F50D} [DEBUG] componentPropertyDefinitions does not exist on component")}catch(r){console.warn("\u{1F50D} [WARN] Could not access componentPropertyDefinitions on component:",r)}if(o.parent&&o.parent.type==="COMPONENT_SET"){let r=o.parent;console.log("\u{1F50D} [DEBUG] Component is part of a component set, getting variant properties...");try{let i=r.variantGroupProperties;if(i)for(let a in i){let c=i[a];n.find(l=>l.name===a)||n.push({name:a,values:c.values,default:c.values[0]||"default"})}}catch(i){console.warn("\u{1F50D} [WARN] Component set has errors, cannot access variantGroupProperties:",i)}}}else if(e.type==="INSTANCE"){let o=e;if(console.log("\u{1F50D} [DEBUG] Processing INSTANCE node (fallback \u2014 Priority 1 may have been skipped)"),n.length===0)try{let r=await o.getMainComponentAsync();if(r)if(r.parent&&r.parent.type==="COMPONENT_SET"){let i=r.parent;console.log("\u{1F50D} [DEBUG] Instance fallback: extracting from parent component set:",i.name);try{if("componentPropertyDefinitions"in i){let a=i.componentPropertyDefinitions;if(a&&typeof a=="object"){for(let c in a){let l=a[c],d=c,p=[],u="";switch(c.includes("#")&&(d=c.split("#")[0]),l.type){case"VARIANT":p=l.variantOptions||[],u=String(l.defaultValue)||p[0]||"default";break;case"BOOLEAN":p=["true","false"],u=l.defaultValue?"true":"false";break;case"TEXT":p=[String(l.defaultValue||"Text content")],u=String(l.defaultValue||"Text content");break;case"INSTANCE_SWAP":l.preferredValues&&Array.isArray(l.preferredValues)?p=l.preferredValues.map(f=>f.key||f.name||"Component instance"):p=["Component instance"],u=p[0]||"Component instance";break;default:p=["Property value"],u="Default"}n.push({name:d,values:p,default:u})}console.log(`\u{1F50D} [DEBUG] Instance fallback: extracted ${n.length} properties from component set`)}}}catch(a){console.warn("\u{1F50D} [WARN] Instance fallback: could not access componentPropertyDefinitions:",a)}if(n.length===0)try{let a=i.variantGroupProperties;if(a)for(let c in a){let l=a[c];n.find(d=>d.name===c)||n.push({name:c,values:l.values,default:l.values[0]||"default"})}}catch(a){console.warn("\u{1F50D} [WARN] Instance fallback: could not access variantGroupProperties:",a)}}else{console.log("\u{1F50D} [DEBUG] Instance fallback: extracting from standalone main component");try{if("componentPropertyDefinitions"in r){let i=r.componentPropertyDefinitions;if(i&&typeof i=="object"){for(let a in i){let c=i[a],l=a,d=[],p="";switch(a.includes("#")&&(l=a.split("#")[0]),c.type){case"BOOLEAN":d=["true","false"],p=c.defaultValue?"true":"false";break;case"TEXT":d=[String(c.defaultValue||"Text content")],p=String(c.defaultValue||"Text content");break;case"INSTANCE_SWAP":c.preferredValues&&Array.isArray(c.preferredValues)?d=c.preferredValues.map(u=>u.key||u.name||"Component instance"):d=["Component instance"],p=d[0]||"Component instance";break;default:d=["Property value"],p="Default"}n.push({name:l,values:d,default:p})}console.log(`\u{1F50D} [DEBUG] Instance fallback: extracted ${n.length} properties from main component`)}}}catch(i){console.warn("\u{1F50D} [WARN] Instance fallback: could not access componentPropertyDefinitions on main component:",i)}}}catch(r){console.warn("\u{1F50D} [WARN] Instance fallback: could not get main component:",r)}}let s=[];return n.forEach(o=>{s.find(r=>r.name===o.name)||s.push(o)}),console.log(`\u{1F50D} [DEBUG] Final result: Extracted ${s.length} unique properties:`,s.map(o=>({name:o.name,valueCount:o.values.length,default:o.default}))),s}function xr(e){let t=[];console.log("\u{1F50D} [STRUCTURAL] Starting comprehensive structural analysis of component set:",e.name);let n=kr(e);t.push(...n);let s=new Set,o=new Set,r=new Set,i=new Set;e.children.forEach(l=>{if(l.type==="COMPONENT"){console.log(`\u{1F50D} [STRUCTURAL] Analyzing variant: ${l.name}`);let d=(p,u=0)=>{let f="  ".repeat(u);console.log(`\u{1F50D} [STRUCTURAL] ${f}Found child: ${p.name} (type: ${p.type})`),s.add(p.name),p.type==="TEXT"?o.add(p.name):p.type==="INSTANCE"&&r.add(p.name),(p.visible===!1||p.name.toLowerCase().includes("hidden"))&&i.add(p.name),"children"in p&&p.children&&p.children.forEach(y=>d(y,u+1))};d(l)}}),console.log("\u{1F50D} [STRUCTURAL] Analysis results:"),console.log("\u{1F50D} [STRUCTURAL] - All child names:",Array.from(s)),console.log("\u{1F50D} [STRUCTURAL] - Text layers:",Array.from(o)),console.log("\u{1F50D} [STRUCTURAL] - Instance layers:",Array.from(r)),console.log("\u{1F50D} [STRUCTURAL] - Boolean indicators:",Array.from(i)),o.forEach(l=>{let d=l.replace(/\s*(layer|text|label)?\s*/gi,"").trim();d&&!t.find(p=>p.name.toLowerCase()===d.toLowerCase())&&(t.push({name:d,values:["Text content"],default:"Label"}),console.log(`\u{1F50D} [STRUCTURAL] Added TEXT property: ${d}`))}),r.forEach(l=>{let d=l.replace(/\s*(layer|instance)?\s*/gi,"").trim();d&&!t.find(p=>p.name.toLowerCase()===d.toLowerCase())&&(t.push({name:d,values:["Component instance"],default:"Default component"}),console.log(`\u{1F50D} [STRUCTURAL] Added INSTANCE_SWAP property: ${d}`))}),["icon before","icon after","slot before","slot after","before","after","prefix","suffix","leading","trailing"].forEach(l=>{if(Array.from(s).find(p=>p.toLowerCase().includes(l.toLowerCase()))&&!t.find(p=>p.name.toLowerCase().includes(l.toLowerCase()))){let p=l.split(" ").map(u=>u.charAt(0).toUpperCase()+u.slice(1)).join(" ");t.push({name:p,values:["true","false"],default:"false"}),console.log(`\u{1F50D} [STRUCTURAL] Added BOOLEAN property: ${p}`)}});let c=e.name.toLowerCase();return(c.includes("button")||c.includes("btn"))&&[{name:"Slot Before",type:"BOOLEAN"},{name:"Text",type:"TEXT"},{name:"Icon Before",type:"INSTANCE_SWAP"},{name:"Icon After",type:"INSTANCE_SWAP"}].forEach(({name:d,type:p})=>{if(!t.find(u=>u.name.toLowerCase()===d.toLowerCase())){let u,f;switch(p){case"BOOLEAN":u=["true","false"],f="false";break;case"TEXT":u=["Text content"],f="Label";break;case"INSTANCE_SWAP":u=["Component instance"],f="Default icon";break;default:u=["Property value"],f="Default"}t.push({name:d,values:u,default:f}),console.log(`\u{1F50D} [STRUCTURAL] Added common ${p} property: ${d}`)}}),console.log(`\u{1F50D} [STRUCTURAL] Final structural analysis result: ${t.length} properties found`),t}async function De(e){let t=[];if(e.type==="COMPONENT_SET"){let s=e,o;try{o=s.variantGroupProperties}catch(r){console.warn("Component set has errors, cannot access variantGroupProperties:",r),o=void 0}if(o)for(let r in o){let i=r.toLowerCase();(i==="state"||i==="states"||i==="status")&&t.push(...o[r].values)}s.children.forEach(r=>{let i=r.name.toLowerCase();["default","hover","focus","disabled","pressed","active","selected"].forEach(a=>{let c=t.find(l=>l.toLowerCase()===a.toLowerCase());i.includes(a)&&!c&&t.push(a)})})}else if(e.type==="COMPONENT"){let s=e;if(s.parent&&s.parent.type==="COMPONENT_SET")return await De(s.parent)}else if(e.type==="INSTANCE"){let o=await e.getMainComponentAsync();if(o)return await De(o)}let n=[];return t.forEach(s=>{s&&typeof s=="string"&&s.trim()!==""&&(n.find(r=>r.toLowerCase()===s.toLowerCase())||n.push(s.trim()))}),n}async function is(e,t,n,s={},o="anthropic"){console.log("\u{1F3AF} Starting enhanced component analysis...");let r=figma.currentPage.selection[0],i=s.node||r;if(!i)throw new Error("No node selected");let a=await rs(i,r),c=await De(i),l=await ce(i),d="";if(i.type==="COMPONENT"||i.type==="COMPONENT_SET")d=i.description||"";else if(i.type==="INSTANCE"){let A=await i.getMainComponentAsync();A&&(d=A.description||"")}e.existingDescription=d;let p=Ne([i],s.lintSettings||X);console.log(`\u{1F50D} [LINT] Deterministic lint: ${p.summary.totalErrors} issues in ${p.summary.nodesWithErrors} nodes`),console.log("\u{1F4CA} [ANALYSIS] Extracted from Figma API:"),console.log(`  Properties: ${a.length}`),console.log(`  States: ${c.length}`),console.log(`  Tokens: ${Object.keys(l).length} categories`),console.log(`  Description: ${d?"Present":"Missing"}`);let u=s.mcpServerUrl||"http://localhost:3000/mcp",f=s.useMCP!==!1&&u,y;if(f){console.log(`\u{1F504} Using hybrid LLM + MCP approach (${o})...`);let v=Cr(e,a,c,l,d,p),A=await ie(o,t,{prompt:v,model:n,maxTokens:2048,temperature:.1}),w=le(A.content);if(!w)throw new Error("Failed to extract JSON from LLM response");let k=null;try{k=await Ir(e,u,w),console.log("\u2705 MCP enhancements received")}catch(g){console.warn("\u26A0\uFE0F MCP enhancement failed, continuing with LLM data only:",g)}y=Ar(w,k,{node:i,context:e,actualProperties:a,actualStates:c,tokens:l,componentDescription:d})}else{console.log(`\u{1F4DD} Using ${o}-only analysis...`);let v=Ht(e),A=await ie(o,t,{prompt:v,model:n,maxTokens:2048,temperature:.1});if(y=le(A.content),!y)throw new Error("Failed to extract JSON from response")}let m=Pe(y);return await kt(m,e,s,p,t,n,o)}function Cr(e,t,n,s,o,r){var l;let i=((l=e.additionalContext)==null?void 0:l.componentFamily)||"generic",a=je(e.hierarchy),c="";if(r&&r.summary.totalErrors>0){let d=r.summary.byType,p=r.errors.slice(0,15).map(u=>`  - [${u.errorType.toUpperCase()}] ${u.nodeName}: ${u.message}`).join(`
+`);c=`
+**Design Lint Findings (${r.summary.totalErrors} issues):**
+- Missing fill styles: ${d.fill||0}
+- Missing stroke styles: ${d.stroke||0}
+- Missing effect styles: ${d.effect||0}
+- Missing text styles: ${d.text||0}
+- Non-standard border radius: ${d.radius||0}
+- Off-grid spacing: ${d.spacing||0}
+- Missing auto-layout: ${d.autoLayout||0}
 Top issues:
-${topErrors}
-`;
-    } else {
-      lintSection = `
+${p}
+`}else c=`
 **Design Lint Findings:** All layers use proper design styles. No issues found.
-`;
-    }
-    return `Analyze this Figma component and extract its structure and patterns.
+`;return`Analyze this Figma component and extract its structure and patterns.
 
 **Component Details:**
-- Name: ${context.name}
-- Type: ${context.type}
-- Family: ${componentFamily}
-- Existing Figma Description: ${componentDescription || "None set"}
-- Nested Component Instances: ${nestedInstances.length > 0 ? nestedInstances.join(", ") : "None detected"}
+- Name: ${e.name}
+- Type: ${e.type}
+- Family: ${i}
+- Existing Figma Description: ${o||"None set"}
+- Nested Component Instances: ${a.length>0?a.join(", "):"None detected"}
 
-**Actual Figma Properties (${actualProperties.length} total):**
-${actualProperties.slice(0, 10).map((p) => `- ${p.name}: ${p.values.join(", ")} (default: ${p.default})`).join("\n")}
-${actualProperties.length > 10 ? `... and ${actualProperties.length - 10} more properties` : ""}
+**Actual Figma Properties (${t.length} total):**
+${t.slice(0,10).map(d=>`- ${d.name}: ${d.values.join(", ")} (default: ${d.default})`).join(`
+`)}
+${t.length>10?`... and ${t.length-10} more properties`:""}
 
-**Detected States:** ${actualStates.join(", ")}
+**Detected States:** ${n.join(", ")}
 
 **Token Analysis:**
-- Total token opportunities: ${tokens.summary.totalTokens}
-- Actual tokens used: ${tokens.summary.actualTokens}
-- Hard-coded values: ${tokens.summary.hardCodedValues}
-- AI suggestions: ${tokens.summary.aiSuggestions}
-${lintSection}
+- Total token opportunities: ${s.summary.totalTokens}
+- Actual tokens used: ${s.summary.actualTokens}
+- Hard-coded values: ${s.summary.hardCodedValues}
+- AI suggestions: ${s.summary.aiSuggestions}
+${c}
 **Component Structure:**
-${JSON.stringify(context.hierarchy.slice(0, 3), null, 2)}
+${JSON.stringify(e.hierarchy.slice(0,3),null,2)}
 
 **TASK:** Analyze this Figma component and provide:
 1. Component name and description based on actual structure
@@ -6132,8 +278,8 @@ Return JSON in this exact format:
     "typography": ["actual tokens used"]
   },
   "structure": {
-    "layers": ${context.hierarchy.length},
-    "hasSlots": ${context.detectedSlots.length > 0},
+    "layers": ${e.hierarchy.length},
+    "hasSlots": ${e.detectedSlots.length>0},
     "complexity": "low|medium|high"
   },
   "recommendedProperties": [
@@ -6143,1157 +289,51 @@ Return JSON in this exact format:
       "description": "Why this property improves the component",
       "examples": ["specific example values"]
     }
-  ]
-}
-
-For "recommendedProperties": Compare the EXISTING properties listed above against design system best practices (Material Design, Carbon, Ant Design, Polaris, etc.). Only recommend Figma component properties that do NOT already exist. Use Figma property types (VARIANT, BOOLEAN, TEXT, INSTANCE_SWAP). If the component already has comprehensive properties, return an empty array.
-
-Focus ONLY on what's actually in the Figma component for existing data. Recommendations should draw from your knowledge of design system best practices.`;
-  }
-  async function getMCPBestPractices(context, mcpServerUrl, claudeData) {
-    var _a, _b;
-    const componentFamily = ((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) || ((_b = claudeData.component) == null ? void 0 : _b.toLowerCase()) || "generic";
-    try {
-      const [bestPractices, tokenGuidance, scoringCriteria] = await Promise.all([
-        // Component best practices (small query)
-        queryMCPWithTimeout(mcpServerUrl, "search_design_knowledge", {
-          query: `${componentFamily} component essential properties states variants`,
-          category: "components",
-          limit: 2
-        }, 3e3),
-        // Token recommendations (small query)
-        queryMCPWithTimeout(mcpServerUrl, "search_design_knowledge", {
-          query: `design tokens ${componentFamily} semantic naming`,
-          category: "tokens",
-          limit: 2
-        }, 3e3),
-        // Scoring criteria (small query)
-        queryMCPWithTimeout(mcpServerUrl, "search_chunks", {
-          query: `component assessment scoring criteria ${componentFamily}`,
-          limit: 1
-        }, 3e3)
-      ]);
-      return {
-        bestPractices: (bestPractices == null ? void 0 : bestPractices.entries) || [],
-        tokenGuidance: (tokenGuidance == null ? void 0 : tokenGuidance.entries) || [],
-        scoringCriteria: (scoringCriteria == null ? void 0 : scoringCriteria.chunks) || [],
-        success: true
-      };
-    } catch (error) {
-      console.warn("\u26A0\uFE0F MCP queries failed:", error);
-      return {
-        bestPractices: [],
-        tokenGuidance: [],
-        scoringCriteria: [],
-        success: false,
-        error: error instanceof Error ? error.message : "Unknown error"
-      };
-    }
-  }
-  async function queryMCPWithTimeout(serverUrl, toolName, arguments_, timeoutMs = 5e3) {
-    var _a, _b;
-    const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
-    try {
-      const payload = {
-        jsonrpc: "2.0",
-        id: Math.floor(Math.random() * 1e3) + 100,
-        method: "tools/call",
-        params: {
-          name: `mcp_design-systems_${toolName}`,
-          arguments: arguments_
-        }
-      };
-      const response = await fetch(serverUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(payload),
-        signal: controller.signal
-      });
-      clearTimeout(timeoutId);
-      if (!response.ok) {
-        throw new Error(`MCP ${toolName} failed: ${response.status}`);
-      }
-      const result = await response.json();
-      return ((_b = (_a = result.result) == null ? void 0 : _a.content) == null ? void 0 : _b[0]) || {};
-    } catch (error) {
-      clearTimeout(timeoutId);
-      if (error instanceof Error && error.name === "AbortError") {
-        throw new Error(`MCP ${toolName} timeout after ${timeoutMs}ms`);
-      }
-      throw error;
-    }
-  }
-  function mergClaudeAndMCPResults(claudeData, mcpEnhancements, fallbackData) {
-    var _a;
-    const merged = __spreadValues({}, claudeData);
-    merged.propertyCheatSheet = generatePropertyCheatSheet(
-      fallbackData.actualProperties,
-      claudeData.component || fallbackData.context.name
-    );
-    merged.audit = {
-      designIssues: [],
-      tokenOpportunities: [],
-      structureIssues: []
-    };
-    if (!fallbackData.componentDescription || fallbackData.componentDescription.trim().length === 0) {
-      merged.audit.structureIssues.push("Component lacks description - Add a description in component properties to help MCP and AI understand the component's purpose and usage");
-    }
-    if (mcpEnhancements == null ? void 0 : mcpEnhancements.success) {
-      merged.mcpReadiness = generateMCPReadinessFromBestPractices(
-        mcpEnhancements,
-        claudeData,
-        fallbackData
-      );
-    } else {
-      merged.mcpReadiness = generateFallbackMCPReadiness(fallbackData);
-    }
-    merged.component = merged.component || fallbackData.context.name;
-    merged.description = merged.description || `${((_a = fallbackData.context.additionalContext) == null ? void 0 : _a.componentFamily) || "Component"} with ${fallbackData.actualProperties.length} properties`;
-    merged.props = merged.props || fallbackData.actualProperties.map((p) => ({
-      name: p.name,
-      type: "select",
-      description: `Controls ${p.name}`,
-      values: p.values,
-      default: p.default
-    }));
-    merged.states = merged.states || fallbackData.actualStates;
-    merged.recommendedProperties = claudeData.recommendedProperties || [];
-    return merged;
-  }
-  function generateMCPReadinessFromBestPractices(mcpEnhancements, claudeData, fallbackData) {
-    var _a, _b;
-    const strengths = [];
-    const gaps = [];
-    const recommendations = [];
-    if (((_a = mcpEnhancements.bestPractices) == null ? void 0 : _a.length) > 0) {
-      mcpEnhancements.bestPractices.forEach((entry) => {
-        var _a2, _b2;
-        if (((_a2 = entry.title) == null ? void 0 : _a2.includes("best practice")) || ((_b2 = entry.title) == null ? void 0 : _b2.includes("pattern"))) {
-          recommendations.push(`Follow ${entry.title}`);
-        }
-      });
-    }
-    const hasAllStates = fallbackData.actualStates.length >= 3;
-    const hasSemanticTokens = fallbackData.tokens.summary && fallbackData.tokens.summary.actualTokens > fallbackData.tokens.summary.hardCodedValues;
-    const hasGoodStructure = ((_b = claudeData.structure) == null ? void 0 : _b.complexity) !== "high";
-    if (hasAllStates) strengths.push("Component has comprehensive states");
-    else gaps.push("Missing interactive states");
-    if (hasSemanticTokens) strengths.push("Good token usage");
-    else gaps.push("Improve token adoption");
-    if (hasGoodStructure) strengths.push("Well-structured component");
-    else gaps.push("Complex structure may need simplification");
-    const score = Math.round(
-      (hasAllStates ? 35 : 15) + (hasSemanticTokens ? 35 : 15) + (hasGoodStructure ? 30 : 20)
-    );
-    return {
-      score,
-      strengths,
-      gaps,
-      recommendations: recommendations.slice(0, 3)
-      // Limit recommendations
-    };
-  }
-  function generatePropertyCheatSheet(properties, _componentName) {
-    const cheatSheet = [];
-    const sizeProps = properties.filter(
-      (p) => p.name.toLowerCase().includes("size") || p.values.some((v) => ["small", "medium", "large"].includes(v.toLowerCase()))
-    );
-    const variantProps = properties.filter(
-      (p) => p.name.toLowerCase().includes("variant") || p.name.toLowerCase().includes("type")
-    );
-    const stateProps = properties.filter(
-      (p) => p.name.toLowerCase().includes("state") || p.values.some((v) => ["hover", "active", "disabled"].includes(v.toLowerCase()))
-    );
-    if (sizeProps.length > 0) {
-      cheatSheet.push(`\u{1F4CF} Sizes: ${sizeProps.map((p) => p.values.join("/")).join(", ")}`);
-    }
-    if (variantProps.length > 0) {
-      cheatSheet.push(`\u{1F3A8} Variants: ${variantProps.map((p) => `${p.name}(${p.values.length})`).join(", ")}`);
-    }
-    if (stateProps.length > 0) {
-      cheatSheet.push(`\u{1F504} States: ${stateProps.map((p) => p.values.join("/")).join(", ")}`);
-    }
-    const covered = new Set([...sizeProps, ...variantProps, ...stateProps].map((p) => p.name));
-    const remaining = properties.filter((p) => !covered.has(p.name)).slice(0, 3).map((p) => `${p.name}: ${p.values.slice(0, 3).join("/")}`);
-    if (remaining.length > 0) {
-      cheatSheet.push(`\u2699\uFE0F Other: ${remaining.join(", ")}`);
-    }
-    return cheatSheet.slice(0, 5);
-  }
-  async function processAnalysisResult(filteredData, context, options, lintResult, apiKey, model, providerId) {
-    var _a;
-    try {
-      console.log("\u{1F504} Processing analysis result...");
-      console.log("\u{1F4CA} Filtered data received:", JSON.stringify(filteredData, null, 2).substring(0, 500) + "...");
-      const selection = figma.currentPage.selection;
-      let node = null;
-      if (selection.length > 0) {
-        node = selection[0];
-      } else {
-        throw new Error("No component selected");
-      }
-      const actualProperties = await extractActualComponentProperties(node, node);
-      const actualStates = await extractActualComponentStates(node);
-      let componentDescription = "";
-      if (node.type === "COMPONENT" || node.type === "COMPONENT_SET") {
-        componentDescription = node.description || "";
-      } else if (node.type === "INSTANCE") {
-        const instance = node;
-        const mainComponent = await instance.getMainComponentAsync();
-        if (mainComponent) {
-          componentDescription = mainComponent.description || "";
-        }
-      }
-      let tokens = {
-        colors: [],
-        spacing: [],
-        typography: [],
-        effects: [],
-        borders: [],
-        summary: {
-          totalTokens: 0,
-          actualTokens: 0,
-          hardCodedValues: 0,
-          aiSuggestions: 0,
-          byCategory: {}
-        }
-      };
-      if (options.includeTokenAnalysis !== false) {
-        tokens = await extractDesignTokensFromNode(node);
-      }
-      const metadata = {
-        component: filteredData.component || context.name || "Component",
-        description: filteredData.description || `A ${context.type} component with ${actualProperties.length} properties`,
-        // Use actual properties from Figma if Claude didn't provide them
-        props: filteredData.props && filteredData.props.length > 0 ? filteredData.props : actualProperties.map((p) => ({
-          name: p.name,
-          type: "select",
-          description: `Controls ${p.name}`,
-          values: p.values,
-          defaultValue: p.default,
-          required: false
-        })),
-        // Use actual states from Figma if Claude didn't provide them
-        states: filteredData.states && filteredData.states.length > 0 ? filteredData.states.map((s) => typeof s === "string" ? s : s.name) : actualStates.length > 0 ? actualStates : ["default"],
-        variants: filteredData.variants || {},
-        slots: filteredData.slots || [],
-        tokens: filteredData.tokens || {
-          colors: tokens.colors.filter((t) => t.isActualToken).map((t) => t.name),
-          spacing: tokens.spacing.filter((t) => t.isActualToken).map((t) => t.name),
-          typography: tokens.typography.filter((t) => t.isActualToken).map((t) => t.name)
-        },
-        usage: filteredData.usage || "General purpose component for design systems",
-        accessibility: filteredData.accessibility || {
-          keyboardNavigation: "Standard keyboard navigation support",
-          screenReader: "Screen reader accessible",
-          colorContrast: "WCAG compliant contrast ratios"
-        },
-        audit: filteredData.audit || {
-          accessibilityIssues: [],
-          namingIssues: [],
-          consistencyIssues: [],
-          tokenOpportunities: []
-        },
-        // Ensure propertyCheatSheet exists
-        propertyCheatSheet: filteredData.propertyCheatSheet || actualProperties.map((p) => ({
-          name: p.name,
-          values: p.values,
-          default: p.default,
-          description: `Property for ${p.name} configuration`
-        })),
-        // Ensure mcpReadiness exists
-        mcpReadiness: filteredData.mcpReadiness || generateFallbackMCPReadiness({
-          node,
-          context,
-          actualProperties,
-          actualStates,
-          tokens,
-          componentDescription
-        })
-      };
-      console.log("\u{1F4E4} Sending to UI - metadata.props:", (_a = metadata.props) == null ? void 0 : _a.length);
-      console.log("\u{1F4E4} Sending to UI - metadata.states:", metadata.states);
-      console.log("\u{1F4E4} Sending to UI - metadata.mcpReadiness:", metadata.mcpReadiness);
-      const audit = await createAuditResults(filteredData, context, node, actualProperties, actualStates, tokens, componentDescription);
-      const recommendations = (filteredData.recommendedProperties || []).map((rec) => ({
-        name: rec.name || "",
-        type: rec.type || "VARIANT",
-        description: rec.description || "",
-        examples: rec.examples || []
-      })).filter((rec) => rec.name);
-      console.log(`\u{1F4A1} AI-generated property recommendations: ${recommendations.length}`);
-      const namingIssues = analyzeNamingIssues(node, 5);
-      console.log(`\u{1F4DB} Found ${namingIssues.length} naming issues`);
-      if (lintResult && lintResult.errors.length > 0) {
-        audit.designLint = lintErrorsToAuditChecks(lintResult);
-      }
-      let designReview;
-      if (apiKey && model && providerId) {
-        try {
-          designReview = await generateDesignReview(
-            context,
-            lintResult,
-            audit,
-            tokens,
-            namingIssues,
-            recommendations,
-            apiKey,
-            model,
-            providerId
-          );
-          console.log(`\u{1F4CB} Design review generated: ${designReview.verdict} \u2014 ${designReview.findings.length} findings`);
-        } catch (reviewError) {
-          console.warn("\u26A0\uFE0F Design review generation failed, continuing without it:", reviewError);
-          designReview = generateDeterministicReview(lintResult, audit, tokens, namingIssues);
-        }
-      } else {
-        designReview = generateDeterministicReview(lintResult, audit, tokens, namingIssues);
-      }
-      console.log("\u2705 Analysis result processed successfully");
-      return {
-        metadata,
-        tokens,
-        audit,
-        properties: actualProperties,
-        recommendations,
-        namingIssues,
-        existingDescription: componentDescription,
-        lintResult,
-        designReview
-      };
-    } catch (error) {
-      console.error("Error processing analysis result:", error);
-      throw error;
-    }
-  }
-  function lintErrorsToAuditChecks(lintResult) {
-    const checks = [];
-    const byType = lintResult.summary.byType;
-    if (byType.fill > 0) {
-      checks.push({
-        check: `Fill styles (${byType.fill} missing)`,
-        status: "fail",
-        suggestion: `${byType.fill} layer${byType.fill > 1 ? "s use" : " uses"} hard-coded fills instead of design styles`
-      });
-    } else {
-      checks.push({ check: "Fill styles", status: "pass", suggestion: "All fills use design styles" });
-    }
-    if (byType.stroke > 0) {
-      checks.push({
-        check: `Stroke styles (${byType.stroke} missing)`,
-        status: "fail",
-        suggestion: `${byType.stroke} layer${byType.stroke > 1 ? "s use" : " uses"} hard-coded strokes instead of design styles`
-      });
-    } else {
-      checks.push({ check: "Stroke styles", status: "pass", suggestion: "All strokes use design styles" });
-    }
-    if (byType.effect > 0) {
-      checks.push({
-        check: `Effect styles (${byType.effect} missing)`,
-        status: "fail",
-        suggestion: `${byType.effect} layer${byType.effect > 1 ? "s use" : " uses"} hard-coded effects instead of design styles`
-      });
-    } else {
-      checks.push({ check: "Effect styles", status: "pass", suggestion: "All effects use design styles" });
-    }
-    if (byType.text > 0) {
-      checks.push({
-        check: `Text styles (${byType.text} missing)`,
-        status: "fail",
-        suggestion: `${byType.text} text layer${byType.text > 1 ? "s lack" : " lacks"} applied text styles`
-      });
-    } else {
-      checks.push({ check: "Text styles", status: "pass", suggestion: "All text uses design styles" });
-    }
-    if (byType.radius > 0) {
-      checks.push({
-        check: `Border radius (${byType.radius} non-standard)`,
-        status: "warning",
-        suggestion: `${byType.radius} layer${byType.radius > 1 ? "s use" : " uses"} non-standard border radius values`
-      });
-    } else {
-      checks.push({ check: "Border radius", status: "pass", suggestion: "All radii match design system standards" });
-    }
-    if (byType.spacing > 0) {
-      checks.push({
-        check: `Spacing rhythm (${byType.spacing} off-grid)`,
-        status: "warning",
-        suggestion: `${byType.spacing} spacing value${byType.spacing > 1 ? "s are" : " is"} not on the 4/8px grid`
-      });
-    } else {
-      checks.push({ check: "Spacing rhythm", status: "pass", suggestion: "All spacing values follow the design grid" });
-    }
-    if (byType.autoLayout > 0) {
-      checks.push({
-        check: `Auto Layout (${byType.autoLayout} missing)`,
-        status: "warning",
-        suggestion: `${byType.autoLayout} frame${byType.autoLayout > 1 ? "s lack" : " lacks"} auto-layout`
-      });
-    } else {
-      checks.push({ check: "Auto Layout", status: "pass", suggestion: "All container frames use auto-layout" });
-    }
-    return checks;
-  }
-  function generateDeterministicReview(lintResult, audit, tokens, namingIssues) {
-    const findings = [];
-    if (lintResult) {
-      for (const err of lintResult.errors) {
-        findings.push({
-          severity: err.errorType === "radius" || err.errorType === "spacing" || err.errorType === "autoLayout" ? "warning" : "critical",
-          category: "Style Consistency",
-          title: err.message,
-          description: `Layer "${err.nodeName}" (${err.nodeType}) at ${err.path}`,
-          nodeId: err.nodeId,
-          nodeName: err.nodeName,
-          autoFixable: false
-        });
-      }
-    }
-    const hardCoded = tokens.summary.hardCodedValues;
-    if (hardCoded > 0) {
-      findings.push({
-        severity: "warning",
-        category: "Design Tokens",
-        title: `${hardCoded} hard-coded value${hardCoded > 1 ? "s" : ""} found`,
-        description: "These values should be replaced with design tokens for consistency across the design system.",
-        autoFixable: true
-      });
-    }
-    for (const check of audit.accessibility || []) {
-      if (check.status === "fail") {
-        findings.push({
-          severity: "critical",
-          category: "Accessibility",
-          title: check.check,
-          description: check.suggestion,
-          autoFixable: false
-        });
-      } else if (check.status === "warning") {
-        findings.push({
-          severity: "warning",
-          category: "Accessibility",
-          title: check.check,
-          description: check.suggestion,
-          autoFixable: false
-        });
-      }
-    }
-    for (const issue of namingIssues.slice(0, 10)) {
-      findings.push({
-        severity: issue.severity === "error" ? "warning" : "info",
-        category: "Naming",
-        title: `"${issue.currentName}" should be "${issue.suggestedName}"`,
-        description: issue.reason,
-        nodeId: issue.nodeId,
-        nodeName: issue.currentName,
-        autoFixable: true
-      });
-    }
-    for (const check of audit.componentReadiness || []) {
-      if (check.status === "fail") {
-        findings.push({
-          severity: "suggestion",
-          category: "Component Readiness",
-          title: check.check,
-          description: check.suggestion,
-          autoFixable: false
-        });
-      }
-    }
-    const missingStates = (audit.states || []).filter((s) => !s.found);
-    if (missingStates.length > 0) {
-      findings.push({
-        severity: "suggestion",
-        category: "Interactive States",
-        title: `${missingStates.length} state${missingStates.length > 1 ? "s" : ""} not detected`,
-        description: `Missing: ${missingStates.map((s) => s.name).join(", ")}`,
-        autoFixable: false
-      });
-    }
-    const criticalCount = findings.filter((f) => f.severity === "critical").length;
-    const warningCount = findings.filter((f) => f.severity === "warning").length;
-    const verdict = criticalCount > 0 ? "fail" : warningCount > 3 ? "warn" : "pass";
-    let headline;
-    if (verdict === "pass") {
-      headline = "Component follows design system conventions well.";
-    } else if (verdict === "warn") {
-      headline = `${warningCount} issues need attention before this component is production-ready.`;
-    } else {
-      headline = `${criticalCount} critical issue${criticalCount > 1 ? "s" : ""} found \u2014 missing design styles affect consistency.`;
-    }
-    const nextSteps = [];
-    if (lintResult && lintResult.summary.byType.fill > 0) nextSteps.push("Apply fill styles to layers using hard-coded colors");
-    if (lintResult && lintResult.summary.byType.text > 0) nextSteps.push("Apply text styles to text layers");
-    if (lintResult && lintResult.summary.byType.stroke > 0) nextSteps.push("Apply stroke styles to layers with hard-coded strokes");
-    if (lintResult && lintResult.summary.byType.spacing > 0) nextSteps.push("Fix off-grid spacing values to match the 4/8px grid");
-    if (lintResult && lintResult.summary.byType.autoLayout > 0) nextSteps.push("Apply auto-layout to container frames");
-    if (hardCoded > 0) nextSteps.push("Replace hard-coded values with design tokens");
-    if (namingIssues.length > 0) nextSteps.push("Rename generic layers to semantic names");
-    if (missingStates.length > 0) nextSteps.push(`Add missing states: ${missingStates.map((s) => s.name).join(", ")}`);
-    if (nextSteps.length === 0) nextSteps.push("Component looks great \u2014 consider documenting it for the team");
-    return { verdict, headline, findings, nextSteps };
-  }
-  async function generateDesignReview(context, lintResult, audit, tokens, namingIssues, recommendations, apiKey, model, providerId) {
-    var _a;
-    const lintSummary = lintResult ? `${lintResult.summary.totalErrors} lint issues (${lintResult.summary.byType.fill} fills, ${lintResult.summary.byType.stroke} strokes, ${lintResult.summary.byType.effect} effects, ${lintResult.summary.byType.text} text, ${lintResult.summary.byType.radius} radius, ${lintResult.summary.byType.spacing || 0} spacing, ${lintResult.summary.byType.autoLayout || 0} auto-layout)` : "0 lint issues";
-    const accessFails = (audit.accessibility || []).filter((c) => c.status === "fail").length;
-    const readinessFails = (audit.componentReadiness || []).filter((c) => c.status === "fail").length;
-    const missingStates = (audit.states || []).filter((s) => !s.found);
-    const topLintErrors = lintResult ? lintResult.errors.slice(0, 8).map((e) => `- [${e.errorType}] ${e.nodeName}: ${e.message}`).join("\n") : "None";
-    const reviewPrompt = `You are a design system reviewer (like CodeRabbit but for Figma designs). Review this component and produce a structured JSON design review.
-
-**Component:** ${context.name} (${context.type}, family: ${((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) || "generic"})
-
-**Deterministic Lint Results:** ${lintSummary}
-${topLintErrors !== "None" ? `Top issues:
-${topLintErrors}` : ""}
-
-**Token Usage:** ${tokens.summary.actualTokens} tokens used, ${tokens.summary.hardCodedValues} hard-coded values
-**Accessibility Failures:** ${accessFails}
-**Component Readiness Failures:** ${readinessFails}
-**Missing States:** ${missingStates.map((s) => s.name).join(", ") || "None"}
-**Naming Issues:** ${namingIssues.length}
-**AI Recommendations:** ${recommendations.length} property suggestions
-
-Return JSON:
-{
-  "verdict": "pass" | "warn" | "fail",
-  "headline": "One concise sentence summarizing the overall design quality",
-  "findings": [
-    {
-      "severity": "critical" | "warning" | "info" | "suggestion",
-      "category": "Style Consistency" | "Design Tokens" | "Accessibility" | "Naming" | "Component Readiness" | "Interactive States",
-      "title": "Short finding title",
-      "description": "Actionable description of what to fix and why",
-      "autoFixable": true/false
-    }
-  ],
-  "nextSteps": ["Step 1", "Step 2", "Step 3"]
-}
-
-Rules:
-- verdict = "fail" if ANY critical issues exist (missing styles, accessibility failures)
-- verdict = "warn" if warnings > 3 and no critical
-- verdict = "pass" otherwise
-- Group similar lint errors (e.g. "5 layers missing fill styles" not 5 separate findings)
-- Max 10 findings, prioritized by severity
-- nextSteps: max 5, ordered by impact
-- Be specific and actionable, not generic`;
-    const response = await callProvider(providerId, apiKey, {
-      prompt: reviewPrompt,
-      model,
-      maxTokens: 1024,
-      temperature: 0.1
-    });
-    const parsed = extractJSONFromResponse(response.content);
-    if (!parsed) {
-      return generateDeterministicReview(lintResult, audit, tokens, namingIssues);
-    }
-    return {
-      verdict: parsed.verdict || "warn",
-      headline: parsed.headline || "Review completed",
-      findings: (parsed.findings || []).map((f) => ({
-        severity: f.severity || "info",
-        category: f.category || "General",
-        title: f.title || "",
-        description: f.description || "",
-        nodeId: f.nodeId,
-        nodeName: f.nodeName,
-        autoFixable: f.autoFixable || false
-      })),
-      nextSteps: parsed.nextSteps || []
-    };
-  }
-  async function createAuditResults(_filteredData, _context, node, actualProperties, actualStates, _tokens, componentDescription) {
-    var _a;
-    let parentHasDescription = false;
-    let parentDescription = "";
-    if (node.type === "COMPONENT" && ((_a = node.parent) == null ? void 0 : _a.type) === "COMPONENT_SET") {
-      const parentSet = node.parent;
-      parentDescription = parentSet.description || "";
-      parentHasDescription = parentDescription.trim().length > 0;
-    } else if (node.type === "COMPONENT_SET") {
-      parentHasDescription = !!(componentDescription && componentDescription.trim().length > 0);
-    }
-    const hasDescription = !!(componentDescription && componentDescription.trim().length > 0);
-    let descriptionStatus = hasDescription ? "pass" : "warning";
-    let descriptionSuggestion = "";
-    if (hasDescription) {
-      descriptionSuggestion = "Component has description for MCP/AI context";
-    } else if (parentHasDescription) {
-      descriptionStatus = "pass";
-      descriptionSuggestion = "Component set has a description. Consider adding a variant-specific description for richer context.";
-    } else {
-      descriptionSuggestion = "Add a component description to help MCP and AI understand the component purpose and usage";
-    }
-    const componentReadiness = [
-      {
-        check: "Property configuration",
-        status: actualProperties.length > 0 ? "pass" : "warning",
-        suggestion: actualProperties.length > 0 ? "Component has configurable properties" : "Consider adding properties for component customization"
-      },
-      {
-        check: "Component description",
-        status: descriptionStatus,
-        suggestion: descriptionSuggestion
-      }
-    ];
-    const accessibility = runAccessibilityChecks(node, actualStates);
-    return {
-      states: actualStates.map((state) => ({
-        name: state,
-        found: true
-      })),
-      componentReadiness,
-      accessibility
-    };
-  }
-  var INTERACTIVE_KEYWORDS = [
-    "button",
-    "btn",
-    "link",
-    "anchor",
-    "checkbox",
-    "check-box",
-    "radio",
-    "toggle",
-    "switch",
-    "tab",
-    "chip",
-    "tag",
-    "input",
-    "select",
-    "dropdown",
-    "menu-item",
-    "menuitem",
-    "slider",
-    "stepper",
-    "icon-button",
-    "fab",
-    "action"
-  ];
-  function isInteractiveComponent(node, states) {
-    const nameLower = node.name.toLowerCase();
-    if (INTERACTIVE_KEYWORDS.some((kw) => nameLower.includes(kw))) return true;
-    const interactiveStates = ["hover", "pressed", "focus", "focused", "active", "disabled"];
-    if (states.some((s) => interactiveStates.includes(s.toLowerCase()))) return true;
-    return false;
-  }
-  function runAccessibilityChecks(node, states) {
-    const checks = [];
-    const interactive = isInteractiveComponent(node, states);
-    if (interactive) {
-      const width = "width" in node ? node.width : 0;
-      const height = "height" in node ? node.height : 0;
-      const minDim = Math.min(width, height);
-      if (minDim >= 44) {
-        checks.push({
-          check: "Touch target size",
-          status: "pass",
-          suggestion: `Target size ${Math.round(width)}\xD7${Math.round(height)}px meets recommended 44px minimum`
-        });
-      } else if (minDim >= 24) {
-        checks.push({
-          check: "Touch target size",
-          status: "warning",
-          suggestion: `Target size ${Math.round(width)}\xD7${Math.round(height)}px meets WCAG minimum (24px) but is below recommended 44px`
-        });
-      } else {
-        checks.push({
-          check: "Touch target size",
-          status: "fail",
-          suggestion: `Target size ${Math.round(width)}\xD7${Math.round(height)}px is below WCAG 2.5.8 minimum of 24\xD724px`
-        });
-      }
-    }
-    if (interactive) {
-      const hasFocus = states.some((s) => {
-        const lower = s.toLowerCase();
-        return lower === "focus" || lower === "focused" || lower.includes("focus");
-      });
-      checks.push({
-        check: "Focus state",
-        status: hasFocus ? "pass" : "warning",
-        suggestion: hasFocus ? "Component has a focus state for keyboard navigation" : "Add a visible focus state to support keyboard navigation (WCAG 2.4.7)"
-      });
-    }
-    if ("findAll" in node) {
-      const containerNode = node;
-      const textNodes = containerNode.findAll((n) => n.type === "TEXT");
-      if (textNodes.length > 0) {
-        let smallestSize = Infinity;
-        let hasSmallText = false;
-        for (const text of textNodes) {
-          const size = typeof text.fontSize === "number" ? text.fontSize : 0;
-          if (size > 0 && size < smallestSize) smallestSize = size;
-          if (size > 0 && size < 12) hasSmallText = true;
-        }
-        if (hasSmallText) {
-          checks.push({
-            check: "Minimum font size",
-            status: "warning",
-            suggestion: `Text as small as ${smallestSize}px detected. Consider using 12px minimum for readability`
-          });
-        } else if (smallestSize !== Infinity) {
-          checks.push({
-            check: "Minimum font size",
-            status: "pass",
-            suggestion: `Smallest text is ${smallestSize}px, meets readability guidelines`
-          });
-        }
-      }
-    }
-    if ("findAll" in node) {
-      const containerNode = node;
-      const textNodes = containerNode.findAll((n) => n.type === "TEXT");
-      let worstRatio = Infinity;
-      let checkedCount = 0;
-      let worstTextName = "";
-      for (const text of textNodes) {
-        const fills = text.fills;
-        if (!Array.isArray(fills) || fills.length === 0) continue;
-        const textFill = fills.find(
-          (f) => f.type === "SOLID" && f.visible !== false && f.color && !(f.boundVariables && f.boundVariables.color)
-        );
-        if (!textFill) continue;
-        const bgColor = findBackgroundColor(text);
-        if (!bgColor) continue;
-        const textLum = getLuminance(textFill.color.r, textFill.color.g, textFill.color.b);
-        const bgLum = getLuminance(bgColor.r, bgColor.g, bgColor.b);
-        const ratio = getContrastRatio(textLum, bgLum);
-        checkedCount++;
-        if (ratio < worstRatio) {
-          worstRatio = ratio;
-          worstTextName = text.name || "text";
-        }
-      }
-      if (checkedCount > 0 && worstRatio !== Infinity) {
-        const ratioStr = worstRatio.toFixed(1);
-        if (worstRatio >= 4.5) {
-          checks.push({
-            check: "Color contrast",
-            status: "pass",
-            suggestion: `Lowest contrast ratio is ${ratioStr}:1, meets WCAG AA (4.5:1)`
-          });
-        } else if (worstRatio >= 3) {
-          checks.push({
-            check: "Color contrast",
-            status: "warning",
-            suggestion: `"${worstTextName}" has ${ratioStr}:1 contrast. Meets large text AA (3:1) but not normal text (4.5:1)`
-          });
-        } else {
-          checks.push({
-            check: "Color contrast",
-            status: "fail",
-            suggestion: `"${worstTextName}" has ${ratioStr}:1 contrast, below WCAG AA minimum of 3:1`
-          });
-        }
-      }
-    }
-    if (checks.length === 0) {
-      checks.push({
-        check: "Accessibility review",
-        status: "pass",
-        suggestion: "No accessibility issues detected for this component type"
-      });
-    }
-    return checks;
-  }
-  function generateFallbackMCPReadiness(data) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    const { node, context, actualProperties, actualStates, tokens, componentDescription } = data;
-    const family = context.componentFamily || "generic";
-    const strengths = [];
-    const gaps = [];
-    const recommendations = [];
-    if (componentDescription && componentDescription.trim().length > 0) {
-      strengths.push("Has component description for better MCP/AI context");
-    } else {
-      gaps.push("Missing component description - AI cannot understand component purpose and intent");
-      recommendations.push("Add a descriptive explanation in component properties to help AI understand the component's purpose, behavior, and usage patterns");
-    }
-    if (actualProperties.length > 0) {
-      strengths.push(`Has ${actualProperties.length} configurable properties`);
-    } else {
-      gaps.push("No configurable properties - component cannot be customized for different use cases");
-      recommendations.push("Add component properties for customization (size, variant, text content, etc.)");
-    }
-    const shouldHaveStates = context.hasInteractiveElements && family !== "badge" && family !== "icon";
-    if (shouldHaveStates) {
-      if (actualStates.length > 1) {
-        strengths.push("Includes multiple component states");
-      } else {
-        gaps.push("Missing interactive states - users won't receive proper feedback for interactions");
-        recommendations.push("Add hover, focus, and disabled states with clear visual feedback");
-      }
-    }
-    const tokenCounts = {
-      colors: ((_b = (_a = tokens == null ? void 0 : tokens.colors) == null ? void 0 : _a.filter((t) => t.isActualToken)) == null ? void 0 : _b.length) || 0,
-      spacing: ((_d = (_c = tokens == null ? void 0 : tokens.spacing) == null ? void 0 : _c.filter((t) => t.isActualToken)) == null ? void 0 : _d.length) || 0,
-      typography: ((_f = (_e = tokens == null ? void 0 : tokens.typography) == null ? void 0 : _e.filter((t) => t.isActualToken)) == null ? void 0 : _f.length) || 0,
-      // Count ALL hard-coded values across categories, not just colors
-      hardCoded: [
-        ...((_g = tokens == null ? void 0 : tokens.colors) == null ? void 0 : _g.filter((t) => !t.isActualToken && !t.isDefaultVariantStyle)) || [],
-        ...((_h = tokens == null ? void 0 : tokens.spacing) == null ? void 0 : _h.filter((t) => !t.isActualToken && !t.isDefaultVariantStyle)) || [],
-        ...((_i = tokens == null ? void 0 : tokens.typography) == null ? void 0 : _i.filter((t) => !t.isActualToken && !t.isDefaultVariantStyle)) || [],
-        ...((_j = tokens == null ? void 0 : tokens.effects) == null ? void 0 : _j.filter((t) => !t.isActualToken && !t.isDefaultVariantStyle)) || [],
-        ...((_k = tokens == null ? void 0 : tokens.borders) == null ? void 0 : _k.filter((t) => !t.isActualToken && !t.isDefaultVariantStyle)) || []
-      ].length
-    };
-    const totalTokens = tokenCounts.colors + tokenCounts.spacing + tokenCounts.typography;
-    if (totalTokens > 0) {
-      strengths.push("Uses design tokens for consistency");
-      if (tokenCounts.hardCoded > 0) {
-        gaps.push("Found hard-coded values - inconsistent with design system");
-        recommendations.push("Replace remaining hard-coded colors and spacing with design tokens");
-      }
-    } else if (tokenCounts.hardCoded > 2) {
-      gaps.push("No design tokens used - component styling is inconsistent with design system");
-      recommendations.push("Replace hard-coded values with design tokens for colors, spacing, and typography");
-    }
-    const hasSize = actualProperties.some(
-      (prop) => prop.name.toLowerCase().includes("size") || prop.name.toLowerCase().includes("scale") || prop.name.toLowerCase().includes("dimension")
-    );
-    const hasVariant = actualProperties.some(
-      (prop) => prop.name.toLowerCase().includes("variant") || prop.name.toLowerCase().includes("style") || prop.name.toLowerCase().includes("type")
-    );
-    if (family === "avatar") {
-      if (!hasSize && actualProperties.length > 0) {
-        gaps.push("No size variants defined - limits reusability across different contexts");
-        recommendations.push("Add size property (xs, sm, md, lg, xl) for headers, lists, and profiles");
-      }
-    } else if (family === "button") {
-      if (actualStates.length <= 1) {
-        gaps.push("Missing interactive states - reduces accessibility and user feedback");
-        recommendations.push("Add hover, focus, and disabled states with clear visual feedback");
-      }
-      if (!hasVariant && actualProperties.length > 0) {
-        gaps.push("No visual hierarchy variants - limits design flexibility");
-        recommendations.push("Add variant property (primary, secondary, danger) for proper hierarchy");
-      }
-    } else if (family === "input") {
-      if (actualStates.length <= 1) {
-        gaps.push("Missing form states - poor accessibility and user experience");
-        recommendations.push("Add focus, error, and disabled states with clear visual indicators");
-      }
-    } else if (family === "container") {
-      if (!hasVariant && actualProperties.length > 0) {
-        gaps.push("No layout variants defined - limits flexibility for different use cases");
-        recommendations.push("Add orientation property (horizontal, vertical) or density variants");
-      }
-      if (actualProperties.length > 0 && !actualProperties.some((prop) => prop.name.toLowerCase().includes("spacing"))) {
-        gaps.push("No spacing customization - may not fit all design contexts");
-        recommendations.push("Add spacing property to control internal padding and gaps");
-      }
-    }
-    if (actualProperties.length === 0) {
-      gaps.push("No configurable properties - component lacks flexibility for different use cases");
-      if (family === "container") {
-        recommendations.push("Add layout properties for customization (orientation, spacing, alignment)");
-      } else {
-        recommendations.push("Add component properties to enable customization and reuse");
-      }
-    } else if (actualProperties.length === 1 && !hasSize && !hasVariant) {
-      gaps.push("Limited customization options - consider adding more properties for flexibility");
-      if (family !== "container" && shouldHaveStates && actualStates.length <= 1) {
-        recommendations.push("Add interactive states and additional variant options");
-      } else if (family === "container") {
-        recommendations.push("Consider adding layout variant properties (orientation, density)");
-      }
-    }
-    if (strengths.length === 0) {
-      strengths.push("Component follows basic Figma structure patterns");
-    }
-    if (gaps.length === 0) {
-      gaps.push("Well-structured component - consider minor enhancements for broader usage");
-    }
-    if (recommendations.length === 0) {
-      recommendations.push("Component is well-configured - ready for code generation");
-    }
-    let score = 0;
-    const hasProperties = actualProperties.length > 0;
-    const hasTokens = totalTokens > 0;
-    const tokenUsageRatio = totalTokens > 0 ? totalTokens / (totalTokens + tokenCounts.hardCoded) : 0;
-    if (hasProperties) {
-      score += 22;
-    }
-    const hasDescription = componentDescription && componentDescription.trim().length > 0;
-    if (hasDescription) {
-      score += 3;
-    }
-    score += Math.round(25 * tokenUsageRatio);
-    const needsStates = context.hasInteractiveElements && family !== "badge" && family !== "icon";
-    if (needsStates) {
-      const stateCompleteness = Math.min(actualStates.length / 3, 1);
-      score += Math.round(20 * stateCompleteness);
-    } else {
-      score += 20;
-    }
-    if (node.type === "COMPONENT" || node.type === "COMPONENT_SET" || node.type === "INSTANCE") {
-      score += 10;
-    }
-    if (context.name && !context.name.toLowerCase().includes("untitled")) {
-      score += 10;
-    }
-    if (hasProperties || hasTokens || actualStates.length > 0) {
-      score += 10;
-    }
-    score = Math.max(0, Math.min(100, score));
-    return {
-      score,
-      strengths,
-      gaps: deduplicateRecommendations(gaps),
-      // Apply same deduplication to gaps
-      recommendations: deduplicateRecommendations(recommendations),
-      implementationNotes: generateImplementationNotes(family, strengths, gaps, actualProperties, actualStates, tokenCounts)
-    };
-  }
-  function generateImplementationNotes(family, strengths, gaps, properties, states, tokenCounts) {
-    const notes = [];
-    if (family === "button") {
-      if (states.length < 3) {
-        notes.push("Implement hover, focus, and active states for better interactivity");
-      }
-      if (properties.length === 0) {
-        notes.push("Add variant and size properties to support different use cases");
-      }
-    } else if (family === "input") {
-      if (!states.includes("error")) {
-        notes.push("Add error state with clear visual indicators for form validation");
-      }
-      notes.push("Ensure proper label association and placeholder text patterns");
-    } else if (family === "card") {
-      notes.push("Consider implementing click handlers for interactive cards");
-      if (properties.length === 0) {
-        notes.push("Add elevation or variant properties for visual hierarchy");
-      }
-    } else if (family === "avatar") {
-      notes.push("Implement fallback patterns for missing images");
-      if (!properties.some((p) => p.name.toLowerCase().includes("size"))) {
-        notes.push("Add size variants for flexible usage across contexts");
-      }
-    } else if (family === "container") {
-      notes.push("Focus on layout flexibility and content composition");
-      notes.push("Consider responsive behavior for different screen sizes");
-    }
-    if (tokenCounts.hardCoded > tokenCounts.colors + tokenCounts.spacing) {
-      notes.push("Prioritize converting hard-coded values to design tokens");
-    }
-    if (properties.length === 0) {
-      notes.push("Define component properties to enable customization without code changes");
-    } else if (properties.length === 1) {
-      notes.push("Consider additional properties for greater flexibility");
-    }
-    if (notes.length === 0) {
-      if (gaps.length > 3) {
-        notes.push("Focus on addressing the high-priority gaps identified above");
-      } else if (strengths.length > gaps.length) {
-        notes.push("Component is well-structured for code generation with minor improvements needed");
-      } else {
-        notes.push("Balance quick wins with systematic improvements for optimal results");
-      }
-    }
-    return notes.join(". ") + ".";
-  }
-  function deduplicateRecommendations(items) {
-    if (items.length <= 1) return items;
-    const deduplicated = [];
-    const seenPatterns = /* @__PURE__ */ new Set();
-    const similarityPatterns = [
-      // Component properties patterns (recommendations)
-      {
-        pattern: /add.*component.*propert/i,
-        message: "Add component properties for customization and reuse"
-      },
-      // State patterns (recommendations)
-      {
-        pattern: /add.*(hover|focus|disabled|interactive).*state/i,
-        message: "Add hover, focus, and disabled states with clear visual feedback"
-      },
-      // Token patterns (recommendations)
-      {
-        pattern: /replace.*hard.coded.*(color|spacing|token)/i,
-        message: "Replace remaining hard-coded colors and spacing with design tokens"
-      },
-      // Variant patterns (recommendations)
-      {
-        pattern: /add.*(size|variant).*propert/i,
-        message: "Add size and style variant properties for different use cases"
-      },
-      // Gap-specific patterns
-      {
-        pattern: /no.*configurable.*propert.*(cannot|lacks|limited)/i,
-        message: "No configurable properties - component lacks flexibility for different use cases"
-      },
-      {
-        pattern: /(missing|no).*(interactive|hover|focus).*state/i,
-        message: "Missing interactive states - reduces accessibility and user feedback"
-      },
-      {
-        pattern: /found.*hard.coded.*value.*(inconsistent|design.*system)/i,
-        message: "Found hard-coded values - inconsistent with design system"
-      },
-      {
-        pattern: /(minimal|simple).*layer.*structure.*(lack|semantic|organization)/i,
-        message: "Minimal layer structure - may lack semantic organization for complex use cases"
-      }
-    ];
-    items.forEach((item) => {
-      const normalizedItem = item.trim();
-      if (!normalizedItem) return;
-      let shouldAdd = true;
-      let patternMessage = normalizedItem;
-      for (const { pattern, message } of similarityPatterns) {
-        if (pattern.test(normalizedItem)) {
-          if (seenPatterns.has(pattern.source)) {
-            shouldAdd = false;
-            break;
-          } else {
-            seenPatterns.add(pattern.source);
-            patternMessage = message;
-            break;
-          }
-        }
-      }
-      const lowerItem = normalizedItem.toLowerCase();
-      const isDuplicate = deduplicated.some(
-        (existing) => existing.toLowerCase() === lowerItem || // Check for very similar messages (80% similarity)
-        calculateSimilarity(existing.toLowerCase(), lowerItem) > 0.8
-      );
-      if (shouldAdd && !isDuplicate) {
-        deduplicated.push(patternMessage);
-      }
-    });
-    console.log(`\u{1F50D} [DEDUP] Reduced ${items.length} items to ${deduplicated.length}`);
-    if (items.length !== deduplicated.length) {
-      console.log(`\u{1F50D} [DEDUP] Original:`, items);
-      console.log(`\u{1F50D} [DEDUP] Deduplicated:`, deduplicated);
-    }
-    return deduplicated;
-  }
-  function calculateSimilarity(str1, str2) {
-    const longer = str1.length > str2.length ? str1 : str2;
-    const shorter = str1.length > str2.length ? str2 : str1;
-    if (longer.length === 0) return 1;
-    const distance = levenshteinDistance(longer, shorter);
-    return (longer.length - distance) / longer.length;
-  }
-  function levenshteinDistance(str1, str2) {
-    const matrix = [];
-    for (let i = 0; i <= str2.length; i++) {
-      matrix[i] = [i];
-    }
-    for (let j = 0; j <= str1.length; j++) {
-      matrix[0][j] = j;
-    }
-    for (let i = 1; i <= str2.length; i++) {
-      for (let j = 1; j <= str1.length; j++) {
-        if (str2.charAt(i - 1) === str1.charAt(j - 1)) {
-          matrix[i][j] = matrix[i - 1][j - 1];
-        } else {
-          matrix[i][j] = Math.min(
-            matrix[i - 1][j - 1] + 1,
-            // substitution
-            matrix[i][j - 1] + 1,
-            // insertion
-            matrix[i - 1][j] + 1
-            // deletion
-          );
-        }
-      }
-    }
-    return matrix[str2.length][str1.length];
-  }
+  ]
+}
 
-  // src/core/consistency-engine.ts
-  var ComponentConsistencyEngine = class {
-    constructor(config = {}) {
-      this.cache = /* @__PURE__ */ new Map();
-      this.designSystemsKnowledge = null;
-      this.config = __spreadValues({
-        enableCaching: true,
-        enableMCPIntegration: false,
-        // MCP handled by backend
-        // mcpServerUrl removed: MCP handled by backend (Thesis #4)
-        consistencyThreshold: 0.95
-      }, config);
-    }
-    /**
-     * Generate a deterministic hash for a component based on its structure
-     */
-    generateComponentHash(context, tokens) {
-      var _a, _b;
-      const hashInput = {
-        name: context.name,
-        type: context.type,
-        hierarchy: this.normalizeHierarchy(context.hierarchy),
-        frameStructure: context.frameStructure,
-        detectedStyles: context.detectedStyles,
-        tokenFingerprint: this.generateTokenFingerprint(tokens),
-        // Don't include dynamic context that could vary
-        staticProperties: {
-          hasInteractiveElements: ((_a = context.additionalContext) == null ? void 0 : _a.hasInteractiveElements) || false,
-          componentFamily: ((_b = context.additionalContext) == null ? void 0 : _b.componentFamily) || "generic"
-        }
-      };
-      return this.createHash(JSON.stringify(hashInput));
-    }
-    /**
-     * Get cached analysis if available and valid
-     */
-    getCachedAnalysis(hash) {
-      if (!this.config.enableCaching) return null;
-      const cached = this.cache.get(hash);
-      if (!cached) return null;
-      const isExpired = Date.now() - cached.timestamp > 24 * 60 * 60 * 1e3;
-      if (isExpired) {
-        this.cache.delete(hash);
-        return null;
-      }
-      console.log("\u2705 Using cached analysis for component hash:", hash);
-      return cached;
-    }
-    /**
-     * Cache analysis result
-     */
-    cacheAnalysis(hash, result) {
-      var _a;
-      if (!this.config.enableCaching) return;
-      this.cache.set(hash, {
-        hash,
-        result,
-        timestamp: Date.now(),
-        mcpKnowledgeVersion: ((_a = this.designSystemsKnowledge) == null ? void 0 : _a.version) || "1.0.0"
-      });
-      console.log("\u{1F4BE} Cached analysis for component hash:", hash);
-    }
-    /**
-    * Load design systems knowledge from MCP server
-    */
-    /**
-     * Inject design systems knowledge received from the backend.
-     */
-    setDesignSystemsKnowledge(knowledge) {
-      this.designSystemsKnowledge = knowledge;
-    }
-    async loadDesignSystemsKnowledge() {
-      this.loadFallbackKnowledge();
+For "recommendedProperties": Compare the EXISTING properties listed above against design system best practices (Material Design, Carbon, Ant Design, Polaris, etc.). Only recommend Figma component properties that do NOT already exist. Use Figma property types (VARIANT, BOOLEAN, TEXT, INSTANCE_SWAP). If the component already has comprehensive properties, return an empty array.
+
+Focus ONLY on what's actually in the Figma component for existing data. Recommendations should draw from your knowledge of design system best practices.`}async function Ir(e,t,n){var o,r;let s=((o=e.additionalContext)==null?void 0:o.componentFamily)||((r=n.component)==null?void 0:r.toLowerCase())||"generic";try{let[i,a,c]=await Promise.all([St(t,"search_design_knowledge",{query:`${s} component essential properties states variants`,category:"components",limit:2},3e3),St(t,"search_design_knowledge",{query:`design tokens ${s} semantic naming`,category:"tokens",limit:2},3e3),St(t,"search_chunks",{query:`component assessment scoring criteria ${s}`,limit:1},3e3)]);return{bestPractices:(i==null?void 0:i.entries)||[],tokenGuidance:(a==null?void 0:a.entries)||[],scoringCriteria:(c==null?void 0:c.chunks)||[],success:!0}}catch(i){return console.warn("\u26A0\uFE0F MCP queries failed:",i),{bestPractices:[],tokenGuidance:[],scoringCriteria:[],success:!1,error:i instanceof Error?i.message:"Unknown error"}}}async function St(e,t,n,s=5e3){var i,a;let o=new AbortController,r=setTimeout(()=>o.abort(),s);try{let c={jsonrpc:"2.0",id:Math.floor(Math.random()*1e3)+100,method:"tools/call",params:{name:`mcp_design-systems_${t}`,arguments:n}},l=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c),signal:o.signal});if(clearTimeout(r),!l.ok)throw new Error(`MCP ${t} failed: ${l.status}`);return((a=(i=(await l.json()).result)==null?void 0:i.content)==null?void 0:a[0])||{}}catch(c){throw clearTimeout(r),c instanceof Error&&c.name==="AbortError"?new Error(`MCP ${t} timeout after ${s}ms`):c}}function Ar(e,t,n){var o;let s=R({},e);return s.propertyCheatSheet=Tr(n.actualProperties,e.component||n.context.name),s.audit={designIssues:[],tokenOpportunities:[],structureIssues:[]},(!n.componentDescription||n.componentDescription.trim().length===0)&&s.audit.structureIssues.push("Component lacks description - Add a description in component properties to help MCP and AI understand the component's purpose and usage"),t!=null&&t.success?s.mcpReadiness=Er(t,e,n):s.mcpReadiness=as(n),s.component=s.component||n.context.name,s.description=s.description||`${((o=n.context.additionalContext)==null?void 0:o.componentFamily)||"Component"} with ${n.actualProperties.length} properties`,s.props=s.props||n.actualProperties.map(r=>({name:r.name,type:"select",description:`Controls ${r.name}`,values:r.values,default:r.default})),s.states=s.states||n.actualStates,s.recommendedProperties=e.recommendedProperties||[],s}function Er(e,t,n){var d,p;let s=[],o=[],r=[];((d=e.bestPractices)==null?void 0:d.length)>0&&e.bestPractices.forEach(u=>{var f,y;((f=u.title)!=null&&f.includes("best practice")||(y=u.title)!=null&&y.includes("pattern"))&&r.push(`Follow ${u.title}`)});let i=n.actualStates.length>=3,a=n.tokens.summary&&n.tokens.summary.actualTokens>n.tokens.summary.hardCodedValues,c=((p=t.structure)==null?void 0:p.complexity)!=="high";return i?s.push("Component has comprehensive states"):o.push("Missing interactive states"),a?s.push("Good token usage"):o.push("Improve token adoption"),c?s.push("Well-structured component"):o.push("Complex structure may need simplification"),{score:Math.round((i?35:15)+(a?35:15)+(c?30:20)),strengths:s,gaps:o,recommendations:r.slice(0,3)}}function Tr(e,t){let n=[],s=e.filter(c=>c.name.toLowerCase().includes("size")||c.values.some(l=>["small","medium","large"].includes(l.toLowerCase()))),o=e.filter(c=>c.name.toLowerCase().includes("variant")||c.name.toLowerCase().includes("type")),r=e.filter(c=>c.name.toLowerCase().includes("state")||c.values.some(l=>["hover","active","disabled"].includes(l.toLowerCase())));s.length>0&&n.push(`\u{1F4CF} Sizes: ${s.map(c=>c.values.join("/")).join(", ")}`),o.length>0&&n.push(`\u{1F3A8} Variants: ${o.map(c=>`${c.name}(${c.values.length})`).join(", ")}`),r.length>0&&n.push(`\u{1F504} States: ${r.map(c=>c.values.join("/")).join(", ")}`);let i=new Set([...s,...o,...r].map(c=>c.name)),a=e.filter(c=>!i.has(c.name)).slice(0,3).map(c=>`${c.name}: ${c.values.slice(0,3).join("/")}`);return a.length>0&&n.push(`\u2699\uFE0F Other: ${a.join(", ")}`),n.slice(0,5)}async function kt(e,t,n,s,o,r,i){var a;try{console.log("\u{1F504} Processing analysis result..."),console.log("\u{1F4CA} Filtered data received:",JSON.stringify(e,null,2).substring(0,500)+"...");let c=figma.currentPage.selection,l=null;if(c.length>0)l=c[0];else throw new Error("No component selected");let d=await rs(l,l),p=await De(l),u="";if(l.type==="COMPONENT"||l.type==="COMPONENT_SET")u=l.description||"";else if(l.type==="INSTANCE"){let g=await l.getMainComponentAsync();g&&(u=g.description||"")}let f={colors:[],spacing:[],typography:[],effects:[],borders:[],summary:{totalTokens:0,actualTokens:0,hardCodedValues:0,aiSuggestions:0,byCategory:{}}};n.includeTokenAnalysis!==!1&&(f=await ce(l));let y={component:e.component||t.name||"Component",description:e.description||`A ${t.type} component with ${d.length} properties`,props:e.props&&e.props.length>0?e.props:d.map(k=>({name:k.name,type:"select",description:`Controls ${k.name}`,values:k.values,defaultValue:k.default,required:!1})),states:e.states&&e.states.length>0?e.states.map(k=>typeof k=="string"?k:k.name):p.length>0?p:["default"],variants:e.variants||{},slots:e.slots||[],tokens:e.tokens||{colors:f.colors.filter(k=>k.isActualToken).map(k=>k.name),spacing:f.spacing.filter(k=>k.isActualToken).map(k=>k.name),typography:f.typography.filter(k=>k.isActualToken).map(k=>k.name)},usage:e.usage||"General purpose component for design systems",accessibility:e.accessibility||{keyboardNavigation:"Standard keyboard navigation support",screenReader:"Screen reader accessible",colorContrast:"WCAG compliant contrast ratios"},audit:e.audit||{accessibilityIssues:[],namingIssues:[],consistencyIssues:[],tokenOpportunities:[]},propertyCheatSheet:e.propertyCheatSheet||d.map(k=>({name:k.name,values:k.values,default:k.default,description:`Property for ${k.name} configuration`})),mcpReadiness:e.mcpReadiness||as({node:l,context:t,actualProperties:d,actualStates:p,tokens:f,componentDescription:u})};console.log("\u{1F4E4} Sending to UI - metadata.props:",(a=y.props)==null?void 0:a.length),console.log("\u{1F4E4} Sending to UI - metadata.states:",y.states),console.log("\u{1F4E4} Sending to UI - metadata.mcpReadiness:",y.mcpReadiness);let m=await Rr(e,t,l,d,p,f,u),v=(e.recommendedProperties||[]).map(k=>({name:k.name||"",type:k.type||"VARIANT",description:k.description||"",examples:k.examples||[]})).filter(k=>k.name);console.log(`\u{1F4A1} AI-generated property recommendations: ${v.length}`);let A=tn(l,5);console.log(`\u{1F4DB} Found ${A.length} naming issues`),s&&s.errors.length>0&&(m.designLint=Pr(s));let w;if(o&&r&&i)try{w=await Lr(t,s,m,f,A,v,o,r,i),console.log(`\u{1F4CB} Design review generated: ${w.verdict} \u2014 ${w.findings.length} findings`)}catch(k){console.warn("\u26A0\uFE0F Design review generation failed, continuing without it:",k),w=Nt(s,m,f,A)}else w=Nt(s,m,f,A);return console.log("\u2705 Analysis result processed successfully"),{metadata:y,tokens:f,audit:m,properties:d,recommendations:v,namingIssues:A,existingDescription:u,lintResult:s,designReview:w}}catch(c){throw console.error("Error processing analysis result:",c),c}}function Pr(e){let t=[],n=e.summary.byType;return n.fill>0?t.push({check:`Fill styles (${n.fill} missing)`,status:"fail",suggestion:`${n.fill} layer${n.fill>1?"s use":" uses"} hard-coded fills instead of design styles`}):t.push({check:"Fill styles",status:"pass",suggestion:"All fills use design styles"}),n.stroke>0?t.push({check:`Stroke styles (${n.stroke} missing)`,status:"fail",suggestion:`${n.stroke} layer${n.stroke>1?"s use":" uses"} hard-coded strokes instead of design styles`}):t.push({check:"Stroke styles",status:"pass",suggestion:"All strokes use design styles"}),n.effect>0?t.push({check:`Effect styles (${n.effect} missing)`,status:"fail",suggestion:`${n.effect} layer${n.effect>1?"s use":" uses"} hard-coded effects instead of design styles`}):t.push({check:"Effect styles",status:"pass",suggestion:"All effects use design styles"}),n.text>0?t.push({check:`Text styles (${n.text} missing)`,status:"fail",suggestion:`${n.text} text layer${n.text>1?"s lack":" lacks"} applied text styles`}):t.push({check:"Text styles",status:"pass",suggestion:"All text uses design styles"}),n.radius>0?t.push({check:`Border radius (${n.radius} non-standard)`,status:"warning",suggestion:`${n.radius} layer${n.radius>1?"s use":" uses"} non-standard border radius values`}):t.push({check:"Border radius",status:"pass",suggestion:"All radii match design system standards"}),n.spacing>0?t.push({check:`Spacing rhythm (${n.spacing} off-grid)`,status:"warning",suggestion:`${n.spacing} spacing value${n.spacing>1?"s are":" is"} not on the 4/8px grid`}):t.push({check:"Spacing rhythm",status:"pass",suggestion:"All spacing values follow the design grid"}),n.autoLayout>0?t.push({check:`Auto Layout (${n.autoLayout} missing)`,status:"warning",suggestion:`${n.autoLayout} frame${n.autoLayout>1?"s lack":" lacks"} auto-layout`}):t.push({check:"Auto Layout",status:"pass",suggestion:"All container frames use auto-layout"}),t}function Nt(e,t,n,s){let o=[];if(e)for(let u of e.errors)o.push({severity:u.errorType==="radius"||u.errorType==="spacing"||u.errorType==="autoLayout"?"warning":"critical",category:"Style Consistency",title:u.message,description:`Layer "${u.nodeName}" (${u.nodeType}) at ${u.path}`,nodeId:u.nodeId,nodeName:u.nodeName,autoFixable:!1});let r=n.summary.hardCodedValues;r>0&&o.push({severity:"warning",category:"Design Tokens",title:`${r} hard-coded value${r>1?"s":""} found`,description:"These values should be replaced with design tokens for consistency across the design system.",autoFixable:!0});for(let u of t.accessibility||[])u.status==="fail"?o.push({severity:"critical",category:"Accessibility",title:u.check,description:u.suggestion,autoFixable:!1}):u.status==="warning"&&o.push({severity:"warning",category:"Accessibility",title:u.check,description:u.suggestion,autoFixable:!1});for(let u of s.slice(0,10))o.push({severity:u.severity==="error"?"warning":"info",category:"Naming",title:`"${u.currentName}" should be "${u.suggestedName}"`,description:u.reason,nodeId:u.nodeId,nodeName:u.currentName,autoFixable:!0});for(let u of t.componentReadiness||[])u.status==="fail"&&o.push({severity:"suggestion",category:"Component Readiness",title:u.check,description:u.suggestion,autoFixable:!1});let i=(t.states||[]).filter(u=>!u.found);i.length>0&&o.push({severity:"suggestion",category:"Interactive States",title:`${i.length} state${i.length>1?"s":""} not detected`,description:`Missing: ${i.map(u=>u.name).join(", ")}`,autoFixable:!1});let a=o.filter(u=>u.severity==="critical").length,c=o.filter(u=>u.severity==="warning").length,l=a>0?"fail":c>3?"warn":"pass",d;l==="pass"?d="Component follows design system conventions well.":l==="warn"?d=`${c} issues need attention before this component is production-ready.`:d=`${a} critical issue${a>1?"s":""} found \u2014 missing design styles affect consistency.`;let p=[];return e&&e.summary.byType.fill>0&&p.push("Apply fill styles to layers using hard-coded colors"),e&&e.summary.byType.text>0&&p.push("Apply text styles to text layers"),e&&e.summary.byType.stroke>0&&p.push("Apply stroke styles to layers with hard-coded strokes"),e&&e.summary.byType.spacing>0&&p.push("Fix off-grid spacing values to match the 4/8px grid"),e&&e.summary.byType.autoLayout>0&&p.push("Apply auto-layout to container frames"),r>0&&p.push("Replace hard-coded values with design tokens"),s.length>0&&p.push("Rename generic layers to semantic names"),i.length>0&&p.push(`Add missing states: ${i.map(u=>u.name).join(", ")}`),p.length===0&&p.push("Component looks great \u2014 consider documenting it for the team"),{verdict:l,headline:d,findings:o,nextSteps:p}}async function Lr(e,t,n,s,o,r,i,a,c){var A;let l=t?`${t.summary.totalErrors} lint issues (${t.summary.byType.fill} fills, ${t.summary.byType.stroke} strokes, ${t.summary.byType.effect} effects, ${t.summary.byType.text} text, ${t.summary.byType.radius} radius, ${t.summary.byType.spacing||0} spacing, ${t.summary.byType.autoLayout||0} auto-layout)`:"0 lint issues",d=(n.accessibility||[]).filter(w=>w.status==="fail").length,p=(n.componentReadiness||[]).filter(w=>w.status==="fail").length,u=(n.states||[]).filter(w=>!w.found),f=t?t.errors.slice(0,8).map(w=>`- [${w.errorType}] ${w.nodeName}: ${w.message}`).join(`
+`):"None",y=`You are a design system reviewer (like CodeRabbit but for Figma designs). Review this component and produce a structured JSON design review.
+
+**Component:** ${e.name} (${e.type}, family: ${((A=e.additionalContext)==null?void 0:A.componentFamily)||"generic"})
+
+**Deterministic Lint Results:** ${l}
+${f!=="None"?`Top issues:
+${f}`:""}
+
+**Token Usage:** ${s.summary.actualTokens} tokens used, ${s.summary.hardCodedValues} hard-coded values
+**Accessibility Failures:** ${d}
+**Component Readiness Failures:** ${p}
+**Missing States:** ${u.map(w=>w.name).join(", ")||"None"}
+**Naming Issues:** ${o.length}
+**AI Recommendations:** ${r.length} property suggestions
+
+Return JSON:
+{
+  "verdict": "pass" | "warn" | "fail",
+  "headline": "One concise sentence summarizing the overall design quality",
+  "findings": [
+    {
+      "severity": "critical" | "warning" | "info" | "suggestion",
+      "category": "Style Consistency" | "Design Tokens" | "Accessibility" | "Naming" | "Component Readiness" | "Interactive States",
+      "title": "Short finding title",
+      "description": "Actionable description of what to fix and why",
+      "autoFixable": true/false
     }
-    /**
-    * Test MCP server connectivity using MCP initialization instead of health endpoint
-    */
-    /**
-    * Query the design systems MCP server using proper JSON-RPC protocol
-    */
-    /**
-    * Create deterministic analysis prompt with MCP knowledge
-    */
-    createDeterministicPrompt(context) {
-      const basePrompt = this.createBasePrompt(context);
-      const mcpGuidance = this.getMCPGuidance(context);
-      const scoringCriteria = this.getScoringCriteria(context);
-      return `${basePrompt}
+  ],
+  "nextSteps": ["Step 1", "Step 2", "Step 3"]
+}
+
+Rules:
+- verdict = "fail" if ANY critical issues exist (missing styles, accessibility failures)
+- verdict = "warn" if warnings > 3 and no critical
+- verdict = "pass" otherwise
+- Group similar lint errors (e.g. "5 layers missing fill styles" not 5 separate findings)
+- Max 10 findings, prioritized by severity
+- nextSteps: max 5, ordered by impact
+- Be specific and actionable, not generic`,m=await ie(c,i,{prompt:y,model:a,maxTokens:1024,temperature:.1}),v=le(m.content);return v?{verdict:v.verdict||"warn",headline:v.headline||"Review completed",findings:(v.findings||[]).map(w=>({severity:w.severity||"info",category:w.category||"General",title:w.title||"",description:w.description||"",nodeId:w.nodeId,nodeName:w.nodeName,autoFixable:w.autoFixable||!1})),nextSteps:v.nextSteps||[]}:Nt(t,n,s,o)}async function Rr(e,t,n,s,o,r,i){var y;let a=!1,c="";n.type==="COMPONENT"&&((y=n.parent)==null?void 0:y.type)==="COMPONENT_SET"?(c=n.parent.description||"",a=c.trim().length>0):n.type==="COMPONENT_SET"&&(a=!!(i&&i.trim().length>0));let l=!!(i&&i.trim().length>0),d=l?"pass":"warning",p="";l?p="Component has description for MCP/AI context":a?(d="pass",p="Component set has a description. Consider adding a variant-specific description for richer context."):p="Add a component description to help MCP and AI understand the component purpose and usage";let u=[{check:"Property configuration",status:s.length>0?"pass":"warning",suggestion:s.length>0?"Component has configurable properties":"Consider adding properties for component customization"},{check:"Component description",status:d,suggestion:p}],f=Or(n,o);return{states:o.map(m=>({name:m,found:!0})),componentReadiness:u,accessibility:f}}var $r=["button","btn","link","anchor","checkbox","check-box","radio","toggle","switch","tab","chip","tag","input","select","dropdown","menu-item","menuitem","slider","stepper","icon-button","fab","action"];function Mr(e,t){let n=e.name.toLowerCase();if($r.some(o=>n.includes(o)))return!0;let s=["hover","pressed","focus","focused","active","disabled"];return!!t.some(o=>s.includes(o.toLowerCase()))}function Or(e,t){let n=[],s=Mr(e,t);if(s){let o="width"in e?e.width:0,r="height"in e?e.height:0,i=Math.min(o,r);i>=44?n.push({check:"Touch target size",status:"pass",suggestion:`Target size ${Math.round(o)}\xD7${Math.round(r)}px meets recommended 44px minimum`}):i>=24?n.push({check:"Touch target size",status:"warning",suggestion:`Target size ${Math.round(o)}\xD7${Math.round(r)}px meets WCAG minimum (24px) but is below recommended 44px`}):n.push({check:"Touch target size",status:"fail",suggestion:`Target size ${Math.round(o)}\xD7${Math.round(r)}px is below WCAG 2.5.8 minimum of 24\xD724px`})}if(s){let o=t.some(r=>{let i=r.toLowerCase();return i==="focus"||i==="focused"||i.includes("focus")});n.push({check:"Focus state",status:o?"pass":"warning",suggestion:o?"Component has a focus state for keyboard navigation":"Add a visible focus state to support keyboard navigation (WCAG 2.4.7)"})}if("findAll"in e){let r=e.findAll(i=>i.type==="TEXT");if(r.length>0){let i=1/0,a=!1;for(let c of r){let l=typeof c.fontSize=="number"?c.fontSize:0;l>0&&l<i&&(i=l),l>0&&l<12&&(a=!0)}a?n.push({check:"Minimum font size",status:"warning",suggestion:`Text as small as ${i}px detected. Consider using 12px minimum for readability`}):i!==1/0&&n.push({check:"Minimum font size",status:"pass",suggestion:`Smallest text is ${i}px, meets readability guidelines`})}}if("findAll"in e){let r=e.findAll(l=>l.type==="TEXT"),i=1/0,a=0,c="";for(let l of r){let d=l.fills;if(!Array.isArray(d)||d.length===0)continue;let p=d.find(v=>v.type==="SOLID"&&v.visible!==!1&&v.color&&!(v.boundVariables&&v.boundVariables.color));if(!p)continue;let u=he(l);if(!u)continue;let f=te(p.color.r,p.color.g,p.color.b),y=te(u.r,u.g,u.b),m=ye(f,y);a++,m<i&&(i=m,c=l.name||"text")}if(a>0&&i!==1/0){let l=i.toFixed(1);i>=4.5?n.push({check:"Color contrast",status:"pass",suggestion:`Lowest contrast ratio is ${l}:1, meets WCAG AA (4.5:1)`}):i>=3?n.push({check:"Color contrast",status:"warning",suggestion:`"${c}" has ${l}:1 contrast. Meets large text AA (3:1) but not normal text (4.5:1)`}):n.push({check:"Color contrast",status:"fail",suggestion:`"${c}" has ${l}:1 contrast, below WCAG AA minimum of 3:1`})}}return n.length===0&&n.push({check:"Accessibility review",status:"pass",suggestion:"No accessibility issues detected for this component type"}),n}function as(e){var x,S,P,O,M,B,C,$,b,T,L;let{node:t,context:n,actualProperties:s,actualStates:o,tokens:r,componentDescription:i}=e,a=n.componentFamily||"generic",c=[],l=[],d=[];i&&i.trim().length>0?c.push("Has component description for better MCP/AI context"):(l.push("Missing component description - AI cannot understand component purpose and intent"),d.push("Add a descriptive explanation in component properties to help AI understand the component's purpose, behavior, and usage patterns")),s.length>0?c.push(`Has ${s.length} configurable properties`):(l.push("No configurable properties - component cannot be customized for different use cases"),d.push("Add component properties for customization (size, variant, text content, etc.)"));let p=n.hasInteractiveElements&&a!=="badge"&&a!=="icon";p&&(o.length>1?c.push("Includes multiple component states"):(l.push("Missing interactive states - users won't receive proper feedback for interactions"),d.push("Add hover, focus, and disabled states with clear visual feedback")));let u={colors:((S=(x=r==null?void 0:r.colors)==null?void 0:x.filter(I=>I.isActualToken))==null?void 0:S.length)||0,spacing:((O=(P=r==null?void 0:r.spacing)==null?void 0:P.filter(I=>I.isActualToken))==null?void 0:O.length)||0,typography:((B=(M=r==null?void 0:r.typography)==null?void 0:M.filter(I=>I.isActualToken))==null?void 0:B.length)||0,hardCoded:[...((C=r==null?void 0:r.colors)==null?void 0:C.filter(I=>!I.isActualToken&&!I.isDefaultVariantStyle))||[],...(($=r==null?void 0:r.spacing)==null?void 0:$.filter(I=>!I.isActualToken&&!I.isDefaultVariantStyle))||[],...((b=r==null?void 0:r.typography)==null?void 0:b.filter(I=>!I.isActualToken&&!I.isDefaultVariantStyle))||[],...((T=r==null?void 0:r.effects)==null?void 0:T.filter(I=>!I.isActualToken&&!I.isDefaultVariantStyle))||[],...((L=r==null?void 0:r.borders)==null?void 0:L.filter(I=>!I.isActualToken&&!I.isDefaultVariantStyle))||[]].length},f=u.colors+u.spacing+u.typography;f>0?(c.push("Uses design tokens for consistency"),u.hardCoded>0&&(l.push("Found hard-coded values - inconsistent with design system"),d.push("Replace remaining hard-coded colors and spacing with design tokens"))):u.hardCoded>2&&(l.push("No design tokens used - component styling is inconsistent with design system"),d.push("Replace hard-coded values with design tokens for colors, spacing, and typography"));let y=s.some(I=>I.name.toLowerCase().includes("size")||I.name.toLowerCase().includes("scale")||I.name.toLowerCase().includes("dimension")),m=s.some(I=>I.name.toLowerCase().includes("variant")||I.name.toLowerCase().includes("style")||I.name.toLowerCase().includes("type"));a==="avatar"?!y&&s.length>0&&(l.push("No size variants defined - limits reusability across different contexts"),d.push("Add size property (xs, sm, md, lg, xl) for headers, lists, and profiles")):a==="button"?(o.length<=1&&(l.push("Missing interactive states - reduces accessibility and user feedback"),d.push("Add hover, focus, and disabled states with clear visual feedback")),!m&&s.length>0&&(l.push("No visual hierarchy variants - limits design flexibility"),d.push("Add variant property (primary, secondary, danger) for proper hierarchy"))):a==="input"?o.length<=1&&(l.push("Missing form states - poor accessibility and user experience"),d.push("Add focus, error, and disabled states with clear visual indicators")):a==="container"&&(!m&&s.length>0&&(l.push("No layout variants defined - limits flexibility for different use cases"),d.push("Add orientation property (horizontal, vertical) or density variants")),s.length>0&&!s.some(I=>I.name.toLowerCase().includes("spacing"))&&(l.push("No spacing customization - may not fit all design contexts"),d.push("Add spacing property to control internal padding and gaps"))),s.length===0?(l.push("No configurable properties - component lacks flexibility for different use cases"),a==="container"?d.push("Add layout properties for customization (orientation, spacing, alignment)"):d.push("Add component properties to enable customization and reuse")):s.length===1&&!y&&!m&&(l.push("Limited customization options - consider adding more properties for flexibility"),a!=="container"&&p&&o.length<=1?d.push("Add interactive states and additional variant options"):a==="container"&&d.push("Consider adding layout variant properties (orientation, density)")),c.length===0&&c.push("Component follows basic Figma structure patterns"),l.length===0&&l.push("Well-structured component - consider minor enhancements for broader usage"),d.length===0&&d.push("Component is well-configured - ready for code generation");let v=0,A=s.length>0,w=f>0,k=f>0?f/(f+u.hardCoded):0;if(A&&(v+=22),i&&i.trim().length>0&&(v+=3),v+=Math.round(25*k),n.hasInteractiveElements&&a!=="badge"&&a!=="icon"){let I=Math.min(o.length/3,1);v+=Math.round(20*I)}else v+=20;return(t.type==="COMPONENT"||t.type==="COMPONENT_SET"||t.type==="INSTANCE")&&(v+=10),n.name&&!n.name.toLowerCase().includes("untitled")&&(v+=10),(A||w||o.length>0)&&(v+=10),v=Math.max(0,Math.min(100,v)),{score:v,strengths:c,gaps:es(l),recommendations:es(d),implementationNotes:Fr(a,c,l,s,o,u)}}function Fr(e,t,n,s,o,r){let i=[];return e==="button"?(o.length<3&&i.push("Implement hover, focus, and active states for better interactivity"),s.length===0&&i.push("Add variant and size properties to support different use cases")):e==="input"?(o.includes("error")||i.push("Add error state with clear visual indicators for form validation"),i.push("Ensure proper label association and placeholder text patterns")):e==="card"?(i.push("Consider implementing click handlers for interactive cards"),s.length===0&&i.push("Add elevation or variant properties for visual hierarchy")):e==="avatar"?(i.push("Implement fallback patterns for missing images"),s.some(a=>a.name.toLowerCase().includes("size"))||i.push("Add size variants for flexible usage across contexts")):e==="container"&&(i.push("Focus on layout flexibility and content composition"),i.push("Consider responsive behavior for different screen sizes")),r.hardCoded>r.colors+r.spacing&&i.push("Prioritize converting hard-coded values to design tokens"),s.length===0?i.push("Define component properties to enable customization without code changes"):s.length===1&&i.push("Consider additional properties for greater flexibility"),i.length===0&&(n.length>3?i.push("Focus on addressing the high-priority gaps identified above"):t.length>n.length?i.push("Component is well-structured for code generation with minor improvements needed"):i.push("Balance quick wins with systematic improvements for optimal results")),i.join(". ")+"."}function es(e){if(e.length<=1)return e;let t=[],n=new Set,s=[{pattern:/add.*component.*propert/i,message:"Add component properties for customization and reuse"},{pattern:/add.*(hover|focus|disabled|interactive).*state/i,message:"Add hover, focus, and disabled states with clear visual feedback"},{pattern:/replace.*hard.coded.*(color|spacing|token)/i,message:"Replace remaining hard-coded colors and spacing with design tokens"},{pattern:/add.*(size|variant).*propert/i,message:"Add size and style variant properties for different use cases"},{pattern:/no.*configurable.*propert.*(cannot|lacks|limited)/i,message:"No configurable properties - component lacks flexibility for different use cases"},{pattern:/(missing|no).*(interactive|hover|focus).*state/i,message:"Missing interactive states - reduces accessibility and user feedback"},{pattern:/found.*hard.coded.*value.*(inconsistent|design.*system)/i,message:"Found hard-coded values - inconsistent with design system"},{pattern:/(minimal|simple).*layer.*structure.*(lack|semantic|organization)/i,message:"Minimal layer structure - may lack semantic organization for complex use cases"}];return e.forEach(o=>{let r=o.trim();if(!r)return;let i=!0,a=r;for(let{pattern:d,message:p}of s)if(d.test(r))if(n.has(d.source)){i=!1;break}else{n.add(d.source),a=p;break}let c=r.toLowerCase(),l=t.some(d=>d.toLowerCase()===c||Dr(d.toLowerCase(),c)>.8);i&&!l&&t.push(a)}),console.log(`\u{1F50D} [DEDUP] Reduced ${e.length} items to ${t.length}`),e.length!==t.length&&(console.log("\u{1F50D} [DEDUP] Original:",e),console.log("\u{1F50D} [DEDUP] Deduplicated:",t)),t}function Dr(e,t){let n=e.length>t.length?e:t,s=e.length>t.length?t:e;if(n.length===0)return 1;let o=Vr(n,s);return(n.length-o)/n.length}function Vr(e,t){let n=[];for(let s=0;s<=t.length;s++)n[s]=[s];for(let s=0;s<=e.length;s++)n[0][s]=s;for(let s=1;s<=t.length;s++)for(let o=1;o<=e.length;o++)t.charAt(s-1)===e.charAt(o-1)?n[s][o]=n[s-1][o-1]:n[s][o]=Math.min(n[s-1][o-1]+1,n[s][o-1]+1,n[s-1][o]+1);return n[t.length][e.length]}var xt=class{constructor(t={}){this.cache=new Map;this.designSystemsKnowledge=null;this.config=R({enableCaching:!0,enableMCPIntegration:!1,consistencyThreshold:.95},t)}generateComponentHash(t,n,s){var r,i;let o={name:t.name,type:t.type,hierarchy:this.normalizeHierarchy(t.hierarchy),frameStructure:t.frameStructure,detectedStyles:t.detectedStyles,tokenFingerprint:this.generateTokenFingerprint(n),staticProperties:{hasInteractiveElements:((r=t.additionalContext)==null?void 0:r.hasInteractiveElements)||!1,componentFamily:((i=t.additionalContext)==null?void 0:i.componentFamily)||"generic"},lintSettingsFingerprint:s?this.createHash(JSON.stringify(s)):""};return this.createHash(JSON.stringify(o))}getCachedAnalysis(t){if(!this.config.enableCaching)return null;let n=this.cache.get(t);return n?Date.now()-n.timestamp>24*60*60*1e3?(this.cache.delete(t),null):(console.log("\u2705 Using cached analysis for component hash:",t),n):null}cacheAnalysis(t,n){var s;this.config.enableCaching&&(this.cache.set(t,{hash:t,result:n,timestamp:Date.now(),mcpKnowledgeVersion:((s=this.designSystemsKnowledge)==null?void 0:s.version)||"1.0.0"}),console.log("\u{1F4BE} Cached analysis for component hash:",t))}setDesignSystemsKnowledge(t){this.designSystemsKnowledge=t}async loadDesignSystemsKnowledge(){this.loadFallbackKnowledge()}createDeterministicPrompt(t){let n=this.createBasePrompt(t),s=this.getMCPGuidance(t),o=this.getScoringCriteria(t);return`${n}
 
 **CONSISTENCY REQUIREMENTS:**
 - Use DETERMINISTIC analysis based on the exact component structure provided
@@ -7302,10 +342,10 @@ Rules:
 - Provide REPRODUCIBLE results for the same input
 
 **DESIGN SYSTEMS GUIDANCE:**
-${mcpGuidance}
+${s}
 
 **SCORING METHODOLOGY:**
-${scoringCriteria}
+${o}
 
 **DETERMINISTIC SETTINGS:**
 - Analysis must be based solely on the provided component structure
@@ -7335,118 +375,17 @@ ${scoringCriteria}
   "tokens": {...},
   "audit": {...},
   "mcpReadiness": {...}
-}`;
-    }
-    /**
-     * Validate analysis result for consistency
-     */
-    validateAnalysisConsistency(result, context) {
-      var _a, _b, _c, _d, _e;
-      const issues = [];
-      if (!((_a = result.metadata) == null ? void 0 : _a.component)) issues.push("Missing component name");
-      if (!((_b = result.metadata) == null ? void 0 : _b.description)) issues.push("Missing component description");
-      if (!this.isValidScore((_d = (_c = result.metadata) == null ? void 0 : _c.mcpReadiness) == null ? void 0 : _d.score)) {
-        issues.push("Invalid or missing MCP readiness score");
-      }
-      const family = (_e = context.additionalContext) == null ? void 0 : _e.componentFamily;
-      if (family && !this.validateComponentFamilyConsistency(result, family)) {
-        issues.push(`Inconsistent analysis for ${family} component family`);
-      }
-      if (!this.validateTokenRecommendations(result.tokens)) {
-        issues.push("Inconsistent token recommendations");
-      }
-      if (issues.length > 0) {
-        console.warn("\u26A0\uFE0F Analysis consistency issues found:", issues);
-        return false;
-      }
-      return true;
-    }
-    /**
-     * Apply consistency corrections to analysis result
-     */
-    applyConsistencyCorrections(result, context) {
-      var _a;
-      const corrected = __spreadValues({}, result);
-      if ((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) {
-        corrected.metadata = this.applyComponentFamilyCorrections(
-          corrected.metadata,
-          context.additionalContext.componentFamily
-        );
-      }
-      corrected.tokens = this.applyTokenConsistencyCorrections(corrected.tokens);
-      corrected.metadata.mcpReadiness = this.ensureConsistentScoring(
-        corrected.metadata.mcpReadiness || {},
-        context
-      );
-      return corrected;
-    }
-    // Private helper methods
-    normalizeHierarchy(hierarchy) {
-      return hierarchy.map((item) => ({
-        name: item.name.toLowerCase().trim(),
-        type: item.type,
-        depth: item.depth
-      }));
-    }
-    generateTokenFingerprint(tokens) {
-      const fingerprint = tokens.map((token) => `${token.type}:${token.isToken}:${token.source}`).sort().join("|");
-      return this.createHash(fingerprint);
-    }
-    createHash(input) {
-      let hash = 0;
-      if (input.length === 0) return hash.toString();
-      for (let i = 0; i < input.length; i++) {
-        const char = input.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
-        hash = hash & hash;
-      }
-      return Math.abs(hash).toString(36);
-    }
-    createBasePrompt(context) {
-      var _a, _b, _c, _d;
-      return `You are an expert design system architect analyzing a Figma component for comprehensive metadata and design token recommendations.
+}`}validateAnalysisConsistency(t,n){var r,i,a,c,l;let s=[];(r=t.metadata)!=null&&r.component||s.push("Missing component name"),(i=t.metadata)!=null&&i.description||s.push("Missing component description"),this.isValidScore((c=(a=t.metadata)==null?void 0:a.mcpReadiness)==null?void 0:c.score)||s.push("Invalid or missing MCP readiness score");let o=(l=n.additionalContext)==null?void 0:l.componentFamily;return o&&!this.validateComponentFamilyConsistency(t,o)&&s.push(`Inconsistent analysis for ${o} component family`),this.validateTokenRecommendations(t.tokens)||s.push("Inconsistent token recommendations"),s.length>0?(console.warn("\u26A0\uFE0F Analysis consistency issues found:",s),!1):!0}applyConsistencyCorrections(t,n){var o;let s=R({},t);return(o=n.additionalContext)!=null&&o.componentFamily&&(s.metadata=this.applyComponentFamilyCorrections(s.metadata,n.additionalContext.componentFamily)),s.tokens=this.applyTokenConsistencyCorrections(s.tokens),s.metadata.mcpReadiness=this.ensureConsistentScoring(s.metadata.mcpReadiness||{},n),s}normalizeHierarchy(t){return t.map(n=>({name:n.name.toLowerCase().trim(),type:n.type,depth:n.depth}))}generateTokenFingerprint(t){let n=t.map(s=>`${s.type}:${s.isToken}:${s.source}`).sort().join("|");return this.createHash(n)}createHash(t){let n=0;if(t.length===0)return n.toString();for(let s=0;s<t.length;s++){let o=t.charCodeAt(s);n=(n<<5)-n+o,n=n&n}return Math.abs(n).toString(36)}createBasePrompt(t){var n,s,o,r;return`You are an expert design system architect analyzing a Figma component for comprehensive metadata and design token recommendations.
 
 **Component Analysis Context:**
-- Component Name: ${context.name}
-- Component Type: ${context.type}
-- Layer Structure: ${JSON.stringify(context.hierarchy, null, 2)}
-- Frame Structure: ${JSON.stringify(context.frameStructure)}
-- Detected Styles: ${JSON.stringify(context.detectedStyles)}
-- Component Family: ${((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) || "generic"}
-- Interactive Elements: ${((_b = context.additionalContext) == null ? void 0 : _b.hasInteractiveElements) || false}
-- Design Patterns: ${((_d = (_c = context.additionalContext) == null ? void 0 : _c.designPatterns) == null ? void 0 : _d.join(", ")) || "none"}`;
-    }
-    getMCPGuidance(context) {
-      var _a;
-      if (!this.designSystemsKnowledge) {
-        return this.getFallbackGuidance(context);
-      }
-      const family = ((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) || "generic";
-      const guidance = this.designSystemsKnowledge.components[family] || this.designSystemsKnowledge.components.generic;
-      return guidance || this.getFallbackGuidance(context);
-    }
-    getScoringCriteria(_context) {
-      var _a;
-      if (!((_a = this.designSystemsKnowledge) == null ? void 0 : _a.scoring)) {
-        return this.getFallbackScoringCriteria();
-      }
-      return this.designSystemsKnowledge.scoring;
-    }
-    getFallbackGuidance(context) {
-      var _a;
-      const family = ((_a = context.additionalContext) == null ? void 0 : _a.componentFamily) || "generic";
-      const guidanceMap = {
-        button: "Buttons require all interactive states (default, hover, focus, active, disabled). Score based on state completeness (45%), semantic token usage (35%), and accessibility (20%).",
-        avatar: "Avatars should support multiple sizes and states. Interactive avatars need hover/focus states. Score based on size variants (25%), state coverage (25%), image handling (25%), and fallback mechanisms (25%).",
-        card: "Cards need consistent spacing, proper content hierarchy, and optional interactive states. Score based on content structure (30%), spacing consistency (25%), optional interactivity (25%), and token usage (20%).",
-        badge: "Badges are typically status indicators with semantic color usage. Score based on semantic color mapping (40%), size variants (30%), content clarity (20%), and accessibility (10%).",
-        input: "Form inputs require comprehensive state management and accessibility. Score based on state completeness (35%), accessibility compliance (30%), validation feedback (20%), and token usage (15%).",
-        generic: "Generic components should follow basic design system principles. Score based on structure clarity (35%), token usage (35%), and accessibility basics (30%)."
-      };
-      return guidanceMap[family] || guidanceMap.generic;
-    }
-    getFallbackScoringCriteria() {
-      return `
+- Component Name: ${t.name}
+- Component Type: ${t.type}
+- Layer Structure: ${JSON.stringify(t.hierarchy,null,2)}
+- Frame Structure: ${JSON.stringify(t.frameStructure)}
+- Detected Styles: ${JSON.stringify(t.detectedStyles)}
+- Component Family: ${((n=t.additionalContext)==null?void 0:n.componentFamily)||"generic"}
+- Interactive Elements: ${((s=t.additionalContext)==null?void 0:s.hasInteractiveElements)||!1}
+- Design Patterns: ${((r=(o=t.additionalContext)==null?void 0:o.designPatterns)==null?void 0:r.join(", "))||"none"}`}getMCPGuidance(t){var o;if(!this.designSystemsKnowledge)return this.getFallbackGuidance(t);let n=((o=t.additionalContext)==null?void 0:o.componentFamily)||"generic";return this.designSystemsKnowledge.components[n]||this.designSystemsKnowledge.components.generic||this.getFallbackGuidance(t)}getScoringCriteria(t){var n;return(n=this.designSystemsKnowledge)!=null&&n.scoring?this.designSystemsKnowledge.scoring:this.getFallbackScoringCriteria()}getFallbackGuidance(t){var o;let n=((o=t.additionalContext)==null?void 0:o.componentFamily)||"generic",s={button:"Buttons require all interactive states (default, hover, focus, active, disabled). Score based on state completeness (45%), semantic token usage (35%), and accessibility (20%).",avatar:"Avatars should support multiple sizes and states. Interactive avatars need hover/focus states. Score based on size variants (25%), state coverage (25%), image handling (25%), and fallback mechanisms (25%).",card:"Cards need consistent spacing, proper content hierarchy, and optional interactive states. Score based on content structure (30%), spacing consistency (25%), optional interactivity (25%), and token usage (20%).",badge:"Badges are typically status indicators with semantic color usage. Score based on semantic color mapping (40%), size variants (30%), content clarity (20%), and accessibility (10%).",input:"Form inputs require comprehensive state management and accessibility. Score based on state completeness (35%), accessibility compliance (30%), validation feedback (20%), and token usage (15%).",generic:"Generic components should follow basic design system principles. Score based on structure clarity (35%), token usage (35%), and accessibility basics (30%)."};return s[n]||s.generic}getFallbackScoringCriteria(){return`
     **MCP Readiness Scoring (0-100):**
     - **Structure (25%)**: Clear hierarchy, logical organization, proper nesting
     - **Tokens (25%)**: Design token usage vs hard-coded values
@@ -7459,2921 +398,41 @@ ${scoringCriteria}
     - 70-79: Solid foundation, some important gaps
     - 60-69: Basic implementation, significant improvements needed
     - Below 60: Major issues, substantial rework required
-    `;
-    }
-    loadFallbackKnowledge() {
-      this.designSystemsKnowledge = {
-        version: "1.0.0-fallback",
-        components: {
-          button: "Button components require comprehensive state management",
-          avatar: "Avatar components should support size variants and interactive states",
-          card: "Card components need consistent spacing and content hierarchy",
-          badge: "Badge components should use semantic colors for status indication",
-          input: "Input components require comprehensive accessibility and validation",
-          generic: "Generic components should follow basic design system principles"
-        },
-        tokens: "Use semantic token naming: semantic-color-primary, spacing-md-16px, text-size-lg-18px",
-        accessibility: "Ensure WCAG 2.1 AA compliance with proper ARIA labels and keyboard support",
-        scoring: this.getFallbackScoringCriteria(),
-        lastUpdated: Date.now()
-      };
-    }
-    isValidScore(score) {
-      return typeof score === "number" && score >= 0 && score <= 100;
-    }
-    validateComponentFamilyConsistency(result, family) {
-      const metadata = result.metadata;
-      switch (family) {
-        case "button":
-          return this.validateButtonComponent(metadata);
-        case "avatar":
-          return this.validateAvatarComponent(metadata);
-        case "input":
-          return this.validateInputComponent(metadata);
-        default:
-          return true;
-      }
-    }
-    validateButtonComponent(metadata) {
-      var _a;
-      const hasInteractiveStates = (_a = metadata.states) == null ? void 0 : _a.some(
-        (state) => ["hover", "focus", "active", "disabled"].includes(state.toLowerCase())
-      );
-      return hasInteractiveStates || false;
-    }
-    validateAvatarComponent(metadata) {
-      var _a, _b, _c;
-      const hasSizeVariants = ((_b = (_a = metadata.variants) == null ? void 0 : _a.size) == null ? void 0 : _b.length) > 0;
-      const hasSizeProps = (_c = metadata.props) == null ? void 0 : _c.some(
-        (prop) => prop.name.toLowerCase().includes("size")
-      );
-      return hasSizeVariants || hasSizeProps || false;
-    }
-    validateInputComponent(metadata) {
-      var _a;
-      const hasFormStates = (_a = metadata.states) == null ? void 0 : _a.some(
-        (state) => ["focus", "error", "disabled", "filled"].includes(state.toLowerCase())
-      );
-      return hasFormStates || false;
-    }
-    validateTokenRecommendations(tokens) {
-      var _a;
-      const hasSemanticColors = (_a = tokens.colors) == null ? void 0 : _a.some(
-        (token) => token.name.includes("semantic-") || token.name.includes("primary") || token.name.includes("secondary")
-      );
-      return hasSemanticColors !== false;
-    }
-    applyComponentFamilyCorrections(metadata, family) {
-      var _a, _b, _c;
-      const corrected = __spreadValues({}, metadata);
-      switch (family) {
-        case "button":
-          if (!((_a = corrected.states) == null ? void 0 : _a.includes("hover"))) {
-            corrected.states = [...corrected.states || [], "hover", "focus", "active", "disabled"];
-          }
-          break;
-        case "avatar":
-          if (!((_b = corrected.variants) == null ? void 0 : _b.size) && !((_c = corrected.props) == null ? void 0 : _c.some((p) => p.name.includes("size")))) {
-            corrected.variants = __spreadProps(__spreadValues({}, corrected.variants), { size: ["small", "medium", "large"] });
-          }
-          break;
-      }
-      return corrected;
-    }
-    applyTokenConsistencyCorrections(tokens) {
-      if (!tokens) return tokens;
-      const corrected = __spreadValues({}, tokens);
-      return corrected;
-    }
-    ensureConsistentScoring(mcpReadiness, _context) {
-      return __spreadProps(__spreadValues({}, mcpReadiness), {
-        score: mcpReadiness.score || 0
-      });
-    }
-  };
-  var consistency_engine_default = ComponentConsistencyEngine;
-
-  // src/fixes/token-fixer.ts
-  init_figma_helpers();
-
-  // src/fixes/color-distance.ts
-  function srgbToLab(r, g, b) {
-    const linearize = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-    const lr = linearize(r);
-    const lg = linearize(g);
-    const lb = linearize(b);
-    const x = (lr * 0.4124564 + lg * 0.3575761 + lb * 0.1804375) / 0.95047;
-    const y = lr * 0.2126729 + lg * 0.7151522 + lb * 0.072175;
-    const z = (lr * 0.0193339 + lg * 0.119192 + lb * 0.9503041) / 1.08883;
-    const f = (t) => t > 8856e-6 ? Math.cbrt(t) : 7.787 * t + 16 / 116;
-    const fx = f(x);
-    const fy = f(y);
-    const fz = f(z);
-    return {
-      L: 116 * fy - 16,
-      a: 500 * (fx - fy),
-      b: 200 * (fy - fz)
-    };
-  }
-  function ciede2000(lab1, lab2) {
-    const { L: L1, a: a1, b: b1 } = lab1;
-    const { L: L2, a: a2, b: b2 } = lab2;
-    const kL = 1, kC = 1, kH = 1;
-    const C1 = Math.sqrt(a1 * a1 + b1 * b1);
-    const C2 = Math.sqrt(a2 * a2 + b2 * b2);
-    const Cab = (C1 + C2) / 2;
-    const Cab7 = Math.pow(Cab, 7);
-    const G = 0.5 * (1 - Math.sqrt(Cab7 / (Cab7 + 6103515625)));
-    const a1p = a1 * (1 + G);
-    const a2p = a2 * (1 + G);
-    const C1p = Math.sqrt(a1p * a1p + b1 * b1);
-    const C2p = Math.sqrt(a2p * a2p + b2 * b2);
-    const h1p = Math.atan2(b1, a1p) * 180 / Math.PI;
-    const h2p = Math.atan2(b2, a2p) * 180 / Math.PI;
-    const h1pn = (h1p % 360 + 360) % 360;
-    const h2pn = (h2p % 360 + 360) % 360;
-    const dLp = L2 - L1;
-    const dCp = C2p - C1p;
-    let dhp;
-    if (C1p * C2p === 0) {
-      dhp = 0;
-    } else if (Math.abs(h2pn - h1pn) <= 180) {
-      dhp = h2pn - h1pn;
-    } else if (h2pn - h1pn > 180) {
-      dhp = h2pn - h1pn - 360;
-    } else {
-      dhp = h2pn - h1pn + 360;
-    }
-    const dHp = 2 * Math.sqrt(C1p * C2p) * Math.sin(dhp * Math.PI / 360);
-    const Lp = (L1 + L2) / 2;
-    const Cp = (C1p + C2p) / 2;
-    let hp;
-    if (C1p * C2p === 0) {
-      hp = h1pn + h2pn;
-    } else if (Math.abs(h1pn - h2pn) <= 180) {
-      hp = (h1pn + h2pn) / 2;
-    } else if (h1pn + h2pn < 360) {
-      hp = (h1pn + h2pn + 360) / 2;
-    } else {
-      hp = (h1pn + h2pn - 360) / 2;
-    }
-    const T = 1 - 0.17 * Math.cos((hp - 30) * Math.PI / 180) + 0.24 * Math.cos(2 * hp * Math.PI / 180) + 0.32 * Math.cos((3 * hp + 6) * Math.PI / 180) - 0.2 * Math.cos((4 * hp - 63) * Math.PI / 180);
-    const SL = 1 + 0.015 * Math.pow(Lp - 50, 2) / Math.sqrt(20 + Math.pow(Lp - 50, 2));
-    const SC = 1 + 0.045 * Cp;
-    const SH = 1 + 0.015 * Cp * T;
-    const Cp7 = Math.pow(Cp, 7);
-    const RT = -2 * Math.sqrt(Cp7 / (Cp7 + 6103515625)) * Math.sin(60 * Math.exp(-Math.pow((hp - 275) / 25, 2)) * Math.PI / 180);
-    const dE = Math.sqrt(
-      Math.pow(dLp / (kL * SL), 2) + Math.pow(dCp / (kC * SC), 2) + Math.pow(dHp / (kH * SH), 2) + RT * (dCp / (kC * SC)) * (dHp / (kH * SH))
-    );
-    return dE;
-  }
-
-  // src/fixes/token-fixer.ts
-  async function bindColorToken(node, propertyType, variableId, paintIndex = 0) {
-    try {
-      if (!(propertyType in node)) {
-        return {
-          success: false,
-          message: `Node does not support ${propertyType}`,
-          error: `Property ${propertyType} not found on node type ${node.type}`
-        };
-      }
-      const variable = await figma.variables.getVariableByIdAsync(variableId);
-      if (!variable) {
-        return {
-          success: false,
-          message: "Variable not found",
-          error: `Could not find variable with ID: ${variableId}`
-        };
-      }
-      if (variable.resolvedType !== "COLOR") {
-        return {
-          success: false,
-          message: "Variable is not a color type",
-          error: `Variable ${variable.name} is of type ${variable.resolvedType}, expected COLOR`
-        };
-      }
-      const nodeWithPaints = node;
-      const paints = [...nodeWithPaints[propertyType]];
-      if (paintIndex >= paints.length) {
-        return {
-          success: false,
-          message: "Paint index out of range",
-          error: `Paint index ${paintIndex} does not exist. Node has ${paints.length} ${propertyType}.`
-        };
-      }
-      const currentPaint = paints[paintIndex];
-      if (currentPaint.type !== "SOLID") {
-        return {
-          success: false,
-          message: "Can only bind to solid paints",
-          error: `Paint at index ${paintIndex} is of type ${currentPaint.type}, expected SOLID`
-        };
-      }
-      const boundPaint = figma.variables.setBoundVariableForPaint(
-        currentPaint,
-        "color",
-        variable
-      );
-      paints[paintIndex] = boundPaint;
-      if (propertyType === "fills") {
-        node.fills = paints;
-      } else {
-        node.strokes = paints;
-      }
-      return {
-        success: true,
-        message: `Successfully bound ${variable.name} to ${propertyType}[${paintIndex}]`,
-        appliedFix: {
-          nodeId: node.id,
-          nodeName: node.name,
-          propertyPath: `${propertyType}[${paintIndex}]`,
-          beforeValue: currentPaint.type === "SOLID" && currentPaint.color ? rgbToHex(currentPaint.color.r, currentPaint.color.g, currentPaint.color.b) : "unknown",
-          afterValue: variable.name,
-          tokenId: variableId,
-          tokenName: variable.name,
-          fixType: "color"
-        }
-      };
-    } catch (error) {
-      return {
-        success: false,
-        message: "Failed to bind color token",
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function bindSpacingToken(node, property, variableId) {
-    try {
-      if (!(property in node)) {
-        return {
-          success: false,
-          message: `Node does not support ${property}`,
-          error: `Property ${property} not found on node type ${node.type}`
-        };
-      }
-      const variable = await figma.variables.getVariableByIdAsync(variableId);
-      if (!variable) {
-        return {
-          success: false,
-          message: "Variable not found",
-          error: `Could not find variable with ID: ${variableId}`
-        };
-      }
-      if (variable.resolvedType !== "FLOAT") {
-        return {
-          success: false,
-          message: "Variable is not a number type",
-          error: `Variable ${variable.name} is of type ${variable.resolvedType}, expected FLOAT`
-        };
-      }
-      const currentValue = node[property];
-      const bindableNode = node;
-      bindableNode.setBoundVariable(property, variable);
-      return {
-        success: true,
-        message: `Successfully bound ${variable.name} to ${property}`,
-        appliedFix: {
-          nodeId: node.id,
-          nodeName: node.name,
-          propertyPath: property,
-          beforeValue: typeof currentValue === "number" ? `${currentValue}px` : String(currentValue),
-          afterValue: variable.name,
-          tokenId: variableId,
-          tokenName: variable.name,
-          fixType: property.includes("Radius") ? "border" : "spacing"
-        }
-      };
-    } catch (error) {
-      return {
-        success: false,
-        message: "Failed to bind spacing token",
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function findMatchingColorVariable(hexColor, tolerance = 0) {
-    try {
-      const targetRgb = hexToRgb(hexColor);
-      if (!targetRgb) {
-        return [];
-      }
-      const suggestions = [];
-      const colorVariables = await figma.variables.getLocalVariablesAsync("COLOR");
-      const collections = await figma.variables.getLocalVariableCollectionsAsync();
-      const collectionMap = /* @__PURE__ */ new Map();
-      for (const collection of collections) {
-        collectionMap.set(collection.id, collection);
-      }
-      for (const variable of colorVariables) {
-        const collection = collectionMap.get(variable.variableCollectionId);
-        if (!collection) continue;
-        const modeId = collection.modes[0].modeId;
-        const value = variable.valuesByMode[modeId];
-        if (!value || typeof value !== "object" || !("r" in value)) {
-          continue;
-        }
-        const varColor = value;
-        const matchScore = calculateColorMatchScore(targetRgb, varColor);
-        if (matchScore >= 1 - tolerance) {
-          suggestions.push({
-            variableId: variable.id,
-            variableName: variable.name,
-            collectionName: collection.name,
-            value: rgbToHex(varColor.r, varColor.g, varColor.b),
-            matchScore,
-            type: "color"
-          });
-        }
-      }
-      return suggestions.sort((a, b) => b.matchScore - a.matchScore);
-    } catch (error) {
-      console.error("Error finding matching color variable:", error);
-      return [];
-    }
-  }
-  async function findMatchingSpacingVariable(pixelValue, tolerance = 0) {
-    try {
-      const suggestions = [];
-      const numberVariables = await figma.variables.getLocalVariablesAsync("FLOAT");
-      const collections = await figma.variables.getLocalVariableCollectionsAsync();
-      const collectionMap = /* @__PURE__ */ new Map();
-      for (const collection of collections) {
-        collectionMap.set(collection.id, collection);
-      }
-      for (const variable of numberVariables) {
-        const collection = collectionMap.get(variable.variableCollectionId);
-        if (!collection) continue;
-        const modeId = collection.modes[0].modeId;
-        const value = variable.valuesByMode[modeId];
-        if (typeof value !== "number") {
-          continue;
-        }
-        const difference = Math.abs(value - pixelValue);
-        if (difference <= tolerance) {
-          const matchScore = difference === 0 ? 1 : 1 - difference / (tolerance || 1);
-          suggestions.push({
-            variableId: variable.id,
-            variableName: variable.name,
-            collectionName: collection.name,
-            value: `${value}px`,
-            matchScore,
-            type: "number"
-          });
-        }
-      }
-      return suggestions.sort((a, b) => b.matchScore - a.matchScore);
-    } catch (error) {
-      console.error("Error finding matching spacing variable:", error);
-      return [];
-    }
-  }
-  async function findBestMatchingVariable(pixelValue, propertyPath, tolerance = 2) {
-    const suggestions = await findMatchingSpacingVariable(pixelValue, tolerance);
-    if (suggestions.length === 0) return suggestions;
-    const affinityMap = {
-      strokeWeight: ["stroke", "border-width", "border/width", "borderwidth"],
-      cornerRadius: ["radius", "corner", "round", "border-radius"],
-      topLeftRadius: ["radius", "corner", "round"],
-      topRightRadius: ["radius", "corner", "round"],
-      bottomLeftRadius: ["radius", "corner", "round"],
-      bottomRightRadius: ["radius", "corner", "round"],
-      paddingTop: ["padding", "spacing", "space"],
-      paddingRight: ["padding", "spacing", "space"],
-      paddingBottom: ["padding", "spacing", "space"],
-      paddingLeft: ["padding", "spacing", "space"],
-      itemSpacing: ["gap", "spacing", "space"],
-      counterAxisSpacing: ["gap", "spacing", "space"]
-    };
-    const keywords = affinityMap[propertyPath] || [];
-    if (keywords.length === 0) return suggestions;
-    const boosted = suggestions.map((s) => {
-      const nameLower = s.variableName.toLowerCase();
-      const hasAffinity = keywords.some((kw) => nameLower.includes(kw));
-      return __spreadProps(__spreadValues({}, s), {
-        matchScore: hasAffinity ? Math.min(s.matchScore + 0.3, 1) : s.matchScore
-      });
-    });
-    return boosted.sort((a, b) => b.matchScore - a.matchScore);
-  }
-  async function applyColorFix(node, propertyPath, tokenId) {
-    const match = propertyPath.match(/^(fills|strokes)\[(\d+)\]$/);
-    if (!match) {
-      return {
-        success: false,
-        message: "Invalid property path",
-        error: `Expected format: fills[n] or strokes[n], got: ${propertyPath}`
-      };
-    }
-    const [, propertyType, indexStr] = match;
-    const paintIndex = parseInt(indexStr, 10);
-    return bindColorToken(
-      node,
-      propertyType,
-      tokenId,
-      paintIndex
-    );
-  }
-  async function applySpacingFix(node, propertyPath, tokenId) {
-    const validProperties = [
-      "paddingTop",
-      "paddingRight",
-      "paddingBottom",
-      "paddingLeft",
-      "itemSpacing",
-      "counterAxisSpacing",
-      "cornerRadius",
-      "topLeftRadius",
-      "topRightRadius",
-      "bottomLeftRadius",
-      "bottomRightRadius",
-      "strokeWeight"
-    ];
-    if (!validProperties.includes(propertyPath)) {
-      return {
-        success: false,
-        message: "Invalid property path",
-        error: `Property ${propertyPath} is not a valid spacing property`
-      };
-    }
-    if (propertyPath === "cornerRadius") {
-      const corners = [
-        "topLeftRadius",
-        "topRightRadius",
-        "bottomLeftRadius",
-        "bottomRightRadius"
-      ];
-      const results = [];
-      for (const corner of corners) {
-        const result = await bindSpacingToken(node, corner, tokenId);
-        results.push(result);
-        if (!result.success) {
-          return {
-            success: false,
-            message: `Failed to bind ${corner}`,
-            error: result.error
-          };
-        }
-      }
-      return {
-        success: true,
-        message: `Successfully bound variable to all 4 corner radii`,
-        appliedFix: results[0].appliedFix ? __spreadProps(__spreadValues({}, results[0].appliedFix), { propertyPath: "cornerRadius" }) : void 0
-      };
-    }
-    return bindSpacingToken(
-      node,
-      propertyPath,
-      tokenId
-    );
-  }
-  async function previewFix(node, propertyPath, tokenId) {
-    try {
-      const variable = await figma.variables.getVariableByIdAsync(tokenId);
-      if (!variable) {
-        return null;
-      }
-      let fixType;
-      let beforeValue;
-      const colorMatch = propertyPath.match(/^(fills|strokes)\[(\d+)\]$/);
-      if (colorMatch) {
-        fixType = "color";
-        const [, propertyType, indexStr] = colorMatch;
-        const paintIndex = parseInt(indexStr, 10);
-        if (!(propertyType in node)) {
-          return null;
-        }
-        const nodeWithPaints = node;
-        const paints = nodeWithPaints[propertyType];
-        if (paintIndex >= paints.length) {
-          return null;
-        }
-        const paint = paints[paintIndex];
-        if (paint.type === "SOLID" && paint.color) {
-          beforeValue = rgbToHex(paint.color.r, paint.color.g, paint.color.b);
-        } else {
-          beforeValue = paint.type;
-        }
-      } else {
-        if (!(propertyPath in node)) {
-          return null;
-        }
-        const currentValue = node[propertyPath];
-        beforeValue = typeof currentValue === "number" ? `${currentValue}px` : String(currentValue);
-        fixType = propertyPath.includes("Radius") ? "border" : "spacing";
-      }
-      let afterValue = variable.name;
-      const collection = await figma.variables.getVariableCollectionByIdAsync(variable.variableCollectionId);
-      if (collection) {
-        const modeId = collection.modes[0].modeId;
-        const value = variable.valuesByMode[modeId];
-        if (typeof value === "number") {
-          afterValue = `${variable.name} (${value}px)`;
-        } else if (value && typeof value === "object" && "r" in value) {
-          const rgb = value;
-          afterValue = `${variable.name} (${rgbToHex(rgb.r, rgb.g, rgb.b)})`;
-        }
-      }
-      return {
-        nodeId: node.id,
-        nodeName: node.name,
-        propertyPath,
-        beforeValue,
-        afterValue,
-        tokenId,
-        tokenName: variable.name,
-        fixType
-      };
-    } catch (error) {
-      console.error("Error generating fix preview:", error);
-      return null;
-    }
-  }
-  function hexToRgb(hex) {
-    const cleanHex = hex.replace(/^#/, "");
-    let fullHex = cleanHex;
-    if (cleanHex.length === 3) {
-      fullHex = cleanHex[0] + cleanHex[0] + cleanHex[1] + cleanHex[1] + cleanHex[2] + cleanHex[2];
-    }
-    if (fullHex.length !== 6) {
-      return null;
-    }
-    const r = parseInt(fullHex.substring(0, 2), 16);
-    const g = parseInt(fullHex.substring(2, 4), 16);
-    const b = parseInt(fullHex.substring(4, 6), 16);
-    if (isNaN(r) || isNaN(g) || isNaN(b)) {
-      return null;
-    }
-    return {
-      r: r / 255,
-      g: g / 255,
-      b: b / 255
-    };
-  }
-  function calculateColorMatchScore(color1, color2) {
-    const lab1 = srgbToLab(color1.r, color1.g, color1.b);
-    const lab2 = srgbToLab(color2.r, color2.g, color2.b);
-    const deltaE = ciede2000(lab1, lab2);
-    if (deltaE < 3) return 1;
-    if (deltaE >= 10) return 0;
-    return 1 - (deltaE - 3) / 7;
-  }
-
-  // src/extract/screenshot.ts
-  async function exportScreenshot(node, maxWidth = 1024) {
-    const width = Math.max(1, Math.min(maxWidth, Math.round(node.width)));
-    const bytes = await node.exportAsync({
-      format: "PNG",
-      constraint: { type: "WIDTH", value: width }
-    });
-    return uint8ArrayToBase64(bytes);
-  }
-  function uint8ArrayToBase64(bytes) {
-    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-    let result = "";
-    const len = bytes.length;
-    for (let i = 0; i < len; i += 3) {
-      const b0 = bytes[i];
-      const b1 = i + 1 < len ? bytes[i + 1] : 0;
-      const b2 = i + 2 < len ? bytes[i + 2] : 0;
-      result += chars[b0 >> 2];
-      result += chars[(b0 & 3) << 4 | b1 >> 4];
-      result += i + 1 < len ? chars[(b1 & 15) << 2 | b2 >> 6] : "=";
-      result += i + 2 < len ? chars[b2 & 63] : "=";
-    }
-    return result;
-  }
-
-  // src/flow/graph-builder.ts
-  var INTERACTIVE_RE = /button|btn|cta|link|tab|nav|menu|input|checkbox|toggle|switch|radio|select|dropdown|slider/i;
-  function hasInteractiveChildren(node) {
-    if (INTERACTIVE_RE.test(node.name)) return true;
-    if ("children" in node) {
-      for (const child of node.children) {
-        if (hasInteractiveChildren(child)) return true;
-      }
-    }
-    return false;
-  }
-  function collectReactions(node, frameId, edges) {
-    var _a, _b;
-    if ("reactions" in node) {
-      const reactions = node.reactions;
-      if (reactions && reactions.length > 0) {
-        for (const reaction of reactions) {
-          const actions = reaction.actions || (reaction.action ? [reaction.action] : []);
-          for (const action of actions) {
-            if (action.type === "NODE" && action.destinationId) {
-              edges.push({
-                sourceFrameId: frameId,
-                sourceNodeId: node.id,
-                sourceNodeName: node.name,
-                destinationFrameId: action.destinationId,
-                trigger: ((_a = reaction.trigger) == null ? void 0 : _a.type) || "UNKNOWN",
-                navigation: action.navigation || "NAVIGATE",
-                hasTransition: !!action.transition
-              });
-            }
-            if (action.type === "BACK") {
-              edges.push({
-                sourceFrameId: frameId,
-                sourceNodeId: node.id,
-                sourceNodeName: node.name,
-                destinationFrameId: "__BACK__",
-                trigger: ((_b = reaction.trigger) == null ? void 0 : _b.type) || "UNKNOWN",
-                navigation: "BACK",
-                hasTransition: !!action.transition
-              });
-            }
-          }
-        }
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        collectReactions(child, frameId, edges);
-      }
-    }
-  }
-  function buildFlowGraph(page) {
-    var _a, _b, _c;
-    const currentPage = page || figma.currentPage;
-    const topFrames = currentPage.children.filter(
-      (n) => n.type === "FRAME" || n.type === "COMPONENT"
-    );
-    const startingPointIds = new Set(
-      (currentPage.flowStartingPoints || []).map((sp) => sp.nodeId)
-    );
-    const frames = topFrames.map((f) => ({
-      id: f.id,
-      name: f.name,
-      pageId: currentPage.id,
-      pageName: currentPage.name,
-      width: f.width,
-      height: f.height,
-      isFlowStartingPoint: startingPointIds.has(f.id),
-      childCount: "children" in f ? f.children.length : 0,
-      hasInteractiveElements: hasInteractiveChildren(f)
-    }));
-    const frameIds = new Set(frames.map((f) => f.id));
-    const edges = [];
-    for (const frame of topFrames) {
-      collectReactions(frame, frame.id, edges);
-    }
-    const validEdges = edges.filter(
-      (e) => e.destinationFrameId === "__BACK__" || frameIds.has(e.destinationFrameId)
-    );
-    const entryPoints = frames.filter((f) => f.isFlowStartingPoint).map((f) => f.id);
-    const outgoing = /* @__PURE__ */ new Map();
-    const incoming = /* @__PURE__ */ new Map();
-    for (const fId of frameIds) {
-      outgoing.set(fId, /* @__PURE__ */ new Set());
-      incoming.set(fId, /* @__PURE__ */ new Set());
-    }
-    for (const edge of validEdges) {
-      if (edge.destinationFrameId !== "__BACK__") {
-        (_a = outgoing.get(edge.sourceFrameId)) == null ? void 0 : _a.add(edge.destinationFrameId);
-        (_b = incoming.get(edge.destinationFrameId)) == null ? void 0 : _b.add(edge.sourceFrameId);
-      }
-    }
-    const deadEnds = frames.filter((f) => {
-      var _a2;
-      return (((_a2 = outgoing.get(f.id)) == null ? void 0 : _a2.size) || 0) === 0;
-    }).map((f) => f.id);
-    const orphans = frames.filter((f) => {
-      var _a2;
-      return (((_a2 = incoming.get(f.id)) == null ? void 0 : _a2.size) || 0) === 0 && !startingPointIds.has(f.id);
-    }).map((f) => f.id);
-    const reachable = /* @__PURE__ */ new Set();
-    const queue = [...entryPoints];
-    if (queue.length === 0) {
-      for (const f of frames) {
-        if ((((_c = incoming.get(f.id)) == null ? void 0 : _c.size) || 0) === 0) {
-          queue.push(f.id);
-        }
-      }
-    }
-    while (queue.length > 0) {
-      const current = queue.shift();
-      if (reachable.has(current)) continue;
-      reachable.add(current);
-      const destinations = outgoing.get(current);
-      if (destinations) {
-        for (const dest of destinations) {
-          if (!reachable.has(dest)) {
-            queue.push(dest);
-          }
-        }
-      }
-    }
-    const unreachable = frames.filter((f) => !reachable.has(f.id)).map((f) => f.id);
-    const loops = [];
-    const visited = /* @__PURE__ */ new Set();
-    const inStack = /* @__PURE__ */ new Set();
-    const path = [];
-    function dfs(nodeId) {
-      if (inStack.has(nodeId)) {
-        const cycleStart = path.indexOf(nodeId);
-        if (cycleStart !== -1) {
-          loops.push(path.slice(cycleStart));
-        }
-        return;
-      }
-      if (visited.has(nodeId)) return;
-      visited.add(nodeId);
-      inStack.add(nodeId);
-      path.push(nodeId);
-      const dests = outgoing.get(nodeId);
-      if (dests) {
-        for (const dest of dests) {
-          dfs(dest);
-        }
-      }
-      path.pop();
-      inStack.delete(nodeId);
-    }
-    for (const fId of frameIds) {
-      dfs(fId);
-    }
-    const branchingFactors = frames.map((f) => {
-      var _a2;
-      return ((_a2 = outgoing.get(f.id)) == null ? void 0 : _a2.size) || 0;
-    });
-    const avgBranching = branchingFactors.length > 0 ? branchingFactors.reduce((a, b) => a + b, 0) / branchingFactors.length : 0;
-    let maxDepth = 0;
-    const depthQueue = entryPoints.map((id) => ({ id, depth: 0 }));
-    const depthVisited = /* @__PURE__ */ new Set();
-    while (depthQueue.length > 0) {
-      const { id, depth } = depthQueue.shift();
-      if (depthVisited.has(id)) continue;
-      depthVisited.add(id);
-      if (depth > maxDepth) maxDepth = depth;
-      const dests = outgoing.get(id);
-      if (dests) {
-        for (const dest of dests) {
-          if (!depthVisited.has(dest)) {
-            depthQueue.push({ id: dest, depth: depth + 1 });
-          }
-        }
-      }
-    }
-    return {
-      frames,
-      edges: validEdges,
-      entryPoints,
-      deadEnds,
-      orphans,
-      unreachable,
-      loops,
-      stats: {
-        totalFrames: frames.length,
-        totalEdges: validEdges.length,
-        totalEntryPoints: entryPoints.length,
-        maxDepth,
-        avgBranching: Math.round(avgBranching * 100) / 100
-      }
-    };
-  }
-  function analyzeFlowGraph(graph) {
-    const issues = [];
-    const frameNameById = new Map(graph.frames.map((f) => [f.id, f.name]));
-    const nameList = (ids) => ids.map((id) => `"${frameNameById.get(id) || id}"`).join(", ");
-    for (const id of graph.deadEnds) {
-      const name = frameNameById.get(id) || "";
-      const isTerminal = /success|confirm|done|complete|thank|receipt|summary/i.test(name);
-      if (!isTerminal) {
-        issues.push({
-          type: "dead-end",
-          severity: "warning",
-          frameIds: [id],
-          message: `${nameList([id])} has no outgoing connections \u2014 user gets stuck here.`
-        });
-      }
-    }
-    if (graph.orphans.length > 0) {
-      issues.push({
-        type: "orphan",
-        severity: "warning",
-        frameIds: graph.orphans,
-        message: `${nameList(graph.orphans)} ${graph.orphans.length === 1 ? "has" : "have"} no incoming connections \u2014 unreachable by navigation.`
-      });
-    }
-    const trueUnreachable = graph.unreachable.filter((id) => !graph.orphans.includes(id));
-    if (trueUnreachable.length > 0) {
-      issues.push({
-        type: "unreachable",
-        severity: "critical",
-        frameIds: trueUnreachable,
-        message: `${nameList(trueUnreachable)} ${trueUnreachable.length === 1 ? "is" : "are"} not reachable from any flow entry point.`
-      });
-    }
-    for (const loop of graph.loops) {
-      const loopSet = new Set(loop);
-      const hasExit = loop.some((id) => {
-        const edges = graph.edges.filter((e) => e.sourceFrameId === id);
-        return edges.some((e) => !loopSet.has(e.destinationFrameId));
-      });
-      if (!hasExit) {
-        issues.push({
-          type: "loop",
-          severity: "warning",
-          frameIds: loop,
-          message: `Circular flow without exit: ${nameList(loop)}. User cannot leave this loop.`
-        });
-      }
-    }
-    if (graph.stats.maxDepth > 3) {
-      issues.push({
-        type: "deep-navigation",
-        severity: "info",
-        frameIds: [],
-        message: `Navigation depth is ${graph.stats.maxDepth} levels. Consider flattening to \u22643 levels for better UX (3-click rule).`
-      });
-    }
-    const framesWithoutBack = graph.frames.filter((f) => {
-      if (f.isFlowStartingPoint) return false;
-      const hasBackEdge = graph.edges.some(
-        (e) => e.sourceFrameId === f.id && (e.navigation === "BACK" || e.navigation === "CLOSE")
-      );
-      const hasIncoming = graph.edges.some((e) => e.destinationFrameId === f.id);
-      return hasIncoming && !hasBackEdge;
-    });
-    if (framesWithoutBack.length > 0) {
-      issues.push({
-        type: "missing-back",
-        severity: "info",
-        frameIds: framesWithoutBack.map((f) => f.id),
-        message: `${framesWithoutBack.length} frame${framesWithoutBack.length === 1 ? "" : "s"} missing back/close navigation: ${nameList(framesWithoutBack.map((f) => f.id))}.`
-      });
-    }
-    return issues;
-  }
-
-  // src/flow/cross-screen-checks.ts
-  init_figma_helpers();
-  function extractDesignValues(node, values, skipLocked, skipHidden) {
-    if (skipLocked && "locked" in node && node.locked) return;
-    if (skipHidden && "visible" in node && !node.visible) return;
-    if ("fills" in node) {
-      const fills = node.fills;
-      if (fills !== figma.mixed && Array.isArray(fills)) {
-        for (const fill of fills) {
-          if (fill.type === "SOLID" && fill.visible !== false) {
-            values.colors.add(rgbToHex(fill.color.r, fill.color.g, fill.color.b));
-          }
-        }
-      }
-    }
-    if ("strokes" in node) {
-      const strokes = node.strokes;
-      if (Array.isArray(strokes)) {
-        for (const stroke of strokes) {
-          if (stroke.type === "SOLID" && stroke.visible !== false) {
-            values.colors.add(rgbToHex(stroke.color.r, stroke.color.g, stroke.color.b));
-          }
-        }
-      }
-    }
-    if (node.type === "TEXT") {
-      const textNode = node;
-      if (textNode.fontName !== figma.mixed) {
-        values.fontFamilies.add(textNode.fontName.family);
-      }
-      if (textNode.fontSize !== figma.mixed) {
-        values.fontSizes.add(textNode.fontSize);
-      }
-    }
-    if ("layoutMode" in node && node.layoutMode !== "NONE") {
-      const frame = node;
-      if (typeof frame.itemSpacing === "number") values.spacingValues.add(frame.itemSpacing);
-      if (typeof frame.paddingTop === "number") values.spacingValues.add(frame.paddingTop);
-      if (typeof frame.paddingBottom === "number") values.spacingValues.add(frame.paddingBottom);
-      if (typeof frame.paddingLeft === "number") values.spacingValues.add(frame.paddingLeft);
-      if (typeof frame.paddingRight === "number") values.spacingValues.add(frame.paddingRight);
-    }
-    if (node.type === "INSTANCE") {
-      const mainComponent = node.mainComponent;
-      if (mainComponent) {
-        values.componentNames.add(mainComponent.name);
-      }
-    }
-    if ("children" in node) {
-      for (const child of node.children) {
-        extractDesignValues(child, values, skipLocked, skipHidden);
-      }
-    }
-  }
-  function setDifference(a, b) {
-    const diff = /* @__PURE__ */ new Set();
-    for (const item of a) {
-      if (!b.has(item)) diff.add(item);
-    }
-    return diff;
-  }
-  function checkCrossScreenConsistency(frameNodes, options = {}) {
-    var _a, _b;
-    const skipLocked = (_a = options.skipLocked) != null ? _a : true;
-    const skipHidden = (_b = options.skipHidden) != null ? _b : true;
-    const issues = [];
-    if (frameNodes.length < 2) return issues;
-    const allValues = frameNodes.map(({ frame, node }) => {
-      const values = {
-        frameId: frame.id,
-        frameName: frame.name,
-        colors: /* @__PURE__ */ new Set(),
-        fontFamilies: /* @__PURE__ */ new Set(),
-        fontSizes: /* @__PURE__ */ new Set(),
-        spacingValues: /* @__PURE__ */ new Set(),
-        componentNames: /* @__PURE__ */ new Set()
-      };
-      extractDesignValues(node, values, skipLocked, skipHidden);
-      return values;
-    });
-    const colorFrequency = /* @__PURE__ */ new Map();
-    for (const v of allValues) {
-      for (const color of v.colors) {
-        colorFrequency.set(color, (colorFrequency.get(color) || 0) + 1);
-      }
-    }
-    const threshold = allValues.length * 0.5;
-    const globalPalette = /* @__PURE__ */ new Set();
-    for (const [color, freq] of colorFrequency) {
-      if (freq >= threshold) globalPalette.add(color);
-    }
-    for (const v of allValues) {
-      const uniqueColors = setDifference(v.colors, globalPalette);
-      if (uniqueColors.size > 3) {
-        issues.push({
-          type: "dead-end",
-          // reusing type, will display as consistency issue
-          severity: "warning",
-          frameIds: [v.frameId],
-          message: `"${v.frameName}" uses ${uniqueColors.size} colors not found in other screens (${[...uniqueColors].slice(0, 3).join(", ")}${uniqueColors.size > 3 ? "..." : ""}). Check for color inconsistency.`
-        });
-      }
-    }
-    const allFonts = /* @__PURE__ */ new Set();
-    for (const v of allValues) {
-      for (const font of v.fontFamilies) allFonts.add(font);
-    }
-    if (allFonts.size > 3) {
-      const fontList = [...allFonts].join(", ");
-      issues.push({
-        type: "dead-end",
-        severity: "warning",
-        frameIds: allValues.map((v) => v.frameId),
-        message: `${allFonts.size} different font families across flow: ${fontList}. Flows should use 1-2 font families for consistency.`
-      });
-    }
-    for (const v of allValues) {
-      const otherFonts = /* @__PURE__ */ new Set();
-      for (const other of allValues) {
-        if (other.frameId !== v.frameId) {
-          for (const f of other.fontFamilies) otherFonts.add(f);
-        }
-      }
-      const uniqueFonts = setDifference(v.fontFamilies, otherFonts);
-      if (uniqueFonts.size > 0 && allValues.length > 2) {
-        issues.push({
-          type: "dead-end",
-          severity: "info",
-          frameIds: [v.frameId],
-          message: `"${v.frameName}" uses font${uniqueFonts.size > 1 ? "s" : ""} not seen elsewhere: ${[...uniqueFonts].join(", ")}.`
-        });
-      }
-    }
-    const allSizes = /* @__PURE__ */ new Set();
-    for (const v of allValues) {
-      for (const size of v.fontSizes) allSizes.add(size);
-    }
-    if (allSizes.size > 10) {
-      issues.push({
-        type: "dead-end",
-        severity: "info",
-        frameIds: allValues.map((v) => v.frameId),
-        message: `${allSizes.size} unique font sizes across the flow. Consider using a type scale with fewer sizes for consistency.`
-      });
-    }
-    const allSpacing = /* @__PURE__ */ new Set();
-    for (const v of allValues) {
-      for (const s of v.spacingValues) {
-        if (s > 0) allSpacing.add(s);
-      }
-    }
-    const nonStandard = [...allSpacing].filter((s) => s % 4 !== 0 && s !== 2);
-    if (nonStandard.length > 3) {
-      issues.push({
-        type: "dead-end",
-        severity: "info",
-        frameIds: allValues.map((v) => v.frameId),
-        message: `${nonStandard.length} non-standard spacing values across flow (${nonStandard.slice(0, 4).join(", ")}px). Consider aligning to a 4px/8px grid.`
-      });
-    }
-    return issues;
-  }
-
-  // src/fix/fix-spacing.ts
-  init_types();
-  var SPACING_PROPERTIES = [
-    "itemSpacing",
-    "paddingTop",
-    "paddingBottom",
-    "paddingLeft",
-    "paddingRight",
-    "counterAxisSpacing"
-  ];
-  function fixSpacing(nodeId, property, newValue) {
-    const node = figma.getNodeById(nodeId);
-    if (!node) {
-      return { success: false, nodeId, nodeName: "", property, oldValue: 0, newValue, error: "Node not found" };
-    }
-    if (node.type !== "FRAME" && node.type !== "COMPONENT" && node.type !== "INSTANCE") {
-      return { success: false, nodeId, nodeName: node.name, property, oldValue: 0, newValue, error: "Node is not a frame" };
-    }
-    const frame = node;
-    if (frame.layoutMode === "NONE") {
-      return { success: false, nodeId, nodeName: node.name, property, oldValue: 0, newValue, error: "Frame has no auto-layout" };
-    }
-    try {
-      const oldValue = frame[property];
-      frame[property] = newValue;
-      return {
-        success: true,
-        nodeId,
-        nodeName: node.name,
-        property,
-        oldValue,
-        newValue
-      };
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        nodeName: node.name,
-        property,
-        oldValue: 0,
-        newValue,
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  function fixSpacingToNearest(nodeId, property) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || node.type !== "FRAME" && node.type !== "COMPONENT" && node.type !== "INSTANCE") {
-      return { success: false, nodeId, nodeName: (node == null ? void 0 : node.name) || "", property, oldValue: 0, newValue: 0, error: "Invalid node" };
-    }
-    const frame = node;
-    const currentValue = frame[property];
-    if (typeof currentValue !== "number") {
-      return { success: false, nodeId, nodeName: node.name, property, oldValue: 0, newValue: 0, error: "Property is not a number" };
-    }
-    if (SPACING_SCALE.includes(currentValue)) {
-      return { success: true, nodeId, nodeName: node.name, property, oldValue: currentValue, newValue: currentValue };
-    }
-    const suggestions = findClosestSpacingValues(currentValue);
-    if (suggestions.length === 0) {
-      return { success: false, nodeId, nodeName: node.name, property, oldValue: currentValue, newValue: currentValue, error: "No suggestion found" };
-    }
-    const closest = suggestions.reduce((a, b) => Math.abs(a - currentValue) <= Math.abs(b - currentValue) ? a : b);
-    return fixSpacing(nodeId, property, closest);
-  }
-  function fixAllSpacingOnNode(nodeId) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || node.type !== "FRAME" && node.type !== "COMPONENT" && node.type !== "INSTANCE") {
-      return [];
-    }
-    const frame = node;
-    if (frame.layoutMode === "NONE") return [];
-    const results = [];
-    for (const prop of SPACING_PROPERTIES) {
-      if (!(prop in frame)) continue;
-      const value = frame[prop];
-      if (typeof value !== "number") continue;
-      if (SPACING_SCALE.includes(value)) continue;
-      const result = fixSpacingToNearest(nodeId, prop);
-      results.push(result);
-    }
-    return results;
-  }
-
-  // src/fix/fix-radius.ts
-  function findNearest(value, allowed) {
-    if (allowed.length === 0) return value;
-    return allowed.reduce(
-      (best, v) => Math.abs(v - value) < Math.abs(best - value) ? v : best
-    );
-  }
-  function fixRadiusToNearest(nodeId, allowedRadii) {
-    const node = figma.getNodeById(nodeId);
-    if (!node) {
-      return { success: false, nodeId, nodeName: "", oldValue: "", newValue: "", error: "Node not found" };
-    }
-    if (!("cornerRadius" in node)) {
-      return { success: false, nodeId, nodeName: node.name, oldValue: "", newValue: "", error: "Node has no corner radius" };
-    }
-    const frame = node;
-    try {
-      const cr = frame.cornerRadius;
-      if (cr === figma.mixed) {
-        const tl = frame.topLeftRadius;
-        const tr = frame.topRightRadius;
-        const bl = frame.bottomLeftRadius;
-        const br = frame.bottomRightRadius;
-        const oldValue = `${tl}/${tr}/${br}/${bl}`;
-        frame.topLeftRadius = findNearest(tl, allowedRadii);
-        frame.topRightRadius = findNearest(tr, allowedRadii);
-        frame.bottomLeftRadius = findNearest(bl, allowedRadii);
-        frame.bottomRightRadius = findNearest(br, allowedRadii);
-        const newValue = `${frame.topLeftRadius}/${frame.topRightRadius}/${frame.bottomRightRadius}/${frame.bottomLeftRadius}`;
-        return { success: true, nodeId, nodeName: node.name, oldValue, newValue };
-      } else {
-        const oldValue = `${cr}`;
-        const nearest = findNearest(cr, allowedRadii);
-        frame.cornerRadius = nearest;
-        return { success: true, nodeId, nodeName: node.name, oldValue, newValue: `${nearest}` };
-      }
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        nodeName: node.name,
-        oldValue: "",
-        newValue: "",
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-
-  // src/fix/rename-layer.ts
-  function renameLayerById(nodeId, newName) {
-    const node = figma.getNodeById(nodeId);
-    if (!node || node.type === "DOCUMENT" || node.type === "PAGE") {
-      return { success: false, nodeId, oldName: "", newName, error: "Node not found" };
-    }
-    try {
-      const oldName = node.name;
-      node.name = newName;
-      return { success: true, nodeId, oldName, newName };
-    } catch (error) {
-      return {
-        success: false,
-        nodeId,
-        oldName: node.name,
-        newName,
-        error: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-
-  // src/fix/batch.ts
-  init_apply_style();
-  async function executeBatchFix(fixes) {
-    let applied = 0;
-    let failed = 0;
-    const results = [];
-    for (let i = 0; i < fixes.length; i++) {
-      const fix = fixes[i];
-      try {
-        const result = await executeSingleFix(fix);
-        results.push(__spreadValues({ index: i }, result));
-        if (result.success) {
-          applied++;
-        } else {
-          failed++;
-        }
-      } catch (error) {
-        failed++;
-        results.push({
-          index: i,
-          type: fix.type,
-          success: false,
-          nodeId: String(fix.params.nodeId || ""),
-          nodeName: "",
-          message: "Unexpected error",
-          error: error instanceof Error ? error.message : String(error)
-        });
-      }
-    }
-    return { total: fixes.length, applied, failed, results };
-  }
-  async function executeSingleFix(fix) {
-    const { type, params } = fix;
-    switch (type) {
-      case "applyStyle": {
-        const styleType = params.styleType;
-        const nodeId = params.nodeId;
-        const styleKey = params.styleKey;
-        let result;
-        switch (styleType) {
-          case "fill":
-            result = await applyFillStyle(nodeId, styleKey);
-            break;
-          case "stroke":
-            result = await applyStrokeStyle(nodeId, styleKey);
-            break;
-          case "text":
-            result = await applyTextStyle(nodeId, styleKey);
-            break;
-          case "effect":
-            result = await applyEffectStyle(nodeId, styleKey);
-            break;
-          default:
-            return { type, success: false, nodeId, nodeName: "", message: `Unknown style type: ${styleType}` };
-        }
-        return {
-          type,
-          success: result.success,
-          nodeId: result.nodeId,
-          nodeName: result.nodeName,
-          message: result.success ? `Applied ${result.property}: ${result.newValue}` : result.error || "Failed",
-          oldValue: result.oldValue,
-          newValue: result.newValue,
-          error: result.error
-        };
-      }
-      case "fixSpacing": {
-        const nodeId = params.nodeId;
-        const property = params.property;
-        const value = params.value;
-        const result = fixSpacing(
-          nodeId,
-          property,
-          value
-        );
-        return {
-          type,
-          success: result.success,
-          nodeId: result.nodeId,
-          nodeName: result.nodeName,
-          message: result.success ? `${result.property}: ${result.oldValue}px \u2192 ${result.newValue}px` : result.error || "Failed",
-          oldValue: `${result.oldValue}px`,
-          newValue: `${result.newValue}px`,
-          error: result.error
-        };
-      }
-      case "fixSpacingToNearest": {
-        const nodeId = params.nodeId;
-        const property = params.property;
-        const result = fixSpacingToNearest(
-          nodeId,
-          property
-        );
-        return {
-          type,
-          success: result.success,
-          nodeId: result.nodeId,
-          nodeName: result.nodeName,
-          message: result.success ? `${result.property}: ${result.oldValue}px \u2192 ${result.newValue}px` : result.error || "Failed",
-          oldValue: `${result.oldValue}px`,
-          newValue: `${result.newValue}px`,
-          error: result.error
-        };
-      }
-      case "fixRadiusToNearest": {
-        const nodeId = params.nodeId;
-        const allowedRadii = params.allowedRadii;
-        const result = fixRadiusToNearest(nodeId, allowedRadii);
-        return {
-          type,
-          success: result.success,
-          nodeId: result.nodeId,
-          nodeName: result.nodeName,
-          message: result.success ? `radius: ${result.oldValue}px \u2192 ${result.newValue}px` : result.error || "Failed",
-          oldValue: `${result.oldValue}px`,
-          newValue: `${result.newValue}px`,
-          error: result.error
-        };
-      }
-      case "renameLayer": {
-        const nodeId = params.nodeId;
-        const newName = params.newName;
-        const result = renameLayerById(nodeId, newName);
-        return {
-          type,
-          success: result.success,
-          nodeId: result.nodeId,
-          nodeName: result.newName,
-          message: result.success ? `Renamed "${result.oldName}" \u2192 "${result.newName}"` : result.error || "Failed",
-          oldValue: result.oldName,
-          newValue: result.newName,
-          error: result.error
-        };
-      }
-      default:
-        return { type, success: false, nodeId: "", nodeName: "", message: `Unknown fix type: ${type}` };
-    }
-  }
-
-  // src/ui/message-handler.ts
-  init_design_lint();
-  var storedApiKey = null;
-  var selectedModel = "claude-sonnet-4-5-20250929";
-  var selectedProvider = "anthropic";
-  function isValidApiKeyFormat(apiKey, provider = selectedProvider) {
-    const trimmed = (apiKey == null ? void 0 : apiKey.trim()) || "";
-    switch (provider) {
-      case "anthropic":
-        return trimmed.startsWith("sk-ant-") && trimmed.length >= 40;
-      case "openai":
-        return trimmed.startsWith("sk-") && trimmed.length >= 20;
-      case "google":
-        return trimmed.startsWith("AIza") && trimmed.length >= 35;
-      default:
-        return false;
-    }
-  }
-  var lastAnalyzedMetadata = null;
-  var lastAnalyzedNode = null;
-  var consistencyEngine = new consistency_engine_default({
-    enableCaching: true,
-    enableMCPIntegration: true,
-    mcpServerUrl: "https://design-systems-mcp.southleft-llc.workers.dev/mcp"
-  });
-  async function handleUIMessage(msg) {
-    const { type, data } = msg;
-    console.log("Received message:", type, data);
-    try {
-      switch (type) {
-        case "check-api-key":
-          await handleCheckApiKey();
-          break;
-        case "save-api-key":
-          await handleSaveApiKey(data.apiKey, data.model, data.provider);
-          break;
-        case "update-model":
-          await handleUpdateModel(data.model);
-          break;
-        case "analyze":
-          await handleAnalyzeComponent();
-          break;
-        case "analyze-enhanced":
-          await handleEnhancedAnalyze(data);
-          break;
-        case "clear-api-key":
-          await handleClearApiKey();
-          break;
-        case "chat-message":
-          await handleChatMessage(data);
-          break;
-        case "chat-clear-history":
-          await handleClearChatHistory();
-          break;
-        case "select-node":
-          await handleSelectNode(data);
-          break;
-        // Auto-fix handlers
-        case "preview-fix":
-          await handlePreviewFix(data);
-          break;
-        case "apply-token-fix":
-          await handleApplyTokenFix(data);
-          break;
-        case "apply-naming-fix":
-          await handleApplyNamingFix(data);
-          break;
-        case "apply-batch-fix":
-          await handleApplyBatchFix(data);
-          break;
-        case "update-description":
-          await handleUpdateDescription(data);
-          break;
-        case "add-component-property":
-          await handleAddComponentProperty(data);
-          break;
-        // Design Lint handlers (deterministic, no AI)
-        case "run-design-lint":
-          handleRunDesignLint(data);
-          break;
-        case "lint-ignore-node":
-          handleLintIgnoreNode(data);
-          break;
-        case "lint-ignore-error":
-          handleLintIgnoreError(data);
-          break;
-        case "lint-ignore-all-of-type":
-          handleLintIgnoreAllOfType(data);
-          break;
-        case "lint-clear-ignored":
-          handleLintClearIgnored();
-          break;
-        case "lint-select-node":
-          handleLintSelectNode(data);
-          break;
-        case "lint-select-all-with-value":
-          handleLintSelectAllWithValue(data);
-          break;
-        case "lint-save-settings":
-          handleLintSaveSettings(data);
-          break;
-        case "lint-load-settings":
-          handleLintLoadSettings();
-          break;
-        case "lint-save-team-config":
-          handleSaveTeamConfig(data);
-          break;
-        case "lint-load-team-config":
-          handleLoadTeamConfig();
-          break;
-        // Chat UI handlers
-        case "jump-to-node":
-          handleJumpToNode(data);
-          break;
-        case "fix-spacing":
-          handleFixSpacing(data);
-          break;
-        case "fix-spacing-to-nearest":
-          handleFixSpacingToNearest(data);
-          break;
-        case "fix-all-spacing":
-          handleFixAllSpacing(data);
-          break;
-        case "apply-style-fix":
-          await handleApplyStyleFix(data);
-          break;
-        case "rename-layer-fix":
-          handleRenameLayerFix(data);
-          break;
-        case "fix-radius-to-nearest":
-          handleFixRadiusToNearest(data);
-          break;
-        case "batch-fix-v2":
-          await handleBatchFixV2(data);
-          break;
-        case "rescan-lint":
-          handleRescanLint();
-          break;
-        case "export-screenshot":
-          await handleExportScreenshot(data);
-          break;
-        case "analyze-flow":
-          await handleAnalyzeFlow();
-          break;
-        default:
-          console.warn("Unknown message type:", type);
-      }
-    } catch (error) {
-      console.error("Error handling message:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("analysis-error", { error: errorMessage });
-    }
-  }
-  async function handleCheckApiKey() {
-    try {
-      await migrateLegacyStorage();
-      const config = await loadProviderConfig();
-      selectedProvider = config.providerId;
-      selectedModel = config.modelId;
-      if (storedApiKey) {
-        sendMessageToUI("api-key-status", {
-          hasKey: true,
-          provider: selectedProvider,
-          model: selectedModel
-        });
-        return;
-      }
-      if (config.apiKey && isValidApiKeyFormat(config.apiKey, config.providerId)) {
-        storedApiKey = config.apiKey;
-        sendMessageToUI("api-key-status", {
-          hasKey: true,
-          provider: selectedProvider,
-          model: selectedModel
-        });
-      } else {
-        sendMessageToUI("api-key-status", {
-          hasKey: false,
-          provider: selectedProvider,
-          model: selectedModel
-        });
-      }
-    } catch (error) {
-      console.error("Error checking API key:", error);
-      sendMessageToUI("api-key-status", { hasKey: false, provider: "anthropic" });
-    }
-  }
-  async function handleSaveApiKey(apiKey, model, provider) {
-    try {
-      const providerId = provider || selectedProvider;
-      if (!isValidApiKeyFormat(apiKey, providerId)) {
-        const providerObj2 = getProvider(providerId);
-        throw new Error(`Invalid API key format for ${providerObj2.name}. Expected format: ${providerObj2.keyPlaceholder}`);
-      }
-      selectedProvider = providerId;
-      storedApiKey = apiKey;
-      if (model) {
-        selectedModel = model;
-      }
-      await saveProviderConfig(providerId, selectedModel, apiKey);
-      console.log(`${providerId} API key and model saved successfully`);
-      const providerObj = getProvider(providerId);
-      sendMessageToUI("api-key-saved", { success: true, provider: providerId });
-      figma.notify(`${providerObj.name} API key saved successfully`, { timeout: 2e3 });
-    } catch (error) {
-      console.error("Error saving API key:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("api-key-saved", { success: false, error: errorMessage });
-      figma.notify(`Failed to save API key: ${errorMessage}`, { error: true });
-    }
-  }
-  async function handleUpdateModel(model) {
-    try {
-      selectedModel = model;
-      await saveProviderConfig(selectedProvider, model);
-      console.log("Model updated to:", model);
-      figma.notify(`Model updated to ${model}`, { timeout: 2e3 });
-    } catch (error) {
-      console.error("Error updating model:", error);
-      figma.notify("Failed to update model", { error: true });
-    }
-  }
-  async function handleEnhancedAnalyze(options) {
-    var _a, _b;
-    try {
-      if (!storedApiKey) {
-        const providerName = getProvider(selectedProvider).name;
-        throw new Error(`API key not found. Please save your ${providerName} API key first.`);
-      }
-      const selection = figma.currentPage.selection;
-      if (selection.length === 0) {
-        throw new Error("No component selected. Please select a Figma component to analyze.");
-      }
-      if (options.batchMode && selection.length > 1) {
-        await handleBatchAnalysis(selection, options);
-        return;
-      }
-      let selectedNode = selection[0];
-      if (selectedNode.type === "INSTANCE") {
-        const instance = selectedNode;
-        try {
-          const mainComponent = await instance.getMainComponentAsync();
-          if (mainComponent) {
-            figma.notify("Analyzing main component instead of instance...", { timeout: 2e3 });
-            selectedNode = mainComponent;
-          } else {
-            throw new Error("This instance has no main component. Please select a component directly.");
-          }
-        } catch (error) {
-          console.error("Error accessing main component:", error);
-          throw new Error("Could not access main component. Please select a component directly.");
-        }
-      }
-      if (selectedNode.type === "COMPONENT" && ((_a = selectedNode.parent) == null ? void 0 : _a.type) === "COMPONENT_SET") {
-        const component = selectedNode;
-        const parentComponentSet = component.parent;
-        figma.notify("Analyzing parent component set to include all variants...", { timeout: 2e3 });
-        selectedNode = parentComponentSet;
-      }
-      if (!isValidNodeForAnalysis(selectedNode)) {
-        const componentTypes = /* @__PURE__ */ new Set(["COMPONENT_SET", "COMPONENT", "INSTANCE"]);
-        let componentAncestor = null;
-        let frameAncestor = null;
-        let ancestor = selectedNode.parent;
-        while (ancestor && "type" in ancestor) {
-          const sceneAncestor = ancestor;
-          if (componentTypes.has(sceneAncestor.type) && !componentAncestor) {
-            componentAncestor = sceneAncestor;
-            break;
-          }
-          if (!frameAncestor && isValidNodeForAnalysis(sceneAncestor)) {
-            frameAncestor = sceneAncestor;
-          }
-          ancestor = ancestor.parent;
-        }
-        const bestAncestor = componentAncestor || frameAncestor;
-        if (bestAncestor) {
-          figma.notify(`Analyzing parent ${bestAncestor.type.toLowerCase()} "${bestAncestor.name}"...`, { timeout: 2e3 });
-          selectedNode = bestAncestor;
-        }
-      }
-      if (selectedNode.type === "INSTANCE") {
-        const instance = selectedNode;
-        try {
-          const mainComponent = await instance.getMainComponentAsync();
-          if (mainComponent) {
-            figma.notify("Analyzing main component instead of instance...", { timeout: 2e3 });
-            selectedNode = mainComponent;
-          }
-        } catch (e) {
-        }
-      }
-      if (selectedNode.type === "COMPONENT" && ((_b = selectedNode.parent) == null ? void 0 : _b.type) === "COMPONENT_SET") {
-        const parentComponentSet = selectedNode.parent;
-        figma.notify("Analyzing parent component set to include all variants...", { timeout: 2e3 });
-        selectedNode = parentComponentSet;
-      }
-      if (!isValidNodeForAnalysis(selectedNode)) {
-        throw new Error("Please select a Frame, Component, Component Set, or Instance to analyze");
-      }
-      await consistencyEngine.loadDesignSystemsKnowledge();
-      const componentContext = await extractComponentContext(selectedNode);
-      const enhancedOptions = __spreadValues({
-        enableMCPEnhancement: true,
-        // Enable MCP enhancement by default
-        batchMode: options.batchMode || false,
-        enableAudit: options.enableAudit !== false,
-        // Enable by default
-        includeTokenAnalysis: options.includeTokenAnalysis !== false
-      }, options);
-      figma.notify("Performing enhanced analysis with design systems knowledge...", { timeout: 3e3 });
-      const result = await processEnhancedAnalysis(
-        componentContext,
-        storedApiKey,
-        selectedModel,
-        enhancedOptions,
-        selectedProvider
-      );
-      lastAnalyzedMetadata = result.metadata;
-      lastAnalyzedNode = selectedNode;
-      sendMessageToUI("enhanced-analysis-result", __spreadProps(__spreadValues({}, result), {
-        analyzedNodeId: selectedNode.id
-      }));
-      figma.notify("Enhanced analysis complete! Check the results panel.", { timeout: 3e3 });
-    } catch (error) {
-      console.error("Error during enhanced analysis:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      figma.notify(`Analysis failed: ${errorMessage}`, { error: true });
-      sendMessageToUI("analysis-error", { error: errorMessage });
-    }
-  }
-  async function handleAnalyzeComponent() {
-    await handleEnhancedAnalyze({ batchMode: false });
-  }
-  async function handleBatchAnalysis(nodes, _options) {
-    const results = [];
-    await consistencyEngine.loadDesignSystemsKnowledge();
-    for (const node of nodes) {
-      if (isValidNodeForAnalysis(node)) {
-        try {
-          const componentContext = await extractComponentContext(node);
-          const tokenAnalysis = await extractDesignTokensFromNode(node);
-          const allTokens = [
-            ...tokenAnalysis.colors,
-            ...tokenAnalysis.spacing,
-            ...tokenAnalysis.typography,
-            ...tokenAnalysis.effects,
-            ...tokenAnalysis.borders
-          ];
-          const componentHash = consistencyEngine.generateComponentHash(componentContext, allTokens);
-          const cachedAnalysis = consistencyEngine.getCachedAnalysis(componentHash);
-          if (cachedAnalysis) {
-            console.log(`\u2705 Using cached analysis for ${node.name}`);
-            results.push({
-              node: node.name,
-              success: true,
-              data: cachedAnalysis.result.metadata,
-              cached: true
-            });
-            continue;
-          }
-          const deterministicPrompt = consistencyEngine.createDeterministicPrompt(componentContext);
-          const batchLlmResponse = await callProvider(selectedProvider, storedApiKey, {
-            prompt: deterministicPrompt,
-            model: selectedModel,
-            maxTokens: 2048,
-            temperature: 0.1
-          });
-          const rawEnhancedData = extractJSONFromResponse(batchLlmResponse.content);
-          const enhancedData = filterDevelopmentRecommendations(rawEnhancedData);
-          let result = await processAnalysisResult(enhancedData, componentContext, { batchMode: true });
-          const isConsistent = consistencyEngine.validateAnalysisConsistency(result, componentContext);
-          if (!isConsistent) {
-            result = consistencyEngine.applyConsistencyCorrections(result, componentContext);
-          }
-          consistencyEngine.cacheAnalysis(componentHash, result);
-          results.push({
-            node: node.name,
-            success: true,
-            data: result.metadata,
-            cached: false
-          });
-        } catch (error) {
-          results.push({
-            node: node.name,
-            success: false,
-            error: error instanceof Error ? error.message : "Analysis failed"
-          });
-        }
-      }
-    }
-    const cachedCount = results.filter((r) => r.success && r.cached).length;
-    const analyzedCount = results.filter((r) => r.success && !r.cached).length;
-    sendMessageToUI("batch-analysis-result", { results });
-    figma.notify(`Batch analysis complete: ${analyzedCount} analyzed, ${cachedCount} from cache`, { timeout: 3e3 });
-  }
-  async function handleClearApiKey() {
-    try {
-      storedApiKey = null;
-      await clearProviderKey(selectedProvider);
-      await figma.clientStorage.setAsync("claude-api-key", "");
-      const providerName = getProvider(selectedProvider).name;
-      sendMessageToUI("api-key-cleared", { success: true });
-      figma.notify(`${providerName} API key cleared`, { timeout: 2e3 });
-    } catch (error) {
-      console.error("Error clearing API key:", error);
-    }
-  }
-  async function handleChatMessage(data) {
-    try {
-      console.log("Processing chat message:", data.message);
-      if (!storedApiKey) {
-        const providerName = getProvider(selectedProvider).name;
-        throw new Error(`API key not found. Please save your ${providerName} API key first.`);
-      }
-      sendMessageToUI("chat-response-loading", { isLoading: true });
-      const componentContext = getCurrentComponentContext();
-      const mcpResponse = await queryDesignSystemsMCP(data.message);
-      const enhancedPrompt = createChatPromptWithContext(data.message, mcpResponse, data.history, componentContext);
-      const llmResponse = await callProvider(selectedProvider, storedApiKey, {
-        prompt: enhancedPrompt,
-        model: selectedModel,
-        maxTokens: 2048,
-        temperature: 0.7
-      });
-      const chatResponse = {
-        message: llmResponse.content,
-        sources: mcpResponse.sources || []
-      };
-      sendMessageToUI("chat-response", { response: chatResponse });
-    } catch (error) {
-      console.error("Error handling chat message:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("chat-error", { error: errorMessage });
-    }
-  }
-  async function handleClearChatHistory() {
-    try {
-      sendMessageToUI("chat-history-cleared", { success: true });
-      figma.notify("Chat history cleared", { timeout: 2e3 });
-    } catch (error) {
-      console.error("Error clearing chat history:", error);
-    }
-  }
-  async function handleSelectNode(data) {
-    try {
-      console.log("\u{1F3AF} Attempting to select node:", data.nodeId);
-      const node = await figma.getNodeByIdAsync(data.nodeId);
-      if (!node) {
-        console.warn("\u26A0\uFE0F Node not found:", data.nodeId);
-        figma.notify("Node not found - it may have been deleted or moved", { error: true });
-        return;
-      }
-      if (!isNodeOnCurrentPage(node)) {
-        console.warn("\u26A0\uFE0F Node is not on current page:", data.nodeId);
-        figma.notify("Node is on a different page", { error: true });
-        return;
-      }
-      figma.currentPage.selection = [node];
-      figma.viewport.scrollAndZoomIntoView([node]);
-      console.log("\u2705 Successfully selected and zoomed to node:", node.name);
-      figma.notify(`Selected "${node.name}"`, { timeout: 2e3 });
-    } catch (error) {
-      console.error("Error selecting node:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      figma.notify(`Failed to select node: ${errorMessage}`, { error: true });
-    }
-  }
-  function isNodeOnCurrentPage(node) {
-    try {
-      let currentNode = node;
-      const maxDepth = 50;
-      let depth = 0;
-      while (currentNode && currentNode.parent && depth < maxDepth) {
-        currentNode = currentNode.parent;
-        depth++;
-        if (currentNode === figma.currentPage) {
-          return true;
-        }
-      }
-      if (currentNode === figma.currentPage) {
-        return true;
-      }
-      if (node.parent === figma.currentPage) {
-        return true;
-      }
-      const currentPage = figma.currentPage;
-      if (node.type === "COMPONENT" || node.type === "COMPONENT_SET") {
-        return findNodeInPage(currentPage, node.id);
-      }
-      return false;
-    } catch (error) {
-      console.warn("Error checking node page:", error);
-      return false;
-    }
-  }
-  function findNodeInPage(page, nodeId) {
-    try {
-      const allNodes = page.findAll();
-      return allNodes.some((node) => node.id === nodeId);
-    } catch (error) {
-      return false;
-    }
-  }
-  async function queryDesignSystemsMCP(query) {
-    var _a;
-    try {
-      console.log("\u{1F50D} Querying MCP for chat:", query);
-      const mcpServerUrl = ((_a = consistencyEngine["config"]) == null ? void 0 : _a.mcpServerUrl) || "https://design-systems-mcp.southleft-llc.workers.dev/mcp";
-      const searchPromises = [
-        // General design knowledge search
-        searchMCPKnowledge(mcpServerUrl, query, { category: "general", limit: 3 }),
-        // Component-specific search if the query mentions components
-        query.toLowerCase().includes("component") ? searchMCPKnowledge(mcpServerUrl, query, { category: "components", limit: 2 }) : Promise.resolve({ results: [] }),
-        // Token-specific search if the query mentions tokens/design tokens
-        query.toLowerCase().includes("token") || query.toLowerCase().includes("design token") ? searchMCPKnowledge(mcpServerUrl, query, { category: "tokens", limit: 2 }) : Promise.resolve({ results: [] })
-      ];
-      const results = await Promise.allSettled(searchPromises);
-      const allSources = [];
-      results.forEach((result) => {
-        if (result.status === "fulfilled" && result.value.results) {
-          allSources.push(...result.value.results);
-        }
-      });
-      console.log(`\u2705 Found ${allSources.length} relevant sources for chat query`);
-      return { sources: allSources.slice(0, 5) };
-    } catch (error) {
-      console.warn("\u26A0\uFE0F MCP query failed for chat:", error);
-      return { sources: [] };
-    }
-  }
-  async function searchMCPKnowledge(serverUrl, query, options = {}) {
-    const searchPayload = {
-      jsonrpc: "2.0",
-      id: Math.floor(Math.random() * 1e3) + 100,
-      method: "tools/call",
-      params: {
-        name: "search_design_knowledge",
-        arguments: __spreadValues({
-          query,
-          limit: options.limit || 5
-        }, options.category && { category: options.category })
-      }
-    };
-    const response = await fetch(serverUrl, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(searchPayload)
-    });
-    if (!response.ok) {
-      throw new Error(`MCP search failed: ${response.status}`);
-    }
-    const result = await response.json();
-    if (result.result && result.result.content) {
-      return {
-        results: result.result.content.map((item) => ({
-          title: item.title || "Design System Knowledge",
-          content: item.content || item.description || "",
-          category: item.category || "general"
-        }))
-      };
-    }
-    return { results: [] };
-  }
-  function getCurrentComponentContext() {
-    try {
-      const lastMetadata = lastAnalyzedMetadata;
-      const lastNode = lastAnalyzedNode;
-      if (!lastMetadata && !lastNode) {
-        return null;
-      }
-      const context = {
-        hasCurrentComponent: true,
-        timestamp: Date.now()
-      };
-      if (lastNode) {
-        context.component = {
-          name: lastNode.name,
-          type: lastNode.type,
-          id: lastNode.id
-        };
-        const selection = figma.currentPage.selection;
-        if (selection.length > 0) {
-          context.selection = {
-            count: selection.length,
-            types: selection.map((node) => node.type),
-            names: selection.map((node) => node.name)
-          };
-        }
-      }
-      if (lastMetadata) {
-        context.analysis = {
-          component: lastMetadata.component,
-          description: lastMetadata.description,
-          props: lastMetadata.props || [],
-          states: lastMetadata.states || [],
-          accessibility: lastMetadata.accessibility,
-          audit: lastMetadata.audit,
-          mcpReadiness: lastMetadata.mcpReadiness
-        };
-      }
-      return context;
-    } catch (error) {
-      console.warn("Failed to get component context:", error);
-      return null;
-    }
-  }
-  function createChatPromptWithContext(userMessage, mcpResponse, history, componentContext) {
-    let conversationContext = "";
-    if (history.length > 0) {
-      conversationContext = "\n**Previous Conversation:**\n";
-      const recentMessages = history.slice(-6);
-      recentMessages.forEach((msg) => {
-        conversationContext += `${msg.role === "user" ? "User" : "Assistant"}: ${msg.content}
-`;
-      });
-      conversationContext += "\n";
-    }
-    let currentComponentContext = "";
-    if (componentContext && componentContext.hasCurrentComponent) {
-      currentComponentContext = "\n**Current Component Context:**\n";
-      if (componentContext.component) {
-        currentComponentContext += `- Currently analyzing: ${componentContext.component.name} (${componentContext.component.type})
-`;
-      }
-      if (componentContext.selection) {
-        currentComponentContext += `- Selected: ${componentContext.selection.count} item(s) - ${componentContext.selection.names.join(", ")}
-`;
-      }
-      if (componentContext.analysis) {
-        currentComponentContext += `- Component: ${componentContext.analysis.component}
-`;
-        currentComponentContext += `- Description: ${componentContext.analysis.description}
-`;
-        if (componentContext.analysis.props && componentContext.analysis.props.length > 0) {
-          currentComponentContext += `- Properties: ${componentContext.analysis.props.map((p) => typeof p === "string" ? p : p.name).join(", ")}
-`;
-        }
-        if (componentContext.analysis.states && componentContext.analysis.states.length > 0) {
-          currentComponentContext += `- States: ${componentContext.analysis.states.join(", ")}
-`;
-        }
-        if (componentContext.analysis.audit) {
-          const issues = [
-            ...componentContext.analysis.audit.accessibilityIssues || [],
-            ...componentContext.analysis.audit.namingIssues || [],
-            ...componentContext.analysis.audit.consistencyIssues || []
-          ];
-          if (issues.length > 0) {
-            currentComponentContext += `- Current Issues: ${issues.slice(0, 3).join("; ")}${issues.length > 3 ? "..." : ""}
-`;
-          }
-        }
-        if (componentContext.analysis.mcpReadiness) {
-          currentComponentContext += `- MCP Readiness Score: ${componentContext.analysis.mcpReadiness.score || "Not scored"}
-`;
-        }
-      }
-      currentComponentContext += "\n";
-    }
-    let knowledgeContext = "";
-    if (mcpResponse.sources && mcpResponse.sources.length > 0) {
-      knowledgeContext = "\n**Relevant Design Systems Knowledge:**\n";
-      mcpResponse.sources.forEach((source, index) => {
-        knowledgeContext += `
-${index + 1}. **${source.title}** (${source.category})
-${source.content}
-`;
-      });
-      knowledgeContext += "\n";
-    }
-    const hasComponentContext = componentContext && componentContext.hasCurrentComponent;
-    return `You are a specialized design systems assistant with access to comprehensive design systems knowledge. You're helping a user with their Figma plugin for design system analysis.
-
-${conversationContext}**Current User Question:** ${userMessage}
-
-${currentComponentContext}${knowledgeContext}**Instructions:**
-1. ${hasComponentContext ? "The user is currently working on a specific component in Figma. Use the component context above to provide specific, actionable advice about their current work." : "Provide helpful, accurate answers based on the design systems knowledge provided"}
-2. ${hasComponentContext ? 'If they ask about "this component" or "my component", refer to the current component context provided above' : "If you need context about a specific component, suggest they select and analyze a component first"}
+    `}loadFallbackKnowledge(){this.designSystemsKnowledge={version:"1.0.0-fallback",components:{button:"Button components require comprehensive state management",avatar:"Avatar components should support size variants and interactive states",card:"Card components need consistent spacing and content hierarchy",badge:"Badge components should use semantic colors for status indication",input:"Input components require comprehensive accessibility and validation",generic:"Generic components should follow basic design system principles"},tokens:"Use semantic token naming: semantic-color-primary, spacing-md-16px, text-size-lg-18px",accessibility:"Ensure WCAG 2.1 AA compliance with proper ARIA labels and keyboard support",scoring:this.getFallbackScoringCriteria(),lastUpdated:Date.now()}}isValidScore(t){return typeof t=="number"&&t>=0&&t<=100}validateComponentFamilyConsistency(t,n){let s=t.metadata;switch(n){case"button":return this.validateButtonComponent(s);case"avatar":return this.validateAvatarComponent(s);case"input":return this.validateInputComponent(s);default:return!0}}validateButtonComponent(t){var s;return((s=t.states)==null?void 0:s.some(o=>["hover","focus","active","disabled"].includes(o.toLowerCase())))||!1}validateAvatarComponent(t){var o,r,i;let n=((r=(o=t.variants)==null?void 0:o.size)==null?void 0:r.length)>0,s=(i=t.props)==null?void 0:i.some(a=>a.name.toLowerCase().includes("size"));return n||s||!1}validateInputComponent(t){var s;return((s=t.states)==null?void 0:s.some(o=>["focus","error","disabled","filled"].includes(o.toLowerCase())))||!1}validateTokenRecommendations(t){var s;return((s=t.colors)==null?void 0:s.some(o=>o.name.includes("semantic-")||o.name.includes("primary")||o.name.includes("secondary")))!==!1}applyComponentFamilyCorrections(t,n){var o,r,i;let s=R({},t);switch(n){case"button":(o=s.states)!=null&&o.includes("hover")||(s.states=[...s.states||[],"hover","focus","active","disabled"]);break;case"avatar":!((r=s.variants)!=null&&r.size)&&!((i=s.props)!=null&&i.some(a=>a.name.includes("size")))&&(s.variants=z(R({},s.variants),{size:["small","medium","large"]}));break}return s}applyTokenConsistencyCorrections(t){return t&&R({},t)}ensureConsistentScoring(t,n){return z(R({},t),{score:t.score||0})}},cs=xt;J();function Ct(e,t,n){let s=y=>y<=.04045?y/12.92:Math.pow((y+.055)/1.055,2.4),o=s(e),r=s(t),i=s(n),a=(o*.4124564+r*.3575761+i*.1804375)/.95047,c=o*.2126729+r*.7151522+i*.072175,l=(o*.0193339+r*.119192+i*.9503041)/1.08883,d=y=>y>.008856?Math.cbrt(y):7.787*y+16/116,p=d(a),u=d(c),f=d(l);return{L:116*u-16,a:500*(p-u),b:200*(u-f)}}function ls(e,t){let{L:n,a:s,b:o}=e,{L:r,a:i,b:a}=t,c=1,l=1,d=1,p=Math.sqrt(s*s+o*o),u=Math.sqrt(i*i+a*a),f=(p+u)/2,y=Math.pow(f,7),m=.5*(1-Math.sqrt(y/(y+6103515625))),v=s*(1+m),A=i*(1+m),w=Math.sqrt(v*v+o*o),k=Math.sqrt(A*A+a*a),g=Math.atan2(o,v)*180/Math.PI,h=Math.atan2(a,A)*180/Math.PI,x=(g%360+360)%360,S=(h%360+360)%360,P=r-n,O=k-w,M;w*k===0?M=0:Math.abs(S-x)<=180?M=S-x:S-x>180?M=S-x-360:M=S-x+360;let B=2*Math.sqrt(w*k)*Math.sin(M*Math.PI/360),C=(n+r)/2,$=(w+k)/2,b;w*k===0?b=x+S:Math.abs(x-S)<=180?b=(x+S)/2:x+S<360?b=(x+S+360)/2:b=(x+S-360)/2;let T=1-.17*Math.cos((b-30)*Math.PI/180)+.24*Math.cos(2*b*Math.PI/180)+.32*Math.cos((3*b+6)*Math.PI/180)-.2*Math.cos((4*b-63)*Math.PI/180),L=1+.015*Math.pow(C-50,2)/Math.sqrt(20+Math.pow(C-50,2)),I=1+.045*$,Z=1+.015*$*T,q=Math.pow($,7),fe=-2*Math.sqrt(q/(q+6103515625))*Math.sin(60*Math.exp(-Math.pow((b-275)/25,2))*Math.PI/180);return Math.sqrt(Math.pow(P/(c*L),2)+Math.pow(O/(l*I),2)+Math.pow(B/(d*Z),2)+fe*(O/(l*I))*(B/(d*Z)))}async function _r(e,t,n,s=0){try{if(!(t in e))return{success:!1,message:`Node does not support ${t}`,error:`Property ${t} not found on node type ${e.type}`};let o=await figma.variables.getVariableByIdAsync(n);if(!o)return{success:!1,message:"Variable not found",error:`Could not find variable with ID: ${n}`};if(o.resolvedType!=="COLOR")return{success:!1,message:"Variable is not a color type",error:`Variable ${o.name} is of type ${o.resolvedType}, expected COLOR`};let i=[...e[t]];if(s>=i.length)return{success:!1,message:"Paint index out of range",error:`Paint index ${s} does not exist. Node has ${i.length} ${t}.`};let a=i[s];if(a.type!=="SOLID")return{success:!1,message:"Can only bind to solid paints",error:`Paint at index ${s} is of type ${a.type}, expected SOLID`};let c=figma.variables.setBoundVariableForPaint(a,"color",o);return i[s]=c,t==="fills"?e.fills=i:e.strokes=i,{success:!0,message:`Successfully bound ${o.name} to ${t}[${s}]`,appliedFix:{nodeId:e.id,nodeName:e.name,propertyPath:`${t}[${s}]`,beforeValue:a.type==="SOLID"&&a.color?F(a.color.r,a.color.g,a.color.b):"unknown",afterValue:o.name,tokenId:n,tokenName:o.name,fixType:"color"}}}catch(o){return{success:!1,message:"Failed to bind color token",error:o instanceof Error?o.message:String(o)}}}async function ds(e,t,n){try{if(!(t in e))return{success:!1,message:`Node does not support ${t}`,error:`Property ${t} not found on node type ${e.type}`};let s=await figma.variables.getVariableByIdAsync(n);if(!s)return{success:!1,message:"Variable not found",error:`Could not find variable with ID: ${n}`};if(s.resolvedType!=="FLOAT")return{success:!1,message:"Variable is not a number type",error:`Variable ${s.name} is of type ${s.resolvedType}, expected FLOAT`};let o=e[t];return e.setBoundVariable(t,s),{success:!0,message:`Successfully bound ${s.name} to ${t}`,appliedFix:{nodeId:e.id,nodeName:e.name,propertyPath:t,beforeValue:typeof o=="number"?`${o}px`:String(o),afterValue:s.name,tokenId:n,tokenName:s.name,fixType:t.includes("Radius")?"border":"spacing"}}}catch(s){return{success:!1,message:"Failed to bind spacing token",error:s instanceof Error?s.message:String(s)}}}async function It(e,t=0){try{let n=Ur(e);if(!n)return[];let s=[],o=await figma.variables.getLocalVariablesAsync("COLOR"),r=await figma.variables.getLocalVariableCollectionsAsync(),i=new Map;for(let a of r)i.set(a.id,a);for(let a of o){let c=i.get(a.variableCollectionId);if(!c)continue;let l=c.modes[0].modeId,d=a.valuesByMode[l];if(!d||typeof d!="object"||!("r"in d))continue;let p=d,u=Gr(n,p);u>=1-t&&s.push({variableId:a.id,variableName:a.name,collectionName:c.name,value:F(p.r,p.g,p.b),matchScore:u,type:"color"})}return s.sort((a,c)=>c.matchScore-a.matchScore)}catch(n){return console.error("Error finding matching color variable:",n),[]}}async function Br(e,t=0){try{let n=[],s=await figma.variables.getLocalVariablesAsync("FLOAT"),o=await figma.variables.getLocalVariableCollectionsAsync(),r=new Map;for(let i of o)r.set(i.id,i);for(let i of s){let a=r.get(i.variableCollectionId);if(!a)continue;let c=a.modes[0].modeId,l=i.valuesByMode[c];if(typeof l!="number")continue;let d=Math.abs(l-e);if(d<=t){let p=d===0?1:1-d/(t||1);n.push({variableId:i.id,variableName:i.name,collectionName:a.name,value:`${l}px`,matchScore:p,type:"number"})}}return n.sort((i,a)=>a.matchScore-i.matchScore)}catch(n){return console.error("Error finding matching spacing variable:",n),[]}}async function At(e,t,n=2){let s=await Br(e,n);if(s.length===0)return s;let r={strokeWeight:["stroke","border-width","border/width","borderwidth"],cornerRadius:["radius","corner","round","border-radius"],topLeftRadius:["radius","corner","round"],topRightRadius:["radius","corner","round"],bottomLeftRadius:["radius","corner","round"],bottomRightRadius:["radius","corner","round"],paddingTop:["padding","spacing","space"],paddingRight:["padding","spacing","space"],paddingBottom:["padding","spacing","space"],paddingLeft:["padding","spacing","space"],itemSpacing:["gap","spacing","space"],counterAxisSpacing:["gap","spacing","space"]}[t]||[];return r.length===0?s:s.map(a=>{let c=a.variableName.toLowerCase(),l=r.some(d=>c.includes(d));return z(R({},a),{matchScore:l?Math.min(a.matchScore+.3,1):a.matchScore})}).sort((a,c)=>c.matchScore-a.matchScore)}async function Et(e,t,n){let s=t.match(/^(fills|strokes)\[(\d+)\]$/);if(!s)return{success:!1,message:"Invalid property path",error:`Expected format: fills[n] or strokes[n], got: ${t}`};let[,o,r]=s,i=parseInt(r,10);return _r(e,o,n,i)}async function Tt(e,t,n){if(!["paddingTop","paddingRight","paddingBottom","paddingLeft","itemSpacing","counterAxisSpacing","cornerRadius","topLeftRadius","topRightRadius","bottomLeftRadius","bottomRightRadius","strokeWeight"].includes(t))return{success:!1,message:"Invalid property path",error:`Property ${t} is not a valid spacing property`};if(t==="cornerRadius"){let o=["topLeftRadius","topRightRadius","bottomLeftRadius","bottomRightRadius"],r=[];for(let i of o){let a=await ds(e,i,n);if(r.push(a),!a.success)return{success:!1,message:`Failed to bind ${i}`,error:a.error}}return{success:!0,message:"Successfully bound variable to all 4 corner radii",appliedFix:r[0].appliedFix?z(R({},r[0].appliedFix),{propertyPath:"cornerRadius"}):void 0}}return ds(e,t,n)}async function Pt(e,t,n){try{let s=await figma.variables.getVariableByIdAsync(n);if(!s)return null;let o,r,i=t.match(/^(fills|strokes)\[(\d+)\]$/);if(i){o="color";let[,l,d]=i,p=parseInt(d,10);if(!(l in e))return null;let f=e[l];if(p>=f.length)return null;let y=f[p];y.type==="SOLID"&&y.color?r=F(y.color.r,y.color.g,y.color.b):r=y.type}else{if(!(t in e))return null;let l=e[t];r=typeof l=="number"?`${l}px`:String(l),o=t.includes("Radius")?"border":"spacing"}let a=s.name,c=await figma.variables.getVariableCollectionByIdAsync(s.variableCollectionId);if(c){let l=c.modes[0].modeId,d=s.valuesByMode[l];if(typeof d=="number")a=`${s.name} (${d}px)`;else if(d&&typeof d=="object"&&"r"in d){let p=d;a=`${s.name} (${F(p.r,p.g,p.b)})`}}return{nodeId:e.id,nodeName:e.name,propertyPath:t,beforeValue:r,afterValue:a,tokenId:n,tokenName:s.name,fixType:o}}catch(s){return console.error("Error generating fix preview:",s),null}}function Ur(e){let t=e.replace(/^#/,""),n=t;if(t.length===3&&(n=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),n.length!==6)return null;let s=parseInt(n.substring(0,2),16),o=parseInt(n.substring(2,4),16),r=parseInt(n.substring(4,6),16);return isNaN(s)||isNaN(o)||isNaN(r)?null:{r:s/255,g:o/255,b:r/255}}function Gr(e,t){let n=Ct(e.r,e.g,e.b),s=Ct(t.r,t.g,t.b),o=ls(n,s);return o<3?1:o>=10?0:1-(o-3)/7}async function Lt(e,t=1024){let n=Math.max(1,Math.min(t,Math.round(e.width))),s=await e.exportAsync({format:"PNG",constraint:{type:"WIDTH",value:n}});return zr(s)}function zr(e){let t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",n="",s=e.length;for(let o=0;o<s;o+=3){let r=e[o],i=o+1<s?e[o+1]:0,a=o+2<s?e[o+2]:0;n+=t[r>>2],n+=t[(r&3)<<4|i>>4],n+=o+1<s?t[(i&15)<<2|a>>6]:"=",n+=o+2<s?t[a&63]:"="}return n}var Wr=/button|btn|cta|link|tab|nav|menu|input|checkbox|toggle|switch|radio|select|dropdown|slider/i;function us(e){if(Wr.test(e.name))return!0;if("children"in e){for(let t of e.children)if(us(t))return!0}return!1}function ps(e,t,n){var s,o;if("reactions"in e){let r=e.reactions;if(r&&r.length>0)for(let i of r){let a=i.actions||(i.action?[i.action]:[]);for(let c of a)c.type==="NODE"&&c.destinationId&&n.push({sourceFrameId:t,sourceNodeId:e.id,sourceNodeName:e.name,destinationFrameId:c.destinationId,trigger:((s=i.trigger)==null?void 0:s.type)||"UNKNOWN",navigation:c.navigation||"NAVIGATE",hasTransition:!!c.transition}),c.type==="BACK"&&n.push({sourceFrameId:t,sourceNodeId:e.id,sourceNodeName:e.name,destinationFrameId:"__BACK__",trigger:((o=i.trigger)==null?void 0:o.type)||"UNKNOWN",navigation:"BACK",hasTransition:!!c.transition})}}if("children"in e)for(let r of e.children)ps(r,t,n)}function ms(e){var B,C,$;let t=e||figma.currentPage,n=t.children.filter(b=>b.type==="FRAME"||b.type==="COMPONENT"),s=new Set((t.flowStartingPoints||[]).map(b=>b.nodeId)),o=n.map(b=>({id:b.id,name:b.name,pageId:t.id,pageName:t.name,width:b.width,height:b.height,isFlowStartingPoint:s.has(b.id),childCount:"children"in b?b.children.length:0,hasInteractiveElements:us(b)})),r=new Set(o.map(b=>b.id)),i=[];for(let b of n)ps(b,b.id,i);let a=i.filter(b=>b.destinationFrameId==="__BACK__"||r.has(b.destinationFrameId)),c=o.filter(b=>b.isFlowStartingPoint).map(b=>b.id),l=new Map,d=new Map;for(let b of r)l.set(b,new Set),d.set(b,new Set);for(let b of a)b.destinationFrameId!=="__BACK__"&&((B=l.get(b.sourceFrameId))==null||B.add(b.destinationFrameId),(C=d.get(b.destinationFrameId))==null||C.add(b.sourceFrameId));let p=new Set;for(let b of a)b.destinationFrameId==="__BACK__"&&p.add(b.sourceFrameId);let u=o.filter(b=>{var T;return(((T=l.get(b.id))==null?void 0:T.size)||0)===0&&!p.has(b.id)}).map(b=>b.id),f=o.filter(b=>{var T;return(((T=d.get(b.id))==null?void 0:T.size)||0)===0&&!s.has(b.id)}).map(b=>b.id),y=new Set,m=[...c];if(m.length===0)for(let b of o)((($=d.get(b.id))==null?void 0:$.size)||0)===0&&m.push(b.id);for(;m.length>0;){let b=m.shift();if(y.has(b))continue;y.add(b);let T=l.get(b);if(T)for(let L of T)y.has(L)||m.push(L)}let v=o.filter(b=>!y.has(b.id)).map(b=>b.id),A=[],w=new Set,k=new Set,g=[];function h(b){if(k.has(b)){let L=g.indexOf(b);L!==-1&&A.push(g.slice(L));return}if(w.has(b))return;w.add(b),k.add(b),g.push(b);let T=l.get(b);if(T)for(let L of T)h(L);g.pop(),k.delete(b)}for(let b of r)h(b);let x=o.map(b=>{var T;return((T=l.get(b.id))==null?void 0:T.size)||0}),S=x.length>0?x.reduce((b,T)=>b+T,0)/x.length:0,P=0,O=c.map(b=>({id:b,depth:0})),M=new Set;for(;O.length>0;){let{id:b,depth:T}=O.shift();if(M.has(b))continue;M.add(b),T>P&&(P=T);let L=l.get(b);if(L)for(let I of L)M.has(I)||O.push({id:I,depth:T+1})}return{frames:o,edges:a,entryPoints:c,deadEnds:u,orphans:f,unreachable:v,loops:A,stats:{totalFrames:o.length,totalEdges:a.length,totalEntryPoints:c.length,maxDepth:P,avgBranching:Math.round(S*100)/100}}}function fs(e){let t=[],n=new Map(e.frames.map(i=>[i.id,i.name])),s=i=>i.map(a=>`"${n.get(a)||a}"`).join(", ");for(let i of e.deadEnds){let a=n.get(i)||"";/success|confirm|done|complete|thank|receipt|summary/i.test(a)||t.push({type:"dead-end",severity:"warning",frameIds:[i],message:`${s([i])} has no outgoing connections \u2014 user gets stuck here.`})}e.orphans.length>0&&t.push({type:"orphan",severity:"warning",frameIds:e.orphans,message:`${s(e.orphans)} ${e.orphans.length===1?"has":"have"} no incoming connections \u2014 unreachable by navigation.`});let o=e.unreachable.filter(i=>!e.orphans.includes(i));o.length>0&&t.push({type:"unreachable",severity:"critical",frameIds:o,message:`${s(o)} ${o.length===1?"is":"are"} not reachable from any flow entry point.`});for(let i of e.loops){let a=new Set(i);i.some(l=>e.edges.filter(p=>p.sourceFrameId===l).some(p=>!a.has(p.destinationFrameId)))||t.push({type:"loop",severity:"warning",frameIds:i,message:`Circular flow without exit: ${s(i)}. User cannot leave this loop.`})}e.stats.maxDepth>3&&t.push({type:"deep-navigation",severity:"info",frameIds:[],message:`Navigation depth is ${e.stats.maxDepth} levels. Consider flattening to \u22643 levels for better UX (3-click rule).`});let r=e.frames.filter(i=>{if(i.isFlowStartingPoint)return!1;let a=e.edges.some(l=>l.sourceFrameId===i.id&&(l.navigation==="BACK"||l.navigation==="CLOSE"));return e.edges.some(l=>l.destinationFrameId===i.id)&&!a});return r.length>0&&t.push({type:"missing-back",severity:"info",frameIds:r.map(i=>i.id),message:`${r.length} frame${r.length===1?"":"s"} missing back/close navigation: ${s(r.map(i=>i.id))}.`}),t}J();function ys(e,t,n,s){if(!(n&&"locked"in e&&e.locked)&&!(s&&"visible"in e&&!e.visible)){if("fills"in e){let o=e.fills;if(o!==figma.mixed&&Array.isArray(o))for(let r of o)r.type==="SOLID"&&r.visible!==!1&&t.colors.add(F(r.color.r,r.color.g,r.color.b))}if("strokes"in e){let o=e.strokes;if(Array.isArray(o))for(let r of o)r.type==="SOLID"&&r.visible!==!1&&t.colors.add(F(r.color.r,r.color.g,r.color.b))}if(e.type==="TEXT"){let o=e;o.fontName!==figma.mixed&&t.fontFamilies.add(o.fontName.family),o.fontSize!==figma.mixed&&t.fontSizes.add(o.fontSize)}if("layoutMode"in e&&e.layoutMode!=="NONE"){let o=e;typeof o.itemSpacing=="number"&&t.spacingValues.add(o.itemSpacing),typeof o.paddingTop=="number"&&t.spacingValues.add(o.paddingTop),typeof o.paddingBottom=="number"&&t.spacingValues.add(o.paddingBottom),typeof o.paddingLeft=="number"&&t.spacingValues.add(o.paddingLeft),typeof o.paddingRight=="number"&&t.spacingValues.add(o.paddingRight)}if(e.type==="INSTANCE"){let o=e.mainComponent;o&&t.componentNames.add(o.name)}if("children"in e)for(let o of e.children)ys(o,t,n,s)}}function gs(e,t){let n=new Set;for(let s of e)t.has(s)||n.add(s);return n}function hs(e,t={}){var f,y;let n=(f=t.skipLocked)!=null?f:!0,s=(y=t.skipHidden)!=null?y:!0,o=[];if(e.length<2)return o;let r=e.map(({frame:m,node:v})=>{let A={frameId:m.id,frameName:m.name,colors:new Set,fontFamilies:new Set,fontSizes:new Set,spacingValues:new Set,componentNames:new Set};return ys(v,A,n,s),A}),i=new Map;for(let m of r)for(let v of m.colors)i.set(v,(i.get(v)||0)+1);let a=r.length*.5,c=new Set;for(let[m,v]of i)v>=a&&c.add(m);for(let m of r){let v=gs(m.colors,c);v.size>3&&o.push({type:"dead-end",severity:"warning",frameIds:[m.frameId],message:`"${m.frameName}" uses ${v.size} colors not found in other screens (${[...v].slice(0,3).join(", ")}${v.size>3?"...":""}). Check for color inconsistency.`})}let l=new Set;for(let m of r)for(let v of m.fontFamilies)l.add(v);if(l.size>3){let m=[...l].join(", ");o.push({type:"dead-end",severity:"warning",frameIds:r.map(v=>v.frameId),message:`${l.size} different font families across flow: ${m}. Flows should use 1-2 font families for consistency.`})}for(let m of r){let v=new Set;for(let w of r)if(w.frameId!==m.frameId)for(let k of w.fontFamilies)v.add(k);let A=gs(m.fontFamilies,v);A.size>0&&r.length>2&&o.push({type:"dead-end",severity:"info",frameIds:[m.frameId],message:`"${m.frameName}" uses font${A.size>1?"s":""} not seen elsewhere: ${[...A].join(", ")}.`})}let d=new Set;for(let m of r)for(let v of m.fontSizes)d.add(v);d.size>10&&o.push({type:"dead-end",severity:"info",frameIds:r.map(m=>m.frameId),message:`${d.size} unique font sizes across the flow. Consider using a type scale with fewer sizes for consistency.`});let p=new Set;for(let m of r)for(let v of m.spacingValues)v>0&&p.add(v);let u=[...p].filter(m=>m%4!==0&&m!==2);return u.length>3&&o.push({type:"dead-end",severity:"info",frameIds:r.map(m=>m.frameId),message:`${u.length} non-standard spacing values across flow (${u.slice(0,4).join(", ")}px). Consider aligning to a 4px/8px grid.`}),o}var _e=Hs(bs()),vs=8e4,Ss="baseline::";function Be(e){return`${Ss}${e}::meta`}function $t(e,t){return`${Ss}${e}::chunk_${t}`}function Ns(e){let t=JSON.stringify(e),n=(0,_e.compressToUTF16)(t),s=[];for(let r=0;r<n.length;r+=vs)s.push(n.slice(r,r+vs));let o=e.nodeId;Cs(o),figma.root.setPluginData(Be(o),JSON.stringify({chunkCount:s.length,timestamp:e.timestamp,nodeName:e.nodeName,overall:e.overall}));for(let r=0;r<s.length;r++)figma.root.setPluginData($t(o,r),s[r])}function ws(e){let t=figma.root.getPluginData(Be(e));if(!t)return null;let n;try{n=JSON.parse(t)}catch(i){return null}let s=[];for(let i=0;i<n.chunkCount;i++){let a=figma.root.getPluginData($t(e,i));if(!a)return null;s.push(a)}let o=s.join(""),r=(0,_e.decompressFromUTF16)(o);if(!r)return null;try{return JSON.parse(r)}catch(i){return null}}function ks(e){Cs(e),figma.root.setPluginData(Be(e),"")}function xs(e){let t=figma.root.getPluginData(Be(e));if(!t)return null;try{return JSON.parse(t)}catch(n){return null}}function Cs(e){for(let t=0;t<100;t++){let n=$t(e,t);if(!figma.root.getPluginData(n))break;figma.root.setPluginData(n,"")}}function Ue(e){return`${e.errorType}::${e.nodeId}::${e.message}`}function Is(e,t){var d,p,u,f;let n=Date.now(),s=new Set([...Object.keys(e.categories),...Object.keys(t.categories)]),o=[];for(let y of s){let m=(p=(d=e.categories[y])==null?void 0:d.score)!=null?p:100,v=(f=(u=t.categories[y])==null?void 0:u.score)!=null?f:100;o.push({category:y,oldScore:m,newScore:v,delta:v-m})}o.sort((y,m)=>Math.abs(m.delta)-Math.abs(y.delta));let r=new Set(e.errors.map(Ue)),i=new Set(t.errors.map(Ue)),a=[],c=[],l=[];for(let y of t.errors){let m=Ue(y);r.has(m)?l.push({errorType:y.errorType,severity:y.severity,nodeId:y.nodeId,message:y.message}):a.push({errorType:y.errorType,severity:y.severity,nodeId:y.nodeId,message:y.message})}for(let y of e.errors){let m=Ue(y);i.has(m)||c.push({errorType:y.errorType,severity:y.severity,nodeId:y.nodeId,message:y.message})}return{baselineTimestamp:e.timestamp,currentTimestamp:n,scoreDelta:{overall:t.overall-e.overall,oldOverall:e.overall,newOverall:t.overall,categories:o},newIssues:a,fixedIssues:c,remainingIssues:l,summary:{totalNew:a.length,totalFixed:c.length,totalRemaining:l.length,oldTotal:e.errors.length,newTotal:t.errors.length}}}at();var Kr=["itemSpacing","paddingTop","paddingBottom","paddingLeft","paddingRight","counterAxisSpacing"];function Mt(e,t,n){let s=figma.getNodeById(e);if(!s)return{success:!1,nodeId:e,nodeName:"",property:t,oldValue:0,newValue:n,error:"Node not found"};if(s.type!=="FRAME"&&s.type!=="COMPONENT"&&s.type!=="INSTANCE")return{success:!1,nodeId:e,nodeName:s.name,property:t,oldValue:0,newValue:n,error:"Node is not a frame"};let o=s;if(o.layoutMode==="NONE")return{success:!1,nodeId:e,nodeName:s.name,property:t,oldValue:0,newValue:n,error:"Frame has no auto-layout"};try{let r=o[t];return o[t]=n,{success:!0,nodeId:e,nodeName:s.name,property:t,oldValue:r,newValue:n}}catch(r){return{success:!1,nodeId:e,nodeName:s.name,property:t,oldValue:0,newValue:n,error:r instanceof Error?r.message:String(r)}}}function ke(e,t){let n=figma.getNodeById(e);if(!n||n.type!=="FRAME"&&n.type!=="COMPONENT"&&n.type!=="INSTANCE")return{success:!1,nodeId:e,nodeName:(n==null?void 0:n.name)||"",property:t,oldValue:0,newValue:0,error:"Invalid node"};let o=n[t];if(typeof o!="number")return{success:!1,nodeId:e,nodeName:n.name,property:t,oldValue:0,newValue:0,error:"Property is not a number"};if(it.includes(o))return{success:!0,nodeId:e,nodeName:n.name,property:t,oldValue:o,newValue:o};let r=Re(o);if(r.length===0)return{success:!1,nodeId:e,nodeName:n.name,property:t,oldValue:o,newValue:o,error:"No suggestion found"};let i=r.reduce((a,c)=>Math.abs(a-o)<=Math.abs(c-o)?a:c);return Mt(e,t,i)}function As(e){let t=figma.getNodeById(e);if(!t||t.type!=="FRAME"&&t.type!=="COMPONENT"&&t.type!=="INSTANCE")return[];let n=t;if(n.layoutMode==="NONE")return[];let s=[];for(let o of Kr){if(!(o in n))continue;let r=n[o];if(typeof r!="number"||it.includes(r))continue;let i=ke(e,o);s.push(i)}return s}function xe(e,t){return t.length===0?e:t.reduce((n,s)=>Math.abs(s-e)<Math.abs(n-e)?s:n)}function Ge(e,t){let n=figma.getNodeById(e);if(!n)return{success:!1,nodeId:e,nodeName:"",oldValue:"",newValue:"",error:"Node not found"};if(!("cornerRadius"in n))return{success:!1,nodeId:e,nodeName:n.name,oldValue:"",newValue:"",error:"Node has no corner radius"};let s=n;try{let o=s.cornerRadius;if(o===figma.mixed){let r=s.topLeftRadius,i=s.topRightRadius,a=s.bottomLeftRadius,c=s.bottomRightRadius,l=`${r}/${i}/${c}/${a}`;s.topLeftRadius=xe(r,t),s.topRightRadius=xe(i,t),s.bottomLeftRadius=xe(a,t),s.bottomRightRadius=xe(c,t);let d=`${s.topLeftRadius}/${s.topRightRadius}/${s.bottomRightRadius}/${s.bottomLeftRadius}`;return{success:!0,nodeId:e,nodeName:n.name,oldValue:l,newValue:d}}else{let r=`${o}`,i=xe(o,t);return s.cornerRadius=i,{success:!0,nodeId:e,nodeName:n.name,oldValue:r,newValue:`${i}`}}}catch(o){return{success:!1,nodeId:e,nodeName:n.name,oldValue:"",newValue:"",error:o instanceof Error?o.message:String(o)}}}function ze(e,t){let n=figma.getNodeById(e);if(!n||n.type==="DOCUMENT"||n.type==="PAGE")return{success:!1,nodeId:e,oldName:"",newName:t,error:"Node not found"};try{let s=n.name;return n.name=t,{success:!0,nodeId:e,oldName:s,newName:t}}catch(s){return{success:!1,nodeId:e,oldName:n.name,newName:t,error:s instanceof Error?s.message:String(s)}}}_t();async function Ts(e){let t=0,n=0,s=[];for(let o=0;o<e.length;o++){let r=e[o];try{let i=await Hr(r);s.push(R({index:o},i)),i.success?t++:n++}catch(i){n++,s.push({index:o,type:r.type,success:!1,nodeId:String(r.params.nodeId||""),nodeName:"",message:"Unexpected error",error:i instanceof Error?i.message:String(i)})}}return{total:e.length,applied:t,failed:n,results:s}}async function Hr(e){let{type:t,params:n}=e;switch(t){case"applyStyle":{let s=n.styleType,o=n.nodeId,r=n.styleKey,i;switch(s){case"fill":i=await Ot(o,r);break;case"stroke":i=await Ft(o,r);break;case"text":i=await Dt(o,r);break;case"effect":i=await Vt(o,r);break;default:return{type:t,success:!1,nodeId:o,nodeName:"",message:`Unknown style type: ${s}`}}return{type:t,success:i.success,nodeId:i.nodeId,nodeName:i.nodeName,message:i.success?`Applied ${i.property}: ${i.newValue}`:i.error||"Failed",oldValue:i.oldValue,newValue:i.newValue,error:i.error}}case"fixSpacing":{let s=n.nodeId,o=n.property,r=n.value,i=Mt(s,o,r);return{type:t,success:i.success,nodeId:i.nodeId,nodeName:i.nodeName,message:i.success?`${i.property}: ${i.oldValue}px \u2192 ${i.newValue}px`:i.error||"Failed",oldValue:`${i.oldValue}px`,newValue:`${i.newValue}px`,error:i.error}}case"fixSpacingToNearest":{let s=n.nodeId,o=n.property,r=ke(s,o);return{type:t,success:r.success,nodeId:r.nodeId,nodeName:r.nodeName,message:r.success?`${r.property}: ${r.oldValue}px \u2192 ${r.newValue}px`:r.error||"Failed",oldValue:`${r.oldValue}px`,newValue:`${r.newValue}px`,error:r.error}}case"fixRadiusToNearest":{let s=n.nodeId,o=n.allowedRadii,r=Ge(s,o);return{type:t,success:r.success,nodeId:r.nodeId,nodeName:r.nodeName,message:r.success?`radius: ${r.oldValue}px \u2192 ${r.newValue}px`:r.error||"Failed",oldValue:`${r.oldValue}px`,newValue:`${r.newValue}px`,error:r.error}}case"renameLayer":{let s=n.nodeId,o=n.newName,r=ze(s,o);return{type:t,success:r.success,nodeId:r.nodeId,nodeName:r.newName,message:r.success?`Renamed "${r.oldName}" \u2192 "${r.newName}"`:r.error||"Failed",oldValue:r.oldName,newValue:r.newName,error:r.error}}default:return{type:t,success:!1,nodeId:"",nodeName:"",message:`Unknown fix type: ${t}`}}}Fe();var Q=null,G="claude-sonnet-4-5-20250929",V="anthropic";function Ps(e,t=V){let n=(e==null?void 0:e.trim())||"";switch(t){case"anthropic":return n.startsWith("sk-ant-")&&n.length>=40;case"openai":return n.startsWith("sk-")&&n.length>=20;case"google":return n.startsWith("AIza")&&n.length>=35;default:return!1}}var Ls=null,Rs=null,Y=new cs({enableCaching:!0,enableMCPIntegration:!0,mcpServerUrl:"https://design-systems-mcp.southleft-llc.workers.dev/mcp"});async function $s(e){let{type:t,data:n}=e,s=t==="save-api-key"?`${t} [redacted]`:t;console.log("Received message:",s);try{switch(t){case"check-api-key":await jr();break;case"save-api-key":await qr(n.apiKey,n.model,n.provider);break;case"update-model":await Jr(n.model);break;case"analyze":await Xr();break;case"analyze-enhanced":await Ms(n);break;case"clear-api-key":await Qr();break;case"chat-message":await Zr(n);break;case"chat-clear-history":await ei();break;case"select-node":await ti(n);break;case"preview-fix":await Ri(n);break;case"apply-token-fix":await $i(n);break;case"apply-naming-fix":await Mi(n);break;case"apply-batch-fix":await Oi(n);break;case"update-description":await Fi(n);break;case"add-component-property":await Di(n);break;case"run-design-lint":Ie(n);break;case"lint-ignore-node":ai(n);break;case"lint-ignore-error":ci(n);break;case"lint-ignore-all-of-type":li(n);break;case"lint-clear-ignored":di();break;case"lint-select-node":ui(n);break;case"lint-select-all-with-value":pi(n);break;case"lint-save-settings":mi(n);break;case"lint-load-settings":fi();break;case"lint-save-team-config":gi(n);break;case"lint-load-team-config":yi();break;case"jump-to-node":hi(n);break;case"fix-spacing":vi(n);break;case"fix-spacing-to-nearest":Ni(n);break;case"fix-all-spacing":ki(n);break;case"apply-style-fix":await xi(n);break;case"rename-layer-fix":Ci(n);break;case"fix-radius-to-nearest":wi(n);break;case"batch-fix-v2":await Ii(n);break;case"rescan-lint":Os();break;case"export-screenshot":await Si(n);break;case"analyze-flow":await Ai();break;case"save-baseline":Ei(n);break;case"load-baseline":Ti(n);break;case"compare-baseline":Pi(n);break;case"delete-baseline":Li(n);break;default:console.warn("Unknown message type:",t)}}catch(o){console.error("Error handling message:",o);let r=o instanceof Error?o.message:"Unknown error occurred";N("analysis-error",{error:r})}}async function jr(){try{await nt();let e=await st();if(V=e.providerId,G=e.modelId,Q){N("api-key-status",{hasKey:!0,provider:V,model:G});return}e.apiKey&&Ps(e.apiKey,e.providerId)?(Q=e.apiKey,N("api-key-status",{hasKey:!0,provider:V,model:G})):N("api-key-status",{hasKey:!1,provider:V,model:G})}catch(e){console.error("Error checking API key:",e),N("api-key-status",{hasKey:!1,provider:"anthropic"})}}async function qr(e,t,n){try{let s=n||V;if(!Ps(e,s)){let r=re(s);throw new Error(`Invalid API key format for ${r.name}. Expected format: ${r.keyPlaceholder}`)}V=s,Q=e,t&&(G=t),await ot(s,G,e),console.log(`${s} API key and model saved successfully`);let o=re(s);N("api-key-saved",{success:!0,provider:s}),figma.notify(`${o.name} API key saved successfully`,{timeout:2e3})}catch(s){console.error("Error saving API key:",s);let o=s instanceof Error?s.message:"Unknown error occurred";N("api-key-saved",{success:!1,error:o}),figma.notify(`Failed to save API key: ${o}`,{error:!0})}}async function Jr(e){try{G=e,await ot(V,e),console.log("Model updated to:",e),figma.notify(`Model updated to ${e}`,{timeout:2e3})}catch(t){console.error("Error updating model:",t),figma.notify("Failed to update model",{error:!0})}}async function Ms(e){var t,n;try{if(!Q){let c=re(V).name;throw new Error(`API key not found. Please save your ${c} API key first.`)}let s=figma.currentPage.selection;if(s.length===0)throw new Error("No component selected. Please select a Figma component to analyze.");if(e.batchMode&&s.length>1){await Yr(s,e);return}let o=s[0];if(o.type==="INSTANCE"){let c=o;try{let l=await c.getMainComponentAsync();if(l)figma.notify("Analyzing main component instead of instance...",{timeout:2e3}),o=l;else throw new Error("This instance has no main component. Please select a component directly.")}catch(l){throw console.error("Error accessing main component:",l),new Error("Could not access main component. Please select a component directly.")}}if(o.type==="COMPONENT"&&((t=o.parent)==null?void 0:t.type)==="COMPONENT_SET"){let l=o.parent;figma.notify("Analyzing parent component set to include all variants...",{timeout:2e3}),o=l}if(!ge(o)){let c=new Set(["COMPONENT_SET","COMPONENT","INSTANCE"]),l=null,d=null,p=o.parent;for(;p&&"type"in p;){let f=p;if(c.has(f.type)&&!l){l=f;break}!d&&ge(f)&&(d=f),p=p.parent}let u=l||d;u&&(figma.notify(`Analyzing parent ${u.type.toLowerCase()} "${u.name}"...`,{timeout:2e3}),o=u)}if(o.type==="INSTANCE"){let c=o;try{let l=await c.getMainComponentAsync();l&&(figma.notify("Analyzing main component instead of instance...",{timeout:2e3}),o=l)}catch(l){}}if(o.type==="COMPONENT"&&((n=o.parent)==null?void 0:n.type)==="COMPONENT_SET"){let c=o.parent;figma.notify("Analyzing parent component set to include all variants...",{timeout:2e3}),o=c}if(!ge(o))throw new Error("Please select a Frame, Component, Component Set, or Instance to analyze");await Y.loadDesignSystemsKnowledge();let r=await wt(o),i=R({enableMCPEnhancement:!0,batchMode:e.batchMode||!1,enableAudit:e.enableAudit!==!1,includeTokenAnalysis:e.includeTokenAnalysis!==!1},e);figma.notify("Performing enhanced analysis with design systems knowledge...",{timeout:3e3});let a=await is(r,Q,G,i,V);Ls=a.metadata,Rs=o,N("enhanced-analysis-result",z(R({},a),{analyzedNodeId:o.id})),figma.notify("Enhanced analysis complete! Check the results panel.",{timeout:3e3})}catch(s){console.error("Error during enhanced analysis:",s);let o=s instanceof Error?s.message:"Unknown error occurred";figma.notify(`Analysis failed: ${o}`,{error:!0}),N("analysis-error",{error:o})}}async function Xr(){await Ms({batchMode:!1})}async function Yr(e,t){let n=[];await Y.loadDesignSystemsKnowledge();for(let r of e)if(ge(r))try{let i=await wt(r),a=await ce(r),c=[...a.colors,...a.spacing,...a.typography,...a.effects,...a.borders],l=Y.generateComponentHash(i,c,D),d=Y.getCachedAnalysis(l);if(d){console.log(`\u2705 Using cached analysis for ${r.name}`),n.push({node:r.name,success:!0,data:d.result.metadata,cached:!0});continue}let p=Y.createDeterministicPrompt(i),u=await ie(V,Q,{prompt:p,model:G,maxTokens:2048,temperature:.1}),f=le(u.content),y=Pe(f),m=await kt(y,i,{batchMode:!0});Y.validateAnalysisConsistency(m,i)||(m=Y.applyConsistencyCorrections(m,i)),Y.cacheAnalysis(l,m),n.push({node:r.name,success:!0,data:m.metadata,cached:!1})}catch(i){n.push({node:r.name,success:!1,error:i instanceof Error?i.message:"Analysis failed"})}let s=n.filter(r=>r.success&&r.cached).length,o=n.filter(r=>r.success&&!r.cached).length;N("batch-analysis-result",{results:n}),figma.notify(`Batch analysis complete: ${o} analyzed, ${s} from cache`,{timeout:3e3})}async function Qr(){try{Q=null,await qt(V),await figma.clientStorage.setAsync("claude-api-key","");let e=re(V).name;N("api-key-cleared",{success:!0}),figma.notify(`${e} API key cleared`,{timeout:2e3})}catch(e){console.error("Error clearing API key:",e)}}async function Zr(e){try{if(console.log("Processing chat message:",e.message),!Q){let i=re(V).name;throw new Error(`API key not found. Please save your ${i} API key first.`)}N("chat-response-loading",{isLoading:!0});let t=ri(),n=await oi(e.message),s=ii(e.message,n,e.history,t),r={message:(await ie(V,Q,{prompt:s,model:G,maxTokens:2048,temperature:.7})).content,sources:n.sources||[]};N("chat-response",{response:r})}catch(t){console.error("Error handling chat message:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("chat-error",{error:n})}}async function ei(){try{N("chat-history-cleared",{success:!0}),figma.notify("Chat history cleared",{timeout:2e3})}catch(e){console.error("Error clearing chat history:",e)}}async function ti(e){try{console.log("\u{1F3AF} Attempting to select node:",e.nodeId);let t=await figma.getNodeByIdAsync(e.nodeId);if(!t){console.warn("\u26A0\uFE0F Node not found:",e.nodeId),figma.notify("Node not found - it may have been deleted or moved",{error:!0});return}if(!ni(t)){console.warn("\u26A0\uFE0F Node is not on current page:",e.nodeId),figma.notify("Node is on a different page",{error:!0});return}figma.currentPage.selection=[t],figma.viewport.scrollAndZoomIntoView([t]),console.log("\u2705 Successfully selected and zoomed to node:",t.name),figma.notify(`Selected "${t.name}"`,{timeout:2e3})}catch(t){console.error("Error selecting node:",t);let n=t instanceof Error?t.message:"Unknown error occurred";figma.notify(`Failed to select node: ${n}`,{error:!0})}}function ni(e){try{let t=e,n=50,s=0;for(;t&&t.parent&&s<n;)if(t=t.parent,s++,t===figma.currentPage)return!0;if(t===figma.currentPage||e.parent===figma.currentPage)return!0;let o=figma.currentPage;return e.type==="COMPONENT"||e.type==="COMPONENT_SET"?si(o,e.id):!1}catch(t){return console.warn("Error checking node page:",t),!1}}function si(e,t){try{return e.findAll().some(s=>s.id===t)}catch(n){return!1}}async function oi(e){var t;try{console.log("\u{1F50D} Querying MCP for chat:",e);let n=((t=Y.config)==null?void 0:t.mcpServerUrl)||"https://design-systems-mcp.southleft-llc.workers.dev/mcp",s=[Bt(n,e,{category:"general",limit:3}),e.toLowerCase().includes("component")?Bt(n,e,{category:"components",limit:2}):Promise.resolve({results:[]}),e.toLowerCase().includes("token")||e.toLowerCase().includes("design token")?Bt(n,e,{category:"tokens",limit:2}):Promise.resolve({results:[]})],o=await Promise.allSettled(s),r=[];return o.forEach(i=>{i.status==="fulfilled"&&i.value.results&&r.push(...i.value.results)}),console.log(`\u2705 Found ${r.length} relevant sources for chat query`),{sources:r.slice(0,5)}}catch(n){return console.warn("\u26A0\uFE0F MCP query failed for chat:",n),{sources:[]}}}async function Bt(e,t,n={}){let s={jsonrpc:"2.0",id:Math.floor(Math.random()*1e3)+100,method:"tools/call",params:{name:"search_design_knowledge",arguments:R({query:t,limit:n.limit||5},n.category&&{category:n.category})}},o=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!o.ok)throw new Error(`MCP search failed: ${o.status}`);let r=await o.json();return r.result&&r.result.content?{results:r.result.content.map(i=>({title:i.title||"Design System Knowledge",content:i.content||i.description||"",category:i.category||"general"}))}:{results:[]}}function ri(){try{let e=Ls,t=Rs;if(!e&&!t)return null;let n={hasCurrentComponent:!0,timestamp:Date.now()};if(t){n.component={name:t.name,type:t.type,id:t.id};let s=figma.currentPage.selection;s.length>0&&(n.selection={count:s.length,types:s.map(o=>o.type),names:s.map(o=>o.name)})}return e&&(n.analysis={component:e.component,description:e.description,props:e.props||[],states:e.states||[],accessibility:e.accessibility,audit:e.audit,mcpReadiness:e.mcpReadiness}),n}catch(e){return console.warn("Failed to get component context:",e),null}}function ii(e,t,n,s){let o="";n.length>0&&(o=`
+**Previous Conversation:**
+`,n.slice(-6).forEach(l=>{o+=`${l.role==="user"?"User":"Assistant"}: ${l.content}
+`}),o+=`
+`);let r="";if(s&&s.hasCurrentComponent){if(r=`
+**Current Component Context:**
+`,s.component&&(r+=`- Currently analyzing: ${s.component.name} (${s.component.type})
+`),s.selection&&(r+=`- Selected: ${s.selection.count} item(s) - ${s.selection.names.join(", ")}
+`),s.analysis){if(r+=`- Component: ${s.analysis.component}
+`,r+=`- Description: ${s.analysis.description}
+`,s.analysis.props&&s.analysis.props.length>0&&(r+=`- Properties: ${s.analysis.props.map(c=>typeof c=="string"?c:c.name).join(", ")}
+`),s.analysis.states&&s.analysis.states.length>0&&(r+=`- States: ${s.analysis.states.join(", ")}
+`),s.analysis.audit){let c=[...s.analysis.audit.accessibilityIssues||[],...s.analysis.audit.namingIssues||[],...s.analysis.audit.consistencyIssues||[]];c.length>0&&(r+=`- Current Issues: ${c.slice(0,3).join("; ")}${c.length>3?"...":""}
+`)}s.analysis.mcpReadiness&&(r+=`- MCP Readiness Score: ${s.analysis.mcpReadiness.score||"Not scored"}
+`)}r+=`
+`}let i="";t.sources&&t.sources.length>0&&(i=`
+**Relevant Design Systems Knowledge:**
+`,t.sources.forEach((c,l)=>{i+=`
+${l+1}. **${c.title}** (${c.category})
+${c.content}
+`}),i+=`
+`);let a=s&&s.hasCurrentComponent;return`You are a specialized design systems assistant with access to comprehensive design systems knowledge. You're helping a user with their Figma plugin for design system analysis.
+
+${o}**Current User Question:** ${e}
+
+${r}${i}**Instructions:**
+1. ${a?"The user is currently working on a specific component in Figma. Use the component context above to provide specific, actionable advice about their current work.":"Provide helpful, accurate answers based on the design systems knowledge provided"}
+2. ${a?'If they ask about "this component" or "my component", refer to the current component context provided above':"If you need context about a specific component, suggest they select and analyze a component first"}
 3. Be conversational and practical in your responses
 4. When discussing components, tokens, or patterns, provide specific guidance
 5. If referencing the knowledge sources, mention them naturally in your response
 6. Keep responses focused and actionable
 7. If the user is asking about Figma-specific functionality, provide relevant plugin or design workflow advice
-8. ${hasComponentContext ? "Help them improve their current component by addressing any issues mentioned in the analysis context" : "Provide general design systems guidance"}
-
-${hasComponentContext ? "Since you have context about their current component, prioritize advice that directly applies to what they're working on." : "If the user wants component-specific advice, suggest they select and analyze a component in Figma first."}
+8. ${a?"Help them improve their current component by addressing any issues mentioned in the analysis context":"Provide general design systems guidance"}
 
-Respond naturally and helpfully to the user's question.`;
-  }
-  var currentLintSettings = __spreadValues({}, DEFAULT_LINT_SETTINGS);
-  function handleRunDesignLint(data) {
-    const settings = (data == null ? void 0 : data.settings) || currentLintSettings;
-    const result = lintSelection(settings);
-    sendMessageToUI("design-lint-result", result);
-  }
-  function handleLintIgnoreNode(data) {
-    ignoreNode(data.nodeId);
-    handleRunDesignLint();
-  }
-  function handleLintIgnoreError(data) {
-    ignoreError(data.nodeId, data.errorType, data.value);
-    handleRunDesignLint();
-  }
-  function handleLintIgnoreAllOfType(data) {
-    const result = lintSelection(currentLintSettings);
-    ignoreAllOfType(result.errors, data.errorType);
-    handleRunDesignLint();
-  }
-  function handleLintClearIgnored() {
-    clearIgnored();
-    handleRunDesignLint();
-  }
-  function handleLintSelectNode(data) {
-    try {
-      const node = figma.getNodeById(data.nodeId);
-      if (node && node.type !== "DOCUMENT" && node.type !== "PAGE") {
-        figma.currentPage.selection = [node];
-        figma.viewport.scrollAndZoomIntoView([node]);
-      }
-    } catch (error) {
-      console.warn("Could not select node:", data.nodeId, error);
-    }
-  }
-  function handleLintSelectAllWithValue(data) {
-    const selection = figma.currentPage.selection;
-    if (selection.length === 0) return;
-    const matching = findNodesWithSameValue(selection, data.errorType, data.value, currentLintSettings);
-    const nodeIds = [...new Set(matching.map((e) => e.nodeId))];
-    const nodes = nodeIds.map((id) => figma.getNodeById(id)).filter((n) => n !== null && n.type !== "DOCUMENT" && n.type !== "PAGE");
-    if (nodes.length > 0) {
-      figma.currentPage.selection = nodes;
-      figma.viewport.scrollAndZoomIntoView(nodes);
-      sendMessageToUI("lint-selected-nodes", { count: nodes.length, value: data.value });
-    }
-  }
-  async function handleLintSaveSettings(data) {
-    currentLintSettings = data.settings;
-    try {
-      await figma.clientStorage.setAsync("design-lint-settings", data.settings);
-    } catch (error) {
-      console.warn("Could not save lint settings:", error);
-    }
-  }
-  async function handleLintLoadSettings() {
-    try {
-      const saved = await figma.clientStorage.getAsync("design-lint-settings");
-      if (saved) {
-        currentLintSettings = __spreadValues(__spreadValues({}, DEFAULT_LINT_SETTINGS), saved);
-      }
-      sendMessageToUI("lint-settings-loaded", currentLintSettings);
-    } catch (error) {
-      console.warn("Could not load lint settings:", error);
-      sendMessageToUI("lint-settings-loaded", DEFAULT_LINT_SETTINGS);
-    }
-  }
-  function handleSaveTeamConfig(data) {
-    try {
-      const config = data.config;
-      if (!config || config.version !== 1) {
-        sendMessageToUI("team-config-saved", { success: false, error: "Invalid config version" });
-        return;
-      }
-      figma.root.setSharedPluginData("figmalint", "config", JSON.stringify(config));
-      sendMessageToUI("team-config-saved", { success: true });
-    } catch (error) {
-      sendMessageToUI("team-config-saved", { success: false, error: String(error) });
-    }
-  }
-  function handleLoadTeamConfig() {
-    var _a, _b;
-    try {
-      const raw = figma.root.getSharedPluginData("figmalint", "config");
-      if (raw) {
-        const config = JSON.parse(raw);
-        if ((_a = config.scales) == null ? void 0 : _a.spacing) {
-          currentLintSettings.spacingScale = config.scales.spacing;
-        }
-        if ((_b = config.scales) == null ? void 0 : _b.radius) {
-          currentLintSettings.allowedRadii = config.scales.radius;
-        }
-        if (config.severityOverrides) {
-          currentLintSettings.severityOverrides = config.severityOverrides;
-        }
-        if (config.ignorePatterns) {
-          currentLintSettings.ignorePatterns = config.ignorePatterns;
-        }
-        sendMessageToUI("team-config-loaded", { config, settings: currentLintSettings });
-      } else {
-        sendMessageToUI("team-config-loaded", { config: null, settings: currentLintSettings });
-      }
-    } catch (error) {
-      console.warn("Could not load team config:", error);
-      sendMessageToUI("team-config-loaded", { config: null, settings: currentLintSettings });
-    }
-  }
-  function handleJumpToNode(data) {
-    try {
-      const node = figma.getNodeById(data.nodeId);
-      if (node && node.type !== "DOCUMENT" && node.type !== "PAGE") {
-        figma.currentPage.selection = [node];
-        figma.viewport.scrollAndZoomIntoView([node]);
-      }
-    } catch (error) {
-      console.warn("Could not jump to node:", data.nodeId, error);
-    }
-  }
-  var ALLOWED_SPACING_PROPERTIES = /* @__PURE__ */ new Set([
-    "itemSpacing",
-    "paddingTop",
-    "paddingBottom",
-    "paddingLeft",
-    "paddingRight",
-    "counterAxisSpacing"
-  ]);
-  function handleFixSpacing(data) {
-    try {
-      if (!ALLOWED_SPACING_PROPERTIES.has(data.property)) {
-        sendMessageToUI("fix-error", { error: `Invalid spacing property: ${data.property}` });
-        return;
-      }
-      const node = figma.getNodeById(data.nodeId);
-      if (node && (node.type === "FRAME" || node.type === "COMPONENT" || node.type === "INSTANCE")) {
-        const oldValue = node[data.property];
-        node[data.property] = data.value;
-        sendMessageToUI("fix-applied", {
-          type: "spacing",
-          nodeId: data.nodeId,
-          nodeName: node.name,
-          property: data.property,
-          oldValue,
-          newValue: data.value
-        });
-      }
-    } catch (error) {
-      console.warn("Could not fix spacing:", error);
-      sendMessageToUI("fix-error", { error: "Failed to apply spacing fix" });
-    }
-  }
-  async function handleExportScreenshot(data) {
-    try {
-      let node = null;
-      if (data == null ? void 0 : data.nodeId) {
-        const found = figma.getNodeById(data.nodeId);
-        if (found && found.type !== "DOCUMENT" && found.type !== "PAGE") {
-          node = found;
-        }
-      } else if (figma.currentPage.selection.length > 0) {
-        node = figma.currentPage.selection[0];
-      }
-      if (!node) {
-        sendMessageToUI("screenshot-error", { error: "No node selected" });
-        return;
-      }
-      const base64 = await exportScreenshot(node);
-      sendMessageToUI("screenshot-result", {
-        nodeId: node.id,
-        nodeName: node.name,
-        screenshot: base64,
-        width: node.width,
-        height: node.height
-      });
-    } catch (error) {
-      console.warn("Could not export screenshot:", error);
-      sendMessageToUI("screenshot-error", { error: "Failed to export screenshot" });
-    }
-  }
-  function handleFixSpacingToNearest(data) {
-    try {
-      const result = fixSpacingToNearest(
-        data.nodeId,
-        data.property
-      );
-      sendMessageToUI("fix-applied", {
-        type: "spacing",
-        nodeId: result.nodeId,
-        nodeName: result.nodeName,
-        property: data.property,
-        oldValue: result.oldValue,
-        newValue: result.newValue,
-        success: result.success,
-        error: result.error
-      });
-    } catch (error) {
-      sendMessageToUI("fix-error", { error: "Failed to auto-fix spacing" });
-    }
-  }
-  function handleFixRadiusToNearest(data) {
-    try {
-      const allowedRadii = data.allowedRadii || [0, 2, 4, 8, 12, 16, 20, 24, 32];
-      const result = fixRadiusToNearest(data.nodeId, allowedRadii);
-      sendMessageToUI("fix-applied", {
-        type: "radius",
-        nodeId: result.nodeId,
-        nodeName: result.nodeName,
-        oldValue: result.oldValue,
-        newValue: result.newValue,
-        success: result.success,
-        error: result.error
-      });
-    } catch (error) {
-      sendMessageToUI("fix-error", { error: "Failed to auto-fix radius" });
-    }
-  }
-  function handleFixAllSpacing(data) {
-    try {
-      const results = fixAllSpacingOnNode(data.nodeId);
-      const applied = results.filter((r) => r.success).length;
-      for (const result of results) {
-        sendMessageToUI("fix-applied", {
-          type: "spacing",
-          nodeId: result.nodeId,
-          nodeName: result.nodeName,
-          property: result.property,
-          oldValue: result.oldValue,
-          newValue: result.newValue,
-          success: result.success
-        });
-      }
-      if (applied > 0) {
-        figma.notify(`Fixed ${applied} spacing value${applied !== 1 ? "s" : ""}`, { timeout: 2e3 });
-      }
-    } catch (error) {
-      sendMessageToUI("fix-error", { error: "Failed to fix all spacing" });
-    }
-  }
-  async function handleApplyStyleFix(data) {
-    try {
-      const { applyFillStyle: applyFillStyle2, applyStrokeStyle: applyStrokeStyle2, applyTextStyle: applyTextStyle2, applyEffectStyle: applyEffectStyle2 } = await Promise.resolve().then(() => (init_apply_style(), apply_style_exports));
-      let result;
-      switch (data.styleType) {
-        case "fill":
-          result = await applyFillStyle2(data.nodeId, data.styleKey);
-          break;
-        case "stroke":
-          result = await applyStrokeStyle2(data.nodeId, data.styleKey);
-          break;
-        case "text":
-          result = await applyTextStyle2(data.nodeId, data.styleKey);
-          break;
-        case "effect":
-          result = await applyEffectStyle2(data.nodeId, data.styleKey);
-          break;
-        default:
-          sendMessageToUI("fix-error", { error: `Unknown style type: ${data.styleType}` });
-          return;
-      }
-      sendMessageToUI("fix-applied", {
-        type: "style",
-        nodeId: result.nodeId,
-        nodeName: result.nodeName,
-        property: result.property,
-        oldValue: result.oldValue,
-        newValue: result.newValue,
-        success: result.success,
-        error: result.error
-      });
-    } catch (error) {
-      sendMessageToUI("fix-error", { error: "Failed to apply style" });
-    }
-  }
-  function handleRenameLayerFix(data) {
-    try {
-      const result = renameLayerById(data.nodeId, data.newName);
-      sendMessageToUI("fix-applied", {
-        type: "rename",
-        nodeId: result.nodeId,
-        nodeName: result.newName,
-        oldValue: result.oldName,
-        newValue: result.newName,
-        success: result.success,
-        error: result.error
-      });
-    } catch (error) {
-      sendMessageToUI("fix-error", { error: "Failed to rename layer" });
-    }
-  }
-  async function handleBatchFixV2(data) {
-    try {
-      const summary = await executeBatchFix(data.fixes);
-      sendMessageToUI("batch-fix-v2-result", summary);
-      if (summary.failed === 0) {
-        figma.notify(`Applied ${summary.applied} fix${summary.applied !== 1 ? "es" : ""} successfully`, { timeout: 2e3 });
-      } else if (summary.applied > 0) {
-        figma.notify(`Applied ${summary.applied}, ${summary.failed} failed`, { timeout: 3e3 });
-      } else {
-        figma.notify(`All ${summary.failed} fixes failed`, { error: true });
-      }
-      handleRescanLint();
-    } catch (error) {
-      sendMessageToUI("fix-error", { error: "Batch fix failed" });
-    }
-  }
-  function handleRescanLint() {
-    const result = lintSelection(currentLintSettings);
-    sendMessageToUI("design-lint-result", result);
-    sendMessageToUI("rescan-complete", {
-      totalErrors: result.summary.totalErrors,
-      nodesWithErrors: result.summary.nodesWithErrors
-    });
-  }
-  async function handleAnalyzeFlow() {
-    try {
-      sendMessageToUI("flow-analysis-started", { status: "building-graph" });
-      const graph = buildFlowGraph();
-      if (graph.frames.length === 0) {
-        sendMessageToUI("flow-analysis-error", { error: "No top-level frames found on current page." });
-        return;
-      }
-      if (graph.frames.length > 50) {
-        sendMessageToUI("flow-analysis-error", { error: `Too many frames (${graph.frames.length}). Select a page with \u226450 frames for flow analysis.` });
-        return;
-      }
-      const graphIssues = analyzeFlowGraph(graph);
-      sendMessageToUI("flow-analysis-started", { status: "capturing-screenshots", total: graph.frames.length });
-      const screenshots = {};
-      const lintResults = {};
-      const BATCH_SIZE = 10;
-      for (let i = 0; i < graph.frames.length; i += BATCH_SIZE) {
-        const batch = graph.frames.slice(i, i + BATCH_SIZE);
-        const promises = batch.map(async (frame) => {
-          const node = await figma.getNodeByIdAsync(frame.id);
-          if (!node || !("exportAsync" in node)) return;
-          try {
-            const screenshot = await exportScreenshot(node);
-            screenshots[frame.id] = screenshot;
-          } catch (e) {
-          }
-          try {
-            const { runDesignLint: runDesignLint2 } = await Promise.resolve().then(() => (init_design_lint(), design_lint_exports));
-            const result = runDesignLint2([node], currentLintSettings);
-            lintResults[frame.id] = result;
-          } catch (e) {
-          }
-        });
-        await Promise.all(promises);
-        sendMessageToUI("flow-analysis-started", {
-          status: "capturing-screenshots",
-          progress: Math.min(i + BATCH_SIZE, graph.frames.length),
-          total: graph.frames.length
-        });
-      }
-      const frameNodesForConsistency = [];
-      for (const frame of graph.frames) {
-        const node = await figma.getNodeByIdAsync(frame.id);
-        if (node) {
-          frameNodesForConsistency.push({ frame, node });
-        }
-      }
-      const consistencyIssues = checkCrossScreenConsistency(frameNodesForConsistency, {
-        skipLocked: currentLintSettings.skipLockedLayers,
-        skipHidden: currentLintSettings.skipHiddenLayers
-      });
-      const allGraphIssues = [...graphIssues, ...consistencyIssues];
-      sendMessageToUI("flow-analysis-result", {
-        graph,
-        graphIssues: allGraphIssues,
-        screenshots,
-        lintResults
-      });
-    } catch (error) {
-      const msg = error instanceof Error ? error.message : "Unknown error";
-      sendMessageToUI("flow-analysis-error", { error: msg });
-    }
-  }
-  async function initializePlugin() {
-    try {
-      const config = await loadProviderConfig();
-      selectedProvider = config.providerId;
-      selectedModel = config.modelId;
-      if (config.apiKey) {
-        storedApiKey = config.apiKey;
-        sendMessageToUI("api-key-status", {
-          hasKey: true,
-          provider: selectedProvider,
-          model: selectedModel
-        });
-      } else {
-        sendMessageToUI("api-key-status", {
-          hasKey: false,
-          provider: selectedProvider,
-          model: selectedModel
-        });
-      }
-      console.log(`Plugin initialized with provider: ${selectedProvider}, model: ${selectedModel}`);
-      console.log("\u{1F504} Initializing design systems knowledge...");
-      consistencyEngine.loadDesignSystemsKnowledge().then(() => {
-        console.log("\u2705 Design systems knowledge loaded successfully");
-      }).catch((error) => {
-        console.warn("\u26A0\uFE0F Failed to load design systems knowledge, using fallback:", error);
-      });
-      console.log("Plugin initialized successfully");
-    } catch (error) {
-      console.error("Error initializing plugin:", error);
-    }
-  }
-  async function handlePreviewFix(data) {
-    try {
-      const node = await figma.getNodeByIdAsync(data.nodeId);
-      if (!node || !("type" in node)) {
-        sendMessageToUI("fix-preview", {
-          success: false,
-          error: "Node not found or is not a valid scene node"
-        });
-        return;
-      }
-      const sceneNode = node;
-      let preview = null;
-      if (data.type === "token") {
-        if (!data.propertyPath) {
-          sendMessageToUI("fix-preview", {
-            success: false,
-            error: "Property path is required for token fixes"
-          });
-          return;
-        }
-        const matches = data.propertyPath.match(/^(fills|strokes)\[(\d+)\]$/);
-        if (matches) {
-          const colorMatches = await findMatchingColorVariable(data.suggestedValue || "", 0.1);
-          if (colorMatches.length > 0) {
-            preview = await previewFix(sceneNode, data.propertyPath, colorMatches[0].variableId);
-          }
-        } else {
-          const pixelValue = parseFloat(data.suggestedValue || "0");
-          const spacingMatches = await findBestMatchingVariable(pixelValue, data.propertyPath || "", 2);
-          if (spacingMatches.length > 0) {
-            preview = await previewFix(sceneNode, data.propertyPath, spacingMatches[0].variableId);
-          }
-        }
-        if (preview) {
-          const fixPreview = preview;
-          sendMessageToUI("fix-preview", {
-            success: true,
-            type: "token",
-            nodeId: fixPreview.nodeId,
-            nodeName: fixPreview.nodeName,
-            propertyPath: fixPreview.propertyPath,
-            beforeValue: fixPreview.beforeValue,
-            afterValue: fixPreview.afterValue,
-            tokenId: fixPreview.tokenId,
-            tokenName: fixPreview.tokenName
-          });
-        } else {
-          sendMessageToUI("fix-preview", {
-            success: false,
-            error: "No matching token found for this value"
-          });
-        }
-      } else if (data.type === "naming") {
-        const suggestedName = data.suggestedValue || suggestLayerName(sceneNode);
-        preview = previewRename(sceneNode, suggestedName);
-        sendMessageToUI("fix-preview", { success: true, preview });
-      } else {
-        sendMessageToUI("fix-preview", {
-          success: false,
-          error: `Unknown fix type: ${data.type}`
-        });
-      }
-    } catch (error) {
-      console.error("Error previewing fix:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("fix-preview", { success: false, error: errorMessage });
-    }
-  }
-  async function handleApplyTokenFix(data) {
-    try {
-      const node = await figma.getNodeByIdAsync(data.nodeId);
-      if (!node || !("type" in node)) {
-        sendMessageToUI("fix-applied", {
-          success: false,
-          error: "Node not found or is not a valid scene node"
-        });
-        figma.notify("Failed to apply fix: Node not found", { error: true });
-        return;
-      }
-      const sceneNode = node;
-      if (!data.propertyPath) {
-        sendMessageToUI("fix-applied", {
-          success: false,
-          error: "Property path is required for token fixes"
-        });
-        figma.notify("Failed to apply fix: Property path missing", { error: true });
-        return;
-      }
-      if (!data.tokenId) {
-        sendMessageToUI("fix-applied", {
-          success: false,
-          error: "Token ID is required for token fixes"
-        });
-        figma.notify("Failed to apply fix: Token ID missing", { error: true });
-        return;
-      }
-      let result;
-      const isColorProperty = /^(fills|strokes)\[\d+\]$/.test(data.propertyPath);
-      if (isColorProperty) {
-        result = await applyColorFix(sceneNode, data.propertyPath, data.tokenId);
-      } else {
-        result = await applySpacingFix(sceneNode, data.propertyPath, data.tokenId);
-      }
-      sendMessageToUI("fix-applied", __spreadProps(__spreadValues({}, result), {
-        fixType: "token",
-        nodeId: data.nodeId,
-        propertyPath: data.propertyPath
-      }));
-      if (result.success) {
-        figma.notify(`Applied token to ${sceneNode.name}`, { timeout: 2e3 });
-      } else {
-        figma.notify(`Failed to apply token: ${result.error || result.message}`, { error: true });
-      }
-    } catch (error) {
-      console.error("Error applying token fix:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("fix-applied", { success: false, error: errorMessage, fixType: "token", nodeId: data.nodeId });
-      figma.notify(`Failed to apply fix: ${errorMessage}`, { error: true });
-    }
-  }
-  async function handleApplyNamingFix(data) {
-    try {
-      const node = await figma.getNodeByIdAsync(data.nodeId);
-      if (!node || !("type" in node)) {
-        sendMessageToUI("fix-applied", {
-          success: false,
-          error: "Node not found or is not a valid scene node"
-        });
-        figma.notify("Failed to rename: Node not found", { error: true });
-        return;
-      }
-      const sceneNode = node;
-      const newName = data.newValue || suggestLayerName(sceneNode);
-      const oldName = sceneNode.name;
-      if (oldName === newName) {
-        sendMessageToUI("fix-applied", {
-          success: true,
-          fixType: "naming",
-          nodeId: data.nodeId,
-          message: `Layer already named "${newName}"`,
-          oldName,
-          newName
-        });
-        figma.notify(`Layer already named "${newName}"`, { timeout: 2e3 });
-        return;
-      }
-      const success = renameLayer(sceneNode, newName);
-      const result = {
-        success,
-        fixType: "naming",
-        nodeId: data.nodeId,
-        message: success ? `Renamed "${oldName}" to "${newName}"` : `Failed to rename layer`,
-        oldName,
-        newName: success ? newName : oldName
-      };
-      sendMessageToUI("fix-applied", result);
-      if (success) {
-        figma.notify(`Renamed "${oldName}" to "${newName}"`, { timeout: 2e3 });
-      } else {
-        figma.notify("Failed to rename layer", { error: true });
-      }
-    } catch (error) {
-      console.error("Error applying naming fix:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("fix-applied", { success: false, error: errorMessage });
-      figma.notify(`Failed to rename: ${errorMessage}`, { error: true });
-    }
-  }
-  async function handleApplyBatchFix(data) {
-    try {
-      const results = [];
-      let successCount = 0;
-      let errorCount = 0;
-      for (const fix of data.fixes) {
-        try {
-          const node = await figma.getNodeByIdAsync(fix.nodeId);
-          if (!node || !("type" in node)) {
-            results.push({
-              nodeId: fix.nodeId,
-              success: false,
-              message: "Node not found",
-              error: "Node not found or is not a valid scene node"
-            });
-            errorCount++;
-            continue;
-          }
-          const sceneNode = node;
-          if (fix.type === "token") {
-            if (!fix.propertyPath) {
-              results.push({
-                nodeId: fix.nodeId,
-                success: false,
-                message: "Missing property path",
-                error: "Token fixes require a propertyPath"
-              });
-              errorCount++;
-              continue;
-            }
-            let tokenId = fix.tokenId;
-            const isColorProperty = /^(fills|strokes)\[\d+\]$/.test(fix.propertyPath);
-            if (!tokenId && fix.newValue) {
-              try {
-                if (isColorProperty) {
-                  const colorMatches = await findMatchingColorVariable(fix.newValue, 0.1);
-                  if (colorMatches.length > 0) {
-                    tokenId = colorMatches[0].variableId;
-                  }
-                } else {
-                  const pixelValue = parseFloat(fix.newValue);
-                  if (!isNaN(pixelValue)) {
-                    const spacingMatches = await findBestMatchingVariable(pixelValue, fix.propertyPath || "", 2);
-                    if (spacingMatches.length > 0) {
-                      tokenId = spacingMatches[0].variableId;
-                    }
-                  }
-                }
-              } catch (matchError) {
-                console.warn("Could not find matching variable:", matchError);
-              }
-            }
-            if (!tokenId) {
-              results.push({
-                nodeId: fix.nodeId,
-                success: false,
-                message: "No matching design token found for this value",
-                error: "Could not find a matching variable to bind"
-              });
-              errorCount++;
-              continue;
-            }
-            let result;
-            if (isColorProperty) {
-              result = await applyColorFix(sceneNode, fix.propertyPath, tokenId);
-            } else {
-              result = await applySpacingFix(sceneNode, fix.propertyPath, tokenId);
-            }
-            results.push({
-              nodeId: fix.nodeId,
-              success: result.success,
-              message: result.message,
-              error: result.error
-            });
-            if (result.success) {
-              successCount++;
-            } else {
-              errorCount++;
-            }
-          } else if (fix.type === "naming") {
-            const newName = fix.newValue || suggestLayerName(sceneNode);
-            const oldName = sceneNode.name;
-            const success = renameLayer(sceneNode, newName);
-            results.push({
-              nodeId: fix.nodeId,
-              success,
-              message: success ? `Renamed "${oldName}" to "${newName}"` : "Failed to rename layer"
-            });
-            if (success) {
-              successCount++;
-            } else {
-              errorCount++;
-            }
-          } else {
-            results.push({
-              nodeId: fix.nodeId,
-              success: false,
-              message: `Unknown fix type: ${fix.type}`,
-              error: `Unsupported fix type: ${fix.type}`
-            });
-            errorCount++;
-          }
-        } catch (error) {
-          const errorMessage = error instanceof Error ? error.message : "Unknown error";
-          results.push({
-            nodeId: fix.nodeId,
-            success: false,
-            message: "Error applying fix",
-            error: errorMessage
-          });
-          errorCount++;
-        }
-      }
-      const summary = {
-        total: data.fixes.length,
-        success: successCount,
-        errors: errorCount,
-        results
-      };
-      sendMessageToUI("batch-fix-applied", summary);
-      if (errorCount === 0) {
-        figma.notify(`Applied ${successCount} fix${successCount !== 1 ? "es" : ""} successfully`, { timeout: 2e3 });
-      } else if (successCount > 0) {
-        figma.notify(`Applied ${successCount} fix${successCount !== 1 ? "es" : ""}, ${errorCount} failed`, { timeout: 3e3 });
-      } else {
-        figma.notify(`Failed to apply ${errorCount} fix${errorCount !== 1 ? "es" : ""}`, { error: true });
-      }
-    } catch (error) {
-      console.error("Error applying batch fixes:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("batch-fix-applied", {
-        total: data.fixes.length,
-        success: 0,
-        errors: data.fixes.length,
-        error: errorMessage
-      });
-      figma.notify(`Batch fix failed: ${errorMessage}`, { error: true });
-    }
-  }
-  async function handleUpdateDescription(data) {
-    try {
-      const node = await figma.getNodeByIdAsync(data.nodeId);
-      if (!node) {
-        sendMessageToUI("description-updated", {
-          success: false,
-          error: "Node not found"
-        });
-        figma.notify("Failed to update description: Node not found", { error: true });
-        return;
-      }
-      if (node.type !== "COMPONENT" && node.type !== "COMPONENT_SET") {
-        sendMessageToUI("description-updated", {
-          success: false,
-          error: "Node is not a component or component set"
-        });
-        figma.notify("Description can only be set on components", { error: true });
-        return;
-      }
-      const componentNode = node;
-      const oldDescription = componentNode.description;
-      componentNode.description = data.description;
-      sendMessageToUI("description-updated", {
-        success: true,
-        oldDescription,
-        newDescription: data.description
-      });
-      figma.notify("Component description updated", { timeout: 2e3 });
-    } catch (error) {
-      console.error("Error updating description:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("description-updated", {
-        success: false,
-        error: errorMessage
-      });
-      figma.notify(`Failed to update description: ${errorMessage}`, { error: true });
-    }
-  }
-  async function handleAddComponentProperty(data) {
-    try {
-      const { nodeId, propertyName, propertyType, defaultValue } = data;
-      const node = await figma.getNodeByIdAsync(nodeId);
-      if (!node) {
-        sendMessageToUI("property-added", {
-          success: false,
-          propertyName,
-          message: "Node not found"
-        });
-        figma.notify("Node not found", { error: true });
-        return;
-      }
-      let targetNode = null;
-      if (node.type === "COMPONENT") {
-        const component = node;
-        if (component.parent && component.parent.type === "COMPONENT_SET") {
-          targetNode = component.parent;
-        } else {
-          targetNode = component;
-        }
-      } else if (node.type === "COMPONENT_SET") {
-        targetNode = node;
-      } else if (node.type === "INSTANCE") {
-        const mainComponent = await node.getMainComponentAsync();
-        if (mainComponent) {
-          if (mainComponent.parent && mainComponent.parent.type === "COMPONENT_SET") {
-            targetNode = mainComponent.parent;
-          } else {
-            targetNode = mainComponent;
-          }
-        }
-      }
-      if (!targetNode) {
-        sendMessageToUI("property-added", {
-          success: false,
-          propertyName,
-          message: "Selected node is not a component"
-        });
-        figma.notify("Selected node is not a component", { error: true });
-        return;
-      }
-      const existingDefs = targetNode.componentPropertyDefinitions;
-      for (const key of Object.keys(existingDefs)) {
-        const baseName = key.replace(/#\d+:\d+$/, "");
-        if (baseName.toLowerCase() === propertyName.toLowerCase()) {
-          sendMessageToUI("property-added", {
-            success: false,
-            propertyName,
-            message: `Property "${propertyName}" already exists`
-          });
-          figma.notify(`Property "${propertyName}" already exists`, { error: true });
-          return;
-        }
-      }
-      let figmaType;
-      switch (propertyType.toLowerCase()) {
-        case "boolean":
-          figmaType = "BOOLEAN";
-          break;
-        case "text":
-          figmaType = "TEXT";
-          break;
-        case "slot":
-          figmaType = "INSTANCE_SWAP";
-          break;
-        case "variant":
-          if (targetNode.type === "COMPONENT_SET") {
-            figmaType = "VARIANT";
-          } else {
-            figmaType = "TEXT";
-          }
-          break;
-        default:
-          figmaType = "TEXT";
-      }
-      targetNode.addComponentProperty(propertyName, figmaType, defaultValue);
-      let stagingNote = "";
-      if (figmaType === "VARIANT" && targetNode.type === "COMPONENT_SET" && data.variantOptions && data.variantOptions.length > 1) {
-        const componentSet = targetNode;
-        const existingChildren = [...componentSet.children];
-        const additionalOptions = data.variantOptions.slice(1);
-        const searchStr = `${propertyName}=${defaultValue}`;
-        const page = figma.currentPage;
-        let containerNode = componentSet;
-        while (containerNode.parent && containerNode.parent.type !== "PAGE") {
-          containerNode = containerNode.parent;
-        }
-        const absX = containerNode.absoluteTransform[0][2];
-        const absY = containerNode.absoluteTransform[1][2];
-        const stagingX = absX;
-        const stagingY = absY + containerNode.height + 50;
-        const section = figma.createSection();
-        section.name = `FigmaLint: ${propertyName} Variants`;
-        page.appendChild(section);
-        section.x = stagingX;
-        section.y = stagingY;
-        const label = figma.createText();
-        await figma.loadFontAsync({ family: "Inter", style: "Medium" });
-        label.fontName = { family: "Inter", style: "Medium" };
-        label.characters = `New "${propertyName}" variants \u2014 drag into the ComponentSet`;
-        label.fontSize = 14;
-        label.fills = [{ type: "SOLID", color: { r: 0.4, g: 0.4, b: 0.4 } }];
-        section.appendChild(label);
-        label.x = 24;
-        label.y = 24;
-        const padding = 24;
-        const childGap = 32;
-        let currentY = label.y + label.height + 24;
-        let maxWidth = label.width + padding * 2;
-        for (const option of additionalOptions) {
-          const replaceStr = `${propertyName}=${option}`;
-          const optionLabel = figma.createText();
-          await figma.loadFontAsync({ family: "Inter", style: "Semi Bold" });
-          optionLabel.fontName = { family: "Inter", style: "Semi Bold" };
-          optionLabel.characters = `${propertyName}=${option}`;
-          optionLabel.fontSize = 12;
-          optionLabel.fills = [{ type: "SOLID", color: { r: 0.6, g: 0.3, b: 0.9 } }];
-          section.appendChild(optionLabel);
-          optionLabel.x = padding;
-          optionLabel.y = currentY;
-          currentY += optionLabel.height + 12;
-          let rowX = padding;
-          let rowMaxHeight = 0;
-          for (const child of existingChildren) {
-            const clone = child.clone();
-            clone.name = clone.name.replace(searchStr, replaceStr);
-            section.appendChild(clone);
-            clone.x = rowX;
-            clone.y = currentY;
-            rowX += clone.width + childGap;
-            rowMaxHeight = Math.max(rowMaxHeight, clone.height);
-          }
-          maxWidth = Math.max(maxWidth, rowX - childGap + padding);
-          currentY += rowMaxHeight + childGap;
-        }
-        section.resizeWithoutConstraints(
-          Math.max(maxWidth, 400),
-          currentY + padding
-        );
-        stagingNote = ` \u2014 new variants created in staging section to the right`;
-      }
-      sendMessageToUI("property-added", {
-        success: true,
-        propertyName,
-        message: `Property "${propertyName}" added successfully${stagingNote}`
-      });
-      figma.notify(`Property "${propertyName}" added${stagingNote ? " (see staging section)" : ""}`, { timeout: 3e3 });
-    } catch (error) {
-      console.error("Error adding component property:", error);
-      const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-      sendMessageToUI("property-added", {
-        success: false,
-        propertyName: data.propertyName,
-        message: errorMessage
-      });
-      figma.notify(`Failed to add property: ${errorMessage}`, { error: true });
-    }
-  }
+${a?"Since you have context about their current component, prioritize advice that directly applies to what they're working on.":"If the user wants component-specific advice, suggest they select and analyze a component in Figma first."}
 
-  // src/code.ts
-  var PLUGIN_WINDOW_SIZE = { width: 380, height: 600, themeColors: true };
-  try {
-    figma.showUI(__html__, PLUGIN_WINDOW_SIZE);
-    console.log("\u2705 FigmaLint v2.0 - UI shown successfully");
-  } catch (error) {
-    console.log("\u2139\uFE0F UI might already be shown in inspect panel:", error);
-  }
-  figma.ui.onmessage = handleUIMessage;
-  initializePlugin();
-  console.log("\u{1F680} FigmaLint v2.0 initialized with modular architecture");
-})();
+Respond naturally and helpfully to the user's question.`}var D=R({},X),Ce=null;function Ie(e){let t=(e==null?void 0:e.settings)||D;(!Ce||e!=null&&e.resetScope)&&(Ce=figma.currentPage.selection.map(o=>o.id));let n=Ce.map(o=>figma.getNodeById(o)).filter(o=>o!==null&&o.type!=="DOCUMENT"&&o.type!=="PAGE");n.length>0&&(figma.currentPage.selection=n);let s=we(t);N("design-lint-result",s)}function We(){try{let e=ht();figma.root.setPluginData("ignoredState",JSON.stringify(e))}catch(e){}}function ai(e){mt(e.nodeId),We(),Ie()}function ci(e){ft(e.nodeId,e.errorType,e.value),We(),Ie()}function li(e){let t=we(D);gt(t.errors,e.errorType),We(),Ie()}function di(){yt(),We(),Ie()}function ui(e){try{let t=figma.getNodeById(e.nodeId);t&&t.type!=="DOCUMENT"&&t.type!=="PAGE"&&(figma.currentPage.selection=[t],figma.viewport.scrollAndZoomIntoView([t]))}catch(t){console.warn("Could not select node:",e.nodeId,t)}}function pi(e){let t=figma.currentPage.selection;if(t.length===0)return;let n=vt(t,e.errorType,e.value,D),o=[...new Set(n.map(r=>r.nodeId))].map(r=>figma.getNodeById(r)).filter(r=>r!==null&&r.type!=="DOCUMENT"&&r.type!=="PAGE");o.length>0&&(figma.currentPage.selection=o,figma.viewport.scrollAndZoomIntoView(o),N("lint-selected-nodes",{count:o.length,value:e.value}))}async function mi(e){D=e.settings;try{await figma.clientStorage.setAsync("design-lint-settings",e.settings)}catch(t){console.warn("Could not save lint settings:",t)}}async function fi(){try{let e=await figma.clientStorage.getAsync("design-lint-settings");e&&(D=R(R({},X),e)),N("lint-settings-loaded",D)}catch(e){console.warn("Could not load lint settings:",e),N("lint-settings-loaded",X)}}function gi(e){try{let t=e.config;if(!t||t.version!==1){N("team-config-saved",{success:!1,error:"Invalid config version"});return}figma.root.setSharedPluginData("figmalint","config",JSON.stringify(t)),N("team-config-saved",{success:!0})}catch(t){N("team-config-saved",{success:!1,error:String(t)})}}function yi(){var e,t;try{let n=figma.root.getSharedPluginData("figmalint","config");if(n){let s=JSON.parse(n);D=R({},X),(e=s.scales)!=null&&e.spacing&&(D.spacingScale=s.scales.spacing),(t=s.scales)!=null&&t.radius&&(D.allowedRadii=s.scales.radius),s.severityOverrides&&(D.severityOverrides=s.severityOverrides),s.ignorePatterns&&(D.ignorePatterns=s.ignorePatterns),N("team-config-loaded",{config:s,settings:D})}else N("team-config-loaded",{config:null,settings:D})}catch(n){console.warn("Could not load team config:",n),N("team-config-loaded",{config:null,settings:D})}}function hi(e){try{let t=figma.getNodeById(e.nodeId);t&&t.type!=="DOCUMENT"&&t.type!=="PAGE"&&(figma.currentPage.selection=[t],figma.viewport.scrollAndZoomIntoView([t]))}catch(t){console.warn("Could not jump to node:",e.nodeId,t)}}var bi=new Set(["itemSpacing","paddingTop","paddingBottom","paddingLeft","paddingRight","counterAxisSpacing"]);function vi(e){try{if(!bi.has(e.property)){N("fix-error",{error:`Invalid spacing property: ${e.property}`});return}let t=figma.getNodeById(e.nodeId);if(t&&(t.type==="FRAME"||t.type==="COMPONENT"||t.type==="INSTANCE")){let n=t[e.property];t[e.property]=e.value,N("fix-applied",{type:"spacing",nodeId:e.nodeId,nodeName:t.name,property:e.property,oldValue:n,newValue:e.value})}}catch(t){console.warn("Could not fix spacing:",t),N("fix-error",{error:"Failed to apply spacing fix"})}}async function Si(e){try{let t=null;if(e!=null&&e.nodeId){let i=figma.getNodeById(e.nodeId);i&&i.type!=="DOCUMENT"&&i.type!=="PAGE"&&(t=i)}else figma.currentPage.selection.length>0&&(t=figma.currentPage.selection[0]);if(!t){N("screenshot-error",{error:"No node selected"});return}let n=await Lt(t),s="layoutMode"in t&&t.layoutMode!=="NONE",o="children"in t?t.children.length:0,r;try{let i=await ce(t),a=[...i.colors,...i.spacing,...i.typography,...i.effects,...i.borders];r={totalTokens:a.length,boundToVariables:a.filter(c=>c.source==="figma-variable").length,boundToStyles:a.filter(c=>c.source==="figma-style").length,hardCoded:a.filter(c=>c.source==="hard-coded").length}}catch(i){}N("screenshot-result",{nodeId:t.id,nodeName:t.name,nodeType:t.type,screenshot:n,width:t.width,height:t.height,hasAutoLayout:s,childCount:o,tokenSummary:r})}catch(t){console.warn("Could not export screenshot:",t),N("screenshot-error",{error:"Failed to export screenshot"})}}function Ni(e){try{let t=ke(e.nodeId,e.property);N("fix-applied",{type:"spacing",nodeId:t.nodeId,nodeName:t.nodeName,property:e.property,oldValue:t.oldValue,newValue:t.newValue,success:t.success,error:t.error})}catch(t){N("fix-error",{error:"Failed to auto-fix spacing"})}}function wi(e){try{let t=e.allowedRadii||[0,2,4,8,12,16,20,24,32],n=Ge(e.nodeId,t);N("fix-applied",{type:"radius",nodeId:n.nodeId,nodeName:n.nodeName,oldValue:n.oldValue,newValue:n.newValue,success:n.success,error:n.error})}catch(t){N("fix-error",{error:"Failed to auto-fix radius"})}}function ki(e){try{let t=As(e.nodeId),n=t.filter(s=>s.success).length;for(let s of t)N("fix-applied",{type:"spacing",nodeId:s.nodeId,nodeName:s.nodeName,property:s.property,oldValue:s.oldValue,newValue:s.newValue,success:s.success});n>0&&figma.notify(`Fixed ${n} spacing value${n!==1?"s":""}`,{timeout:2e3})}catch(t){N("fix-error",{error:"Failed to fix all spacing"})}}async function xi(e){try{let{applyFillStyle:t,applyStrokeStyle:n,applyTextStyle:s,applyEffectStyle:o}=await Promise.resolve().then(()=>(_t(),Es)),r;switch(e.styleType){case"fill":r=await t(e.nodeId,e.styleKey);break;case"stroke":r=await n(e.nodeId,e.styleKey);break;case"text":r=await s(e.nodeId,e.styleKey);break;case"effect":r=await o(e.nodeId,e.styleKey);break;default:N("fix-error",{error:`Unknown style type: ${e.styleType}`});return}N("fix-applied",{type:"style",nodeId:r.nodeId,nodeName:r.nodeName,property:r.property,oldValue:r.oldValue,newValue:r.newValue,success:r.success,error:r.error})}catch(t){N("fix-error",{error:"Failed to apply style"})}}function Ci(e){try{let t=ze(e.nodeId,e.newName);N("fix-applied",{type:"rename",nodeId:t.nodeId,nodeName:t.newName,oldValue:t.oldName,newValue:t.newName,success:t.success,error:t.error})}catch(t){N("fix-error",{error:"Failed to rename layer"})}}async function Ii(e){try{let t=await Ts(e.fixes);N("batch-fix-v2-result",t),t.failed===0?figma.notify(`Applied ${t.applied} fix${t.applied!==1?"es":""} successfully`,{timeout:2e3}):t.applied>0?figma.notify(`Applied ${t.applied}, ${t.failed} failed`,{timeout:3e3}):figma.notify(`All ${t.failed} fixes failed`,{error:!0}),Os()}catch(t){N("fix-error",{error:"Batch fix failed"})}}function Os(){if(Ce){let t=Ce.map(n=>figma.getNodeById(n)).filter(n=>n!==null&&n.type!=="DOCUMENT"&&n.type!=="PAGE");t.length>0&&(figma.currentPage.selection=t)}let e=we(D);N("design-lint-result",e),N("rescan-complete",{totalErrors:e.summary.totalErrors,nodesWithErrors:e.summary.nodesWithErrors})}async function Ai(){try{N("flow-analysis-started",{status:"building-graph"});let e=ms();if(e.frames.length===0){N("flow-analysis-error",{error:"No top-level frames found on current page."});return}if(e.frames.length>50){N("flow-analysis-error",{error:`Too many frames (${e.frames.length}). Select a page with \u226450 frames for flow analysis.`});return}let t=fs(e);N("flow-analysis-started",{status:"capturing-screenshots",total:e.frames.length});let n={},s={},o=10;for(let c=0;c<e.frames.length;c+=o){let d=e.frames.slice(c,c+o).map(async p=>{let u=await figma.getNodeByIdAsync(p.id);if(!(!u||!("exportAsync"in u))){try{let f=await Lt(u);n[p.id]=f}catch(f){}try{let{runDesignLint:f}=await Promise.resolve().then(()=>(Fe(),Zn)),y=f([u],D);s[p.id]=y}catch(f){}}});await Promise.all(d),N("flow-analysis-started",{status:"capturing-screenshots",progress:Math.min(c+o,e.frames.length),total:e.frames.length})}let r=[];for(let c of e.frames){let l=await figma.getNodeByIdAsync(c.id);l&&r.push({frame:c,node:l})}let i=hs(r,{skipLocked:D.skipLockedLayers,skipHidden:D.skipHiddenLayers}),a=[...t,...i];N("flow-analysis-result",{graph:e,graphIssues:a,screenshots:n,lintResults:s})}catch(e){let t=e instanceof Error?e.message:"Unknown error";N("flow-analysis-error",{error:t})}}async function Fs(){var e,t;try{let n=await st();V=n.providerId,G=n.modelId,n.apiKey?(Q=n.apiKey,N("api-key-status",{hasKey:!0,provider:V,model:G})):N("api-key-status",{hasKey:!1,provider:V,model:G}),console.log(`Plugin initialized with provider: ${V}, model: ${G}`);try{let s=figma.root.getPluginData("ignoredState");if(s){let o=JSON.parse(s);bt(o),console.log(`Restored ${((e=o.nodeIds)==null?void 0:e.length)||0} ignored nodes, ${((t=o.errorKeys)==null?void 0:t.length)||0} ignored errors`)}}catch(s){}console.log("\u{1F504} Initializing design systems knowledge..."),Y.loadDesignSystemsKnowledge().then(()=>{console.log("\u2705 Design systems knowledge loaded successfully")}).catch(s=>{console.warn("\u26A0\uFE0F Failed to load design systems knowledge, using fallback:",s)}),console.log("Plugin initialized successfully")}catch(n){console.error("Error initializing plugin:",n)}}function Ei(e){let t={version:1,timestamp:Date.now(),nodeId:e.nodeId,nodeName:e.nodeName,overall:e.overall,grade:e.grade,categories:e.categories,summary:e.summary,errors:e.errors.map(n=>({errorType:n.errorType,severity:n.severity||"warning",nodeId:n.nodeId,message:n.message}))};Ns(t),N("baseline-saved",{nodeId:e.nodeId,nodeName:e.nodeName,timestamp:t.timestamp,overall:e.overall})}function Ti(e){let t=xs(e.nodeId);N("baseline-loaded",t)}function Pi(e){let t=ws(e.nodeId);if(!t){N("diff-result",null);return}let n=e.errors.map(o=>({errorType:o.errorType,severity:o.severity||"warning",nodeId:o.nodeId,message:o.message})),s=Is(t,{overall:e.overall,grade:e.grade,categories:e.categories,errors:n,summary:e.summary});N("diff-result",s)}function Li(e){ks(e.nodeId)}async function Ri(e){try{let t=await figma.getNodeByIdAsync(e.nodeId);if(!t||!("type"in t)){N("fix-preview",{success:!1,error:"Node not found or is not a valid scene node"});return}let n=t,s=null;if(e.type==="token"){if(!e.propertyPath){N("fix-preview",{success:!1,error:"Property path is required for token fixes"});return}if(e.propertyPath.match(/^(fills|strokes)\[(\d+)\]$/)){let r=await It(e.suggestedValue||"",.1);r.length>0&&(s=await Pt(n,e.propertyPath,r[0].variableId))}else{let r=parseFloat(e.suggestedValue||"0"),i=await At(r,e.propertyPath||"",2);i.length>0&&(s=await Pt(n,e.propertyPath,i[0].variableId))}if(s){let r=s;N("fix-preview",{success:!0,type:"token",nodeId:r.nodeId,nodeName:r.nodeName,propertyPath:r.propertyPath,beforeValue:r.beforeValue,afterValue:r.afterValue,tokenId:r.tokenId,tokenName:r.tokenName})}else N("fix-preview",{success:!1,error:"No matching token found for this value"})}else if(e.type==="naming"){let o=e.suggestedValue||ue(n);s=nn(n,o),N("fix-preview",{success:!0,preview:s})}else N("fix-preview",{success:!1,error:`Unknown fix type: ${e.type}`})}catch(t){console.error("Error previewing fix:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("fix-preview",{success:!1,error:n})}}async function $i(e){try{let t=await figma.getNodeByIdAsync(e.nodeId);if(!t||!("type"in t)){N("fix-applied",{success:!1,error:"Node not found or is not a valid scene node"}),figma.notify("Failed to apply fix: Node not found",{error:!0});return}let n=t;if(!e.propertyPath){N("fix-applied",{success:!1,error:"Property path is required for token fixes"}),figma.notify("Failed to apply fix: Property path missing",{error:!0});return}if(!e.tokenId){N("fix-applied",{success:!1,error:"Token ID is required for token fixes"}),figma.notify("Failed to apply fix: Token ID missing",{error:!0});return}let s;/^(fills|strokes)\[\d+\]$/.test(e.propertyPath)?s=await Et(n,e.propertyPath,e.tokenId):s=await Tt(n,e.propertyPath,e.tokenId),N("fix-applied",z(R({},s),{fixType:"token",nodeId:e.nodeId,propertyPath:e.propertyPath})),s.success?figma.notify(`Applied token to ${n.name}`,{timeout:2e3}):figma.notify(`Failed to apply token: ${s.error||s.message}`,{error:!0})}catch(t){console.error("Error applying token fix:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("fix-applied",{success:!1,error:n,fixType:"token",nodeId:e.nodeId}),figma.notify(`Failed to apply fix: ${n}`,{error:!0})}}async function Mi(e){try{let t=await figma.getNodeByIdAsync(e.nodeId);if(!t||!("type"in t)){N("fix-applied",{success:!1,error:"Node not found or is not a valid scene node"}),figma.notify("Failed to rename: Node not found",{error:!0});return}let n=t,s=e.newValue||ue(n),o=n.name;if(o===s){N("fix-applied",{success:!0,fixType:"naming",nodeId:e.nodeId,message:`Layer already named "${s}"`,oldName:o,newName:s}),figma.notify(`Layer already named "${s}"`,{timeout:2e3});return}let r=rt(n,s),i={success:r,fixType:"naming",nodeId:e.nodeId,message:r?`Renamed "${o}" to "${s}"`:"Failed to rename layer",oldName:o,newName:r?s:o};N("fix-applied",i),r?figma.notify(`Renamed "${o}" to "${s}"`,{timeout:2e3}):figma.notify("Failed to rename layer",{error:!0})}catch(t){console.error("Error applying naming fix:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("fix-applied",{success:!1,error:n}),figma.notify(`Failed to rename: ${n}`,{error:!0})}}async function Oi(e){try{let t=[],n=0,s=0;for(let r of e.fixes)try{let i=await figma.getNodeByIdAsync(r.nodeId);if(!i||!("type"in i)){t.push({nodeId:r.nodeId,success:!1,message:"Node not found",error:"Node not found or is not a valid scene node"}),s++;continue}let a=i;if(r.type==="token"){if(!r.propertyPath){t.push({nodeId:r.nodeId,success:!1,message:"Missing property path",error:"Token fixes require a propertyPath"}),s++;continue}let c=r.tokenId,l=/^(fills|strokes)\[\d+\]$/.test(r.propertyPath);if(!c&&r.newValue)try{if(l){let p=await It(r.newValue,.1);p.length>0&&(c=p[0].variableId)}else{let p=parseFloat(r.newValue);if(!isNaN(p)){let u=await At(p,r.propertyPath||"",2);u.length>0&&(c=u[0].variableId)}}}catch(p){console.warn("Could not find matching variable:",p)}if(!c){t.push({nodeId:r.nodeId,success:!1,message:"No matching design token found for this value",error:"Could not find a matching variable to bind"}),s++;continue}let d;l?d=await Et(a,r.propertyPath,c):d=await Tt(a,r.propertyPath,c),t.push({nodeId:r.nodeId,success:d.success,message:d.message,error:d.error}),d.success?n++:s++}else if(r.type==="naming"){let c=r.newValue||ue(a),l=a.name,d=rt(a,c);t.push({nodeId:r.nodeId,success:d,message:d?`Renamed "${l}" to "${c}"`:"Failed to rename layer"}),d?n++:s++}else t.push({nodeId:r.nodeId,success:!1,message:`Unknown fix type: ${r.type}`,error:`Unsupported fix type: ${r.type}`}),s++}catch(i){let a=i instanceof Error?i.message:"Unknown error";t.push({nodeId:r.nodeId,success:!1,message:"Error applying fix",error:a}),s++}let o={total:e.fixes.length,success:n,errors:s,results:t};N("batch-fix-applied",o),s===0?figma.notify(`Applied ${n} fix${n!==1?"es":""} successfully`,{timeout:2e3}):n>0?figma.notify(`Applied ${n} fix${n!==1?"es":""}, ${s} failed`,{timeout:3e3}):figma.notify(`Failed to apply ${s} fix${s!==1?"es":""}`,{error:!0})}catch(t){console.error("Error applying batch fixes:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("batch-fix-applied",{total:e.fixes.length,success:0,errors:e.fixes.length,error:n}),figma.notify(`Batch fix failed: ${n}`,{error:!0})}}async function Fi(e){try{let t=await figma.getNodeByIdAsync(e.nodeId);if(!t){N("description-updated",{success:!1,error:"Node not found"}),figma.notify("Failed to update description: Node not found",{error:!0});return}if(t.type!=="COMPONENT"&&t.type!=="COMPONENT_SET"){N("description-updated",{success:!1,error:"Node is not a component or component set"}),figma.notify("Description can only be set on components",{error:!0});return}let n=t,s=n.description;n.description=e.description,N("description-updated",{success:!0,oldDescription:s,newDescription:e.description}),figma.notify("Component description updated",{timeout:2e3})}catch(t){console.error("Error updating description:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("description-updated",{success:!1,error:n}),figma.notify(`Failed to update description: ${n}`,{error:!0})}}async function Di(e){try{let{nodeId:t,propertyName:n,propertyType:s,defaultValue:o}=e,r=await figma.getNodeByIdAsync(t);if(!r){N("property-added",{success:!1,propertyName:n,message:"Node not found"}),figma.notify("Node not found",{error:!0});return}let i=null;if(r.type==="COMPONENT"){let d=r;d.parent&&d.parent.type==="COMPONENT_SET"?i=d.parent:i=d}else if(r.type==="COMPONENT_SET")i=r;else if(r.type==="INSTANCE"){let d=await r.getMainComponentAsync();d&&(d.parent&&d.parent.type==="COMPONENT_SET"?i=d.parent:i=d)}if(!i){N("property-added",{success:!1,propertyName:n,message:"Selected node is not a component"}),figma.notify("Selected node is not a component",{error:!0});return}let a=i.componentPropertyDefinitions;for(let d of Object.keys(a))if(d.replace(/#\d+:\d+$/,"").toLowerCase()===n.toLowerCase()){N("property-added",{success:!1,propertyName:n,message:`Property "${n}" already exists`}),figma.notify(`Property "${n}" already exists`,{error:!0});return}let c;switch(s.toLowerCase()){case"boolean":c="BOOLEAN";break;case"text":c="TEXT";break;case"slot":c="INSTANCE_SWAP";break;case"variant":i.type==="COMPONENT_SET"?c="VARIANT":c="TEXT";break;default:c="TEXT"}i.addComponentProperty(n,c,o);let l="";if(c==="VARIANT"&&i.type==="COMPONENT_SET"&&e.variantOptions&&e.variantOptions.length>1){let d=i,p=[...d.children],u=e.variantOptions.slice(1),f=`${n}=${o}`,y=figma.currentPage,m=d;for(;m.parent&&m.parent.type!=="PAGE";)m=m.parent;let v=m.absoluteTransform[0][2],A=m.absoluteTransform[1][2],w=v,k=A+m.height+50,g=figma.createSection();g.name=`FigmaLint: ${n} Variants`,y.appendChild(g),g.x=w,g.y=k;let h=figma.createText();await figma.loadFontAsync({family:"Inter",style:"Medium"}),h.fontName={family:"Inter",style:"Medium"},h.characters=`New "${n}" variants \u2014 drag into the ComponentSet`,h.fontSize=14,h.fills=[{type:"SOLID",color:{r:.4,g:.4,b:.4}}],g.appendChild(h),h.x=24,h.y=24;let x=24,S=32,P=h.y+h.height+24,O=h.width+x*2;for(let M of u){let B=`${n}=${M}`,C=figma.createText();await figma.loadFontAsync({family:"Inter",style:"Semi Bold"}),C.fontName={family:"Inter",style:"Semi Bold"},C.characters=`${n}=${M}`,C.fontSize=12,C.fills=[{type:"SOLID",color:{r:.6,g:.3,b:.9}}],g.appendChild(C),C.x=x,C.y=P,P+=C.height+12;let $=x,b=0;for(let T of p){let L=T.clone();L.name=L.name.replace(f,B),g.appendChild(L),L.x=$,L.y=P,$+=L.width+S,b=Math.max(b,L.height)}O=Math.max(O,$-S+x),P+=b+S}g.resizeWithoutConstraints(Math.max(O,400),P+x),l=" \u2014 new variants created in staging section to the right"}N("property-added",{success:!0,propertyName:n,message:`Property "${n}" added successfully${l}`}),figma.notify(`Property "${n}" added${l?" (see staging section)":""}`,{timeout:3e3})}catch(t){console.error("Error adding component property:",t);let n=t instanceof Error?t.message:"Unknown error occurred";N("property-added",{success:!1,propertyName:e.propertyName,message:n}),figma.notify(`Failed to add property: ${n}`,{error:!0})}}var Vi={width:380,height:600,themeColors:!0};try{figma.showUI(__html__,Vi),console.log("\u2705 FigmaLint v2.0 - UI shown successfully")}catch(e){console.log("\u2139\uFE0F UI might already be shown in inspect panel:",e)}figma.ui.onmessage=$s;figma.on("selectionchange",()=>{let e=figma.currentPage.selection;figma.ui.postMessage({type:"selection-changed",data:{hasSelection:e.length>0,nodeId:e.length>0?e[0].id:null,nodeName:e.length>0?e[0].name:null}})});Fs();console.log("\u{1F680} FigmaLint v2.0 initialized with modular architecture");})();
diff --git a/dist/ui.html b/dist/ui.html
index 0c8bdcc..59cfe5e 100644
--- a/dist/ui.html
+++ b/dist/ui.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Design Review Chat</title>
-    <script type="module" crossorigin>(function(){const g=document.createElement("link").relList;if(g&&g.supports&&g.supports("modulepreload"))return;for(const x of document.querySelectorAll('link[rel="modulepreload"]'))o(x);new MutationObserver(x=>{for(const M of x)if(M.type==="childList")for(const D of M.addedNodes)D.tagName==="LINK"&&D.rel==="modulepreload"&&o(D)}).observe(document,{childList:!0,subtree:!0});function A(x){const M={};return x.integrity&&(M.integrity=x.integrity),x.referrerPolicy&&(M.referrerPolicy=x.referrerPolicy),x.crossOrigin==="use-credentials"?M.credentials="include":x.crossOrigin==="anonymous"?M.credentials="omit":M.credentials="same-origin",M}function o(x){if(x.ep)return;x.ep=!0;const M=A(x);fetch(x.href,M)}})();function Yd(f){return f&&f.__esModule&&Object.prototype.hasOwnProperty.call(f,"default")?f.default:f}var df={exports:{}},An={};/**
+    <script type="module" crossorigin>(function(){const g=document.createElement("link").relList;if(g&&g.supports&&g.supports("modulepreload"))return;for(const p of document.querySelectorAll('link[rel="modulepreload"]'))r(p);new MutationObserver(p=>{for(const S of p)if(S.type==="childList")for(const E of S.addedNodes)E.tagName==="LINK"&&E.rel==="modulepreload"&&r(E)}).observe(document,{childList:!0,subtree:!0});function j(p){const S={};return p.integrity&&(S.integrity=p.integrity),p.referrerPolicy&&(S.referrerPolicy=p.referrerPolicy),p.crossOrigin==="use-credentials"?S.credentials="include":p.crossOrigin==="anonymous"?S.credentials="omit":S.credentials="same-origin",S}function r(p){if(p.ep)return;p.ep=!0;const S=j(p);fetch(p.href,S)}})();function Gd(c){return c&&c.__esModule&&Object.prototype.hasOwnProperty.call(c,"default")?c.default:c}var os={exports:{}},Tn={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -12,7 +12,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Ad;function fy(){if(Ad)return An;Ad=1;var f=Symbol.for("react.transitional.element"),g=Symbol.for("react.fragment");function A(o,x,M){var D=null;if(M!==void 0&&(D=""+M),x.key!==void 0&&(D=""+x.key),"key"in x){M={};for(var q in x)q!=="key"&&(M[q]=x[q])}else M=x;return x=M.ref,{$$typeof:f,type:o,key:D,ref:x!==void 0?x:null,props:M}}return An.Fragment=g,An.jsx=A,An.jsxs=A,An}var Td;function sy(){return Td||(Td=1,df.exports=fy()),df.exports}var s=sy(),mf={exports:{}},k={};/**
+ */var Nd;function ry(){if(Nd)return Tn;Nd=1;var c=Symbol.for("react.transitional.element"),g=Symbol.for("react.fragment");function j(r,p,S){var E=null;if(S!==void 0&&(E=""+S),p.key!==void 0&&(E=""+p.key),"key"in p){S={};for(var C in p)C!=="key"&&(S[C]=p[C])}else S=p;return p=S.ref,{$$typeof:c,type:r,key:E,ref:p!==void 0?p:null,props:S}}return Tn.Fragment=g,Tn.jsx=j,Tn.jsxs=j,Tn}var jd;function oy(){return jd||(jd=1,os.exports=ry()),os.exports}var s=oy(),ds={exports:{}},F={};/**
  * @license React
  * react.production.js
  *
@@ -20,7 +20,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Ed;function oy(){if(Ed)return k;Ed=1;var f=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),D=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),T=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),B=Symbol.for("react.activity"),W=Symbol.iterator;function _(m){return m===null||typeof m!="object"?null:(m=W&&m[W]||m["@@iterator"],typeof m=="function"?m:null)}var H={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Z=Object.assign,ct={};function ut(m,j,C){this.props=m,this.context=j,this.refs=ct,this.updater=C||H}ut.prototype.isReactComponent={},ut.prototype.setState=function(m,j){if(typeof m!="object"&&typeof m!="function"&&m!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,m,j,"setState")},ut.prototype.forceUpdate=function(m){this.updater.enqueueForceUpdate(this,m,"forceUpdate")};function zt(){}zt.prototype=ut.prototype;function Bt(m,j,C){this.props=m,this.context=j,this.refs=ct,this.updater=C||H}var wt=Bt.prototype=new zt;wt.constructor=Bt,Z(wt,ut.prototype),wt.isPureReactComponent=!0;var yl=Array.isArray;function K(){}var U={H:null,A:null,T:null,S:null},G=Object.prototype.hasOwnProperty;function rt(m,j,C){var Q=C.ref;return{$$typeof:f,type:m,key:j,ref:Q!==void 0?Q:null,props:C}}function pt(m,j){return rt(m.type,j,m.props)}function $t(m){return typeof m=="object"&&m!==null&&m.$$typeof===f}function Wt(m){var j={"=":"=0",":":"=2"};return"$"+m.replace(/[=:]/g,function(C){return j[C]})}var Ee=/\/+/g;function Cl(m,j){return typeof m=="object"&&m!==null&&m.key!=null?Wt(""+m.key):j.toString(36)}function zl(m){switch(m.status){case"fulfilled":return m.value;case"rejected":throw m.reason;default:switch(typeof m.status=="string"?m.then(K,K):(m.status="pending",m.then(function(j){m.status==="pending"&&(m.status="fulfilled",m.value=j)},function(j){m.status==="pending"&&(m.status="rejected",m.reason=j)})),m.status){case"fulfilled":return m.value;case"rejected":throw m.reason}}throw m}function E(m,j,C,Q,F){var tt=typeof m;(tt==="undefined"||tt==="boolean")&&(m=null);var dt=!1;if(m===null)dt=!0;else switch(tt){case"bigint":case"string":case"number":dt=!0;break;case"object":switch(m.$$typeof){case f:case g:dt=!0;break;case J:return dt=m._init,E(dt(m._payload),j,C,Q,F)}}if(dt)return F=F(m),dt=Q===""?"."+Cl(m,0):Q,yl(F)?(C="",dt!=null&&(C=dt.replace(Ee,"$&/")+"/"),E(F,j,C,"",function(Ma){return Ma})):F!=null&&($t(F)&&(F=pt(F,C+(F.key==null||m&&m.key===F.key?"":(""+F.key).replace(Ee,"$&/")+"/")+dt)),j.push(F)),1;dt=0;var Jt=Q===""?".":Q+":";if(yl(m))for(var Mt=0;Mt<m.length;Mt++)Q=m[Mt],tt=Jt+Cl(Q,Mt),dt+=E(Q,j,C,tt,F);else if(Mt=_(m),typeof Mt=="function")for(m=Mt.call(m),Mt=0;!(Q=m.next()).done;)Q=Q.value,tt=Jt+Cl(Q,Mt++),dt+=E(Q,j,C,tt,F);else if(tt==="object"){if(typeof m.then=="function")return E(zl(m),j,C,Q,F);throw j=String(m),Error("Objects are not valid as a React child (found: "+(j==="[object Object]"?"object with keys {"+Object.keys(m).join(", ")+"}":j)+"). If you meant to render a collection of children, use an array instead.")}return dt}function R(m,j,C){if(m==null)return m;var Q=[],F=0;return E(m,Q,"","",function(tt){return j.call(C,tt,F++)}),Q}function w(m){if(m._status===-1){var j=m._result;j=j(),j.then(function(C){(m._status===0||m._status===-1)&&(m._status=1,m._result=C)},function(C){(m._status===0||m._status===-1)&&(m._status=2,m._result=C)}),m._status===-1&&(m._status=0,m._result=j)}if(m._status===1)return m._result.default;throw m._result}var gt=typeof reportError=="function"?reportError:function(m){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var j=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof m=="object"&&m!==null&&typeof m.message=="string"?String(m.message):String(m),error:m});if(!window.dispatchEvent(j))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",m);return}console.error(m)},xt={map:R,forEach:function(m,j,C){R(m,function(){j.apply(this,arguments)},C)},count:function(m){var j=0;return R(m,function(){j++}),j},toArray:function(m){return R(m,function(j){return j})||[]},only:function(m){if(!$t(m))throw Error("React.Children.only expected to receive a single React element child.");return m}};return k.Activity=B,k.Children=xt,k.Component=ut,k.Fragment=A,k.Profiler=x,k.PureComponent=Bt,k.StrictMode=o,k.Suspense=O,k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=U,k.__COMPILER_RUNTIME={__proto__:null,c:function(m){return U.H.useMemoCache(m)}},k.cache=function(m){return function(){return m.apply(null,arguments)}},k.cacheSignal=function(){return null},k.cloneElement=function(m,j,C){if(m==null)throw Error("The argument must be a React element, but you passed "+m+".");var Q=Z({},m.props),F=m.key;if(j!=null)for(tt in j.key!==void 0&&(F=""+j.key),j)!G.call(j,tt)||tt==="key"||tt==="__self"||tt==="__source"||tt==="ref"&&j.ref===void 0||(Q[tt]=j[tt]);var tt=arguments.length-2;if(tt===1)Q.children=C;else if(1<tt){for(var dt=Array(tt),Jt=0;Jt<tt;Jt++)dt[Jt]=arguments[Jt+2];Q.children=dt}return rt(m.type,F,Q)},k.createContext=function(m){return m={$$typeof:D,_currentValue:m,_currentValue2:m,_threadCount:0,Provider:null,Consumer:null},m.Provider=m,m.Consumer={$$typeof:M,_context:m},m},k.createElement=function(m,j,C){var Q,F={},tt=null;if(j!=null)for(Q in j.key!==void 0&&(tt=""+j.key),j)G.call(j,Q)&&Q!=="key"&&Q!=="__self"&&Q!=="__source"&&(F[Q]=j[Q]);var dt=arguments.length-2;if(dt===1)F.children=C;else if(1<dt){for(var Jt=Array(dt),Mt=0;Mt<dt;Mt++)Jt[Mt]=arguments[Mt+2];F.children=Jt}if(m&&m.defaultProps)for(Q in dt=m.defaultProps,dt)F[Q]===void 0&&(F[Q]=dt[Q]);return rt(m,tt,F)},k.createRef=function(){return{current:null}},k.forwardRef=function(m){return{$$typeof:q,render:m}},k.isValidElement=$t,k.lazy=function(m){return{$$typeof:J,_payload:{_status:-1,_result:m},_init:w}},k.memo=function(m,j){return{$$typeof:T,type:m,compare:j===void 0?null:j}},k.startTransition=function(m){var j=U.T,C={};U.T=C;try{var Q=m(),F=U.S;F!==null&&F(C,Q),typeof Q=="object"&&Q!==null&&typeof Q.then=="function"&&Q.then(K,gt)}catch(tt){gt(tt)}finally{j!==null&&C.types!==null&&(j.types=C.types),U.T=j}},k.unstable_useCacheRefresh=function(){return U.H.useCacheRefresh()},k.use=function(m){return U.H.use(m)},k.useActionState=function(m,j,C){return U.H.useActionState(m,j,C)},k.useCallback=function(m,j){return U.H.useCallback(m,j)},k.useContext=function(m){return U.H.useContext(m)},k.useDebugValue=function(){},k.useDeferredValue=function(m,j){return U.H.useDeferredValue(m,j)},k.useEffect=function(m,j){return U.H.useEffect(m,j)},k.useEffectEvent=function(m){return U.H.useEffectEvent(m)},k.useId=function(){return U.H.useId()},k.useImperativeHandle=function(m,j,C){return U.H.useImperativeHandle(m,j,C)},k.useInsertionEffect=function(m,j){return U.H.useInsertionEffect(m,j)},k.useLayoutEffect=function(m,j){return U.H.useLayoutEffect(m,j)},k.useMemo=function(m,j){return U.H.useMemo(m,j)},k.useOptimistic=function(m,j){return U.H.useOptimistic(m,j)},k.useReducer=function(m,j,C){return U.H.useReducer(m,j,C)},k.useRef=function(m){return U.H.useRef(m)},k.useState=function(m){return U.H.useState(m)},k.useSyncExternalStore=function(m,j,C){return U.H.useSyncExternalStore(m,j,C)},k.useTransition=function(){return U.H.useTransition()},k.version="19.2.4",k}var zd;function pf(){return zd||(zd=1,mf.exports=oy()),mf.exports}var $=pf();const ry=Yd($);var yf={exports:{}},Tn={},gf={exports:{}},hf={};/**
+ */var Ad;function dy(){if(Ad)return F;Ad=1;var c=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),E=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),q=Symbol.for("react.activity"),ne=Symbol.iterator;function ve(m){return m===null||typeof m!="object"?null:(m=ne&&m[ne]||m["@@iterator"],typeof m=="function"?m:null)}var ge={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},I=Object.assign,xe={};function D(m,_,H){this.props=m,this.context=_,this.refs=xe,this.updater=H||ge}D.prototype.isReactComponent={},D.prototype.setState=function(m,_){if(typeof m!="object"&&typeof m!="function"&&m!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,m,_,"setState")},D.prototype.forceUpdate=function(m){this.updater.enqueueForceUpdate(this,m,"forceUpdate")};function B(){}B.prototype=D.prototype;function U(m,_,H){this.props=m,this.context=_,this.refs=xe,this.updater=H||ge}var ae=U.prototype=new B;ae.constructor=U,I(ae,D.prototype),ae.isPureReactComponent=!0;var X=Array.isArray;function oe(){}var le={H:null,A:null,T:null,S:null},Xe=Object.prototype.hasOwnProperty;function yt(m,_,H){var G=H.ref;return{$$typeof:c,type:m,key:_,ref:G!==void 0?G:null,props:H}}function Ht(m,_){return yt(m.type,_,m.props)}function ht(m){return typeof m=="object"&&m!==null&&m.$$typeof===c}function J(m){var _={"=":"=0",":":"=2"};return"$"+m.replace(/[=:]/g,function(H){return _[H]})}var V=/\/+/g;function Q(m,_){return typeof m=="object"&&m!==null&&m.key!=null?J(""+m.key):_.toString(36)}function W(m){switch(m.status){case"fulfilled":return m.value;case"rejected":throw m.reason;default:switch(typeof m.status=="string"?m.then(oe,oe):(m.status="pending",m.then(function(_){m.status==="pending"&&(m.status="fulfilled",m.value=_)},function(_){m.status==="pending"&&(m.status="rejected",m.reason=_)})),m.status){case"fulfilled":return m.value;case"rejected":throw m.reason}}throw m}function x(m,_,H,G,P){var ue=typeof m;(ue==="undefined"||ue==="boolean")&&(m=null);var he=!1;if(m===null)he=!0;else switch(ue){case"bigint":case"string":case"number":he=!0;break;case"object":switch(m.$$typeof){case c:case g:he=!0;break;case Z:return he=m._init,x(he(m._payload),_,H,G,P)}}if(he)return P=P(m),he=G===""?"."+Q(m,0):G,X(P)?(H="",he!=null&&(H=he.replace(V,"$&/")+"/"),x(P,_,H,"",function(Da){return Da})):P!=null&&(ht(P)&&(P=Ht(P,H+(P.key==null||m&&m.key===P.key?"":(""+P.key).replace(V,"$&/")+"/")+he)),_.push(P)),1;he=0;var We=G===""?".":G+":";if(X(m))for(var Re=0;Re<m.length;Re++)G=m[Re],ue=We+Q(G,Re),he+=x(G,_,H,ue,P);else if(Re=ve(m),typeof Re=="function")for(m=Re.call(m),Re=0;!(G=m.next()).done;)G=G.value,ue=We+Q(G,Re++),he+=x(G,_,H,ue,P);else if(ue==="object"){if(typeof m.then=="function")return x(W(m),_,H,G,P);throw _=String(m),Error("Objects are not valid as a React child (found: "+(_==="[object Object]"?"object with keys {"+Object.keys(m).join(", ")+"}":_)+"). If you meant to render a collection of children, use an array instead.")}return he}function R(m,_,H){if(m==null)return m;var G=[],P=0;return x(m,G,"","",function(ue){return _.call(H,ue,P++)}),G}function $(m){if(m._status===-1){var _=m._result;_=_(),_.then(function(H){(m._status===0||m._status===-1)&&(m._status=1,m._result=H)},function(H){(m._status===0||m._status===-1)&&(m._status=2,m._result=H)}),m._status===-1&&(m._status=0,m._result=_)}if(m._status===1)return m._result.default;throw m._result}var Se=typeof reportError=="function"?reportError:function(m){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var _=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof m=="object"&&m!==null&&typeof m.message=="string"?String(m.message):String(m),error:m});if(!window.dispatchEvent(_))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",m);return}console.error(m)},Te={map:R,forEach:function(m,_,H){R(m,function(){_.apply(this,arguments)},H)},count:function(m){var _=0;return R(m,function(){_++}),_},toArray:function(m){return R(m,function(_){return _})||[]},only:function(m){if(!ht(m))throw Error("React.Children.only expected to receive a single React element child.");return m}};return F.Activity=q,F.Children=Te,F.Component=D,F.Fragment=j,F.Profiler=p,F.PureComponent=U,F.StrictMode=r,F.Suspense=O,F.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=le,F.__COMPILER_RUNTIME={__proto__:null,c:function(m){return le.H.useMemoCache(m)}},F.cache=function(m){return function(){return m.apply(null,arguments)}},F.cacheSignal=function(){return null},F.cloneElement=function(m,_,H){if(m==null)throw Error("The argument must be a React element, but you passed "+m+".");var G=I({},m.props),P=m.key;if(_!=null)for(ue in _.key!==void 0&&(P=""+_.key),_)!Xe.call(_,ue)||ue==="key"||ue==="__self"||ue==="__source"||ue==="ref"&&_.ref===void 0||(G[ue]=_[ue]);var ue=arguments.length-2;if(ue===1)G.children=H;else if(1<ue){for(var he=Array(ue),We=0;We<ue;We++)he[We]=arguments[We+2];G.children=he}return yt(m.type,P,G)},F.createContext=function(m){return m={$$typeof:E,_currentValue:m,_currentValue2:m,_threadCount:0,Provider:null,Consumer:null},m.Provider=m,m.Consumer={$$typeof:S,_context:m},m},F.createElement=function(m,_,H){var G,P={},ue=null;if(_!=null)for(G in _.key!==void 0&&(ue=""+_.key),_)Xe.call(_,G)&&G!=="key"&&G!=="__self"&&G!=="__source"&&(P[G]=_[G]);var he=arguments.length-2;if(he===1)P.children=H;else if(1<he){for(var We=Array(he),Re=0;Re<he;Re++)We[Re]=arguments[Re+2];P.children=We}if(m&&m.defaultProps)for(G in he=m.defaultProps,he)P[G]===void 0&&(P[G]=he[G]);return yt(m,ue,P)},F.createRef=function(){return{current:null}},F.forwardRef=function(m){return{$$typeof:C,render:m}},F.isValidElement=ht,F.lazy=function(m){return{$$typeof:Z,_payload:{_status:-1,_result:m},_init:$}},F.memo=function(m,_){return{$$typeof:A,type:m,compare:_===void 0?null:_}},F.startTransition=function(m){var _=le.T,H={};le.T=H;try{var G=m(),P=le.S;P!==null&&P(H,G),typeof G=="object"&&G!==null&&typeof G.then=="function"&&G.then(oe,Se)}catch(ue){Se(ue)}finally{_!==null&&H.types!==null&&(_.types=H.types),le.T=_}},F.unstable_useCacheRefresh=function(){return le.H.useCacheRefresh()},F.use=function(m){return le.H.use(m)},F.useActionState=function(m,_,H){return le.H.useActionState(m,_,H)},F.useCallback=function(m,_){return le.H.useCallback(m,_)},F.useContext=function(m){return le.H.useContext(m)},F.useDebugValue=function(){},F.useDeferredValue=function(m,_){return le.H.useDeferredValue(m,_)},F.useEffect=function(m,_){return le.H.useEffect(m,_)},F.useEffectEvent=function(m){return le.H.useEffectEvent(m)},F.useId=function(){return le.H.useId()},F.useImperativeHandle=function(m,_,H){return le.H.useImperativeHandle(m,_,H)},F.useInsertionEffect=function(m,_){return le.H.useInsertionEffect(m,_)},F.useLayoutEffect=function(m,_){return le.H.useLayoutEffect(m,_)},F.useMemo=function(m,_){return le.H.useMemo(m,_)},F.useOptimistic=function(m,_){return le.H.useOptimistic(m,_)},F.useReducer=function(m,_,H){return le.H.useReducer(m,_,H)},F.useRef=function(m){return le.H.useRef(m)},F.useState=function(m){return le.H.useState(m)},F.useSyncExternalStore=function(m,_,H){return le.H.useSyncExternalStore(m,_,H)},F.useTransition=function(){return le.H.useTransition()},F.version="19.2.4",F}var Td;function bs(){return Td||(Td=1,ds.exports=dy()),ds.exports}var K=bs();const my=Gd(K);var ms={exports:{}},En={},gs={exports:{}},ys={};/**
  * @license React
  * scheduler.production.js
  *
@@ -28,7 +28,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Nd;function dy(){return Nd||(Nd=1,(function(f){function g(E,R){var w=E.length;E.push(R);t:for(;0<w;){var gt=w-1>>>1,xt=E[gt];if(0<x(xt,R))E[gt]=R,E[w]=xt,w=gt;else break t}}function A(E){return E.length===0?null:E[0]}function o(E){if(E.length===0)return null;var R=E[0],w=E.pop();if(w!==R){E[0]=w;t:for(var gt=0,xt=E.length,m=xt>>>1;gt<m;){var j=2*(gt+1)-1,C=E[j],Q=j+1,F=E[Q];if(0>x(C,w))Q<xt&&0>x(F,C)?(E[gt]=F,E[Q]=w,gt=Q):(E[gt]=C,E[j]=w,gt=j);else if(Q<xt&&0>x(F,w))E[gt]=F,E[Q]=w,gt=Q;else break t}}return R}function x(E,R){var w=E.sortIndex-R.sortIndex;return w!==0?w:E.id-R.id}if(f.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var M=performance;f.unstable_now=function(){return M.now()}}else{var D=Date,q=D.now();f.unstable_now=function(){return D.now()-q}}var O=[],T=[],J=1,B=null,W=3,_=!1,H=!1,Z=!1,ct=!1,ut=typeof setTimeout=="function"?setTimeout:null,zt=typeof clearTimeout=="function"?clearTimeout:null,Bt=typeof setImmediate<"u"?setImmediate:null;function wt(E){for(var R=A(T);R!==null;){if(R.callback===null)o(T);else if(R.startTime<=E)o(T),R.sortIndex=R.expirationTime,g(O,R);else break;R=A(T)}}function yl(E){if(Z=!1,wt(E),!H)if(A(O)!==null)H=!0,K||(K=!0,Wt());else{var R=A(T);R!==null&&zl(yl,R.startTime-E)}}var K=!1,U=-1,G=5,rt=-1;function pt(){return ct?!0:!(f.unstable_now()-rt<G)}function $t(){if(ct=!1,K){var E=f.unstable_now();rt=E;var R=!0;try{t:{H=!1,Z&&(Z=!1,zt(U),U=-1),_=!0;var w=W;try{l:{for(wt(E),B=A(O);B!==null&&!(B.expirationTime>E&&pt());){var gt=B.callback;if(typeof gt=="function"){B.callback=null,W=B.priorityLevel;var xt=gt(B.expirationTime<=E);if(E=f.unstable_now(),typeof xt=="function"){B.callback=xt,wt(E),R=!0;break l}B===A(O)&&o(O),wt(E)}else o(O);B=A(O)}if(B!==null)R=!0;else{var m=A(T);m!==null&&zl(yl,m.startTime-E),R=!1}}break t}finally{B=null,W=w,_=!1}R=void 0}}finally{R?Wt():K=!1}}}var Wt;if(typeof Bt=="function")Wt=function(){Bt($t)};else if(typeof MessageChannel<"u"){var Ee=new MessageChannel,Cl=Ee.port2;Ee.port1.onmessage=$t,Wt=function(){Cl.postMessage(null)}}else Wt=function(){ut($t,0)};function zl(E,R){U=ut(function(){E(f.unstable_now())},R)}f.unstable_IdlePriority=5,f.unstable_ImmediatePriority=1,f.unstable_LowPriority=4,f.unstable_NormalPriority=3,f.unstable_Profiling=null,f.unstable_UserBlockingPriority=2,f.unstable_cancelCallback=function(E){E.callback=null},f.unstable_forceFrameRate=function(E){0>E||125<E?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):G=0<E?Math.floor(1e3/E):5},f.unstable_getCurrentPriorityLevel=function(){return W},f.unstable_next=function(E){switch(W){case 1:case 2:case 3:var R=3;break;default:R=W}var w=W;W=R;try{return E()}finally{W=w}},f.unstable_requestPaint=function(){ct=!0},f.unstable_runWithPriority=function(E,R){switch(E){case 1:case 2:case 3:case 4:case 5:break;default:E=3}var w=W;W=E;try{return R()}finally{W=w}},f.unstable_scheduleCallback=function(E,R,w){var gt=f.unstable_now();switch(typeof w=="object"&&w!==null?(w=w.delay,w=typeof w=="number"&&0<w?gt+w:gt):w=gt,E){case 1:var xt=-1;break;case 2:xt=250;break;case 5:xt=1073741823;break;case 4:xt=1e4;break;default:xt=5e3}return xt=w+xt,E={id:J++,callback:R,priorityLevel:E,startTime:w,expirationTime:xt,sortIndex:-1},w>gt?(E.sortIndex=w,g(T,E),A(O)===null&&E===A(T)&&(Z?(zt(U),U=-1):Z=!0,zl(yl,w-gt))):(E.sortIndex=xt,g(O,E),H||_||(H=!0,K||(K=!0,Wt()))),E},f.unstable_shouldYield=pt,f.unstable_wrapCallback=function(E){var R=W;return function(){var w=W;W=R;try{return E.apply(this,arguments)}finally{W=w}}}})(hf)),hf}var jd;function my(){return jd||(jd=1,gf.exports=dy()),gf.exports}var vf={exports:{}},Kt={};/**
+ */var Ed;function gy(){return Ed||(Ed=1,(function(c){function g(x,R){var $=x.length;x.push(R);e:for(;0<$;){var Se=$-1>>>1,Te=x[Se];if(0<p(Te,R))x[Se]=R,x[$]=Te,$=Se;else break e}}function j(x){return x.length===0?null:x[0]}function r(x){if(x.length===0)return null;var R=x[0],$=x.pop();if($!==R){x[0]=$;e:for(var Se=0,Te=x.length,m=Te>>>1;Se<m;){var _=2*(Se+1)-1,H=x[_],G=_+1,P=x[G];if(0>p(H,$))G<Te&&0>p(P,H)?(x[Se]=P,x[G]=$,Se=G):(x[Se]=H,x[_]=$,Se=_);else if(G<Te&&0>p(P,$))x[Se]=P,x[G]=$,Se=G;else break e}}return R}function p(x,R){var $=x.sortIndex-R.sortIndex;return $!==0?$:x.id-R.id}if(c.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var S=performance;c.unstable_now=function(){return S.now()}}else{var E=Date,C=E.now();c.unstable_now=function(){return E.now()-C}}var O=[],A=[],Z=1,q=null,ne=3,ve=!1,ge=!1,I=!1,xe=!1,D=typeof setTimeout=="function"?setTimeout:null,B=typeof clearTimeout=="function"?clearTimeout:null,U=typeof setImmediate<"u"?setImmediate:null;function ae(x){for(var R=j(A);R!==null;){if(R.callback===null)r(A);else if(R.startTime<=x)r(A),R.sortIndex=R.expirationTime,g(O,R);else break;R=j(A)}}function X(x){if(I=!1,ae(x),!ge)if(j(O)!==null)ge=!0,oe||(oe=!0,J());else{var R=j(A);R!==null&&W(X,R.startTime-x)}}var oe=!1,le=-1,Xe=5,yt=-1;function Ht(){return xe?!0:!(c.unstable_now()-yt<Xe)}function ht(){if(xe=!1,oe){var x=c.unstable_now();yt=x;var R=!0;try{e:{ge=!1,I&&(I=!1,B(le),le=-1),ve=!0;var $=ne;try{t:{for(ae(x),q=j(O);q!==null&&!(q.expirationTime>x&&Ht());){var Se=q.callback;if(typeof Se=="function"){q.callback=null,ne=q.priorityLevel;var Te=Se(q.expirationTime<=x);if(x=c.unstable_now(),typeof Te=="function"){q.callback=Te,ae(x),R=!0;break t}q===j(O)&&r(O),ae(x)}else r(O);q=j(O)}if(q!==null)R=!0;else{var m=j(A);m!==null&&W(X,m.startTime-x),R=!1}}break e}finally{q=null,ne=$,ve=!1}R=void 0}}finally{R?J():oe=!1}}}var J;if(typeof U=="function")J=function(){U(ht)};else if(typeof MessageChannel<"u"){var V=new MessageChannel,Q=V.port2;V.port1.onmessage=ht,J=function(){Q.postMessage(null)}}else J=function(){D(ht,0)};function W(x,R){le=D(function(){x(c.unstable_now())},R)}c.unstable_IdlePriority=5,c.unstable_ImmediatePriority=1,c.unstable_LowPriority=4,c.unstable_NormalPriority=3,c.unstable_Profiling=null,c.unstable_UserBlockingPriority=2,c.unstable_cancelCallback=function(x){x.callback=null},c.unstable_forceFrameRate=function(x){0>x||125<x?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):Xe=0<x?Math.floor(1e3/x):5},c.unstable_getCurrentPriorityLevel=function(){return ne},c.unstable_next=function(x){switch(ne){case 1:case 2:case 3:var R=3;break;default:R=ne}var $=ne;ne=R;try{return x()}finally{ne=$}},c.unstable_requestPaint=function(){xe=!0},c.unstable_runWithPriority=function(x,R){switch(x){case 1:case 2:case 3:case 4:case 5:break;default:x=3}var $=ne;ne=x;try{return R()}finally{ne=$}},c.unstable_scheduleCallback=function(x,R,$){var Se=c.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?Se+$:Se):$=Se,x){case 1:var Te=-1;break;case 2:Te=250;break;case 5:Te=1073741823;break;case 4:Te=1e4;break;default:Te=5e3}return Te=$+Te,x={id:Z++,callback:R,priorityLevel:x,startTime:$,expirationTime:Te,sortIndex:-1},$>Se?(x.sortIndex=$,g(A,x),j(O)===null&&x===j(A)&&(I?(B(le),le=-1):I=!0,W(X,$-Se))):(x.sortIndex=Te,g(O,x),ge||ve||(ge=!0,oe||(oe=!0,J()))),x},c.unstable_shouldYield=Ht,c.unstable_wrapCallback=function(x){var R=ne;return function(){var $=ne;ne=R;try{return x.apply(this,arguments)}finally{ne=$}}}})(ys)),ys}var zd;function yy(){return zd||(zd=1,gs.exports=gy()),gs.exports}var hs={exports:{}},$e={};/**
  * @license React
  * react-dom.production.js
  *
@@ -36,7 +36,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Md;function yy(){if(Md)return Kt;Md=1;var f=pf();function g(O){var T="https://react.dev/errors/"+O;if(1<arguments.length){T+="?args[]="+encodeURIComponent(arguments[1]);for(var J=2;J<arguments.length;J++)T+="&args[]="+encodeURIComponent(arguments[J])}return"Minified React error #"+O+"; visit "+T+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function A(){}var o={d:{f:A,r:function(){throw Error(g(522))},D:A,C:A,L:A,m:A,X:A,S:A,M:A},p:0,findDOMNode:null},x=Symbol.for("react.portal");function M(O,T,J){var B=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:x,key:B==null?null:""+B,children:O,containerInfo:T,implementation:J}}var D=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function q(O,T){if(O==="font")return"";if(typeof T=="string")return T==="use-credentials"?T:""}return Kt.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=o,Kt.createPortal=function(O,T){var J=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!T||T.nodeType!==1&&T.nodeType!==9&&T.nodeType!==11)throw Error(g(299));return M(O,T,null,J)},Kt.flushSync=function(O){var T=D.T,J=o.p;try{if(D.T=null,o.p=2,O)return O()}finally{D.T=T,o.p=J,o.d.f()}},Kt.preconnect=function(O,T){typeof O=="string"&&(T?(T=T.crossOrigin,T=typeof T=="string"?T==="use-credentials"?T:"":void 0):T=null,o.d.C(O,T))},Kt.prefetchDNS=function(O){typeof O=="string"&&o.d.D(O)},Kt.preinit=function(O,T){if(typeof O=="string"&&T&&typeof T.as=="string"){var J=T.as,B=q(J,T.crossOrigin),W=typeof T.integrity=="string"?T.integrity:void 0,_=typeof T.fetchPriority=="string"?T.fetchPriority:void 0;J==="style"?o.d.S(O,typeof T.precedence=="string"?T.precedence:void 0,{crossOrigin:B,integrity:W,fetchPriority:_}):J==="script"&&o.d.X(O,{crossOrigin:B,integrity:W,fetchPriority:_,nonce:typeof T.nonce=="string"?T.nonce:void 0})}},Kt.preinitModule=function(O,T){if(typeof O=="string")if(typeof T=="object"&&T!==null){if(T.as==null||T.as==="script"){var J=q(T.as,T.crossOrigin);o.d.M(O,{crossOrigin:J,integrity:typeof T.integrity=="string"?T.integrity:void 0,nonce:typeof T.nonce=="string"?T.nonce:void 0})}}else T==null&&o.d.M(O)},Kt.preload=function(O,T){if(typeof O=="string"&&typeof T=="object"&&T!==null&&typeof T.as=="string"){var J=T.as,B=q(J,T.crossOrigin);o.d.L(O,J,{crossOrigin:B,integrity:typeof T.integrity=="string"?T.integrity:void 0,nonce:typeof T.nonce=="string"?T.nonce:void 0,type:typeof T.type=="string"?T.type:void 0,fetchPriority:typeof T.fetchPriority=="string"?T.fetchPriority:void 0,referrerPolicy:typeof T.referrerPolicy=="string"?T.referrerPolicy:void 0,imageSrcSet:typeof T.imageSrcSet=="string"?T.imageSrcSet:void 0,imageSizes:typeof T.imageSizes=="string"?T.imageSizes:void 0,media:typeof T.media=="string"?T.media:void 0})}},Kt.preloadModule=function(O,T){if(typeof O=="string")if(T){var J=q(T.as,T.crossOrigin);o.d.m(O,{as:typeof T.as=="string"&&T.as!=="script"?T.as:void 0,crossOrigin:J,integrity:typeof T.integrity=="string"?T.integrity:void 0})}else o.d.m(O)},Kt.requestFormReset=function(O){o.d.r(O)},Kt.unstable_batchedUpdates=function(O,T){return O(T)},Kt.useFormState=function(O,T,J){return D.H.useFormState(O,T,J)},Kt.useFormStatus=function(){return D.H.useHostTransitionStatus()},Kt.version="19.2.4",Kt}var _d;function gy(){if(_d)return vf.exports;_d=1;function f(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(f)}catch(g){console.error(g)}}return f(),vf.exports=yy(),vf.exports}/**
+ */var Md;function hy(){if(Md)return $e;Md=1;var c=bs();function g(O){var A="https://react.dev/errors/"+O;if(1<arguments.length){A+="?args[]="+encodeURIComponent(arguments[1]);for(var Z=2;Z<arguments.length;Z++)A+="&args[]="+encodeURIComponent(arguments[Z])}return"Minified React error #"+O+"; visit "+A+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function j(){}var r={d:{f:j,r:function(){throw Error(g(522))},D:j,C:j,L:j,m:j,X:j,S:j,M:j},p:0,findDOMNode:null},p=Symbol.for("react.portal");function S(O,A,Z){var q=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:p,key:q==null?null:""+q,children:O,containerInfo:A,implementation:Z}}var E=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function C(O,A){if(O==="font")return"";if(typeof A=="string")return A==="use-credentials"?A:""}return $e.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=r,$e.createPortal=function(O,A){var Z=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!A||A.nodeType!==1&&A.nodeType!==9&&A.nodeType!==11)throw Error(g(299));return S(O,A,null,Z)},$e.flushSync=function(O){var A=E.T,Z=r.p;try{if(E.T=null,r.p=2,O)return O()}finally{E.T=A,r.p=Z,r.d.f()}},$e.preconnect=function(O,A){typeof O=="string"&&(A?(A=A.crossOrigin,A=typeof A=="string"?A==="use-credentials"?A:"":void 0):A=null,r.d.C(O,A))},$e.prefetchDNS=function(O){typeof O=="string"&&r.d.D(O)},$e.preinit=function(O,A){if(typeof O=="string"&&A&&typeof A.as=="string"){var Z=A.as,q=C(Z,A.crossOrigin),ne=typeof A.integrity=="string"?A.integrity:void 0,ve=typeof A.fetchPriority=="string"?A.fetchPriority:void 0;Z==="style"?r.d.S(O,typeof A.precedence=="string"?A.precedence:void 0,{crossOrigin:q,integrity:ne,fetchPriority:ve}):Z==="script"&&r.d.X(O,{crossOrigin:q,integrity:ne,fetchPriority:ve,nonce:typeof A.nonce=="string"?A.nonce:void 0})}},$e.preinitModule=function(O,A){if(typeof O=="string")if(typeof A=="object"&&A!==null){if(A.as==null||A.as==="script"){var Z=C(A.as,A.crossOrigin);r.d.M(O,{crossOrigin:Z,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0})}}else A==null&&r.d.M(O)},$e.preload=function(O,A){if(typeof O=="string"&&typeof A=="object"&&A!==null&&typeof A.as=="string"){var Z=A.as,q=C(Z,A.crossOrigin);r.d.L(O,Z,{crossOrigin:q,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0,type:typeof A.type=="string"?A.type:void 0,fetchPriority:typeof A.fetchPriority=="string"?A.fetchPriority:void 0,referrerPolicy:typeof A.referrerPolicy=="string"?A.referrerPolicy:void 0,imageSrcSet:typeof A.imageSrcSet=="string"?A.imageSrcSet:void 0,imageSizes:typeof A.imageSizes=="string"?A.imageSizes:void 0,media:typeof A.media=="string"?A.media:void 0})}},$e.preloadModule=function(O,A){if(typeof O=="string")if(A){var Z=C(A.as,A.crossOrigin);r.d.m(O,{as:typeof A.as=="string"&&A.as!=="script"?A.as:void 0,crossOrigin:Z,integrity:typeof A.integrity=="string"?A.integrity:void 0})}else r.d.m(O)},$e.requestFormReset=function(O){r.d.r(O)},$e.unstable_batchedUpdates=function(O,A){return O(A)},$e.useFormState=function(O,A,Z){return E.H.useFormState(O,A,Z)},$e.useFormStatus=function(){return E.H.useHostTransitionStatus()},$e.version="19.2.4",$e}var _d;function vy(){if(_d)return hs.exports;_d=1;function c(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(c)}catch(g){console.error(g)}}return c(),hs.exports=hy(),hs.exports}/**
  * @license React
  * react-dom-client.production.js
  *
@@ -44,30 +44,30 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Od;function hy(){if(Od)return Tn;Od=1;var f=my(),g=pf(),A=gy();function o(t){var l="https://react.dev/errors/"+t;if(1<arguments.length){l+="?args[]="+encodeURIComponent(arguments[1]);for(var e=2;e<arguments.length;e++)l+="&args[]="+encodeURIComponent(arguments[e])}return"Minified React error #"+t+"; visit "+l+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function x(t){return!(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)}function M(t){var l=t,e=t;if(t.alternate)for(;l.return;)l=l.return;else{t=l;do l=t,(l.flags&4098)!==0&&(e=l.return),t=l.return;while(t)}return l.tag===3?e:null}function D(t){if(t.tag===13){var l=t.memoizedState;if(l===null&&(t=t.alternate,t!==null&&(l=t.memoizedState)),l!==null)return l.dehydrated}return null}function q(t){if(t.tag===31){var l=t.memoizedState;if(l===null&&(t=t.alternate,t!==null&&(l=t.memoizedState)),l!==null)return l.dehydrated}return null}function O(t){if(M(t)!==t)throw Error(o(188))}function T(t){var l=t.alternate;if(!l){if(l=M(t),l===null)throw Error(o(188));return l!==t?null:t}for(var e=t,a=l;;){var n=e.return;if(n===null)break;var u=n.alternate;if(u===null){if(a=n.return,a!==null){e=a;continue}break}if(n.child===u.child){for(u=n.child;u;){if(u===e)return O(n),t;if(u===a)return O(n),l;u=u.sibling}throw Error(o(188))}if(e.return!==a.return)e=n,a=u;else{for(var i=!1,c=n.child;c;){if(c===e){i=!0,e=n,a=u;break}if(c===a){i=!0,a=n,e=u;break}c=c.sibling}if(!i){for(c=u.child;c;){if(c===e){i=!0,e=u,a=n;break}if(c===a){i=!0,a=u,e=n;break}c=c.sibling}if(!i)throw Error(o(189))}}if(e.alternate!==a)throw Error(o(190))}if(e.tag!==3)throw Error(o(188));return e.stateNode.current===e?t:l}function J(t){var l=t.tag;if(l===5||l===26||l===27||l===6)return t;for(t=t.child;t!==null;){if(l=J(t),l!==null)return l;t=t.sibling}return null}var B=Object.assign,W=Symbol.for("react.element"),_=Symbol.for("react.transitional.element"),H=Symbol.for("react.portal"),Z=Symbol.for("react.fragment"),ct=Symbol.for("react.strict_mode"),ut=Symbol.for("react.profiler"),zt=Symbol.for("react.consumer"),Bt=Symbol.for("react.context"),wt=Symbol.for("react.forward_ref"),yl=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),U=Symbol.for("react.memo"),G=Symbol.for("react.lazy"),rt=Symbol.for("react.activity"),pt=Symbol.for("react.memo_cache_sentinel"),$t=Symbol.iterator;function Wt(t){return t===null||typeof t!="object"?null:(t=$t&&t[$t]||t["@@iterator"],typeof t=="function"?t:null)}var Ee=Symbol.for("react.client.reference");function Cl(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===Ee?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case Z:return"Fragment";case ut:return"Profiler";case ct:return"StrictMode";case yl:return"Suspense";case K:return"SuspenseList";case rt:return"Activity"}if(typeof t=="object")switch(t.$$typeof){case H:return"Portal";case Bt:return t.displayName||"Context";case zt:return(t._context.displayName||"Context")+".Consumer";case wt:var l=t.render;return t=t.displayName,t||(t=l.displayName||l.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case U:return l=t.displayName||null,l!==null?l:Cl(t.type)||"Memo";case G:l=t._payload,t=t._init;try{return Cl(t(l))}catch{}}return null}var zl=Array.isArray,E=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,R=A.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,w={pending:!1,data:null,method:null,action:null},gt=[],xt=-1;function m(t){return{current:t}}function j(t){0>xt||(t.current=gt[xt],gt[xt]=null,xt--)}function C(t,l){xt++,gt[xt]=t.current,t.current=l}var Q=m(null),F=m(null),tt=m(null),dt=m(null);function Jt(t,l){switch(C(tt,l),C(F,t),C(Q,null),l.nodeType){case 9:case 11:t=(t=l.documentElement)&&(t=t.namespaceURI)?Kr(t):0;break;default:if(t=l.tagName,l=l.namespaceURI)l=Kr(l),t=wr(l,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}j(Q),C(Q,t)}function Mt(){j(Q),j(F),j(tt)}function Ma(t){t.memoizedState!==null&&C(dt,t);var l=Q.current,e=wr(l,t.type);l!==e&&(C(F,t),C(Q,e))}function jn(t){F.current===t&&(j(Q),j(F)),dt.current===t&&(j(dt),bn._currentValue=w)}var Ju,xf;function ze(t){if(Ju===void 0)try{throw Error()}catch(e){var l=e.stack.trim().match(/\n( *(at )?)/);Ju=l&&l[1]||"",xf=-1<e.stack.indexOf(`
-    at`)?" (<anonymous>)":-1<e.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+Ju+t+xf}var ku=!1;function $u(t,l){if(!t||ku)return"";ku=!0;var e=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var a={DetermineComponentFrameRoot:function(){try{if(l){var N=function(){throw Error()};if(Object.defineProperty(N.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(N,[])}catch(p){var b=p}Reflect.construct(t,[],N)}else{try{N.call()}catch(p){b=p}t.call(N.prototype)}}else{try{throw Error()}catch(p){b=p}(N=t())&&typeof N.catch=="function"&&N.catch(function(){})}}catch(p){if(p&&b&&typeof p.stack=="string")return[p.stack,b.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var n=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");n&&n.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var u=a.DetermineComponentFrameRoot(),i=u[0],c=u[1];if(i&&c){var r=i.split(`
-`),v=c.split(`
-`);for(n=a=0;a<r.length&&!r[a].includes("DetermineComponentFrameRoot");)a++;for(;n<v.length&&!v[n].includes("DetermineComponentFrameRoot");)n++;if(a===r.length||n===v.length)for(a=r.length-1,n=v.length-1;1<=a&&0<=n&&r[a]!==v[n];)n--;for(;1<=a&&0<=n;a--,n--)if(r[a]!==v[n]){if(a!==1||n!==1)do if(a--,n--,0>n||r[a]!==v[n]){var S=`
-`+r[a].replace(" at new "," at ");return t.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",t.displayName)),S}while(1<=a&&0<=n);break}}}finally{ku=!1,Error.prepareStackTrace=e}return(e=t?t.displayName||t.name:"")?ze(e):""}function Gd(t,l){switch(t.tag){case 26:case 27:case 5:return ze(t.type);case 16:return ze("Lazy");case 13:return t.child!==l&&l!==null?ze("Suspense Fallback"):ze("Suspense");case 19:return ze("SuspenseList");case 0:case 15:return $u(t.type,!1);case 11:return $u(t.type.render,!1);case 1:return $u(t.type,!0);case 31:return ze("Activity");default:return""}}function Sf(t){try{var l="",e=null;do l+=Gd(t,e),e=t,t=t.return;while(t);return l}catch(a){return`
+ */var Od;function by(){if(Od)return En;Od=1;var c=yy(),g=bs(),j=vy();function r(e){var t="https://react.dev/errors/"+e;if(1<arguments.length){t+="?args[]="+encodeURIComponent(arguments[1]);for(var l=2;l<arguments.length;l++)t+="&args[]="+encodeURIComponent(arguments[l])}return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function p(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function S(e){var t=e,l=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,(t.flags&4098)!==0&&(l=t.return),e=t.return;while(e)}return t.tag===3?l:null}function E(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function C(e){if(e.tag===31){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function O(e){if(S(e)!==e)throw Error(r(188))}function A(e){var t=e.alternate;if(!t){if(t=S(e),t===null)throw Error(r(188));return t!==e?null:e}for(var l=e,a=t;;){var n=l.return;if(n===null)break;var u=n.alternate;if(u===null){if(a=n.return,a!==null){l=a;continue}break}if(n.child===u.child){for(u=n.child;u;){if(u===l)return O(n),e;if(u===a)return O(n),t;u=u.sibling}throw Error(r(188))}if(l.return!==a.return)l=n,a=u;else{for(var i=!1,f=n.child;f;){if(f===l){i=!0,l=n,a=u;break}if(f===a){i=!0,a=n,l=u;break}f=f.sibling}if(!i){for(f=u.child;f;){if(f===l){i=!0,l=u,a=n;break}if(f===a){i=!0,a=u,l=n;break}f=f.sibling}if(!i)throw Error(r(189))}}if(l.alternate!==a)throw Error(r(190))}if(l.tag!==3)throw Error(r(188));return l.stateNode.current===l?e:t}function Z(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e;for(e=e.child;e!==null;){if(t=Z(e),t!==null)return t;e=e.sibling}return null}var q=Object.assign,ne=Symbol.for("react.element"),ve=Symbol.for("react.transitional.element"),ge=Symbol.for("react.portal"),I=Symbol.for("react.fragment"),xe=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),B=Symbol.for("react.consumer"),U=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),le=Symbol.for("react.memo"),Xe=Symbol.for("react.lazy"),yt=Symbol.for("react.activity"),Ht=Symbol.for("react.memo_cache_sentinel"),ht=Symbol.iterator;function J(e){return e===null||typeof e!="object"?null:(e=ht&&e[ht]||e["@@iterator"],typeof e=="function"?e:null)}var V=Symbol.for("react.client.reference");function Q(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===V?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case I:return"Fragment";case D:return"Profiler";case xe:return"StrictMode";case X:return"Suspense";case oe:return"SuspenseList";case yt:return"Activity"}if(typeof e=="object")switch(e.$$typeof){case ge:return"Portal";case U:return e.displayName||"Context";case B:return(e._context.displayName||"Context")+".Consumer";case ae:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case le:return t=e.displayName||null,t!==null?t:Q(e.type)||"Memo";case Xe:t=e._payload,e=e._init;try{return Q(e(t))}catch{}}return null}var W=Array.isArray,x=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,R=j.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$={pending:!1,data:null,method:null,action:null},Se=[],Te=-1;function m(e){return{current:e}}function _(e){0>Te||(e.current=Se[Te],Se[Te]=null,Te--)}function H(e,t){Te++,Se[Te]=e.current,e.current=t}var G=m(null),P=m(null),ue=m(null),he=m(null);function We(e,t){switch(H(ue,t),H(P,e),H(G,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?wo(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=wo(t),e=Ko(t,e);else switch(e){case"svg":e=1;break;case"math":e=2;break;default:e=0}}_(G),H(G,e)}function Re(){_(G),_(P),_(ue)}function Da(e){e.memoizedState!==null&&H(he,e);var t=G.current,l=Ko(t,e.type);t!==l&&(H(P,e),H(G,l))}function Mn(e){P.current===e&&(_(G),_(P)),he.current===e&&(_(he),Sn._currentValue=$)}var Ju,ps;function zl(e){if(Ju===void 0)try{throw Error()}catch(l){var t=l.stack.trim().match(/\n( *(at )?)/);Ju=t&&t[1]||"",ps=-1<l.stack.indexOf(`
+    at`)?" (<anonymous>)":-1<l.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+Ju+e+ps}var ku=!1;function $u(e,t){if(!e||ku)return"";ku=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var a={DetermineComponentFrameRoot:function(){try{if(t){var M=function(){throw Error()};if(Object.defineProperty(M.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(M,[])}catch(N){var b=N}Reflect.construct(e,[],M)}else{try{M.call()}catch(N){b=N}e.call(M.prototype)}}else{try{throw Error()}catch(N){b=N}(M=e())&&typeof M.catch=="function"&&M.catch(function(){})}}catch(N){if(N&&b&&typeof N.stack=="string")return[N.stack,b.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var n=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");n&&n.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var u=a.DetermineComponentFrameRoot(),i=u[0],f=u[1];if(i&&f){var o=i.split(`
+`),v=f.split(`
+`);for(n=a=0;a<o.length&&!o[a].includes("DetermineComponentFrameRoot");)a++;for(;n<v.length&&!v[n].includes("DetermineComponentFrameRoot");)n++;if(a===o.length||n===v.length)for(a=o.length-1,n=v.length-1;1<=a&&0<=n&&o[a]!==v[n];)n--;for(;1<=a&&0<=n;a--,n--)if(o[a]!==v[n]){if(a!==1||n!==1)do if(a--,n--,0>n||o[a]!==v[n]){var T=`
+`+o[a].replace(" at new "," at ");return e.displayName&&T.includes("<anonymous>")&&(T=T.replace("<anonymous>",e.displayName)),T}while(1<=a&&0<=n);break}}}finally{ku=!1,Error.prepareStackTrace=l}return(l=e?e.displayName||e.name:"")?zl(l):""}function Xd(e,t){switch(e.tag){case 26:case 27:case 5:return zl(e.type);case 16:return zl("Lazy");case 13:return e.child!==t&&t!==null?zl("Suspense Fallback"):zl("Suspense");case 19:return zl("SuspenseList");case 0:case 15:return $u(e.type,!1);case 11:return $u(e.type.render,!1);case 1:return $u(e.type,!0);case 31:return zl("Activity");default:return""}}function xs(e){try{var t="",l=null;do t+=Xd(e,l),l=e,e=e.return;while(e);return t}catch(a){return`
 Error generating stack: `+a.message+`
-`+a.stack}}var Wu=Object.prototype.hasOwnProperty,Fu=f.unstable_scheduleCallback,Iu=f.unstable_cancelCallback,Qd=f.unstable_shouldYield,Xd=f.unstable_requestPaint,nl=f.unstable_now,Zd=f.unstable_getCurrentPriorityLevel,Af=f.unstable_ImmediatePriority,Tf=f.unstable_UserBlockingPriority,Mn=f.unstable_NormalPriority,Vd=f.unstable_LowPriority,Ef=f.unstable_IdlePriority,Ld=f.log,Kd=f.unstable_setDisableYieldValue,_a=null,ul=null;function Pl(t){if(typeof Ld=="function"&&Kd(t),ul&&typeof ul.setStrictMode=="function")try{ul.setStrictMode(_a,t)}catch{}}var il=Math.clz32?Math.clz32:kd,wd=Math.log,Jd=Math.LN2;function kd(t){return t>>>=0,t===0?32:31-(wd(t)/Jd|0)|0}var _n=256,On=262144,Dn=4194304;function Ne(t){var l=t&42;if(l!==0)return l;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return t&261888;case 262144:case 524288:case 1048576:case 2097152:return t&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function Rn(t,l,e){var a=t.pendingLanes;if(a===0)return 0;var n=0,u=t.suspendedLanes,i=t.pingedLanes;t=t.warmLanes;var c=a&134217727;return c!==0?(a=c&~u,a!==0?n=Ne(a):(i&=c,i!==0?n=Ne(i):e||(e=c&~t,e!==0&&(n=Ne(e))))):(c=a&~u,c!==0?n=Ne(c):i!==0?n=Ne(i):e||(e=a&~t,e!==0&&(n=Ne(e)))),n===0?0:l!==0&&l!==n&&(l&u)===0&&(u=n&-n,e=l&-l,u>=e||u===32&&(e&4194048)!==0)?l:n}function Oa(t,l){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&l)===0}function $d(t,l){switch(t){case 1:case 2:case 4:case 8:case 64:return l+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return l+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function zf(){var t=Dn;return Dn<<=1,(Dn&62914560)===0&&(Dn=4194304),t}function Pu(t){for(var l=[],e=0;31>e;e++)l.push(t);return l}function Da(t,l){t.pendingLanes|=l,l!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function Wd(t,l,e,a,n,u){var i=t.pendingLanes;t.pendingLanes=e,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=e,t.entangledLanes&=e,t.errorRecoveryDisabledLanes&=e,t.shellSuspendCounter=0;var c=t.entanglements,r=t.expirationTimes,v=t.hiddenUpdates;for(e=i&~e;0<e;){var S=31-il(e),N=1<<S;c[S]=0,r[S]=-1;var b=v[S];if(b!==null)for(v[S]=null,S=0;S<b.length;S++){var p=b[S];p!==null&&(p.lane&=-536870913)}e&=~N}a!==0&&Nf(t,a,0),u!==0&&n===0&&t.tag!==0&&(t.suspendedLanes|=u&~(i&~l))}function Nf(t,l,e){t.pendingLanes|=l,t.suspendedLanes&=~l;var a=31-il(l);t.entangledLanes|=l,t.entanglements[a]=t.entanglements[a]|1073741824|e&261930}function jf(t,l){var e=t.entangledLanes|=l;for(t=t.entanglements;e;){var a=31-il(e),n=1<<a;n&l|t[a]&l&&(t[a]|=l),e&=~n}}function Mf(t,l){var e=l&-l;return e=(e&42)!==0?1:ti(e),(e&(t.suspendedLanes|l))!==0?0:e}function ti(t){switch(t){case 2:t=1;break;case 8:t=4;break;case 32:t=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:t=128;break;case 268435456:t=134217728;break;default:t=0}return t}function li(t){return t&=-t,2<t?8<t?(t&134217727)!==0?32:268435456:8:2}function _f(){var t=R.p;return t!==0?t:(t=window.event,t===void 0?32:gd(t.type))}function Of(t,l){var e=R.p;try{return R.p=t,l()}finally{R.p=e}}var te=Math.random().toString(36).slice(2),Qt="__reactFiber$"+te,Ft="__reactProps$"+te,Le="__reactContainer$"+te,ei="__reactEvents$"+te,Fd="__reactListeners$"+te,Id="__reactHandles$"+te,Df="__reactResources$"+te,Ra="__reactMarker$"+te;function ai(t){delete t[Qt],delete t[Ft],delete t[ei],delete t[Fd],delete t[Id]}function Ke(t){var l=t[Qt];if(l)return l;for(var e=t.parentNode;e;){if(l=e[Le]||e[Qt]){if(e=l.alternate,l.child!==null||e!==null&&e.child!==null)for(t=Pr(t);t!==null;){if(e=t[Qt])return e;t=Pr(t)}return l}t=e,e=t.parentNode}return null}function we(t){if(t=t[Qt]||t[Le]){var l=t.tag;if(l===5||l===6||l===13||l===31||l===26||l===27||l===3)return t}return null}function Ua(t){var l=t.tag;if(l===5||l===26||l===27||l===6)return t.stateNode;throw Error(o(33))}function Je(t){var l=t[Df];return l||(l=t[Df]={hoistableStyles:new Map,hoistableScripts:new Map}),l}function Yt(t){t[Ra]=!0}var Rf=new Set,Uf={};function je(t,l){ke(t,l),ke(t+"Capture",l)}function ke(t,l){for(Uf[t]=l,t=0;t<l.length;t++)Rf.add(l[t])}var Pd=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Cf={},Hf={};function tm(t){return Wu.call(Hf,t)?!0:Wu.call(Cf,t)?!1:Pd.test(t)?Hf[t]=!0:(Cf[t]=!0,!1)}function Un(t,l,e){if(tm(l))if(e===null)t.removeAttribute(l);else{switch(typeof e){case"undefined":case"function":case"symbol":t.removeAttribute(l);return;case"boolean":var a=l.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){t.removeAttribute(l);return}}t.setAttribute(l,""+e)}}function Cn(t,l,e){if(e===null)t.removeAttribute(l);else{switch(typeof e){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(l);return}t.setAttribute(l,""+e)}}function Hl(t,l,e,a){if(a===null)t.removeAttribute(e);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(e);return}t.setAttributeNS(l,e,""+a)}}function gl(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function qf(t){var l=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(l==="checkbox"||l==="radio")}function lm(t,l,e){var a=Object.getOwnPropertyDescriptor(t.constructor.prototype,l);if(!t.hasOwnProperty(l)&&typeof a<"u"&&typeof a.get=="function"&&typeof a.set=="function"){var n=a.get,u=a.set;return Object.defineProperty(t,l,{configurable:!0,get:function(){return n.call(this)},set:function(i){e=""+i,u.call(this,i)}}),Object.defineProperty(t,l,{enumerable:a.enumerable}),{getValue:function(){return e},setValue:function(i){e=""+i},stopTracking:function(){t._valueTracker=null,delete t[l]}}}}function ni(t){if(!t._valueTracker){var l=qf(t)?"checked":"value";t._valueTracker=lm(t,l,""+t[l])}}function Bf(t){if(!t)return!1;var l=t._valueTracker;if(!l)return!0;var e=l.getValue(),a="";return t&&(a=qf(t)?t.checked?"true":"false":t.value),t=a,t!==e?(l.setValue(t),!0):!1}function Hn(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var em=/[\n"\\]/g;function hl(t){return t.replace(em,function(l){return"\\"+l.charCodeAt(0).toString(16)+" "})}function ui(t,l,e,a,n,u,i,c){t.name="",i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"?t.type=i:t.removeAttribute("type"),l!=null?i==="number"?(l===0&&t.value===""||t.value!=l)&&(t.value=""+gl(l)):t.value!==""+gl(l)&&(t.value=""+gl(l)):i!=="submit"&&i!=="reset"||t.removeAttribute("value"),l!=null?ii(t,i,gl(l)):e!=null?ii(t,i,gl(e)):a!=null&&t.removeAttribute("value"),n==null&&u!=null&&(t.defaultChecked=!!u),n!=null&&(t.checked=n&&typeof n!="function"&&typeof n!="symbol"),c!=null&&typeof c!="function"&&typeof c!="symbol"&&typeof c!="boolean"?t.name=""+gl(c):t.removeAttribute("name")}function Yf(t,l,e,a,n,u,i,c){if(u!=null&&typeof u!="function"&&typeof u!="symbol"&&typeof u!="boolean"&&(t.type=u),l!=null||e!=null){if(!(u!=="submit"&&u!=="reset"||l!=null)){ni(t);return}e=e!=null?""+gl(e):"",l=l!=null?""+gl(l):e,c||l===t.value||(t.value=l),t.defaultValue=l}a=a??n,a=typeof a!="function"&&typeof a!="symbol"&&!!a,t.checked=c?t.checked:!!a,t.defaultChecked=!!a,i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"&&(t.name=i),ni(t)}function ii(t,l,e){l==="number"&&Hn(t.ownerDocument)===t||t.defaultValue===""+e||(t.defaultValue=""+e)}function $e(t,l,e,a){if(t=t.options,l){l={};for(var n=0;n<e.length;n++)l["$"+e[n]]=!0;for(e=0;e<t.length;e++)n=l.hasOwnProperty("$"+t[e].value),t[e].selected!==n&&(t[e].selected=n),n&&a&&(t[e].defaultSelected=!0)}else{for(e=""+gl(e),l=null,n=0;n<t.length;n++){if(t[n].value===e){t[n].selected=!0,a&&(t[n].defaultSelected=!0);return}l!==null||t[n].disabled||(l=t[n])}l!==null&&(l.selected=!0)}}function Gf(t,l,e){if(l!=null&&(l=""+gl(l),l!==t.value&&(t.value=l),e==null)){t.defaultValue!==l&&(t.defaultValue=l);return}t.defaultValue=e!=null?""+gl(e):""}function Qf(t,l,e,a){if(l==null){if(a!=null){if(e!=null)throw Error(o(92));if(zl(a)){if(1<a.length)throw Error(o(93));a=a[0]}e=a}e==null&&(e=""),l=e}e=gl(l),t.defaultValue=e,a=t.textContent,a===e&&a!==""&&a!==null&&(t.value=a),ni(t)}function We(t,l){if(l){var e=t.firstChild;if(e&&e===t.lastChild&&e.nodeType===3){e.nodeValue=l;return}}t.textContent=l}var am=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function Xf(t,l,e){var a=l.indexOf("--")===0;e==null||typeof e=="boolean"||e===""?a?t.setProperty(l,""):l==="float"?t.cssFloat="":t[l]="":a?t.setProperty(l,e):typeof e!="number"||e===0||am.has(l)?l==="float"?t.cssFloat=e:t[l]=(""+e).trim():t[l]=e+"px"}function Zf(t,l,e){if(l!=null&&typeof l!="object")throw Error(o(62));if(t=t.style,e!=null){for(var a in e)!e.hasOwnProperty(a)||l!=null&&l.hasOwnProperty(a)||(a.indexOf("--")===0?t.setProperty(a,""):a==="float"?t.cssFloat="":t[a]="");for(var n in l)a=l[n],l.hasOwnProperty(n)&&e[n]!==a&&Xf(t,n,a)}else for(var u in l)l.hasOwnProperty(u)&&Xf(t,u,l[u])}function ci(t){if(t.indexOf("-")===-1)return!1;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var nm=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),um=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function qn(t){return um.test(""+t)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":t}function ql(){}var fi=null;function si(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var Fe=null,Ie=null;function Vf(t){var l=we(t);if(l&&(t=l.stateNode)){var e=t[Ft]||null;t:switch(t=l.stateNode,l.type){case"input":if(ui(t,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,e.type,e.name),l=e.name,e.type==="radio"&&l!=null){for(e=t;e.parentNode;)e=e.parentNode;for(e=e.querySelectorAll('input[name="'+hl(""+l)+'"][type="radio"]'),l=0;l<e.length;l++){var a=e[l];if(a!==t&&a.form===t.form){var n=a[Ft]||null;if(!n)throw Error(o(90));ui(a,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name)}}for(l=0;l<e.length;l++)a=e[l],a.form===t.form&&Bf(a)}break t;case"textarea":Gf(t,e.value,e.defaultValue);break t;case"select":l=e.value,l!=null&&$e(t,!!e.multiple,l,!1)}}}var oi=!1;function Lf(t,l,e){if(oi)return t(l,e);oi=!0;try{var a=t(l);return a}finally{if(oi=!1,(Fe!==null||Ie!==null)&&(Tu(),Fe&&(l=Fe,t=Ie,Ie=Fe=null,Vf(l),t)))for(l=0;l<t.length;l++)Vf(t[l])}}function Ca(t,l){var e=t.stateNode;if(e===null)return null;var a=e[Ft]||null;if(a===null)return null;e=a[l];t:switch(l){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(t=t.type,a=!(t==="button"||t==="input"||t==="select"||t==="textarea")),t=!a;break t;default:t=!1}if(t)return null;if(e&&typeof e!="function")throw Error(o(231,l,typeof e));return e}var Bl=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),ri=!1;if(Bl)try{var Ha={};Object.defineProperty(Ha,"passive",{get:function(){ri=!0}}),window.addEventListener("test",Ha,Ha),window.removeEventListener("test",Ha,Ha)}catch{ri=!1}var le=null,di=null,Bn=null;function Kf(){if(Bn)return Bn;var t,l=di,e=l.length,a,n="value"in le?le.value:le.textContent,u=n.length;for(t=0;t<e&&l[t]===n[t];t++);var i=e-t;for(a=1;a<=i&&l[e-a]===n[u-a];a++);return Bn=n.slice(t,1<a?1-a:void 0)}function Yn(t){var l=t.keyCode;return"charCode"in t?(t=t.charCode,t===0&&l===13&&(t=13)):t=l,t===10&&(t=13),32<=t||t===13?t:0}function Gn(){return!0}function wf(){return!1}function It(t){function l(e,a,n,u,i){this._reactName=e,this._targetInst=n,this.type=a,this.nativeEvent=u,this.target=i,this.currentTarget=null;for(var c in t)t.hasOwnProperty(c)&&(e=t[c],this[c]=e?e(u):u[c]);return this.isDefaultPrevented=(u.defaultPrevented!=null?u.defaultPrevented:u.returnValue===!1)?Gn:wf,this.isPropagationStopped=wf,this}return B(l.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():typeof e.returnValue!="unknown"&&(e.returnValue=!1),this.isDefaultPrevented=Gn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():typeof e.cancelBubble!="unknown"&&(e.cancelBubble=!0),this.isPropagationStopped=Gn)},persist:function(){},isPersistent:Gn}),l}var Me={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(t){return t.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Qn=It(Me),qa=B({},Me,{view:0,detail:0}),im=It(qa),mi,yi,Ba,Xn=B({},qa,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:hi,button:0,buttons:0,relatedTarget:function(t){return t.relatedTarget===void 0?t.fromElement===t.srcElement?t.toElement:t.fromElement:t.relatedTarget},movementX:function(t){return"movementX"in t?t.movementX:(t!==Ba&&(Ba&&t.type==="mousemove"?(mi=t.screenX-Ba.screenX,yi=t.screenY-Ba.screenY):yi=mi=0,Ba=t),mi)},movementY:function(t){return"movementY"in t?t.movementY:yi}}),Jf=It(Xn),cm=B({},Xn,{dataTransfer:0}),fm=It(cm),sm=B({},qa,{relatedTarget:0}),gi=It(sm),om=B({},Me,{animationName:0,elapsedTime:0,pseudoElement:0}),rm=It(om),dm=B({},Me,{clipboardData:function(t){return"clipboardData"in t?t.clipboardData:window.clipboardData}}),mm=It(dm),ym=B({},Me,{data:0}),kf=It(ym),gm={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},hm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},vm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function bm(t){var l=this.nativeEvent;return l.getModifierState?l.getModifierState(t):(t=vm[t])?!!l[t]:!1}function hi(){return bm}var pm=B({},qa,{key:function(t){if(t.key){var l=gm[t.key]||t.key;if(l!=="Unidentified")return l}return t.type==="keypress"?(t=Yn(t),t===13?"Enter":String.fromCharCode(t)):t.type==="keydown"||t.type==="keyup"?hm[t.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:hi,charCode:function(t){return t.type==="keypress"?Yn(t):0},keyCode:function(t){return t.type==="keydown"||t.type==="keyup"?t.keyCode:0},which:function(t){return t.type==="keypress"?Yn(t):t.type==="keydown"||t.type==="keyup"?t.keyCode:0}}),xm=It(pm),Sm=B({},Xn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),$f=It(Sm),Am=B({},qa,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:hi}),Tm=It(Am),Em=B({},Me,{propertyName:0,elapsedTime:0,pseudoElement:0}),zm=It(Em),Nm=B({},Xn,{deltaX:function(t){return"deltaX"in t?t.deltaX:"wheelDeltaX"in t?-t.wheelDeltaX:0},deltaY:function(t){return"deltaY"in t?t.deltaY:"wheelDeltaY"in t?-t.wheelDeltaY:"wheelDelta"in t?-t.wheelDelta:0},deltaZ:0,deltaMode:0}),jm=It(Nm),Mm=B({},Me,{newState:0,oldState:0}),_m=It(Mm),Om=[9,13,27,32],vi=Bl&&"CompositionEvent"in window,Ya=null;Bl&&"documentMode"in document&&(Ya=document.documentMode);var Dm=Bl&&"TextEvent"in window&&!Ya,Wf=Bl&&(!vi||Ya&&8<Ya&&11>=Ya),Ff=" ",If=!1;function Pf(t,l){switch(t){case"keyup":return Om.indexOf(l.keyCode)!==-1;case"keydown":return l.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ts(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var Pe=!1;function Rm(t,l){switch(t){case"compositionend":return ts(l);case"keypress":return l.which!==32?null:(If=!0,Ff);case"textInput":return t=l.data,t===Ff&&If?null:t;default:return null}}function Um(t,l){if(Pe)return t==="compositionend"||!vi&&Pf(t,l)?(t=Kf(),Bn=di=le=null,Pe=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(l.ctrlKey||l.altKey||l.metaKey)||l.ctrlKey&&l.altKey){if(l.char&&1<l.char.length)return l.char;if(l.which)return String.fromCharCode(l.which)}return null;case"compositionend":return Wf&&l.locale!=="ko"?null:l.data;default:return null}}var Cm={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function ls(t){var l=t&&t.nodeName&&t.nodeName.toLowerCase();return l==="input"?!!Cm[t.type]:l==="textarea"}function es(t,l,e,a){Fe?Ie?Ie.push(a):Ie=[a]:Fe=a,l=Ou(l,"onChange"),0<l.length&&(e=new Qn("onChange","change",null,e,a),t.push({event:e,listeners:l}))}var Ga=null,Qa=null;function Hm(t){Gr(t,0)}function Zn(t){var l=Ua(t);if(Bf(l))return t}function as(t,l){if(t==="change")return l}var ns=!1;if(Bl){var bi;if(Bl){var pi="oninput"in document;if(!pi){var us=document.createElement("div");us.setAttribute("oninput","return;"),pi=typeof us.oninput=="function"}bi=pi}else bi=!1;ns=bi&&(!document.documentMode||9<document.documentMode)}function is(){Ga&&(Ga.detachEvent("onpropertychange",cs),Qa=Ga=null)}function cs(t){if(t.propertyName==="value"&&Zn(Qa)){var l=[];es(l,Qa,t,si(t)),Lf(Hm,l)}}function qm(t,l,e){t==="focusin"?(is(),Ga=l,Qa=e,Ga.attachEvent("onpropertychange",cs)):t==="focusout"&&is()}function Bm(t){if(t==="selectionchange"||t==="keyup"||t==="keydown")return Zn(Qa)}function Ym(t,l){if(t==="click")return Zn(l)}function Gm(t,l){if(t==="input"||t==="change")return Zn(l)}function Qm(t,l){return t===l&&(t!==0||1/t===1/l)||t!==t&&l!==l}var cl=typeof Object.is=="function"?Object.is:Qm;function Xa(t,l){if(cl(t,l))return!0;if(typeof t!="object"||t===null||typeof l!="object"||l===null)return!1;var e=Object.keys(t),a=Object.keys(l);if(e.length!==a.length)return!1;for(a=0;a<e.length;a++){var n=e[a];if(!Wu.call(l,n)||!cl(t[n],l[n]))return!1}return!0}function fs(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function ss(t,l){var e=fs(t);t=0;for(var a;e;){if(e.nodeType===3){if(a=t+e.textContent.length,t<=l&&a>=l)return{node:e,offset:l-t};t=a}t:{for(;e;){if(e.nextSibling){e=e.nextSibling;break t}e=e.parentNode}e=void 0}e=fs(e)}}function os(t,l){return t&&l?t===l?!0:t&&t.nodeType===3?!1:l&&l.nodeType===3?os(t,l.parentNode):"contains"in t?t.contains(l):t.compareDocumentPosition?!!(t.compareDocumentPosition(l)&16):!1:!1}function rs(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var l=Hn(t.document);l instanceof t.HTMLIFrameElement;){try{var e=typeof l.contentWindow.location.href=="string"}catch{e=!1}if(e)t=l.contentWindow;else break;l=Hn(t.document)}return l}function xi(t){var l=t&&t.nodeName&&t.nodeName.toLowerCase();return l&&(l==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||l==="textarea"||t.contentEditable==="true")}var Xm=Bl&&"documentMode"in document&&11>=document.documentMode,ta=null,Si=null,Za=null,Ai=!1;function ds(t,l,e){var a=e.window===e?e.document:e.nodeType===9?e:e.ownerDocument;Ai||ta==null||ta!==Hn(a)||(a=ta,"selectionStart"in a&&xi(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),Za&&Xa(Za,a)||(Za=a,a=Ou(Si,"onSelect"),0<a.length&&(l=new Qn("onSelect","select",null,l,e),t.push({event:l,listeners:a}),l.target=ta)))}function _e(t,l){var e={};return e[t.toLowerCase()]=l.toLowerCase(),e["Webkit"+t]="webkit"+l,e["Moz"+t]="moz"+l,e}var la={animationend:_e("Animation","AnimationEnd"),animationiteration:_e("Animation","AnimationIteration"),animationstart:_e("Animation","AnimationStart"),transitionrun:_e("Transition","TransitionRun"),transitionstart:_e("Transition","TransitionStart"),transitioncancel:_e("Transition","TransitionCancel"),transitionend:_e("Transition","TransitionEnd")},Ti={},ms={};Bl&&(ms=document.createElement("div").style,"AnimationEvent"in window||(delete la.animationend.animation,delete la.animationiteration.animation,delete la.animationstart.animation),"TransitionEvent"in window||delete la.transitionend.transition);function Oe(t){if(Ti[t])return Ti[t];if(!la[t])return t;var l=la[t],e;for(e in l)if(l.hasOwnProperty(e)&&e in ms)return Ti[t]=l[e];return t}var ys=Oe("animationend"),gs=Oe("animationiteration"),hs=Oe("animationstart"),Zm=Oe("transitionrun"),Vm=Oe("transitionstart"),Lm=Oe("transitioncancel"),vs=Oe("transitionend"),bs=new Map,Ei="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");Ei.push("scrollEnd");function Nl(t,l){bs.set(t,l),je(l,[t])}var Vn=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var l=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(l))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},vl=[],ea=0,zi=0;function Ln(){for(var t=ea,l=zi=ea=0;l<t;){var e=vl[l];vl[l++]=null;var a=vl[l];vl[l++]=null;var n=vl[l];vl[l++]=null;var u=vl[l];if(vl[l++]=null,a!==null&&n!==null){var i=a.pending;i===null?n.next=n:(n.next=i.next,i.next=n),a.pending=n}u!==0&&ps(e,n,u)}}function Kn(t,l,e,a){vl[ea++]=t,vl[ea++]=l,vl[ea++]=e,vl[ea++]=a,zi|=a,t.lanes|=a,t=t.alternate,t!==null&&(t.lanes|=a)}function Ni(t,l,e,a){return Kn(t,l,e,a),wn(t)}function De(t,l){return Kn(t,null,null,l),wn(t)}function ps(t,l,e){t.lanes|=e;var a=t.alternate;a!==null&&(a.lanes|=e);for(var n=!1,u=t.return;u!==null;)u.childLanes|=e,a=u.alternate,a!==null&&(a.childLanes|=e),u.tag===22&&(t=u.stateNode,t===null||t._visibility&1||(n=!0)),t=u,u=u.return;return t.tag===3?(u=t.stateNode,n&&l!==null&&(n=31-il(e),t=u.hiddenUpdates,a=t[n],a===null?t[n]=[l]:a.push(l),l.lane=e|536870912),u):null}function wn(t){if(50<rn)throw rn=0,Hc=null,Error(o(185));for(var l=t.return;l!==null;)t=l,l=t.return;return t.tag===3?t.stateNode:null}var aa={};function Km(t,l,e,a){this.tag=t,this.key=e,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=l,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function fl(t,l,e,a){return new Km(t,l,e,a)}function ji(t){return t=t.prototype,!(!t||!t.isReactComponent)}function Yl(t,l){var e=t.alternate;return e===null?(e=fl(t.tag,l,t.key,t.mode),e.elementType=t.elementType,e.type=t.type,e.stateNode=t.stateNode,e.alternate=t,t.alternate=e):(e.pendingProps=l,e.type=t.type,e.flags=0,e.subtreeFlags=0,e.deletions=null),e.flags=t.flags&65011712,e.childLanes=t.childLanes,e.lanes=t.lanes,e.child=t.child,e.memoizedProps=t.memoizedProps,e.memoizedState=t.memoizedState,e.updateQueue=t.updateQueue,l=t.dependencies,e.dependencies=l===null?null:{lanes:l.lanes,firstContext:l.firstContext},e.sibling=t.sibling,e.index=t.index,e.ref=t.ref,e.refCleanup=t.refCleanup,e}function xs(t,l){t.flags&=65011714;var e=t.alternate;return e===null?(t.childLanes=0,t.lanes=l,t.child=null,t.subtreeFlags=0,t.memoizedProps=null,t.memoizedState=null,t.updateQueue=null,t.dependencies=null,t.stateNode=null):(t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.subtreeFlags=0,t.deletions=null,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,t.type=e.type,l=e.dependencies,t.dependencies=l===null?null:{lanes:l.lanes,firstContext:l.firstContext}),t}function Jn(t,l,e,a,n,u){var i=0;if(a=t,typeof t=="function")ji(t)&&(i=1);else if(typeof t=="string")i=W0(t,e,Q.current)?26:t==="html"||t==="head"||t==="body"?27:5;else t:switch(t){case rt:return t=fl(31,e,l,n),t.elementType=rt,t.lanes=u,t;case Z:return Re(e.children,n,u,l);case ct:i=8,n|=24;break;case ut:return t=fl(12,e,l,n|2),t.elementType=ut,t.lanes=u,t;case yl:return t=fl(13,e,l,n),t.elementType=yl,t.lanes=u,t;case K:return t=fl(19,e,l,n),t.elementType=K,t.lanes=u,t;default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case Bt:i=10;break t;case zt:i=9;break t;case wt:i=11;break t;case U:i=14;break t;case G:i=16,a=null;break t}i=29,e=Error(o(130,t===null?"null":typeof t,"")),a=null}return l=fl(i,e,l,n),l.elementType=t,l.type=a,l.lanes=u,l}function Re(t,l,e,a){return t=fl(7,t,a,l),t.lanes=e,t}function Mi(t,l,e){return t=fl(6,t,null,l),t.lanes=e,t}function Ss(t){var l=fl(18,null,null,0);return l.stateNode=t,l}function _i(t,l,e){return l=fl(4,t.children!==null?t.children:[],t.key,l),l.lanes=e,l.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},l}var As=new WeakMap;function bl(t,l){if(typeof t=="object"&&t!==null){var e=As.get(t);return e!==void 0?e:(l={value:t,source:l,stack:Sf(l)},As.set(t,l),l)}return{value:t,source:l,stack:Sf(l)}}var na=[],ua=0,kn=null,Va=0,pl=[],xl=0,ee=null,_l=1,Ol="";function Gl(t,l){na[ua++]=Va,na[ua++]=kn,kn=t,Va=l}function Ts(t,l,e){pl[xl++]=_l,pl[xl++]=Ol,pl[xl++]=ee,ee=t;var a=_l;t=Ol;var n=32-il(a)-1;a&=~(1<<n),e+=1;var u=32-il(l)+n;if(30<u){var i=n-n%5;u=(a&(1<<i)-1).toString(32),a>>=i,n-=i,_l=1<<32-il(l)+n|e<<n|a,Ol=u+t}else _l=1<<u|e<<n|a,Ol=t}function Oi(t){t.return!==null&&(Gl(t,1),Ts(t,1,0))}function Di(t){for(;t===kn;)kn=na[--ua],na[ua]=null,Va=na[--ua],na[ua]=null;for(;t===ee;)ee=pl[--xl],pl[xl]=null,Ol=pl[--xl],pl[xl]=null,_l=pl[--xl],pl[xl]=null}function Es(t,l){pl[xl++]=_l,pl[xl++]=Ol,pl[xl++]=ee,_l=l.id,Ol=l.overflow,ee=t}var Xt=null,At=null,it=!1,ae=null,Sl=!1,Ri=Error(o(519));function ne(t){var l=Error(o(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?"text":"HTML",""));throw La(bl(l,t)),Ri}function zs(t){var l=t.stateNode,e=t.type,a=t.memoizedProps;switch(l[Qt]=t,l[Ft]=a,e){case"dialog":et("cancel",l),et("close",l);break;case"iframe":case"object":case"embed":et("load",l);break;case"video":case"audio":for(e=0;e<mn.length;e++)et(mn[e],l);break;case"source":et("error",l);break;case"img":case"image":case"link":et("error",l),et("load",l);break;case"details":et("toggle",l);break;case"input":et("invalid",l),Yf(l,a.value,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name,!0);break;case"select":et("invalid",l);break;case"textarea":et("invalid",l),Qf(l,a.value,a.defaultValue,a.children)}e=a.children,typeof e!="string"&&typeof e!="number"&&typeof e!="bigint"||l.textContent===""+e||a.suppressHydrationWarning===!0||Vr(l.textContent,e)?(a.popover!=null&&(et("beforetoggle",l),et("toggle",l)),a.onScroll!=null&&et("scroll",l),a.onScrollEnd!=null&&et("scrollend",l),a.onClick!=null&&(l.onclick=ql),l=!0):l=!1,l||ne(t,!0)}function Ns(t){for(Xt=t.return;Xt;)switch(Xt.tag){case 5:case 31:case 13:Sl=!1;return;case 27:case 3:Sl=!0;return;default:Xt=Xt.return}}function ia(t){if(t!==Xt)return!1;if(!it)return Ns(t),it=!0,!1;var l=t.tag,e;if((e=l!==3&&l!==27)&&((e=l===5)&&(e=t.type,e=!(e!=="form"&&e!=="button")||Wc(t.type,t.memoizedProps)),e=!e),e&&At&&ne(t),Ns(t),l===13){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(o(317));At=Ir(t)}else if(l===31){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(o(317));At=Ir(t)}else l===27?(l=At,be(t.type)?(t=lf,lf=null,At=t):At=l):At=Xt?Tl(t.stateNode.nextSibling):null;return!0}function Ue(){At=Xt=null,it=!1}function Ui(){var t=ae;return t!==null&&(el===null?el=t:el.push.apply(el,t),ae=null),t}function La(t){ae===null?ae=[t]:ae.push(t)}var Ci=m(null),Ce=null,Ql=null;function ue(t,l,e){C(Ci,l._currentValue),l._currentValue=e}function Xl(t){t._currentValue=Ci.current,j(Ci)}function Hi(t,l,e){for(;t!==null;){var a=t.alternate;if((t.childLanes&l)!==l?(t.childLanes|=l,a!==null&&(a.childLanes|=l)):a!==null&&(a.childLanes&l)!==l&&(a.childLanes|=l),t===e)break;t=t.return}}function qi(t,l,e,a){var n=t.child;for(n!==null&&(n.return=t);n!==null;){var u=n.dependencies;if(u!==null){var i=n.child;u=u.firstContext;t:for(;u!==null;){var c=u;u=n;for(var r=0;r<l.length;r++)if(c.context===l[r]){u.lanes|=e,c=u.alternate,c!==null&&(c.lanes|=e),Hi(u.return,e,t),a||(i=null);break t}u=c.next}}else if(n.tag===18){if(i=n.return,i===null)throw Error(o(341));i.lanes|=e,u=i.alternate,u!==null&&(u.lanes|=e),Hi(i,e,t),i=null}else i=n.child;if(i!==null)i.return=n;else for(i=n;i!==null;){if(i===t){i=null;break}if(n=i.sibling,n!==null){n.return=i.return,i=n;break}i=i.return}n=i}}function ca(t,l,e,a){t=null;for(var n=l,u=!1;n!==null;){if(!u){if((n.flags&524288)!==0)u=!0;else if((n.flags&262144)!==0)break}if(n.tag===10){var i=n.alternate;if(i===null)throw Error(o(387));if(i=i.memoizedProps,i!==null){var c=n.type;cl(n.pendingProps.value,i.value)||(t!==null?t.push(c):t=[c])}}else if(n===dt.current){if(i=n.alternate,i===null)throw Error(o(387));i.memoizedState.memoizedState!==n.memoizedState.memoizedState&&(t!==null?t.push(bn):t=[bn])}n=n.return}t!==null&&qi(l,t,e,a),l.flags|=262144}function $n(t){for(t=t.firstContext;t!==null;){if(!cl(t.context._currentValue,t.memoizedValue))return!0;t=t.next}return!1}function He(t){Ce=t,Ql=null,t=t.dependencies,t!==null&&(t.firstContext=null)}function Zt(t){return js(Ce,t)}function Wn(t,l){return Ce===null&&He(t),js(t,l)}function js(t,l){var e=l._currentValue;if(l={context:l,memoizedValue:e,next:null},Ql===null){if(t===null)throw Error(o(308));Ql=l,t.dependencies={lanes:0,firstContext:l},t.flags|=524288}else Ql=Ql.next=l;return e}var wm=typeof AbortController<"u"?AbortController:function(){var t=[],l=this.signal={aborted:!1,addEventListener:function(e,a){t.push(a)}};this.abort=function(){l.aborted=!0,t.forEach(function(e){return e()})}},Jm=f.unstable_scheduleCallback,km=f.unstable_NormalPriority,Dt={$$typeof:Bt,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function Bi(){return{controller:new wm,data:new Map,refCount:0}}function Ka(t){t.refCount--,t.refCount===0&&Jm(km,function(){t.controller.abort()})}var wa=null,Yi=0,fa=0,sa=null;function $m(t,l){if(wa===null){var e=wa=[];Yi=0,fa=Xc(),sa={status:"pending",value:void 0,then:function(a){e.push(a)}}}return Yi++,l.then(Ms,Ms),l}function Ms(){if(--Yi===0&&wa!==null){sa!==null&&(sa.status="fulfilled");var t=wa;wa=null,fa=0,sa=null;for(var l=0;l<t.length;l++)(0,t[l])()}}function Wm(t,l){var e=[],a={status:"pending",value:null,reason:null,then:function(n){e.push(n)}};return t.then(function(){a.status="fulfilled",a.value=l;for(var n=0;n<e.length;n++)(0,e[n])(l)},function(n){for(a.status="rejected",a.reason=n,n=0;n<e.length;n++)(0,e[n])(void 0)}),a}var _s=E.S;E.S=function(t,l){mr=nl(),typeof l=="object"&&l!==null&&typeof l.then=="function"&&$m(t,l),_s!==null&&_s(t,l)};var qe=m(null);function Gi(){var t=qe.current;return t!==null?t:St.pooledCache}function Fn(t,l){l===null?C(qe,qe.current):C(qe,l.pool)}function Os(){var t=Gi();return t===null?null:{parent:Dt._currentValue,pool:t}}var oa=Error(o(460)),Qi=Error(o(474)),In=Error(o(542)),Pn={then:function(){}};function Ds(t){return t=t.status,t==="fulfilled"||t==="rejected"}function Rs(t,l,e){switch(e=t[e],e===void 0?t.push(l):e!==l&&(l.then(ql,ql),l=e),l.status){case"fulfilled":return l.value;case"rejected":throw t=l.reason,Cs(t),t;default:if(typeof l.status=="string")l.then(ql,ql);else{if(t=St,t!==null&&100<t.shellSuspendCounter)throw Error(o(482));t=l,t.status="pending",t.then(function(a){if(l.status==="pending"){var n=l;n.status="fulfilled",n.value=a}},function(a){if(l.status==="pending"){var n=l;n.status="rejected",n.reason=a}})}switch(l.status){case"fulfilled":return l.value;case"rejected":throw t=l.reason,Cs(t),t}throw Ye=l,oa}}function Be(t){try{var l=t._init;return l(t._payload)}catch(e){throw e!==null&&typeof e=="object"&&typeof e.then=="function"?(Ye=e,oa):e}}var Ye=null;function Us(){if(Ye===null)throw Error(o(459));var t=Ye;return Ye=null,t}function Cs(t){if(t===oa||t===In)throw Error(o(483))}var ra=null,Ja=0;function tu(t){var l=Ja;return Ja+=1,ra===null&&(ra=[]),Rs(ra,t,l)}function ka(t,l){l=l.props.ref,t.ref=l!==void 0?l:null}function lu(t,l){throw l.$$typeof===W?Error(o(525)):(t=Object.prototype.toString.call(l),Error(o(31,t==="[object Object]"?"object with keys {"+Object.keys(l).join(", ")+"}":t)))}function Hs(t){function l(y,d){if(t){var h=y.deletions;h===null?(y.deletions=[d],y.flags|=16):h.push(d)}}function e(y,d){if(!t)return null;for(;d!==null;)l(y,d),d=d.sibling;return null}function a(y){for(var d=new Map;y!==null;)y.key!==null?d.set(y.key,y):d.set(y.index,y),y=y.sibling;return d}function n(y,d){return y=Yl(y,d),y.index=0,y.sibling=null,y}function u(y,d,h){return y.index=h,t?(h=y.alternate,h!==null?(h=h.index,h<d?(y.flags|=67108866,d):h):(y.flags|=67108866,d)):(y.flags|=1048576,d)}function i(y){return t&&y.alternate===null&&(y.flags|=67108866),y}function c(y,d,h,z){return d===null||d.tag!==6?(d=Mi(h,y.mode,z),d.return=y,d):(d=n(d,h),d.return=y,d)}function r(y,d,h,z){var V=h.type;return V===Z?S(y,d,h.props.children,z,h.key):d!==null&&(d.elementType===V||typeof V=="object"&&V!==null&&V.$$typeof===G&&Be(V)===d.type)?(d=n(d,h.props),ka(d,h),d.return=y,d):(d=Jn(h.type,h.key,h.props,null,y.mode,z),ka(d,h),d.return=y,d)}function v(y,d,h,z){return d===null||d.tag!==4||d.stateNode.containerInfo!==h.containerInfo||d.stateNode.implementation!==h.implementation?(d=_i(h,y.mode,z),d.return=y,d):(d=n(d,h.children||[]),d.return=y,d)}function S(y,d,h,z,V){return d===null||d.tag!==7?(d=Re(h,y.mode,z,V),d.return=y,d):(d=n(d,h),d.return=y,d)}function N(y,d,h){if(typeof d=="string"&&d!==""||typeof d=="number"||typeof d=="bigint")return d=Mi(""+d,y.mode,h),d.return=y,d;if(typeof d=="object"&&d!==null){switch(d.$$typeof){case _:return h=Jn(d.type,d.key,d.props,null,y.mode,h),ka(h,d),h.return=y,h;case H:return d=_i(d,y.mode,h),d.return=y,d;case G:return d=Be(d),N(y,d,h)}if(zl(d)||Wt(d))return d=Re(d,y.mode,h,null),d.return=y,d;if(typeof d.then=="function")return N(y,tu(d),h);if(d.$$typeof===Bt)return N(y,Wn(y,d),h);lu(y,d)}return null}function b(y,d,h,z){var V=d!==null?d.key:null;if(typeof h=="string"&&h!==""||typeof h=="number"||typeof h=="bigint")return V!==null?null:c(y,d,""+h,z);if(typeof h=="object"&&h!==null){switch(h.$$typeof){case _:return h.key===V?r(y,d,h,z):null;case H:return h.key===V?v(y,d,h,z):null;case G:return h=Be(h),b(y,d,h,z)}if(zl(h)||Wt(h))return V!==null?null:S(y,d,h,z,null);if(typeof h.then=="function")return b(y,d,tu(h),z);if(h.$$typeof===Bt)return b(y,d,Wn(y,h),z);lu(y,h)}return null}function p(y,d,h,z,V){if(typeof z=="string"&&z!==""||typeof z=="number"||typeof z=="bigint")return y=y.get(h)||null,c(d,y,""+z,V);if(typeof z=="object"&&z!==null){switch(z.$$typeof){case _:return y=y.get(z.key===null?h:z.key)||null,r(d,y,z,V);case H:return y=y.get(z.key===null?h:z.key)||null,v(d,y,z,V);case G:return z=Be(z),p(y,d,h,z,V)}if(zl(z)||Wt(z))return y=y.get(h)||null,S(d,y,z,V,null);if(typeof z.then=="function")return p(y,d,h,tu(z),V);if(z.$$typeof===Bt)return p(y,d,h,Wn(d,z),V);lu(d,z)}return null}function Y(y,d,h,z){for(var V=null,ft=null,X=d,P=d=0,nt=null;X!==null&&P<h.length;P++){X.index>P?(nt=X,X=null):nt=X.sibling;var st=b(y,X,h[P],z);if(st===null){X===null&&(X=nt);break}t&&X&&st.alternate===null&&l(y,X),d=u(st,d,P),ft===null?V=st:ft.sibling=st,ft=st,X=nt}if(P===h.length)return e(y,X),it&&Gl(y,P),V;if(X===null){for(;P<h.length;P++)X=N(y,h[P],z),X!==null&&(d=u(X,d,P),ft===null?V=X:ft.sibling=X,ft=X);return it&&Gl(y,P),V}for(X=a(X);P<h.length;P++)nt=p(X,y,P,h[P],z),nt!==null&&(t&&nt.alternate!==null&&X.delete(nt.key===null?P:nt.key),d=u(nt,d,P),ft===null?V=nt:ft.sibling=nt,ft=nt);return t&&X.forEach(function(Te){return l(y,Te)}),it&&Gl(y,P),V}function L(y,d,h,z){if(h==null)throw Error(o(151));for(var V=null,ft=null,X=d,P=d=0,nt=null,st=h.next();X!==null&&!st.done;P++,st=h.next()){X.index>P?(nt=X,X=null):nt=X.sibling;var Te=b(y,X,st.value,z);if(Te===null){X===null&&(X=nt);break}t&&X&&Te.alternate===null&&l(y,X),d=u(Te,d,P),ft===null?V=Te:ft.sibling=Te,ft=Te,X=nt}if(st.done)return e(y,X),it&&Gl(y,P),V;if(X===null){for(;!st.done;P++,st=h.next())st=N(y,st.value,z),st!==null&&(d=u(st,d,P),ft===null?V=st:ft.sibling=st,ft=st);return it&&Gl(y,P),V}for(X=a(X);!st.done;P++,st=h.next())st=p(X,y,P,st.value,z),st!==null&&(t&&st.alternate!==null&&X.delete(st.key===null?P:st.key),d=u(st,d,P),ft===null?V=st:ft.sibling=st,ft=st);return t&&X.forEach(function(cy){return l(y,cy)}),it&&Gl(y,P),V}function bt(y,d,h,z){if(typeof h=="object"&&h!==null&&h.type===Z&&h.key===null&&(h=h.props.children),typeof h=="object"&&h!==null){switch(h.$$typeof){case _:t:{for(var V=h.key;d!==null;){if(d.key===V){if(V=h.type,V===Z){if(d.tag===7){e(y,d.sibling),z=n(d,h.props.children),z.return=y,y=z;break t}}else if(d.elementType===V||typeof V=="object"&&V!==null&&V.$$typeof===G&&Be(V)===d.type){e(y,d.sibling),z=n(d,h.props),ka(z,h),z.return=y,y=z;break t}e(y,d);break}else l(y,d);d=d.sibling}h.type===Z?(z=Re(h.props.children,y.mode,z,h.key),z.return=y,y=z):(z=Jn(h.type,h.key,h.props,null,y.mode,z),ka(z,h),z.return=y,y=z)}return i(y);case H:t:{for(V=h.key;d!==null;){if(d.key===V)if(d.tag===4&&d.stateNode.containerInfo===h.containerInfo&&d.stateNode.implementation===h.implementation){e(y,d.sibling),z=n(d,h.children||[]),z.return=y,y=z;break t}else{e(y,d);break}else l(y,d);d=d.sibling}z=_i(h,y.mode,z),z.return=y,y=z}return i(y);case G:return h=Be(h),bt(y,d,h,z)}if(zl(h))return Y(y,d,h,z);if(Wt(h)){if(V=Wt(h),typeof V!="function")throw Error(o(150));return h=V.call(h),L(y,d,h,z)}if(typeof h.then=="function")return bt(y,d,tu(h),z);if(h.$$typeof===Bt)return bt(y,d,Wn(y,h),z);lu(y,h)}return typeof h=="string"&&h!==""||typeof h=="number"||typeof h=="bigint"?(h=""+h,d!==null&&d.tag===6?(e(y,d.sibling),z=n(d,h),z.return=y,y=z):(e(y,d),z=Mi(h,y.mode,z),z.return=y,y=z),i(y)):e(y,d)}return function(y,d,h,z){try{Ja=0;var V=bt(y,d,h,z);return ra=null,V}catch(X){if(X===oa||X===In)throw X;var ft=fl(29,X,null,y.mode);return ft.lanes=z,ft.return=y,ft}finally{}}}var Ge=Hs(!0),qs=Hs(!1),ie=!1;function Xi(t){t.updateQueue={baseState:t.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Zi(t,l){t=t.updateQueue,l.updateQueue===t&&(l.updateQueue={baseState:t.baseState,firstBaseUpdate:t.firstBaseUpdate,lastBaseUpdate:t.lastBaseUpdate,shared:t.shared,callbacks:null})}function ce(t){return{lane:t,tag:0,payload:null,callback:null,next:null}}function fe(t,l,e){var a=t.updateQueue;if(a===null)return null;if(a=a.shared,(ot&2)!==0){var n=a.pending;return n===null?l.next=l:(l.next=n.next,n.next=l),a.pending=l,l=wn(t),ps(t,null,e),l}return Kn(t,a,l,e),wn(t)}function $a(t,l,e){if(l=l.updateQueue,l!==null&&(l=l.shared,(e&4194048)!==0)){var a=l.lanes;a&=t.pendingLanes,e|=a,l.lanes=e,jf(t,e)}}function Vi(t,l){var e=t.updateQueue,a=t.alternate;if(a!==null&&(a=a.updateQueue,e===a)){var n=null,u=null;if(e=e.firstBaseUpdate,e!==null){do{var i={lane:e.lane,tag:e.tag,payload:e.payload,callback:null,next:null};u===null?n=u=i:u=u.next=i,e=e.next}while(e!==null);u===null?n=u=l:u=u.next=l}else n=u=l;e={baseState:a.baseState,firstBaseUpdate:n,lastBaseUpdate:u,shared:a.shared,callbacks:a.callbacks},t.updateQueue=e;return}t=e.lastBaseUpdate,t===null?e.firstBaseUpdate=l:t.next=l,e.lastBaseUpdate=l}var Li=!1;function Wa(){if(Li){var t=sa;if(t!==null)throw t}}function Fa(t,l,e,a){Li=!1;var n=t.updateQueue;ie=!1;var u=n.firstBaseUpdate,i=n.lastBaseUpdate,c=n.shared.pending;if(c!==null){n.shared.pending=null;var r=c,v=r.next;r.next=null,i===null?u=v:i.next=v,i=r;var S=t.alternate;S!==null&&(S=S.updateQueue,c=S.lastBaseUpdate,c!==i&&(c===null?S.firstBaseUpdate=v:c.next=v,S.lastBaseUpdate=r))}if(u!==null){var N=n.baseState;i=0,S=v=r=null,c=u;do{var b=c.lane&-536870913,p=b!==c.lane;if(p?(at&b)===b:(a&b)===b){b!==0&&b===fa&&(Li=!0),S!==null&&(S=S.next={lane:0,tag:c.tag,payload:c.payload,callback:null,next:null});t:{var Y=t,L=c;b=l;var bt=e;switch(L.tag){case 1:if(Y=L.payload,typeof Y=="function"){N=Y.call(bt,N,b);break t}N=Y;break t;case 3:Y.flags=Y.flags&-65537|128;case 0:if(Y=L.payload,b=typeof Y=="function"?Y.call(bt,N,b):Y,b==null)break t;N=B({},N,b);break t;case 2:ie=!0}}b=c.callback,b!==null&&(t.flags|=64,p&&(t.flags|=8192),p=n.callbacks,p===null?n.callbacks=[b]:p.push(b))}else p={lane:b,tag:c.tag,payload:c.payload,callback:c.callback,next:null},S===null?(v=S=p,r=N):S=S.next=p,i|=b;if(c=c.next,c===null){if(c=n.shared.pending,c===null)break;p=c,c=p.next,p.next=null,n.lastBaseUpdate=p,n.shared.pending=null}}while(!0);S===null&&(r=N),n.baseState=r,n.firstBaseUpdate=v,n.lastBaseUpdate=S,u===null&&(n.shared.lanes=0),me|=i,t.lanes=i,t.memoizedState=N}}function Bs(t,l){if(typeof t!="function")throw Error(o(191,t));t.call(l)}function Ys(t,l){var e=t.callbacks;if(e!==null)for(t.callbacks=null,t=0;t<e.length;t++)Bs(e[t],l)}var da=m(null),eu=m(0);function Gs(t,l){t=Wl,C(eu,t),C(da,l),Wl=t|l.baseLanes}function Ki(){C(eu,Wl),C(da,da.current)}function wi(){Wl=eu.current,j(da),j(eu)}var sl=m(null),Al=null;function se(t){var l=t.alternate;C(_t,_t.current&1),C(sl,t),Al===null&&(l===null||da.current!==null||l.memoizedState!==null)&&(Al=t)}function Ji(t){C(_t,_t.current),C(sl,t),Al===null&&(Al=t)}function Qs(t){t.tag===22?(C(_t,_t.current),C(sl,t),Al===null&&(Al=t)):oe()}function oe(){C(_t,_t.current),C(sl,sl.current)}function ol(t){j(sl),Al===t&&(Al=null),j(_t)}var _t=m(0);function au(t){for(var l=t;l!==null;){if(l.tag===13){var e=l.memoizedState;if(e!==null&&(e=e.dehydrated,e===null||Pc(e)||tf(e)))return l}else if(l.tag===19&&(l.memoizedProps.revealOrder==="forwards"||l.memoizedProps.revealOrder==="backwards"||l.memoizedProps.revealOrder==="unstable_legacy-backwards"||l.memoizedProps.revealOrder==="together")){if((l.flags&128)!==0)return l}else if(l.child!==null){l.child.return=l,l=l.child;continue}if(l===t)break;for(;l.sibling===null;){if(l.return===null||l.return===t)return null;l=l.return}l.sibling.return=l.return,l=l.sibling}return null}var Zl=0,I=null,ht=null,Rt=null,nu=!1,ma=!1,Qe=!1,uu=0,Ia=0,ya=null,Fm=0;function Nt(){throw Error(o(321))}function ki(t,l){if(l===null)return!1;for(var e=0;e<l.length&&e<t.length;e++)if(!cl(t[e],l[e]))return!1;return!0}function $i(t,l,e,a,n,u){return Zl=u,I=l,l.memoizedState=null,l.updateQueue=null,l.lanes=0,E.H=t===null||t.memoizedState===null?Eo:oc,Qe=!1,u=e(a,n),Qe=!1,ma&&(u=Zs(l,e,a,n)),Xs(t),u}function Xs(t){E.H=ln;var l=ht!==null&&ht.next!==null;if(Zl=0,Rt=ht=I=null,nu=!1,Ia=0,ya=null,l)throw Error(o(300));t===null||Ut||(t=t.dependencies,t!==null&&$n(t)&&(Ut=!0))}function Zs(t,l,e,a){I=t;var n=0;do{if(ma&&(ya=null),Ia=0,ma=!1,25<=n)throw Error(o(301));if(n+=1,Rt=ht=null,t.updateQueue!=null){var u=t.updateQueue;u.lastEffect=null,u.events=null,u.stores=null,u.memoCache!=null&&(u.memoCache.index=0)}E.H=zo,u=l(e,a)}while(ma);return u}function Im(){var t=E.H,l=t.useState()[0];return l=typeof l.then=="function"?Pa(l):l,t=t.useState()[0],(ht!==null?ht.memoizedState:null)!==t&&(I.flags|=1024),l}function Wi(){var t=uu!==0;return uu=0,t}function Fi(t,l,e){l.updateQueue=t.updateQueue,l.flags&=-2053,t.lanes&=~e}function Ii(t){if(nu){for(t=t.memoizedState;t!==null;){var l=t.queue;l!==null&&(l.pending=null),t=t.next}nu=!1}Zl=0,Rt=ht=I=null,ma=!1,Ia=uu=0,ya=null}function kt(){var t={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return Rt===null?I.memoizedState=Rt=t:Rt=Rt.next=t,Rt}function Ot(){if(ht===null){var t=I.alternate;t=t!==null?t.memoizedState:null}else t=ht.next;var l=Rt===null?I.memoizedState:Rt.next;if(l!==null)Rt=l,ht=t;else{if(t===null)throw I.alternate===null?Error(o(467)):Error(o(310));ht=t,t={memoizedState:ht.memoizedState,baseState:ht.baseState,baseQueue:ht.baseQueue,queue:ht.queue,next:null},Rt===null?I.memoizedState=Rt=t:Rt=Rt.next=t}return Rt}function iu(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function Pa(t){var l=Ia;return Ia+=1,ya===null&&(ya=[]),t=Rs(ya,t,l),l=I,(Rt===null?l.memoizedState:Rt.next)===null&&(l=l.alternate,E.H=l===null||l.memoizedState===null?Eo:oc),t}function cu(t){if(t!==null&&typeof t=="object"){if(typeof t.then=="function")return Pa(t);if(t.$$typeof===Bt)return Zt(t)}throw Error(o(438,String(t)))}function Pi(t){var l=null,e=I.updateQueue;if(e!==null&&(l=e.memoCache),l==null){var a=I.alternate;a!==null&&(a=a.updateQueue,a!==null&&(a=a.memoCache,a!=null&&(l={data:a.data.map(function(n){return n.slice()}),index:0})))}if(l==null&&(l={data:[],index:0}),e===null&&(e=iu(),I.updateQueue=e),e.memoCache=l,e=l.data[l.index],e===void 0)for(e=l.data[l.index]=Array(t),a=0;a<t;a++)e[a]=pt;return l.index++,e}function Vl(t,l){return typeof l=="function"?l(t):l}function fu(t){var l=Ot();return tc(l,ht,t)}function tc(t,l,e){var a=t.queue;if(a===null)throw Error(o(311));a.lastRenderedReducer=e;var n=t.baseQueue,u=a.pending;if(u!==null){if(n!==null){var i=n.next;n.next=u.next,u.next=i}l.baseQueue=n=u,a.pending=null}if(u=t.baseState,n===null)t.memoizedState=u;else{l=n.next;var c=i=null,r=null,v=l,S=!1;do{var N=v.lane&-536870913;if(N!==v.lane?(at&N)===N:(Zl&N)===N){var b=v.revertLane;if(b===0)r!==null&&(r=r.next={lane:0,revertLane:0,gesture:null,action:v.action,hasEagerState:v.hasEagerState,eagerState:v.eagerState,next:null}),N===fa&&(S=!0);else if((Zl&b)===b){v=v.next,b===fa&&(S=!0);continue}else N={lane:0,revertLane:v.revertLane,gesture:null,action:v.action,hasEagerState:v.hasEagerState,eagerState:v.eagerState,next:null},r===null?(c=r=N,i=u):r=r.next=N,I.lanes|=b,me|=b;N=v.action,Qe&&e(u,N),u=v.hasEagerState?v.eagerState:e(u,N)}else b={lane:N,revertLane:v.revertLane,gesture:v.gesture,action:v.action,hasEagerState:v.hasEagerState,eagerState:v.eagerState,next:null},r===null?(c=r=b,i=u):r=r.next=b,I.lanes|=N,me|=N;v=v.next}while(v!==null&&v!==l);if(r===null?i=u:r.next=c,!cl(u,t.memoizedState)&&(Ut=!0,S&&(e=sa,e!==null)))throw e;t.memoizedState=u,t.baseState=i,t.baseQueue=r,a.lastRenderedState=u}return n===null&&(a.lanes=0),[t.memoizedState,a.dispatch]}function lc(t){var l=Ot(),e=l.queue;if(e===null)throw Error(o(311));e.lastRenderedReducer=t;var a=e.dispatch,n=e.pending,u=l.memoizedState;if(n!==null){e.pending=null;var i=n=n.next;do u=t(u,i.action),i=i.next;while(i!==n);cl(u,l.memoizedState)||(Ut=!0),l.memoizedState=u,l.baseQueue===null&&(l.baseState=u),e.lastRenderedState=u}return[u,a]}function Vs(t,l,e){var a=I,n=Ot(),u=it;if(u){if(e===void 0)throw Error(o(407));e=e()}else e=l();var i=!cl((ht||n).memoizedState,e);if(i&&(n.memoizedState=e,Ut=!0),n=n.queue,nc(ws.bind(null,a,n,t),[t]),n.getSnapshot!==l||i||Rt!==null&&Rt.memoizedState.tag&1){if(a.flags|=2048,ga(9,{destroy:void 0},Ks.bind(null,a,n,e,l),null),St===null)throw Error(o(349));u||(Zl&127)!==0||Ls(a,l,e)}return e}function Ls(t,l,e){t.flags|=16384,t={getSnapshot:l,value:e},l=I.updateQueue,l===null?(l=iu(),I.updateQueue=l,l.stores=[t]):(e=l.stores,e===null?l.stores=[t]:e.push(t))}function Ks(t,l,e,a){l.value=e,l.getSnapshot=a,Js(l)&&ks(t)}function ws(t,l,e){return e(function(){Js(l)&&ks(t)})}function Js(t){var l=t.getSnapshot;t=t.value;try{var e=l();return!cl(t,e)}catch{return!0}}function ks(t){var l=De(t,2);l!==null&&al(l,t,2)}function ec(t){var l=kt();if(typeof t=="function"){var e=t;if(t=e(),Qe){Pl(!0);try{e()}finally{Pl(!1)}}}return l.memoizedState=l.baseState=t,l.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Vl,lastRenderedState:t},l}function $s(t,l,e,a){return t.baseState=e,tc(t,ht,typeof a=="function"?a:Vl)}function Pm(t,l,e,a,n){if(ru(t))throw Error(o(485));if(t=l.action,t!==null){var u={payload:n,action:t,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(i){u.listeners.push(i)}};E.T!==null?e(!0):u.isTransition=!1,a(u),e=l.pending,e===null?(u.next=l.pending=u,Ws(l,u)):(u.next=e.next,l.pending=e.next=u)}}function Ws(t,l){var e=l.action,a=l.payload,n=t.state;if(l.isTransition){var u=E.T,i={};E.T=i;try{var c=e(n,a),r=E.S;r!==null&&r(i,c),Fs(t,l,c)}catch(v){ac(t,l,v)}finally{u!==null&&i.types!==null&&(u.types=i.types),E.T=u}}else try{u=e(n,a),Fs(t,l,u)}catch(v){ac(t,l,v)}}function Fs(t,l,e){e!==null&&typeof e=="object"&&typeof e.then=="function"?e.then(function(a){Is(t,l,a)},function(a){return ac(t,l,a)}):Is(t,l,e)}function Is(t,l,e){l.status="fulfilled",l.value=e,Ps(l),t.state=e,l=t.pending,l!==null&&(e=l.next,e===l?t.pending=null:(e=e.next,l.next=e,Ws(t,e)))}function ac(t,l,e){var a=t.pending;if(t.pending=null,a!==null){a=a.next;do l.status="rejected",l.reason=e,Ps(l),l=l.next;while(l!==a)}t.action=null}function Ps(t){t=t.listeners;for(var l=0;l<t.length;l++)(0,t[l])()}function to(t,l){return l}function lo(t,l){if(it){var e=St.formState;if(e!==null){t:{var a=I;if(it){if(At){l:{for(var n=At,u=Sl;n.nodeType!==8;){if(!u){n=null;break l}if(n=Tl(n.nextSibling),n===null){n=null;break l}}u=n.data,n=u==="F!"||u==="F"?n:null}if(n){At=Tl(n.nextSibling),a=n.data==="F!";break t}}ne(a)}a=!1}a&&(l=e[0])}}return e=kt(),e.memoizedState=e.baseState=l,a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:to,lastRenderedState:l},e.queue=a,e=So.bind(null,I,a),a.dispatch=e,a=ec(!1),u=sc.bind(null,I,!1,a.queue),a=kt(),n={state:l,dispatch:null,action:t,pending:null},a.queue=n,e=Pm.bind(null,I,n,u,e),n.dispatch=e,a.memoizedState=t,[l,e,!1]}function eo(t){var l=Ot();return ao(l,ht,t)}function ao(t,l,e){if(l=tc(t,l,to)[0],t=fu(Vl)[0],typeof l=="object"&&l!==null&&typeof l.then=="function")try{var a=Pa(l)}catch(i){throw i===oa?In:i}else a=l;l=Ot();var n=l.queue,u=n.dispatch;return e!==l.memoizedState&&(I.flags|=2048,ga(9,{destroy:void 0},t0.bind(null,n,e),null)),[a,u,t]}function t0(t,l){t.action=l}function no(t){var l=Ot(),e=ht;if(e!==null)return ao(l,e,t);Ot(),l=l.memoizedState,e=Ot();var a=e.queue.dispatch;return e.memoizedState=t,[l,a,!1]}function ga(t,l,e,a){return t={tag:t,create:e,deps:a,inst:l,next:null},l=I.updateQueue,l===null&&(l=iu(),I.updateQueue=l),e=l.lastEffect,e===null?l.lastEffect=t.next=t:(a=e.next,e.next=t,t.next=a,l.lastEffect=t),t}function uo(){return Ot().memoizedState}function su(t,l,e,a){var n=kt();I.flags|=t,n.memoizedState=ga(1|l,{destroy:void 0},e,a===void 0?null:a)}function ou(t,l,e,a){var n=Ot();a=a===void 0?null:a;var u=n.memoizedState.inst;ht!==null&&a!==null&&ki(a,ht.memoizedState.deps)?n.memoizedState=ga(l,u,e,a):(I.flags|=t,n.memoizedState=ga(1|l,u,e,a))}function io(t,l){su(8390656,8,t,l)}function nc(t,l){ou(2048,8,t,l)}function l0(t){I.flags|=4;var l=I.updateQueue;if(l===null)l=iu(),I.updateQueue=l,l.events=[t];else{var e=l.events;e===null?l.events=[t]:e.push(t)}}function co(t){var l=Ot().memoizedState;return l0({ref:l,nextImpl:t}),function(){if((ot&2)!==0)throw Error(o(440));return l.impl.apply(void 0,arguments)}}function fo(t,l){return ou(4,2,t,l)}function so(t,l){return ou(4,4,t,l)}function oo(t,l){if(typeof l=="function"){t=t();var e=l(t);return function(){typeof e=="function"?e():l(null)}}if(l!=null)return t=t(),l.current=t,function(){l.current=null}}function ro(t,l,e){e=e!=null?e.concat([t]):null,ou(4,4,oo.bind(null,l,t),e)}function uc(){}function mo(t,l){var e=Ot();l=l===void 0?null:l;var a=e.memoizedState;return l!==null&&ki(l,a[1])?a[0]:(e.memoizedState=[t,l],t)}function yo(t,l){var e=Ot();l=l===void 0?null:l;var a=e.memoizedState;if(l!==null&&ki(l,a[1]))return a[0];if(a=t(),Qe){Pl(!0);try{t()}finally{Pl(!1)}}return e.memoizedState=[a,l],a}function ic(t,l,e){return e===void 0||(Zl&1073741824)!==0&&(at&261930)===0?t.memoizedState=l:(t.memoizedState=e,t=gr(),I.lanes|=t,me|=t,e)}function go(t,l,e,a){return cl(e,l)?e:da.current!==null?(t=ic(t,e,a),cl(t,l)||(Ut=!0),t):(Zl&42)===0||(Zl&1073741824)!==0&&(at&261930)===0?(Ut=!0,t.memoizedState=e):(t=gr(),I.lanes|=t,me|=t,l)}function ho(t,l,e,a,n){var u=R.p;R.p=u!==0&&8>u?u:8;var i=E.T,c={};E.T=c,sc(t,!1,l,e);try{var r=n(),v=E.S;if(v!==null&&v(c,r),r!==null&&typeof r=="object"&&typeof r.then=="function"){var S=Wm(r,a);tn(t,l,S,ml(t))}else tn(t,l,a,ml(t))}catch(N){tn(t,l,{then:function(){},status:"rejected",reason:N},ml())}finally{R.p=u,i!==null&&c.types!==null&&(i.types=c.types),E.T=i}}function e0(){}function cc(t,l,e,a){if(t.tag!==5)throw Error(o(476));var n=vo(t).queue;ho(t,n,l,w,e===null?e0:function(){return bo(t),e(a)})}function vo(t){var l=t.memoizedState;if(l!==null)return l;l={memoizedState:w,baseState:w,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Vl,lastRenderedState:w},next:null};var e={};return l.next={memoizedState:e,baseState:e,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Vl,lastRenderedState:e},next:null},t.memoizedState=l,t=t.alternate,t!==null&&(t.memoizedState=l),l}function bo(t){var l=vo(t);l.next===null&&(l=t.alternate.memoizedState),tn(t,l.next.queue,{},ml())}function fc(){return Zt(bn)}function po(){return Ot().memoizedState}function xo(){return Ot().memoizedState}function a0(t){for(var l=t.return;l!==null;){switch(l.tag){case 24:case 3:var e=ml();t=ce(e);var a=fe(l,t,e);a!==null&&(al(a,l,e),$a(a,l,e)),l={cache:Bi()},t.payload=l;return}l=l.return}}function n0(t,l,e){var a=ml();e={lane:a,revertLane:0,gesture:null,action:e,hasEagerState:!1,eagerState:null,next:null},ru(t)?Ao(l,e):(e=Ni(t,l,e,a),e!==null&&(al(e,t,a),To(e,l,a)))}function So(t,l,e){var a=ml();tn(t,l,e,a)}function tn(t,l,e,a){var n={lane:a,revertLane:0,gesture:null,action:e,hasEagerState:!1,eagerState:null,next:null};if(ru(t))Ao(l,n);else{var u=t.alternate;if(t.lanes===0&&(u===null||u.lanes===0)&&(u=l.lastRenderedReducer,u!==null))try{var i=l.lastRenderedState,c=u(i,e);if(n.hasEagerState=!0,n.eagerState=c,cl(c,i))return Kn(t,l,n,0),St===null&&Ln(),!1}catch{}finally{}if(e=Ni(t,l,n,a),e!==null)return al(e,t,a),To(e,l,a),!0}return!1}function sc(t,l,e,a){if(a={lane:2,revertLane:Xc(),gesture:null,action:a,hasEagerState:!1,eagerState:null,next:null},ru(t)){if(l)throw Error(o(479))}else l=Ni(t,e,a,2),l!==null&&al(l,t,2)}function ru(t){var l=t.alternate;return t===I||l!==null&&l===I}function Ao(t,l){ma=nu=!0;var e=t.pending;e===null?l.next=l:(l.next=e.next,e.next=l),t.pending=l}function To(t,l,e){if((e&4194048)!==0){var a=l.lanes;a&=t.pendingLanes,e|=a,l.lanes=e,jf(t,e)}}var ln={readContext:Zt,use:cu,useCallback:Nt,useContext:Nt,useEffect:Nt,useImperativeHandle:Nt,useLayoutEffect:Nt,useInsertionEffect:Nt,useMemo:Nt,useReducer:Nt,useRef:Nt,useState:Nt,useDebugValue:Nt,useDeferredValue:Nt,useTransition:Nt,useSyncExternalStore:Nt,useId:Nt,useHostTransitionStatus:Nt,useFormState:Nt,useActionState:Nt,useOptimistic:Nt,useMemoCache:Nt,useCacheRefresh:Nt};ln.useEffectEvent=Nt;var Eo={readContext:Zt,use:cu,useCallback:function(t,l){return kt().memoizedState=[t,l===void 0?null:l],t},useContext:Zt,useEffect:io,useImperativeHandle:function(t,l,e){e=e!=null?e.concat([t]):null,su(4194308,4,oo.bind(null,l,t),e)},useLayoutEffect:function(t,l){return su(4194308,4,t,l)},useInsertionEffect:function(t,l){su(4,2,t,l)},useMemo:function(t,l){var e=kt();l=l===void 0?null:l;var a=t();if(Qe){Pl(!0);try{t()}finally{Pl(!1)}}return e.memoizedState=[a,l],a},useReducer:function(t,l,e){var a=kt();if(e!==void 0){var n=e(l);if(Qe){Pl(!0);try{e(l)}finally{Pl(!1)}}}else n=l;return a.memoizedState=a.baseState=n,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:n},a.queue=t,t=t.dispatch=n0.bind(null,I,t),[a.memoizedState,t]},useRef:function(t){var l=kt();return t={current:t},l.memoizedState=t},useState:function(t){t=ec(t);var l=t.queue,e=So.bind(null,I,l);return l.dispatch=e,[t.memoizedState,e]},useDebugValue:uc,useDeferredValue:function(t,l){var e=kt();return ic(e,t,l)},useTransition:function(){var t=ec(!1);return t=ho.bind(null,I,t.queue,!0,!1),kt().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,l,e){var a=I,n=kt();if(it){if(e===void 0)throw Error(o(407));e=e()}else{if(e=l(),St===null)throw Error(o(349));(at&127)!==0||Ls(a,l,e)}n.memoizedState=e;var u={value:e,getSnapshot:l};return n.queue=u,io(ws.bind(null,a,u,t),[t]),a.flags|=2048,ga(9,{destroy:void 0},Ks.bind(null,a,u,e,l),null),e},useId:function(){var t=kt(),l=St.identifierPrefix;if(it){var e=Ol,a=_l;e=(a&~(1<<32-il(a)-1)).toString(32)+e,l="_"+l+"R_"+e,e=uu++,0<e&&(l+="H"+e.toString(32)),l+="_"}else e=Fm++,l="_"+l+"r_"+e.toString(32)+"_";return t.memoizedState=l},useHostTransitionStatus:fc,useFormState:lo,useActionState:lo,useOptimistic:function(t){var l=kt();l.memoizedState=l.baseState=t;var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return l.queue=e,l=sc.bind(null,I,!0,e),e.dispatch=l,[t,l]},useMemoCache:Pi,useCacheRefresh:function(){return kt().memoizedState=a0.bind(null,I)},useEffectEvent:function(t){var l=kt(),e={impl:t};return l.memoizedState=e,function(){if((ot&2)!==0)throw Error(o(440));return e.impl.apply(void 0,arguments)}}},oc={readContext:Zt,use:cu,useCallback:mo,useContext:Zt,useEffect:nc,useImperativeHandle:ro,useInsertionEffect:fo,useLayoutEffect:so,useMemo:yo,useReducer:fu,useRef:uo,useState:function(){return fu(Vl)},useDebugValue:uc,useDeferredValue:function(t,l){var e=Ot();return go(e,ht.memoizedState,t,l)},useTransition:function(){var t=fu(Vl)[0],l=Ot().memoizedState;return[typeof t=="boolean"?t:Pa(t),l]},useSyncExternalStore:Vs,useId:po,useHostTransitionStatus:fc,useFormState:eo,useActionState:eo,useOptimistic:function(t,l){var e=Ot();return $s(e,ht,t,l)},useMemoCache:Pi,useCacheRefresh:xo};oc.useEffectEvent=co;var zo={readContext:Zt,use:cu,useCallback:mo,useContext:Zt,useEffect:nc,useImperativeHandle:ro,useInsertionEffect:fo,useLayoutEffect:so,useMemo:yo,useReducer:lc,useRef:uo,useState:function(){return lc(Vl)},useDebugValue:uc,useDeferredValue:function(t,l){var e=Ot();return ht===null?ic(e,t,l):go(e,ht.memoizedState,t,l)},useTransition:function(){var t=lc(Vl)[0],l=Ot().memoizedState;return[typeof t=="boolean"?t:Pa(t),l]},useSyncExternalStore:Vs,useId:po,useHostTransitionStatus:fc,useFormState:no,useActionState:no,useOptimistic:function(t,l){var e=Ot();return ht!==null?$s(e,ht,t,l):(e.baseState=t,[t,e.queue.dispatch])},useMemoCache:Pi,useCacheRefresh:xo};zo.useEffectEvent=co;function rc(t,l,e,a){l=t.memoizedState,e=e(a,l),e=e==null?l:B({},l,e),t.memoizedState=e,t.lanes===0&&(t.updateQueue.baseState=e)}var dc={enqueueSetState:function(t,l,e){t=t._reactInternals;var a=ml(),n=ce(a);n.payload=l,e!=null&&(n.callback=e),l=fe(t,n,a),l!==null&&(al(l,t,a),$a(l,t,a))},enqueueReplaceState:function(t,l,e){t=t._reactInternals;var a=ml(),n=ce(a);n.tag=1,n.payload=l,e!=null&&(n.callback=e),l=fe(t,n,a),l!==null&&(al(l,t,a),$a(l,t,a))},enqueueForceUpdate:function(t,l){t=t._reactInternals;var e=ml(),a=ce(e);a.tag=2,l!=null&&(a.callback=l),l=fe(t,a,e),l!==null&&(al(l,t,e),$a(l,t,e))}};function No(t,l,e,a,n,u,i){return t=t.stateNode,typeof t.shouldComponentUpdate=="function"?t.shouldComponentUpdate(a,u,i):l.prototype&&l.prototype.isPureReactComponent?!Xa(e,a)||!Xa(n,u):!0}function jo(t,l,e,a){t=l.state,typeof l.componentWillReceiveProps=="function"&&l.componentWillReceiveProps(e,a),typeof l.UNSAFE_componentWillReceiveProps=="function"&&l.UNSAFE_componentWillReceiveProps(e,a),l.state!==t&&dc.enqueueReplaceState(l,l.state,null)}function Xe(t,l){var e=l;if("ref"in l){e={};for(var a in l)a!=="ref"&&(e[a]=l[a])}if(t=t.defaultProps){e===l&&(e=B({},e));for(var n in t)e[n]===void 0&&(e[n]=t[n])}return e}function Mo(t){Vn(t)}function _o(t){console.error(t)}function Oo(t){Vn(t)}function du(t,l){try{var e=t.onUncaughtError;e(l.value,{componentStack:l.stack})}catch(a){setTimeout(function(){throw a})}}function Do(t,l,e){try{var a=t.onCaughtError;a(e.value,{componentStack:e.stack,errorBoundary:l.tag===1?l.stateNode:null})}catch(n){setTimeout(function(){throw n})}}function mc(t,l,e){return e=ce(e),e.tag=3,e.payload={element:null},e.callback=function(){du(t,l)},e}function Ro(t){return t=ce(t),t.tag=3,t}function Uo(t,l,e,a){var n=e.type.getDerivedStateFromError;if(typeof n=="function"){var u=a.value;t.payload=function(){return n(u)},t.callback=function(){Do(l,e,a)}}var i=e.stateNode;i!==null&&typeof i.componentDidCatch=="function"&&(t.callback=function(){Do(l,e,a),typeof n!="function"&&(ye===null?ye=new Set([this]):ye.add(this));var c=a.stack;this.componentDidCatch(a.value,{componentStack:c!==null?c:""})})}function u0(t,l,e,a,n){if(e.flags|=32768,a!==null&&typeof a=="object"&&typeof a.then=="function"){if(l=e.alternate,l!==null&&ca(l,e,n,!0),e=sl.current,e!==null){switch(e.tag){case 31:case 13:return Al===null?Eu():e.alternate===null&&jt===0&&(jt=3),e.flags&=-257,e.flags|=65536,e.lanes=n,a===Pn?e.flags|=16384:(l=e.updateQueue,l===null?e.updateQueue=new Set([a]):l.add(a),Yc(t,a,n)),!1;case 22:return e.flags|=65536,a===Pn?e.flags|=16384:(l=e.updateQueue,l===null?(l={transitions:null,markerInstances:null,retryQueue:new Set([a])},e.updateQueue=l):(e=l.retryQueue,e===null?l.retryQueue=new Set([a]):e.add(a)),Yc(t,a,n)),!1}throw Error(o(435,e.tag))}return Yc(t,a,n),Eu(),!1}if(it)return l=sl.current,l!==null?((l.flags&65536)===0&&(l.flags|=256),l.flags|=65536,l.lanes=n,a!==Ri&&(t=Error(o(422),{cause:a}),La(bl(t,e)))):(a!==Ri&&(l=Error(o(423),{cause:a}),La(bl(l,e))),t=t.current.alternate,t.flags|=65536,n&=-n,t.lanes|=n,a=bl(a,e),n=mc(t.stateNode,a,n),Vi(t,n),jt!==4&&(jt=2)),!1;var u=Error(o(520),{cause:a});if(u=bl(u,e),on===null?on=[u]:on.push(u),jt!==4&&(jt=2),l===null)return!0;a=bl(a,e),e=l;do{switch(e.tag){case 3:return e.flags|=65536,t=n&-n,e.lanes|=t,t=mc(e.stateNode,a,t),Vi(e,t),!1;case 1:if(l=e.type,u=e.stateNode,(e.flags&128)===0&&(typeof l.getDerivedStateFromError=="function"||u!==null&&typeof u.componentDidCatch=="function"&&(ye===null||!ye.has(u))))return e.flags|=65536,n&=-n,e.lanes|=n,n=Ro(n),Uo(n,t,e,a),Vi(e,n),!1}e=e.return}while(e!==null);return!1}var yc=Error(o(461)),Ut=!1;function Vt(t,l,e,a){l.child=t===null?qs(l,null,e,a):Ge(l,t.child,e,a)}function Co(t,l,e,a,n){e=e.render;var u=l.ref;if("ref"in a){var i={};for(var c in a)c!=="ref"&&(i[c]=a[c])}else i=a;return He(l),a=$i(t,l,e,i,u,n),c=Wi(),t!==null&&!Ut?(Fi(t,l,n),Ll(t,l,n)):(it&&c&&Oi(l),l.flags|=1,Vt(t,l,a,n),l.child)}function Ho(t,l,e,a,n){if(t===null){var u=e.type;return typeof u=="function"&&!ji(u)&&u.defaultProps===void 0&&e.compare===null?(l.tag=15,l.type=u,qo(t,l,u,a,n)):(t=Jn(e.type,null,a,l,l.mode,n),t.ref=l.ref,t.return=l,l.child=t)}if(u=t.child,!Ac(t,n)){var i=u.memoizedProps;if(e=e.compare,e=e!==null?e:Xa,e(i,a)&&t.ref===l.ref)return Ll(t,l,n)}return l.flags|=1,t=Yl(u,a),t.ref=l.ref,t.return=l,l.child=t}function qo(t,l,e,a,n){if(t!==null){var u=t.memoizedProps;if(Xa(u,a)&&t.ref===l.ref)if(Ut=!1,l.pendingProps=a=u,Ac(t,n))(t.flags&131072)!==0&&(Ut=!0);else return l.lanes=t.lanes,Ll(t,l,n)}return gc(t,l,e,a,n)}function Bo(t,l,e,a){var n=a.children,u=t!==null?t.memoizedState:null;if(t===null&&l.stateNode===null&&(l.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),a.mode==="hidden"){if((l.flags&128)!==0){if(u=u!==null?u.baseLanes|e:e,t!==null){for(a=l.child=t.child,n=0;a!==null;)n=n|a.lanes|a.childLanes,a=a.sibling;a=n&~u}else a=0,l.child=null;return Yo(t,l,u,e,a)}if((e&536870912)!==0)l.memoizedState={baseLanes:0,cachePool:null},t!==null&&Fn(l,u!==null?u.cachePool:null),u!==null?Gs(l,u):Ki(),Qs(l);else return a=l.lanes=536870912,Yo(t,l,u!==null?u.baseLanes|e:e,e,a)}else u!==null?(Fn(l,u.cachePool),Gs(l,u),oe(),l.memoizedState=null):(t!==null&&Fn(l,null),Ki(),oe());return Vt(t,l,n,e),l.child}function en(t,l){return t!==null&&t.tag===22||l.stateNode!==null||(l.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),l.sibling}function Yo(t,l,e,a,n){var u=Gi();return u=u===null?null:{parent:Dt._currentValue,pool:u},l.memoizedState={baseLanes:e,cachePool:u},t!==null&&Fn(l,null),Ki(),Qs(l),t!==null&&ca(t,l,a,!0),l.childLanes=n,null}function mu(t,l){return l=gu({mode:l.mode,children:l.children},t.mode),l.ref=t.ref,t.child=l,l.return=t,l}function Go(t,l,e){return Ge(l,t.child,null,e),t=mu(l,l.pendingProps),t.flags|=2,ol(l),l.memoizedState=null,t}function i0(t,l,e){var a=l.pendingProps,n=(l.flags&128)!==0;if(l.flags&=-129,t===null){if(it){if(a.mode==="hidden")return t=mu(l,a),l.lanes=536870912,en(null,t);if(Ji(l),(t=At)?(t=Fr(t,Sl),t=t!==null&&t.data==="&"?t:null,t!==null&&(l.memoizedState={dehydrated:t,treeContext:ee!==null?{id:_l,overflow:Ol}:null,retryLane:536870912,hydrationErrors:null},e=Ss(t),e.return=l,l.child=e,Xt=l,At=null)):t=null,t===null)throw ne(l);return l.lanes=536870912,null}return mu(l,a)}var u=t.memoizedState;if(u!==null){var i=u.dehydrated;if(Ji(l),n)if(l.flags&256)l.flags&=-257,l=Go(t,l,e);else if(l.memoizedState!==null)l.child=t.child,l.flags|=128,l=null;else throw Error(o(558));else if(Ut||ca(t,l,e,!1),n=(e&t.childLanes)!==0,Ut||n){if(a=St,a!==null&&(i=Mf(a,e),i!==0&&i!==u.retryLane))throw u.retryLane=i,De(t,i),al(a,t,i),yc;Eu(),l=Go(t,l,e)}else t=u.treeContext,At=Tl(i.nextSibling),Xt=l,it=!0,ae=null,Sl=!1,t!==null&&Es(l,t),l=mu(l,a),l.flags|=4096;return l}return t=Yl(t.child,{mode:a.mode,children:a.children}),t.ref=l.ref,l.child=t,t.return=l,t}function yu(t,l){var e=l.ref;if(e===null)t!==null&&t.ref!==null&&(l.flags|=4194816);else{if(typeof e!="function"&&typeof e!="object")throw Error(o(284));(t===null||t.ref!==e)&&(l.flags|=4194816)}}function gc(t,l,e,a,n){return He(l),e=$i(t,l,e,a,void 0,n),a=Wi(),t!==null&&!Ut?(Fi(t,l,n),Ll(t,l,n)):(it&&a&&Oi(l),l.flags|=1,Vt(t,l,e,n),l.child)}function Qo(t,l,e,a,n,u){return He(l),l.updateQueue=null,e=Zs(l,a,e,n),Xs(t),a=Wi(),t!==null&&!Ut?(Fi(t,l,u),Ll(t,l,u)):(it&&a&&Oi(l),l.flags|=1,Vt(t,l,e,u),l.child)}function Xo(t,l,e,a,n){if(He(l),l.stateNode===null){var u=aa,i=e.contextType;typeof i=="object"&&i!==null&&(u=Zt(i)),u=new e(a,u),l.memoizedState=u.state!==null&&u.state!==void 0?u.state:null,u.updater=dc,l.stateNode=u,u._reactInternals=l,u=l.stateNode,u.props=a,u.state=l.memoizedState,u.refs={},Xi(l),i=e.contextType,u.context=typeof i=="object"&&i!==null?Zt(i):aa,u.state=l.memoizedState,i=e.getDerivedStateFromProps,typeof i=="function"&&(rc(l,e,i,a),u.state=l.memoizedState),typeof e.getDerivedStateFromProps=="function"||typeof u.getSnapshotBeforeUpdate=="function"||typeof u.UNSAFE_componentWillMount!="function"&&typeof u.componentWillMount!="function"||(i=u.state,typeof u.componentWillMount=="function"&&u.componentWillMount(),typeof u.UNSAFE_componentWillMount=="function"&&u.UNSAFE_componentWillMount(),i!==u.state&&dc.enqueueReplaceState(u,u.state,null),Fa(l,a,u,n),Wa(),u.state=l.memoizedState),typeof u.componentDidMount=="function"&&(l.flags|=4194308),a=!0}else if(t===null){u=l.stateNode;var c=l.memoizedProps,r=Xe(e,c);u.props=r;var v=u.context,S=e.contextType;i=aa,typeof S=="object"&&S!==null&&(i=Zt(S));var N=e.getDerivedStateFromProps;S=typeof N=="function"||typeof u.getSnapshotBeforeUpdate=="function",c=l.pendingProps!==c,S||typeof u.UNSAFE_componentWillReceiveProps!="function"&&typeof u.componentWillReceiveProps!="function"||(c||v!==i)&&jo(l,u,a,i),ie=!1;var b=l.memoizedState;u.state=b,Fa(l,a,u,n),Wa(),v=l.memoizedState,c||b!==v||ie?(typeof N=="function"&&(rc(l,e,N,a),v=l.memoizedState),(r=ie||No(l,e,r,a,b,v,i))?(S||typeof u.UNSAFE_componentWillMount!="function"&&typeof u.componentWillMount!="function"||(typeof u.componentWillMount=="function"&&u.componentWillMount(),typeof u.UNSAFE_componentWillMount=="function"&&u.UNSAFE_componentWillMount()),typeof u.componentDidMount=="function"&&(l.flags|=4194308)):(typeof u.componentDidMount=="function"&&(l.flags|=4194308),l.memoizedProps=a,l.memoizedState=v),u.props=a,u.state=v,u.context=i,a=r):(typeof u.componentDidMount=="function"&&(l.flags|=4194308),a=!1)}else{u=l.stateNode,Zi(t,l),i=l.memoizedProps,S=Xe(e,i),u.props=S,N=l.pendingProps,b=u.context,v=e.contextType,r=aa,typeof v=="object"&&v!==null&&(r=Zt(v)),c=e.getDerivedStateFromProps,(v=typeof c=="function"||typeof u.getSnapshotBeforeUpdate=="function")||typeof u.UNSAFE_componentWillReceiveProps!="function"&&typeof u.componentWillReceiveProps!="function"||(i!==N||b!==r)&&jo(l,u,a,r),ie=!1,b=l.memoizedState,u.state=b,Fa(l,a,u,n),Wa();var p=l.memoizedState;i!==N||b!==p||ie||t!==null&&t.dependencies!==null&&$n(t.dependencies)?(typeof c=="function"&&(rc(l,e,c,a),p=l.memoizedState),(S=ie||No(l,e,S,a,b,p,r)||t!==null&&t.dependencies!==null&&$n(t.dependencies))?(v||typeof u.UNSAFE_componentWillUpdate!="function"&&typeof u.componentWillUpdate!="function"||(typeof u.componentWillUpdate=="function"&&u.componentWillUpdate(a,p,r),typeof u.UNSAFE_componentWillUpdate=="function"&&u.UNSAFE_componentWillUpdate(a,p,r)),typeof u.componentDidUpdate=="function"&&(l.flags|=4),typeof u.getSnapshotBeforeUpdate=="function"&&(l.flags|=1024)):(typeof u.componentDidUpdate!="function"||i===t.memoizedProps&&b===t.memoizedState||(l.flags|=4),typeof u.getSnapshotBeforeUpdate!="function"||i===t.memoizedProps&&b===t.memoizedState||(l.flags|=1024),l.memoizedProps=a,l.memoizedState=p),u.props=a,u.state=p,u.context=r,a=S):(typeof u.componentDidUpdate!="function"||i===t.memoizedProps&&b===t.memoizedState||(l.flags|=4),typeof u.getSnapshotBeforeUpdate!="function"||i===t.memoizedProps&&b===t.memoizedState||(l.flags|=1024),a=!1)}return u=a,yu(t,l),a=(l.flags&128)!==0,u||a?(u=l.stateNode,e=a&&typeof e.getDerivedStateFromError!="function"?null:u.render(),l.flags|=1,t!==null&&a?(l.child=Ge(l,t.child,null,n),l.child=Ge(l,null,e,n)):Vt(t,l,e,n),l.memoizedState=u.state,t=l.child):t=Ll(t,l,n),t}function Zo(t,l,e,a){return Ue(),l.flags|=256,Vt(t,l,e,a),l.child}var hc={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function vc(t){return{baseLanes:t,cachePool:Os()}}function bc(t,l,e){return t=t!==null?t.childLanes&~e:0,l&&(t|=dl),t}function Vo(t,l,e){var a=l.pendingProps,n=!1,u=(l.flags&128)!==0,i;if((i=u)||(i=t!==null&&t.memoizedState===null?!1:(_t.current&2)!==0),i&&(n=!0,l.flags&=-129),i=(l.flags&32)!==0,l.flags&=-33,t===null){if(it){if(n?se(l):oe(),(t=At)?(t=Fr(t,Sl),t=t!==null&&t.data!=="&"?t:null,t!==null&&(l.memoizedState={dehydrated:t,treeContext:ee!==null?{id:_l,overflow:Ol}:null,retryLane:536870912,hydrationErrors:null},e=Ss(t),e.return=l,l.child=e,Xt=l,At=null)):t=null,t===null)throw ne(l);return tf(t)?l.lanes=32:l.lanes=536870912,null}var c=a.children;return a=a.fallback,n?(oe(),n=l.mode,c=gu({mode:"hidden",children:c},n),a=Re(a,n,e,null),c.return=l,a.return=l,c.sibling=a,l.child=c,a=l.child,a.memoizedState=vc(e),a.childLanes=bc(t,i,e),l.memoizedState=hc,en(null,a)):(se(l),pc(l,c))}var r=t.memoizedState;if(r!==null&&(c=r.dehydrated,c!==null)){if(u)l.flags&256?(se(l),l.flags&=-257,l=xc(t,l,e)):l.memoizedState!==null?(oe(),l.child=t.child,l.flags|=128,l=null):(oe(),c=a.fallback,n=l.mode,a=gu({mode:"visible",children:a.children},n),c=Re(c,n,e,null),c.flags|=2,a.return=l,c.return=l,a.sibling=c,l.child=a,Ge(l,t.child,null,e),a=l.child,a.memoizedState=vc(e),a.childLanes=bc(t,i,e),l.memoizedState=hc,l=en(null,a));else if(se(l),tf(c)){if(i=c.nextSibling&&c.nextSibling.dataset,i)var v=i.dgst;i=v,a=Error(o(419)),a.stack="",a.digest=i,La({value:a,source:null,stack:null}),l=xc(t,l,e)}else if(Ut||ca(t,l,e,!1),i=(e&t.childLanes)!==0,Ut||i){if(i=St,i!==null&&(a=Mf(i,e),a!==0&&a!==r.retryLane))throw r.retryLane=a,De(t,a),al(i,t,a),yc;Pc(c)||Eu(),l=xc(t,l,e)}else Pc(c)?(l.flags|=192,l.child=t.child,l=null):(t=r.treeContext,At=Tl(c.nextSibling),Xt=l,it=!0,ae=null,Sl=!1,t!==null&&Es(l,t),l=pc(l,a.children),l.flags|=4096);return l}return n?(oe(),c=a.fallback,n=l.mode,r=t.child,v=r.sibling,a=Yl(r,{mode:"hidden",children:a.children}),a.subtreeFlags=r.subtreeFlags&65011712,v!==null?c=Yl(v,c):(c=Re(c,n,e,null),c.flags|=2),c.return=l,a.return=l,a.sibling=c,l.child=a,en(null,a),a=l.child,c=t.child.memoizedState,c===null?c=vc(e):(n=c.cachePool,n!==null?(r=Dt._currentValue,n=n.parent!==r?{parent:r,pool:r}:n):n=Os(),c={baseLanes:c.baseLanes|e,cachePool:n}),a.memoizedState=c,a.childLanes=bc(t,i,e),l.memoizedState=hc,en(t.child,a)):(se(l),e=t.child,t=e.sibling,e=Yl(e,{mode:"visible",children:a.children}),e.return=l,e.sibling=null,t!==null&&(i=l.deletions,i===null?(l.deletions=[t],l.flags|=16):i.push(t)),l.child=e,l.memoizedState=null,e)}function pc(t,l){return l=gu({mode:"visible",children:l},t.mode),l.return=t,t.child=l}function gu(t,l){return t=fl(22,t,null,l),t.lanes=0,t}function xc(t,l,e){return Ge(l,t.child,null,e),t=pc(l,l.pendingProps.children),t.flags|=2,l.memoizedState=null,t}function Lo(t,l,e){t.lanes|=l;var a=t.alternate;a!==null&&(a.lanes|=l),Hi(t.return,l,e)}function Sc(t,l,e,a,n,u){var i=t.memoizedState;i===null?t.memoizedState={isBackwards:l,rendering:null,renderingStartTime:0,last:a,tail:e,tailMode:n,treeForkCount:u}:(i.isBackwards=l,i.rendering=null,i.renderingStartTime=0,i.last=a,i.tail=e,i.tailMode=n,i.treeForkCount=u)}function Ko(t,l,e){var a=l.pendingProps,n=a.revealOrder,u=a.tail;a=a.children;var i=_t.current,c=(i&2)!==0;if(c?(i=i&1|2,l.flags|=128):i&=1,C(_t,i),Vt(t,l,a,e),a=it?Va:0,!c&&t!==null&&(t.flags&128)!==0)t:for(t=l.child;t!==null;){if(t.tag===13)t.memoizedState!==null&&Lo(t,e,l);else if(t.tag===19)Lo(t,e,l);else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===l)break t;for(;t.sibling===null;){if(t.return===null||t.return===l)break t;t=t.return}t.sibling.return=t.return,t=t.sibling}switch(n){case"forwards":for(e=l.child,n=null;e!==null;)t=e.alternate,t!==null&&au(t)===null&&(n=e),e=e.sibling;e=n,e===null?(n=l.child,l.child=null):(n=e.sibling,e.sibling=null),Sc(l,!1,n,e,u,a);break;case"backwards":case"unstable_legacy-backwards":for(e=null,n=l.child,l.child=null;n!==null;){if(t=n.alternate,t!==null&&au(t)===null){l.child=n;break}t=n.sibling,n.sibling=e,e=n,n=t}Sc(l,!0,e,null,u,a);break;case"together":Sc(l,!1,null,null,void 0,a);break;default:l.memoizedState=null}return l.child}function Ll(t,l,e){if(t!==null&&(l.dependencies=t.dependencies),me|=l.lanes,(e&l.childLanes)===0)if(t!==null){if(ca(t,l,e,!1),(e&l.childLanes)===0)return null}else return null;if(t!==null&&l.child!==t.child)throw Error(o(153));if(l.child!==null){for(t=l.child,e=Yl(t,t.pendingProps),l.child=e,e.return=l;t.sibling!==null;)t=t.sibling,e=e.sibling=Yl(t,t.pendingProps),e.return=l;e.sibling=null}return l.child}function Ac(t,l){return(t.lanes&l)!==0?!0:(t=t.dependencies,!!(t!==null&&$n(t)))}function c0(t,l,e){switch(l.tag){case 3:Jt(l,l.stateNode.containerInfo),ue(l,Dt,t.memoizedState.cache),Ue();break;case 27:case 5:Ma(l);break;case 4:Jt(l,l.stateNode.containerInfo);break;case 10:ue(l,l.type,l.memoizedProps.value);break;case 31:if(l.memoizedState!==null)return l.flags|=128,Ji(l),null;break;case 13:var a=l.memoizedState;if(a!==null)return a.dehydrated!==null?(se(l),l.flags|=128,null):(e&l.child.childLanes)!==0?Vo(t,l,e):(se(l),t=Ll(t,l,e),t!==null?t.sibling:null);se(l);break;case 19:var n=(t.flags&128)!==0;if(a=(e&l.childLanes)!==0,a||(ca(t,l,e,!1),a=(e&l.childLanes)!==0),n){if(a)return Ko(t,l,e);l.flags|=128}if(n=l.memoizedState,n!==null&&(n.rendering=null,n.tail=null,n.lastEffect=null),C(_t,_t.current),a)break;return null;case 22:return l.lanes=0,Bo(t,l,e,l.pendingProps);case 24:ue(l,Dt,t.memoizedState.cache)}return Ll(t,l,e)}function wo(t,l,e){if(t!==null)if(t.memoizedProps!==l.pendingProps)Ut=!0;else{if(!Ac(t,e)&&(l.flags&128)===0)return Ut=!1,c0(t,l,e);Ut=(t.flags&131072)!==0}else Ut=!1,it&&(l.flags&1048576)!==0&&Ts(l,Va,l.index);switch(l.lanes=0,l.tag){case 16:t:{var a=l.pendingProps;if(t=Be(l.elementType),l.type=t,typeof t=="function")ji(t)?(a=Xe(t,a),l.tag=1,l=Xo(null,l,t,a,e)):(l.tag=0,l=gc(null,l,t,a,e));else{if(t!=null){var n=t.$$typeof;if(n===wt){l.tag=11,l=Co(null,l,t,a,e);break t}else if(n===U){l.tag=14,l=Ho(null,l,t,a,e);break t}}throw l=Cl(t)||t,Error(o(306,l,""))}}return l;case 0:return gc(t,l,l.type,l.pendingProps,e);case 1:return a=l.type,n=Xe(a,l.pendingProps),Xo(t,l,a,n,e);case 3:t:{if(Jt(l,l.stateNode.containerInfo),t===null)throw Error(o(387));a=l.pendingProps;var u=l.memoizedState;n=u.element,Zi(t,l),Fa(l,a,null,e);var i=l.memoizedState;if(a=i.cache,ue(l,Dt,a),a!==u.cache&&qi(l,[Dt],e,!0),Wa(),a=i.element,u.isDehydrated)if(u={element:a,isDehydrated:!1,cache:i.cache},l.updateQueue.baseState=u,l.memoizedState=u,l.flags&256){l=Zo(t,l,a,e);break t}else if(a!==n){n=bl(Error(o(424)),l),La(n),l=Zo(t,l,a,e);break t}else{switch(t=l.stateNode.containerInfo,t.nodeType){case 9:t=t.body;break;default:t=t.nodeName==="HTML"?t.ownerDocument.body:t}for(At=Tl(t.firstChild),Xt=l,it=!0,ae=null,Sl=!0,e=qs(l,null,a,e),l.child=e;e;)e.flags=e.flags&-3|4096,e=e.sibling}else{if(Ue(),a===n){l=Ll(t,l,e);break t}Vt(t,l,a,e)}l=l.child}return l;case 26:return yu(t,l),t===null?(e=ad(l.type,null,l.pendingProps,null))?l.memoizedState=e:it||(e=l.type,t=l.pendingProps,a=Du(tt.current).createElement(e),a[Qt]=l,a[Ft]=t,Lt(a,e,t),Yt(a),l.stateNode=a):l.memoizedState=ad(l.type,t.memoizedProps,l.pendingProps,t.memoizedState),null;case 27:return Ma(l),t===null&&it&&(a=l.stateNode=td(l.type,l.pendingProps,tt.current),Xt=l,Sl=!0,n=At,be(l.type)?(lf=n,At=Tl(a.firstChild)):At=n),Vt(t,l,l.pendingProps.children,e),yu(t,l),t===null&&(l.flags|=4194304),l.child;case 5:return t===null&&it&&((n=a=At)&&(a=B0(a,l.type,l.pendingProps,Sl),a!==null?(l.stateNode=a,Xt=l,At=Tl(a.firstChild),Sl=!1,n=!0):n=!1),n||ne(l)),Ma(l),n=l.type,u=l.pendingProps,i=t!==null?t.memoizedProps:null,a=u.children,Wc(n,u)?a=null:i!==null&&Wc(n,i)&&(l.flags|=32),l.memoizedState!==null&&(n=$i(t,l,Im,null,null,e),bn._currentValue=n),yu(t,l),Vt(t,l,a,e),l.child;case 6:return t===null&&it&&((t=e=At)&&(e=Y0(e,l.pendingProps,Sl),e!==null?(l.stateNode=e,Xt=l,At=null,t=!0):t=!1),t||ne(l)),null;case 13:return Vo(t,l,e);case 4:return Jt(l,l.stateNode.containerInfo),a=l.pendingProps,t===null?l.child=Ge(l,null,a,e):Vt(t,l,a,e),l.child;case 11:return Co(t,l,l.type,l.pendingProps,e);case 7:return Vt(t,l,l.pendingProps,e),l.child;case 8:return Vt(t,l,l.pendingProps.children,e),l.child;case 12:return Vt(t,l,l.pendingProps.children,e),l.child;case 10:return a=l.pendingProps,ue(l,l.type,a.value),Vt(t,l,a.children,e),l.child;case 9:return n=l.type._context,a=l.pendingProps.children,He(l),n=Zt(n),a=a(n),l.flags|=1,Vt(t,l,a,e),l.child;case 14:return Ho(t,l,l.type,l.pendingProps,e);case 15:return qo(t,l,l.type,l.pendingProps,e);case 19:return Ko(t,l,e);case 31:return i0(t,l,e);case 22:return Bo(t,l,e,l.pendingProps);case 24:return He(l),a=Zt(Dt),t===null?(n=Gi(),n===null&&(n=St,u=Bi(),n.pooledCache=u,u.refCount++,u!==null&&(n.pooledCacheLanes|=e),n=u),l.memoizedState={parent:a,cache:n},Xi(l),ue(l,Dt,n)):((t.lanes&e)!==0&&(Zi(t,l),Fa(l,null,null,e),Wa()),n=t.memoizedState,u=l.memoizedState,n.parent!==a?(n={parent:a,cache:a},l.memoizedState=n,l.lanes===0&&(l.memoizedState=l.updateQueue.baseState=n),ue(l,Dt,a)):(a=u.cache,ue(l,Dt,a),a!==n.cache&&qi(l,[Dt],e,!0))),Vt(t,l,l.pendingProps.children,e),l.child;case 29:throw l.pendingProps}throw Error(o(156,l.tag))}function Kl(t){t.flags|=4}function Tc(t,l,e,a,n){if((l=(t.mode&32)!==0)&&(l=!1),l){if(t.flags|=16777216,(n&335544128)===n)if(t.stateNode.complete)t.flags|=8192;else if(pr())t.flags|=8192;else throw Ye=Pn,Qi}else t.flags&=-16777217}function Jo(t,l){if(l.type!=="stylesheet"||(l.state.loading&4)!==0)t.flags&=-16777217;else if(t.flags|=16777216,!fd(l))if(pr())t.flags|=8192;else throw Ye=Pn,Qi}function hu(t,l){l!==null&&(t.flags|=4),t.flags&16384&&(l=t.tag!==22?zf():536870912,t.lanes|=l,pa|=l)}function an(t,l){if(!it)switch(t.tailMode){case"hidden":l=t.tail;for(var e=null;l!==null;)l.alternate!==null&&(e=l),l=l.sibling;e===null?t.tail=null:e.sibling=null;break;case"collapsed":e=t.tail;for(var a=null;e!==null;)e.alternate!==null&&(a=e),e=e.sibling;a===null?l||t.tail===null?t.tail=null:t.tail.sibling=null:a.sibling=null}}function Tt(t){var l=t.alternate!==null&&t.alternate.child===t.child,e=0,a=0;if(l)for(var n=t.child;n!==null;)e|=n.lanes|n.childLanes,a|=n.subtreeFlags&65011712,a|=n.flags&65011712,n.return=t,n=n.sibling;else for(n=t.child;n!==null;)e|=n.lanes|n.childLanes,a|=n.subtreeFlags,a|=n.flags,n.return=t,n=n.sibling;return t.subtreeFlags|=a,t.childLanes=e,l}function f0(t,l,e){var a=l.pendingProps;switch(Di(l),l.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Tt(l),null;case 1:return Tt(l),null;case 3:return e=l.stateNode,a=null,t!==null&&(a=t.memoizedState.cache),l.memoizedState.cache!==a&&(l.flags|=2048),Xl(Dt),Mt(),e.pendingContext&&(e.context=e.pendingContext,e.pendingContext=null),(t===null||t.child===null)&&(ia(l)?Kl(l):t===null||t.memoizedState.isDehydrated&&(l.flags&256)===0||(l.flags|=1024,Ui())),Tt(l),null;case 26:var n=l.type,u=l.memoizedState;return t===null?(Kl(l),u!==null?(Tt(l),Jo(l,u)):(Tt(l),Tc(l,n,null,a,e))):u?u!==t.memoizedState?(Kl(l),Tt(l),Jo(l,u)):(Tt(l),l.flags&=-16777217):(t=t.memoizedProps,t!==a&&Kl(l),Tt(l),Tc(l,n,t,a,e)),null;case 27:if(jn(l),e=tt.current,n=l.type,t!==null&&l.stateNode!=null)t.memoizedProps!==a&&Kl(l);else{if(!a){if(l.stateNode===null)throw Error(o(166));return Tt(l),null}t=Q.current,ia(l)?zs(l):(t=td(n,a,e),l.stateNode=t,Kl(l))}return Tt(l),null;case 5:if(jn(l),n=l.type,t!==null&&l.stateNode!=null)t.memoizedProps!==a&&Kl(l);else{if(!a){if(l.stateNode===null)throw Error(o(166));return Tt(l),null}if(u=Q.current,ia(l))zs(l);else{var i=Du(tt.current);switch(u){case 1:u=i.createElementNS("http://www.w3.org/2000/svg",n);break;case 2:u=i.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;default:switch(n){case"svg":u=i.createElementNS("http://www.w3.org/2000/svg",n);break;case"math":u=i.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;case"script":u=i.createElement("div"),u.innerHTML="<script><\/script>",u=u.removeChild(u.firstChild);break;case"select":u=typeof a.is=="string"?i.createElement("select",{is:a.is}):i.createElement("select"),a.multiple?u.multiple=!0:a.size&&(u.size=a.size);break;default:u=typeof a.is=="string"?i.createElement(n,{is:a.is}):i.createElement(n)}}u[Qt]=l,u[Ft]=a;t:for(i=l.child;i!==null;){if(i.tag===5||i.tag===6)u.appendChild(i.stateNode);else if(i.tag!==4&&i.tag!==27&&i.child!==null){i.child.return=i,i=i.child;continue}if(i===l)break t;for(;i.sibling===null;){if(i.return===null||i.return===l)break t;i=i.return}i.sibling.return=i.return,i=i.sibling}l.stateNode=u;t:switch(Lt(u,n,a),n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break t;case"img":a=!0;break t;default:a=!1}a&&Kl(l)}}return Tt(l),Tc(l,l.type,t===null?null:t.memoizedProps,l.pendingProps,e),null;case 6:if(t&&l.stateNode!=null)t.memoizedProps!==a&&Kl(l);else{if(typeof a!="string"&&l.stateNode===null)throw Error(o(166));if(t=tt.current,ia(l)){if(t=l.stateNode,e=l.memoizedProps,a=null,n=Xt,n!==null)switch(n.tag){case 27:case 5:a=n.memoizedProps}t[Qt]=l,t=!!(t.nodeValue===e||a!==null&&a.suppressHydrationWarning===!0||Vr(t.nodeValue,e)),t||ne(l,!0)}else t=Du(t).createTextNode(a),t[Qt]=l,l.stateNode=t}return Tt(l),null;case 31:if(e=l.memoizedState,t===null||t.memoizedState!==null){if(a=ia(l),e!==null){if(t===null){if(!a)throw Error(o(318));if(t=l.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(o(557));t[Qt]=l}else Ue(),(l.flags&128)===0&&(l.memoizedState=null),l.flags|=4;Tt(l),t=!1}else e=Ui(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=e),t=!0;if(!t)return l.flags&256?(ol(l),l):(ol(l),null);if((l.flags&128)!==0)throw Error(o(558))}return Tt(l),null;case 13:if(a=l.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(n=ia(l),a!==null&&a.dehydrated!==null){if(t===null){if(!n)throw Error(o(318));if(n=l.memoizedState,n=n!==null?n.dehydrated:null,!n)throw Error(o(317));n[Qt]=l}else Ue(),(l.flags&128)===0&&(l.memoizedState=null),l.flags|=4;Tt(l),n=!1}else n=Ui(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=n),n=!0;if(!n)return l.flags&256?(ol(l),l):(ol(l),null)}return ol(l),(l.flags&128)!==0?(l.lanes=e,l):(e=a!==null,t=t!==null&&t.memoizedState!==null,e&&(a=l.child,n=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(n=a.alternate.memoizedState.cachePool.pool),u=null,a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(u=a.memoizedState.cachePool.pool),u!==n&&(a.flags|=2048)),e!==t&&e&&(l.child.flags|=8192),hu(l,l.updateQueue),Tt(l),null);case 4:return Mt(),t===null&&Kc(l.stateNode.containerInfo),Tt(l),null;case 10:return Xl(l.type),Tt(l),null;case 19:if(j(_t),a=l.memoizedState,a===null)return Tt(l),null;if(n=(l.flags&128)!==0,u=a.rendering,u===null)if(n)an(a,!1);else{if(jt!==0||t!==null&&(t.flags&128)!==0)for(t=l.child;t!==null;){if(u=au(t),u!==null){for(l.flags|=128,an(a,!1),t=u.updateQueue,l.updateQueue=t,hu(l,t),l.subtreeFlags=0,t=e,e=l.child;e!==null;)xs(e,t),e=e.sibling;return C(_t,_t.current&1|2),it&&Gl(l,a.treeForkCount),l.child}t=t.sibling}a.tail!==null&&nl()>Su&&(l.flags|=128,n=!0,an(a,!1),l.lanes=4194304)}else{if(!n)if(t=au(u),t!==null){if(l.flags|=128,n=!0,t=t.updateQueue,l.updateQueue=t,hu(l,t),an(a,!0),a.tail===null&&a.tailMode==="hidden"&&!u.alternate&&!it)return Tt(l),null}else 2*nl()-a.renderingStartTime>Su&&e!==536870912&&(l.flags|=128,n=!0,an(a,!1),l.lanes=4194304);a.isBackwards?(u.sibling=l.child,l.child=u):(t=a.last,t!==null?t.sibling=u:l.child=u,a.last=u)}return a.tail!==null?(t=a.tail,a.rendering=t,a.tail=t.sibling,a.renderingStartTime=nl(),t.sibling=null,e=_t.current,C(_t,n?e&1|2:e&1),it&&Gl(l,a.treeForkCount),t):(Tt(l),null);case 22:case 23:return ol(l),wi(),a=l.memoizedState!==null,t!==null?t.memoizedState!==null!==a&&(l.flags|=8192):a&&(l.flags|=8192),a?(e&536870912)!==0&&(l.flags&128)===0&&(Tt(l),l.subtreeFlags&6&&(l.flags|=8192)):Tt(l),e=l.updateQueue,e!==null&&hu(l,e.retryQueue),e=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(e=t.memoizedState.cachePool.pool),a=null,l.memoizedState!==null&&l.memoizedState.cachePool!==null&&(a=l.memoizedState.cachePool.pool),a!==e&&(l.flags|=2048),t!==null&&j(qe),null;case 24:return e=null,t!==null&&(e=t.memoizedState.cache),l.memoizedState.cache!==e&&(l.flags|=2048),Xl(Dt),Tt(l),null;case 25:return null;case 30:return null}throw Error(o(156,l.tag))}function s0(t,l){switch(Di(l),l.tag){case 1:return t=l.flags,t&65536?(l.flags=t&-65537|128,l):null;case 3:return Xl(Dt),Mt(),t=l.flags,(t&65536)!==0&&(t&128)===0?(l.flags=t&-65537|128,l):null;case 26:case 27:case 5:return jn(l),null;case 31:if(l.memoizedState!==null){if(ol(l),l.alternate===null)throw Error(o(340));Ue()}return t=l.flags,t&65536?(l.flags=t&-65537|128,l):null;case 13:if(ol(l),t=l.memoizedState,t!==null&&t.dehydrated!==null){if(l.alternate===null)throw Error(o(340));Ue()}return t=l.flags,t&65536?(l.flags=t&-65537|128,l):null;case 19:return j(_t),null;case 4:return Mt(),null;case 10:return Xl(l.type),null;case 22:case 23:return ol(l),wi(),t!==null&&j(qe),t=l.flags,t&65536?(l.flags=t&-65537|128,l):null;case 24:return Xl(Dt),null;case 25:return null;default:return null}}function ko(t,l){switch(Di(l),l.tag){case 3:Xl(Dt),Mt();break;case 26:case 27:case 5:jn(l);break;case 4:Mt();break;case 31:l.memoizedState!==null&&ol(l);break;case 13:ol(l);break;case 19:j(_t);break;case 10:Xl(l.type);break;case 22:case 23:ol(l),wi(),t!==null&&j(qe);break;case 24:Xl(Dt)}}function nn(t,l){try{var e=l.updateQueue,a=e!==null?e.lastEffect:null;if(a!==null){var n=a.next;e=n;do{if((e.tag&t)===t){a=void 0;var u=e.create,i=e.inst;a=u(),i.destroy=a}e=e.next}while(e!==n)}}catch(c){yt(l,l.return,c)}}function re(t,l,e){try{var a=l.updateQueue,n=a!==null?a.lastEffect:null;if(n!==null){var u=n.next;a=u;do{if((a.tag&t)===t){var i=a.inst,c=i.destroy;if(c!==void 0){i.destroy=void 0,n=l;var r=e,v=c;try{v()}catch(S){yt(n,r,S)}}}a=a.next}while(a!==u)}}catch(S){yt(l,l.return,S)}}function $o(t){var l=t.updateQueue;if(l!==null){var e=t.stateNode;try{Ys(l,e)}catch(a){yt(t,t.return,a)}}}function Wo(t,l,e){e.props=Xe(t.type,t.memoizedProps),e.state=t.memoizedState;try{e.componentWillUnmount()}catch(a){yt(t,l,a)}}function un(t,l){try{var e=t.ref;if(e!==null){switch(t.tag){case 26:case 27:case 5:var a=t.stateNode;break;case 30:a=t.stateNode;break;default:a=t.stateNode}typeof e=="function"?t.refCleanup=e(a):e.current=a}}catch(n){yt(t,l,n)}}function Dl(t,l){var e=t.ref,a=t.refCleanup;if(e!==null)if(typeof a=="function")try{a()}catch(n){yt(t,l,n)}finally{t.refCleanup=null,t=t.alternate,t!=null&&(t.refCleanup=null)}else if(typeof e=="function")try{e(null)}catch(n){yt(t,l,n)}else e.current=null}function Fo(t){var l=t.type,e=t.memoizedProps,a=t.stateNode;try{t:switch(l){case"button":case"input":case"select":case"textarea":e.autoFocus&&a.focus();break t;case"img":e.src?a.src=e.src:e.srcSet&&(a.srcset=e.srcSet)}}catch(n){yt(t,t.return,n)}}function Ec(t,l,e){try{var a=t.stateNode;D0(a,t.type,e,l),a[Ft]=l}catch(n){yt(t,t.return,n)}}function Io(t){return t.tag===5||t.tag===3||t.tag===26||t.tag===27&&be(t.type)||t.tag===4}function zc(t){t:for(;;){for(;t.sibling===null;){if(t.return===null||Io(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.tag===27&&be(t.type)||t.flags&2||t.child===null||t.tag===4)continue t;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function Nc(t,l,e){var a=t.tag;if(a===5||a===6)t=t.stateNode,l?(e.nodeType===9?e.body:e.nodeName==="HTML"?e.ownerDocument.body:e).insertBefore(t,l):(l=e.nodeType===9?e.body:e.nodeName==="HTML"?e.ownerDocument.body:e,l.appendChild(t),e=e._reactRootContainer,e!=null||l.onclick!==null||(l.onclick=ql));else if(a!==4&&(a===27&&be(t.type)&&(e=t.stateNode,l=null),t=t.child,t!==null))for(Nc(t,l,e),t=t.sibling;t!==null;)Nc(t,l,e),t=t.sibling}function vu(t,l,e){var a=t.tag;if(a===5||a===6)t=t.stateNode,l?e.insertBefore(t,l):e.appendChild(t);else if(a!==4&&(a===27&&be(t.type)&&(e=t.stateNode),t=t.child,t!==null))for(vu(t,l,e),t=t.sibling;t!==null;)vu(t,l,e),t=t.sibling}function Po(t){var l=t.stateNode,e=t.memoizedProps;try{for(var a=t.type,n=l.attributes;n.length;)l.removeAttributeNode(n[0]);Lt(l,a,e),l[Qt]=t,l[Ft]=e}catch(u){yt(t,t.return,u)}}var wl=!1,Ct=!1,jc=!1,tr=typeof WeakSet=="function"?WeakSet:Set,Gt=null;function o0(t,l){if(t=t.containerInfo,kc=Yu,t=rs(t),xi(t)){if("selectionStart"in t)var e={start:t.selectionStart,end:t.selectionEnd};else t:{e=(e=t.ownerDocument)&&e.defaultView||window;var a=e.getSelection&&e.getSelection();if(a&&a.rangeCount!==0){e=a.anchorNode;var n=a.anchorOffset,u=a.focusNode;a=a.focusOffset;try{e.nodeType,u.nodeType}catch{e=null;break t}var i=0,c=-1,r=-1,v=0,S=0,N=t,b=null;l:for(;;){for(var p;N!==e||n!==0&&N.nodeType!==3||(c=i+n),N!==u||a!==0&&N.nodeType!==3||(r=i+a),N.nodeType===3&&(i+=N.nodeValue.length),(p=N.firstChild)!==null;)b=N,N=p;for(;;){if(N===t)break l;if(b===e&&++v===n&&(c=i),b===u&&++S===a&&(r=i),(p=N.nextSibling)!==null)break;N=b,b=N.parentNode}N=p}e=c===-1||r===-1?null:{start:c,end:r}}else e=null}e=e||{start:0,end:0}}else e=null;for($c={focusedElem:t,selectionRange:e},Yu=!1,Gt=l;Gt!==null;)if(l=Gt,t=l.child,(l.subtreeFlags&1028)!==0&&t!==null)t.return=l,Gt=t;else for(;Gt!==null;){switch(l=Gt,u=l.alternate,t=l.flags,l.tag){case 0:if((t&4)!==0&&(t=l.updateQueue,t=t!==null?t.events:null,t!==null))for(e=0;e<t.length;e++)n=t[e],n.ref.impl=n.nextImpl;break;case 11:case 15:break;case 1:if((t&1024)!==0&&u!==null){t=void 0,e=l,n=u.memoizedProps,u=u.memoizedState,a=e.stateNode;try{var Y=Xe(e.type,n);t=a.getSnapshotBeforeUpdate(Y,u),a.__reactInternalSnapshotBeforeUpdate=t}catch(L){yt(e,e.return,L)}}break;case 3:if((t&1024)!==0){if(t=l.stateNode.containerInfo,e=t.nodeType,e===9)Ic(t);else if(e===1)switch(t.nodeName){case"HEAD":case"HTML":case"BODY":Ic(t);break;default:t.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((t&1024)!==0)throw Error(o(163))}if(t=l.sibling,t!==null){t.return=l.return,Gt=t;break}Gt=l.return}}function lr(t,l,e){var a=e.flags;switch(e.tag){case 0:case 11:case 15:kl(t,e),a&4&&nn(5,e);break;case 1:if(kl(t,e),a&4)if(t=e.stateNode,l===null)try{t.componentDidMount()}catch(i){yt(e,e.return,i)}else{var n=Xe(e.type,l.memoizedProps);l=l.memoizedState;try{t.componentDidUpdate(n,l,t.__reactInternalSnapshotBeforeUpdate)}catch(i){yt(e,e.return,i)}}a&64&&$o(e),a&512&&un(e,e.return);break;case 3:if(kl(t,e),a&64&&(t=e.updateQueue,t!==null)){if(l=null,e.child!==null)switch(e.child.tag){case 27:case 5:l=e.child.stateNode;break;case 1:l=e.child.stateNode}try{Ys(t,l)}catch(i){yt(e,e.return,i)}}break;case 27:l===null&&a&4&&Po(e);case 26:case 5:kl(t,e),l===null&&a&4&&Fo(e),a&512&&un(e,e.return);break;case 12:kl(t,e);break;case 31:kl(t,e),a&4&&nr(t,e);break;case 13:kl(t,e),a&4&&ur(t,e),a&64&&(t=e.memoizedState,t!==null&&(t=t.dehydrated,t!==null&&(e=p0.bind(null,e),G0(t,e))));break;case 22:if(a=e.memoizedState!==null||wl,!a){l=l!==null&&l.memoizedState!==null||Ct,n=wl;var u=Ct;wl=a,(Ct=l)&&!u?$l(t,e,(e.subtreeFlags&8772)!==0):kl(t,e),wl=n,Ct=u}break;case 30:break;default:kl(t,e)}}function er(t){var l=t.alternate;l!==null&&(t.alternate=null,er(l)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(l=t.stateNode,l!==null&&ai(l)),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}var Et=null,Pt=!1;function Jl(t,l,e){for(e=e.child;e!==null;)ar(t,l,e),e=e.sibling}function ar(t,l,e){if(ul&&typeof ul.onCommitFiberUnmount=="function")try{ul.onCommitFiberUnmount(_a,e)}catch{}switch(e.tag){case 26:Ct||Dl(e,l),Jl(t,l,e),e.memoizedState?e.memoizedState.count--:e.stateNode&&(e=e.stateNode,e.parentNode.removeChild(e));break;case 27:Ct||Dl(e,l);var a=Et,n=Pt;be(e.type)&&(Et=e.stateNode,Pt=!1),Jl(t,l,e),gn(e.stateNode),Et=a,Pt=n;break;case 5:Ct||Dl(e,l);case 6:if(a=Et,n=Pt,Et=null,Jl(t,l,e),Et=a,Pt=n,Et!==null)if(Pt)try{(Et.nodeType===9?Et.body:Et.nodeName==="HTML"?Et.ownerDocument.body:Et).removeChild(e.stateNode)}catch(u){yt(e,l,u)}else try{Et.removeChild(e.stateNode)}catch(u){yt(e,l,u)}break;case 18:Et!==null&&(Pt?(t=Et,$r(t.nodeType===9?t.body:t.nodeName==="HTML"?t.ownerDocument.body:t,e.stateNode),ja(t)):$r(Et,e.stateNode));break;case 4:a=Et,n=Pt,Et=e.stateNode.containerInfo,Pt=!0,Jl(t,l,e),Et=a,Pt=n;break;case 0:case 11:case 14:case 15:re(2,e,l),Ct||re(4,e,l),Jl(t,l,e);break;case 1:Ct||(Dl(e,l),a=e.stateNode,typeof a.componentWillUnmount=="function"&&Wo(e,l,a)),Jl(t,l,e);break;case 21:Jl(t,l,e);break;case 22:Ct=(a=Ct)||e.memoizedState!==null,Jl(t,l,e),Ct=a;break;default:Jl(t,l,e)}}function nr(t,l){if(l.memoizedState===null&&(t=l.alternate,t!==null&&(t=t.memoizedState,t!==null))){t=t.dehydrated;try{ja(t)}catch(e){yt(l,l.return,e)}}}function ur(t,l){if(l.memoizedState===null&&(t=l.alternate,t!==null&&(t=t.memoizedState,t!==null&&(t=t.dehydrated,t!==null))))try{ja(t)}catch(e){yt(l,l.return,e)}}function r0(t){switch(t.tag){case 31:case 13:case 19:var l=t.stateNode;return l===null&&(l=t.stateNode=new tr),l;case 22:return t=t.stateNode,l=t._retryCache,l===null&&(l=t._retryCache=new tr),l;default:throw Error(o(435,t.tag))}}function bu(t,l){var e=r0(t);l.forEach(function(a){if(!e.has(a)){e.add(a);var n=x0.bind(null,t,a);a.then(n,n)}})}function tl(t,l){var e=l.deletions;if(e!==null)for(var a=0;a<e.length;a++){var n=e[a],u=t,i=l,c=i;t:for(;c!==null;){switch(c.tag){case 27:if(be(c.type)){Et=c.stateNode,Pt=!1;break t}break;case 5:Et=c.stateNode,Pt=!1;break t;case 3:case 4:Et=c.stateNode.containerInfo,Pt=!0;break t}c=c.return}if(Et===null)throw Error(o(160));ar(u,i,n),Et=null,Pt=!1,u=n.alternate,u!==null&&(u.return=null),n.return=null}if(l.subtreeFlags&13886)for(l=l.child;l!==null;)ir(l,t),l=l.sibling}var jl=null;function ir(t,l){var e=t.alternate,a=t.flags;switch(t.tag){case 0:case 11:case 14:case 15:tl(l,t),ll(t),a&4&&(re(3,t,t.return),nn(3,t),re(5,t,t.return));break;case 1:tl(l,t),ll(t),a&512&&(Ct||e===null||Dl(e,e.return)),a&64&&wl&&(t=t.updateQueue,t!==null&&(a=t.callbacks,a!==null&&(e=t.shared.hiddenCallbacks,t.shared.hiddenCallbacks=e===null?a:e.concat(a))));break;case 26:var n=jl;if(tl(l,t),ll(t),a&512&&(Ct||e===null||Dl(e,e.return)),a&4){var u=e!==null?e.memoizedState:null;if(a=t.memoizedState,e===null)if(a===null)if(t.stateNode===null){t:{a=t.type,e=t.memoizedProps,n=n.ownerDocument||n;l:switch(a){case"title":u=n.getElementsByTagName("title")[0],(!u||u[Ra]||u[Qt]||u.namespaceURI==="http://www.w3.org/2000/svg"||u.hasAttribute("itemprop"))&&(u=n.createElement(a),n.head.insertBefore(u,n.querySelector("head > title"))),Lt(u,a,e),u[Qt]=t,Yt(u),a=u;break t;case"link":var i=id("link","href",n).get(a+(e.href||""));if(i){for(var c=0;c<i.length;c++)if(u=i[c],u.getAttribute("href")===(e.href==null||e.href===""?null:e.href)&&u.getAttribute("rel")===(e.rel==null?null:e.rel)&&u.getAttribute("title")===(e.title==null?null:e.title)&&u.getAttribute("crossorigin")===(e.crossOrigin==null?null:e.crossOrigin)){i.splice(c,1);break l}}u=n.createElement(a),Lt(u,a,e),n.head.appendChild(u);break;case"meta":if(i=id("meta","content",n).get(a+(e.content||""))){for(c=0;c<i.length;c++)if(u=i[c],u.getAttribute("content")===(e.content==null?null:""+e.content)&&u.getAttribute("name")===(e.name==null?null:e.name)&&u.getAttribute("property")===(e.property==null?null:e.property)&&u.getAttribute("http-equiv")===(e.httpEquiv==null?null:e.httpEquiv)&&u.getAttribute("charset")===(e.charSet==null?null:e.charSet)){i.splice(c,1);break l}}u=n.createElement(a),Lt(u,a,e),n.head.appendChild(u);break;default:throw Error(o(468,a))}u[Qt]=t,Yt(u),a=u}t.stateNode=a}else cd(n,t.type,t.stateNode);else t.stateNode=ud(n,a,t.memoizedProps);else u!==a?(u===null?e.stateNode!==null&&(e=e.stateNode,e.parentNode.removeChild(e)):u.count--,a===null?cd(n,t.type,t.stateNode):ud(n,a,t.memoizedProps)):a===null&&t.stateNode!==null&&Ec(t,t.memoizedProps,e.memoizedProps)}break;case 27:tl(l,t),ll(t),a&512&&(Ct||e===null||Dl(e,e.return)),e!==null&&a&4&&Ec(t,t.memoizedProps,e.memoizedProps);break;case 5:if(tl(l,t),ll(t),a&512&&(Ct||e===null||Dl(e,e.return)),t.flags&32){n=t.stateNode;try{We(n,"")}catch(Y){yt(t,t.return,Y)}}a&4&&t.stateNode!=null&&(n=t.memoizedProps,Ec(t,n,e!==null?e.memoizedProps:n)),a&1024&&(jc=!0);break;case 6:if(tl(l,t),ll(t),a&4){if(t.stateNode===null)throw Error(o(162));a=t.memoizedProps,e=t.stateNode;try{e.nodeValue=a}catch(Y){yt(t,t.return,Y)}}break;case 3:if(Cu=null,n=jl,jl=Ru(l.containerInfo),tl(l,t),jl=n,ll(t),a&4&&e!==null&&e.memoizedState.isDehydrated)try{ja(l.containerInfo)}catch(Y){yt(t,t.return,Y)}jc&&(jc=!1,cr(t));break;case 4:a=jl,jl=Ru(t.stateNode.containerInfo),tl(l,t),ll(t),jl=a;break;case 12:tl(l,t),ll(t);break;case 31:tl(l,t),ll(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,bu(t,a)));break;case 13:tl(l,t),ll(t),t.child.flags&8192&&t.memoizedState!==null!=(e!==null&&e.memoizedState!==null)&&(xu=nl()),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,bu(t,a)));break;case 22:n=t.memoizedState!==null;var r=e!==null&&e.memoizedState!==null,v=wl,S=Ct;if(wl=v||n,Ct=S||r,tl(l,t),Ct=S,wl=v,ll(t),a&8192)t:for(l=t.stateNode,l._visibility=n?l._visibility&-2:l._visibility|1,n&&(e===null||r||wl||Ct||Ze(t)),e=null,l=t;;){if(l.tag===5||l.tag===26){if(e===null){r=e=l;try{if(u=r.stateNode,n)i=u.style,typeof i.setProperty=="function"?i.setProperty("display","none","important"):i.display="none";else{c=r.stateNode;var N=r.memoizedProps.style,b=N!=null&&N.hasOwnProperty("display")?N.display:null;c.style.display=b==null||typeof b=="boolean"?"":(""+b).trim()}}catch(Y){yt(r,r.return,Y)}}}else if(l.tag===6){if(e===null){r=l;try{r.stateNode.nodeValue=n?"":r.memoizedProps}catch(Y){yt(r,r.return,Y)}}}else if(l.tag===18){if(e===null){r=l;try{var p=r.stateNode;n?Wr(p,!0):Wr(r.stateNode,!1)}catch(Y){yt(r,r.return,Y)}}}else if((l.tag!==22&&l.tag!==23||l.memoizedState===null||l===t)&&l.child!==null){l.child.return=l,l=l.child;continue}if(l===t)break t;for(;l.sibling===null;){if(l.return===null||l.return===t)break t;e===l&&(e=null),l=l.return}e===l&&(e=null),l.sibling.return=l.return,l=l.sibling}a&4&&(a=t.updateQueue,a!==null&&(e=a.retryQueue,e!==null&&(a.retryQueue=null,bu(t,e))));break;case 19:tl(l,t),ll(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,bu(t,a)));break;case 30:break;case 21:break;default:tl(l,t),ll(t)}}function ll(t){var l=t.flags;if(l&2){try{for(var e,a=t.return;a!==null;){if(Io(a)){e=a;break}a=a.return}if(e==null)throw Error(o(160));switch(e.tag){case 27:var n=e.stateNode,u=zc(t);vu(t,u,n);break;case 5:var i=e.stateNode;e.flags&32&&(We(i,""),e.flags&=-33);var c=zc(t);vu(t,c,i);break;case 3:case 4:var r=e.stateNode.containerInfo,v=zc(t);Nc(t,v,r);break;default:throw Error(o(161))}}catch(S){yt(t,t.return,S)}t.flags&=-3}l&4096&&(t.flags&=-4097)}function cr(t){if(t.subtreeFlags&1024)for(t=t.child;t!==null;){var l=t;cr(l),l.tag===5&&l.flags&1024&&l.stateNode.reset(),t=t.sibling}}function kl(t,l){if(l.subtreeFlags&8772)for(l=l.child;l!==null;)lr(t,l.alternate,l),l=l.sibling}function Ze(t){for(t=t.child;t!==null;){var l=t;switch(l.tag){case 0:case 11:case 14:case 15:re(4,l,l.return),Ze(l);break;case 1:Dl(l,l.return);var e=l.stateNode;typeof e.componentWillUnmount=="function"&&Wo(l,l.return,e),Ze(l);break;case 27:gn(l.stateNode);case 26:case 5:Dl(l,l.return),Ze(l);break;case 22:l.memoizedState===null&&Ze(l);break;case 30:Ze(l);break;default:Ze(l)}t=t.sibling}}function $l(t,l,e){for(e=e&&(l.subtreeFlags&8772)!==0,l=l.child;l!==null;){var a=l.alternate,n=t,u=l,i=u.flags;switch(u.tag){case 0:case 11:case 15:$l(n,u,e),nn(4,u);break;case 1:if($l(n,u,e),a=u,n=a.stateNode,typeof n.componentDidMount=="function")try{n.componentDidMount()}catch(v){yt(a,a.return,v)}if(a=u,n=a.updateQueue,n!==null){var c=a.stateNode;try{var r=n.shared.hiddenCallbacks;if(r!==null)for(n.shared.hiddenCallbacks=null,n=0;n<r.length;n++)Bs(r[n],c)}catch(v){yt(a,a.return,v)}}e&&i&64&&$o(u),un(u,u.return);break;case 27:Po(u);case 26:case 5:$l(n,u,e),e&&a===null&&i&4&&Fo(u),un(u,u.return);break;case 12:$l(n,u,e);break;case 31:$l(n,u,e),e&&i&4&&nr(n,u);break;case 13:$l(n,u,e),e&&i&4&&ur(n,u);break;case 22:u.memoizedState===null&&$l(n,u,e),un(u,u.return);break;case 30:break;default:$l(n,u,e)}l=l.sibling}}function Mc(t,l){var e=null;t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(e=t.memoizedState.cachePool.pool),t=null,l.memoizedState!==null&&l.memoizedState.cachePool!==null&&(t=l.memoizedState.cachePool.pool),t!==e&&(t!=null&&t.refCount++,e!=null&&Ka(e))}function _c(t,l){t=null,l.alternate!==null&&(t=l.alternate.memoizedState.cache),l=l.memoizedState.cache,l!==t&&(l.refCount++,t!=null&&Ka(t))}function Ml(t,l,e,a){if(l.subtreeFlags&10256)for(l=l.child;l!==null;)fr(t,l,e,a),l=l.sibling}function fr(t,l,e,a){var n=l.flags;switch(l.tag){case 0:case 11:case 15:Ml(t,l,e,a),n&2048&&nn(9,l);break;case 1:Ml(t,l,e,a);break;case 3:Ml(t,l,e,a),n&2048&&(t=null,l.alternate!==null&&(t=l.alternate.memoizedState.cache),l=l.memoizedState.cache,l!==t&&(l.refCount++,t!=null&&Ka(t)));break;case 12:if(n&2048){Ml(t,l,e,a),t=l.stateNode;try{var u=l.memoizedProps,i=u.id,c=u.onPostCommit;typeof c=="function"&&c(i,l.alternate===null?"mount":"update",t.passiveEffectDuration,-0)}catch(r){yt(l,l.return,r)}}else Ml(t,l,e,a);break;case 31:Ml(t,l,e,a);break;case 13:Ml(t,l,e,a);break;case 23:break;case 22:u=l.stateNode,i=l.alternate,l.memoizedState!==null?u._visibility&2?Ml(t,l,e,a):cn(t,l):u._visibility&2?Ml(t,l,e,a):(u._visibility|=2,ha(t,l,e,a,(l.subtreeFlags&10256)!==0||!1)),n&2048&&Mc(i,l);break;case 24:Ml(t,l,e,a),n&2048&&_c(l.alternate,l);break;default:Ml(t,l,e,a)}}function ha(t,l,e,a,n){for(n=n&&((l.subtreeFlags&10256)!==0||!1),l=l.child;l!==null;){var u=t,i=l,c=e,r=a,v=i.flags;switch(i.tag){case 0:case 11:case 15:ha(u,i,c,r,n),nn(8,i);break;case 23:break;case 22:var S=i.stateNode;i.memoizedState!==null?S._visibility&2?ha(u,i,c,r,n):cn(u,i):(S._visibility|=2,ha(u,i,c,r,n)),n&&v&2048&&Mc(i.alternate,i);break;case 24:ha(u,i,c,r,n),n&&v&2048&&_c(i.alternate,i);break;default:ha(u,i,c,r,n)}l=l.sibling}}function cn(t,l){if(l.subtreeFlags&10256)for(l=l.child;l!==null;){var e=t,a=l,n=a.flags;switch(a.tag){case 22:cn(e,a),n&2048&&Mc(a.alternate,a);break;case 24:cn(e,a),n&2048&&_c(a.alternate,a);break;default:cn(e,a)}l=l.sibling}}var fn=8192;function va(t,l,e){if(t.subtreeFlags&fn)for(t=t.child;t!==null;)sr(t,l,e),t=t.sibling}function sr(t,l,e){switch(t.tag){case 26:va(t,l,e),t.flags&fn&&t.memoizedState!==null&&F0(e,jl,t.memoizedState,t.memoizedProps);break;case 5:va(t,l,e);break;case 3:case 4:var a=jl;jl=Ru(t.stateNode.containerInfo),va(t,l,e),jl=a;break;case 22:t.memoizedState===null&&(a=t.alternate,a!==null&&a.memoizedState!==null?(a=fn,fn=16777216,va(t,l,e),fn=a):va(t,l,e));break;default:va(t,l,e)}}function or(t){var l=t.alternate;if(l!==null&&(t=l.child,t!==null)){l.child=null;do l=t.sibling,t.sibling=null,t=l;while(t!==null)}}function sn(t){var l=t.deletions;if((t.flags&16)!==0){if(l!==null)for(var e=0;e<l.length;e++){var a=l[e];Gt=a,dr(a,t)}or(t)}if(t.subtreeFlags&10256)for(t=t.child;t!==null;)rr(t),t=t.sibling}function rr(t){switch(t.tag){case 0:case 11:case 15:sn(t),t.flags&2048&&re(9,t,t.return);break;case 3:sn(t);break;case 12:sn(t);break;case 22:var l=t.stateNode;t.memoizedState!==null&&l._visibility&2&&(t.return===null||t.return.tag!==13)?(l._visibility&=-3,pu(t)):sn(t);break;default:sn(t)}}function pu(t){var l=t.deletions;if((t.flags&16)!==0){if(l!==null)for(var e=0;e<l.length;e++){var a=l[e];Gt=a,dr(a,t)}or(t)}for(t=t.child;t!==null;){switch(l=t,l.tag){case 0:case 11:case 15:re(8,l,l.return),pu(l);break;case 22:e=l.stateNode,e._visibility&2&&(e._visibility&=-3,pu(l));break;default:pu(l)}t=t.sibling}}function dr(t,l){for(;Gt!==null;){var e=Gt;switch(e.tag){case 0:case 11:case 15:re(8,e,l);break;case 23:case 22:if(e.memoizedState!==null&&e.memoizedState.cachePool!==null){var a=e.memoizedState.cachePool.pool;a!=null&&a.refCount++}break;case 24:Ka(e.memoizedState.cache)}if(a=e.child,a!==null)a.return=e,Gt=a;else t:for(e=t;Gt!==null;){a=Gt;var n=a.sibling,u=a.return;if(er(a),a===e){Gt=null;break t}if(n!==null){n.return=u,Gt=n;break t}Gt=u}}}var d0={getCacheForType:function(t){var l=Zt(Dt),e=l.data.get(t);return e===void 0&&(e=t(),l.data.set(t,e)),e},cacheSignal:function(){return Zt(Dt).controller.signal}},m0=typeof WeakMap=="function"?WeakMap:Map,ot=0,St=null,lt=null,at=0,mt=0,rl=null,de=!1,ba=!1,Oc=!1,Wl=0,jt=0,me=0,Ve=0,Dc=0,dl=0,pa=0,on=null,el=null,Rc=!1,xu=0,mr=0,Su=1/0,Au=null,ye=null,qt=0,ge=null,xa=null,Fl=0,Uc=0,Cc=null,yr=null,rn=0,Hc=null;function ml(){return(ot&2)!==0&&at!==0?at&-at:E.T!==null?Xc():_f()}function gr(){if(dl===0)if((at&536870912)===0||it){var t=On;On<<=1,(On&3932160)===0&&(On=262144),dl=t}else dl=536870912;return t=sl.current,t!==null&&(t.flags|=32),dl}function al(t,l,e){(t===St&&(mt===2||mt===9)||t.cancelPendingCommit!==null)&&(Sa(t,0),he(t,at,dl,!1)),Da(t,e),((ot&2)===0||t!==St)&&(t===St&&((ot&2)===0&&(Ve|=e),jt===4&&he(t,at,dl,!1)),Rl(t))}function hr(t,l,e){if((ot&6)!==0)throw Error(o(327));var a=!e&&(l&127)===0&&(l&t.expiredLanes)===0||Oa(t,l),n=a?h0(t,l):Bc(t,l,!0),u=a;do{if(n===0){ba&&!a&&he(t,l,0,!1);break}else{if(e=t.current.alternate,u&&!y0(e)){n=Bc(t,l,!1),u=!1;continue}if(n===2){if(u=l,t.errorRecoveryDisabledLanes&u)var i=0;else i=t.pendingLanes&-536870913,i=i!==0?i:i&536870912?536870912:0;if(i!==0){l=i;t:{var c=t;n=on;var r=c.current.memoizedState.isDehydrated;if(r&&(Sa(c,i).flags|=256),i=Bc(c,i,!1),i!==2){if(Oc&&!r){c.errorRecoveryDisabledLanes|=u,Ve|=u,n=4;break t}u=el,el=n,u!==null&&(el===null?el=u:el.push.apply(el,u))}n=i}if(u=!1,n!==2)continue}}if(n===1){Sa(t,0),he(t,l,0,!0);break}t:{switch(a=t,u=n,u){case 0:case 1:throw Error(o(345));case 4:if((l&4194048)!==l)break;case 6:he(a,l,dl,!de);break t;case 2:el=null;break;case 3:case 5:break;default:throw Error(o(329))}if((l&62914560)===l&&(n=xu+300-nl(),10<n)){if(he(a,l,dl,!de),Rn(a,0,!0)!==0)break t;Fl=l,a.timeoutHandle=Jr(vr.bind(null,a,e,el,Au,Rc,l,dl,Ve,pa,de,u,"Throttled",-0,0),n);break t}vr(a,e,el,Au,Rc,l,dl,Ve,pa,de,u,null,-0,0)}}break}while(!0);Rl(t)}function vr(t,l,e,a,n,u,i,c,r,v,S,N,b,p){if(t.timeoutHandle=-1,N=l.subtreeFlags,N&8192||(N&16785408)===16785408){N={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:ql},sr(l,u,N);var Y=(u&62914560)===u?xu-nl():(u&4194048)===u?mr-nl():0;if(Y=I0(N,Y),Y!==null){Fl=u,t.cancelPendingCommit=Y(zr.bind(null,t,l,u,e,a,n,i,c,r,S,N,null,b,p)),he(t,u,i,!v);return}}zr(t,l,u,e,a,n,i,c,r)}function y0(t){for(var l=t;;){var e=l.tag;if((e===0||e===11||e===15)&&l.flags&16384&&(e=l.updateQueue,e!==null&&(e=e.stores,e!==null)))for(var a=0;a<e.length;a++){var n=e[a],u=n.getSnapshot;n=n.value;try{if(!cl(u(),n))return!1}catch{return!1}}if(e=l.child,l.subtreeFlags&16384&&e!==null)e.return=l,l=e;else{if(l===t)break;for(;l.sibling===null;){if(l.return===null||l.return===t)return!0;l=l.return}l.sibling.return=l.return,l=l.sibling}}return!0}function he(t,l,e,a){l&=~Dc,l&=~Ve,t.suspendedLanes|=l,t.pingedLanes&=~l,a&&(t.warmLanes|=l),a=t.expirationTimes;for(var n=l;0<n;){var u=31-il(n),i=1<<u;a[u]=-1,n&=~i}e!==0&&Nf(t,e,l)}function Tu(){return(ot&6)===0?(dn(0),!1):!0}function qc(){if(lt!==null){if(mt===0)var t=lt.return;else t=lt,Ql=Ce=null,Ii(t),ra=null,Ja=0,t=lt;for(;t!==null;)ko(t.alternate,t),t=t.return;lt=null}}function Sa(t,l){var e=t.timeoutHandle;e!==-1&&(t.timeoutHandle=-1,C0(e)),e=t.cancelPendingCommit,e!==null&&(t.cancelPendingCommit=null,e()),Fl=0,qc(),St=t,lt=e=Yl(t.current,null),at=l,mt=0,rl=null,de=!1,ba=Oa(t,l),Oc=!1,pa=dl=Dc=Ve=me=jt=0,el=on=null,Rc=!1,(l&8)!==0&&(l|=l&32);var a=t.entangledLanes;if(a!==0)for(t=t.entanglements,a&=l;0<a;){var n=31-il(a),u=1<<n;l|=t[n],a&=~u}return Wl=l,Ln(),e}function br(t,l){I=null,E.H=ln,l===oa||l===In?(l=Us(),mt=3):l===Qi?(l=Us(),mt=4):mt=l===yc?8:l!==null&&typeof l=="object"&&typeof l.then=="function"?6:1,rl=l,lt===null&&(jt=1,du(t,bl(l,t.current)))}function pr(){var t=sl.current;return t===null?!0:(at&4194048)===at?Al===null:(at&62914560)===at||(at&536870912)!==0?t===Al:!1}function xr(){var t=E.H;return E.H=ln,t===null?ln:t}function Sr(){var t=E.A;return E.A=d0,t}function Eu(){jt=4,de||(at&4194048)!==at&&sl.current!==null||(ba=!0),(me&134217727)===0&&(Ve&134217727)===0||St===null||he(St,at,dl,!1)}function Bc(t,l,e){var a=ot;ot|=2;var n=xr(),u=Sr();(St!==t||at!==l)&&(Au=null,Sa(t,l)),l=!1;var i=jt;t:do try{if(mt!==0&&lt!==null){var c=lt,r=rl;switch(mt){case 8:qc(),i=6;break t;case 3:case 2:case 9:case 6:sl.current===null&&(l=!0);var v=mt;if(mt=0,rl=null,Aa(t,c,r,v),e&&ba){i=0;break t}break;default:v=mt,mt=0,rl=null,Aa(t,c,r,v)}}g0(),i=jt;break}catch(S){br(t,S)}while(!0);return l&&t.shellSuspendCounter++,Ql=Ce=null,ot=a,E.H=n,E.A=u,lt===null&&(St=null,at=0,Ln()),i}function g0(){for(;lt!==null;)Ar(lt)}function h0(t,l){var e=ot;ot|=2;var a=xr(),n=Sr();St!==t||at!==l?(Au=null,Su=nl()+500,Sa(t,l)):ba=Oa(t,l);t:do try{if(mt!==0&&lt!==null){l=lt;var u=rl;l:switch(mt){case 1:mt=0,rl=null,Aa(t,l,u,1);break;case 2:case 9:if(Ds(u)){mt=0,rl=null,Tr(l);break}l=function(){mt!==2&&mt!==9||St!==t||(mt=7),Rl(t)},u.then(l,l);break t;case 3:mt=7;break t;case 4:mt=5;break t;case 7:Ds(u)?(mt=0,rl=null,Tr(l)):(mt=0,rl=null,Aa(t,l,u,7));break;case 5:var i=null;switch(lt.tag){case 26:i=lt.memoizedState;case 5:case 27:var c=lt;if(i?fd(i):c.stateNode.complete){mt=0,rl=null;var r=c.sibling;if(r!==null)lt=r;else{var v=c.return;v!==null?(lt=v,zu(v)):lt=null}break l}}mt=0,rl=null,Aa(t,l,u,5);break;case 6:mt=0,rl=null,Aa(t,l,u,6);break;case 8:qc(),jt=6;break t;default:throw Error(o(462))}}v0();break}catch(S){br(t,S)}while(!0);return Ql=Ce=null,E.H=a,E.A=n,ot=e,lt!==null?0:(St=null,at=0,Ln(),jt)}function v0(){for(;lt!==null&&!Qd();)Ar(lt)}function Ar(t){var l=wo(t.alternate,t,Wl);t.memoizedProps=t.pendingProps,l===null?zu(t):lt=l}function Tr(t){var l=t,e=l.alternate;switch(l.tag){case 15:case 0:l=Qo(e,l,l.pendingProps,l.type,void 0,at);break;case 11:l=Qo(e,l,l.pendingProps,l.type.render,l.ref,at);break;case 5:Ii(l);default:ko(e,l),l=lt=xs(l,Wl),l=wo(e,l,Wl)}t.memoizedProps=t.pendingProps,l===null?zu(t):lt=l}function Aa(t,l,e,a){Ql=Ce=null,Ii(l),ra=null,Ja=0;var n=l.return;try{if(u0(t,n,l,e,at)){jt=1,du(t,bl(e,t.current)),lt=null;return}}catch(u){if(n!==null)throw lt=n,u;jt=1,du(t,bl(e,t.current)),lt=null;return}l.flags&32768?(it||a===1?t=!0:ba||(at&536870912)!==0?t=!1:(de=t=!0,(a===2||a===9||a===3||a===6)&&(a=sl.current,a!==null&&a.tag===13&&(a.flags|=16384))),Er(l,t)):zu(l)}function zu(t){var l=t;do{if((l.flags&32768)!==0){Er(l,de);return}t=l.return;var e=f0(l.alternate,l,Wl);if(e!==null){lt=e;return}if(l=l.sibling,l!==null){lt=l;return}lt=l=t}while(l!==null);jt===0&&(jt=5)}function Er(t,l){do{var e=s0(t.alternate,t);if(e!==null){e.flags&=32767,lt=e;return}if(e=t.return,e!==null&&(e.flags|=32768,e.subtreeFlags=0,e.deletions=null),!l&&(t=t.sibling,t!==null)){lt=t;return}lt=t=e}while(t!==null);jt=6,lt=null}function zr(t,l,e,a,n,u,i,c,r){t.cancelPendingCommit=null;do Nu();while(qt!==0);if((ot&6)!==0)throw Error(o(327));if(l!==null){if(l===t.current)throw Error(o(177));if(u=l.lanes|l.childLanes,u|=zi,Wd(t,e,u,i,c,r),t===St&&(lt=St=null,at=0),xa=l,ge=t,Fl=e,Uc=u,Cc=n,yr=a,(l.subtreeFlags&10256)!==0||(l.flags&10256)!==0?(t.callbackNode=null,t.callbackPriority=0,S0(Mn,function(){return Or(),null})):(t.callbackNode=null,t.callbackPriority=0),a=(l.flags&13878)!==0,(l.subtreeFlags&13878)!==0||a){a=E.T,E.T=null,n=R.p,R.p=2,i=ot,ot|=4;try{o0(t,l,e)}finally{ot=i,R.p=n,E.T=a}}qt=1,Nr(),jr(),Mr()}}function Nr(){if(qt===1){qt=0;var t=ge,l=xa,e=(l.flags&13878)!==0;if((l.subtreeFlags&13878)!==0||e){e=E.T,E.T=null;var a=R.p;R.p=2;var n=ot;ot|=4;try{ir(l,t);var u=$c,i=rs(t.containerInfo),c=u.focusedElem,r=u.selectionRange;if(i!==c&&c&&c.ownerDocument&&os(c.ownerDocument.documentElement,c)){if(r!==null&&xi(c)){var v=r.start,S=r.end;if(S===void 0&&(S=v),"selectionStart"in c)c.selectionStart=v,c.selectionEnd=Math.min(S,c.value.length);else{var N=c.ownerDocument||document,b=N&&N.defaultView||window;if(b.getSelection){var p=b.getSelection(),Y=c.textContent.length,L=Math.min(r.start,Y),bt=r.end===void 0?L:Math.min(r.end,Y);!p.extend&&L>bt&&(i=bt,bt=L,L=i);var y=ss(c,L),d=ss(c,bt);if(y&&d&&(p.rangeCount!==1||p.anchorNode!==y.node||p.anchorOffset!==y.offset||p.focusNode!==d.node||p.focusOffset!==d.offset)){var h=N.createRange();h.setStart(y.node,y.offset),p.removeAllRanges(),L>bt?(p.addRange(h),p.extend(d.node,d.offset)):(h.setEnd(d.node,d.offset),p.addRange(h))}}}}for(N=[],p=c;p=p.parentNode;)p.nodeType===1&&N.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof c.focus=="function"&&c.focus(),c=0;c<N.length;c++){var z=N[c];z.element.scrollLeft=z.left,z.element.scrollTop=z.top}}Yu=!!kc,$c=kc=null}finally{ot=n,R.p=a,E.T=e}}t.current=l,qt=2}}function jr(){if(qt===2){qt=0;var t=ge,l=xa,e=(l.flags&8772)!==0;if((l.subtreeFlags&8772)!==0||e){e=E.T,E.T=null;var a=R.p;R.p=2;var n=ot;ot|=4;try{lr(t,l.alternate,l)}finally{ot=n,R.p=a,E.T=e}}qt=3}}function Mr(){if(qt===4||qt===3){qt=0,Xd();var t=ge,l=xa,e=Fl,a=yr;(l.subtreeFlags&10256)!==0||(l.flags&10256)!==0?qt=5:(qt=0,xa=ge=null,_r(t,t.pendingLanes));var n=t.pendingLanes;if(n===0&&(ye=null),li(e),l=l.stateNode,ul&&typeof ul.onCommitFiberRoot=="function")try{ul.onCommitFiberRoot(_a,l,void 0,(l.current.flags&128)===128)}catch{}if(a!==null){l=E.T,n=R.p,R.p=2,E.T=null;try{for(var u=t.onRecoverableError,i=0;i<a.length;i++){var c=a[i];u(c.value,{componentStack:c.stack})}}finally{E.T=l,R.p=n}}(Fl&3)!==0&&Nu(),Rl(t),n=t.pendingLanes,(e&261930)!==0&&(n&42)!==0?t===Hc?rn++:(rn=0,Hc=t):rn=0,dn(0)}}function _r(t,l){(t.pooledCacheLanes&=l)===0&&(l=t.pooledCache,l!=null&&(t.pooledCache=null,Ka(l)))}function Nu(){return Nr(),jr(),Mr(),Or()}function Or(){if(qt!==5)return!1;var t=ge,l=Uc;Uc=0;var e=li(Fl),a=E.T,n=R.p;try{R.p=32>e?32:e,E.T=null,e=Cc,Cc=null;var u=ge,i=Fl;if(qt=0,xa=ge=null,Fl=0,(ot&6)!==0)throw Error(o(331));var c=ot;if(ot|=4,rr(u.current),fr(u,u.current,i,e),ot=c,dn(0,!1),ul&&typeof ul.onPostCommitFiberRoot=="function")try{ul.onPostCommitFiberRoot(_a,u)}catch{}return!0}finally{R.p=n,E.T=a,_r(t,l)}}function Dr(t,l,e){l=bl(e,l),l=mc(t.stateNode,l,2),t=fe(t,l,2),t!==null&&(Da(t,2),Rl(t))}function yt(t,l,e){if(t.tag===3)Dr(t,t,e);else for(;l!==null;){if(l.tag===3){Dr(l,t,e);break}else if(l.tag===1){var a=l.stateNode;if(typeof l.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(ye===null||!ye.has(a))){t=bl(e,t),e=Ro(2),a=fe(l,e,2),a!==null&&(Uo(e,a,l,t),Da(a,2),Rl(a));break}}l=l.return}}function Yc(t,l,e){var a=t.pingCache;if(a===null){a=t.pingCache=new m0;var n=new Set;a.set(l,n)}else n=a.get(l),n===void 0&&(n=new Set,a.set(l,n));n.has(e)||(Oc=!0,n.add(e),t=b0.bind(null,t,l,e),l.then(t,t))}function b0(t,l,e){var a=t.pingCache;a!==null&&a.delete(l),t.pingedLanes|=t.suspendedLanes&e,t.warmLanes&=~e,St===t&&(at&e)===e&&(jt===4||jt===3&&(at&62914560)===at&&300>nl()-xu?(ot&2)===0&&Sa(t,0):Dc|=e,pa===at&&(pa=0)),Rl(t)}function Rr(t,l){l===0&&(l=zf()),t=De(t,l),t!==null&&(Da(t,l),Rl(t))}function p0(t){var l=t.memoizedState,e=0;l!==null&&(e=l.retryLane),Rr(t,e)}function x0(t,l){var e=0;switch(t.tag){case 31:case 13:var a=t.stateNode,n=t.memoizedState;n!==null&&(e=n.retryLane);break;case 19:a=t.stateNode;break;case 22:a=t.stateNode._retryCache;break;default:throw Error(o(314))}a!==null&&a.delete(l),Rr(t,e)}function S0(t,l){return Fu(t,l)}var ju=null,Ta=null,Gc=!1,Mu=!1,Qc=!1,ve=0;function Rl(t){t!==Ta&&t.next===null&&(Ta===null?ju=Ta=t:Ta=Ta.next=t),Mu=!0,Gc||(Gc=!0,T0())}function dn(t,l){if(!Qc&&Mu){Qc=!0;do for(var e=!1,a=ju;a!==null;){if(t!==0){var n=a.pendingLanes;if(n===0)var u=0;else{var i=a.suspendedLanes,c=a.pingedLanes;u=(1<<31-il(42|t)+1)-1,u&=n&~(i&~c),u=u&201326741?u&201326741|1:u?u|2:0}u!==0&&(e=!0,qr(a,u))}else u=at,u=Rn(a,a===St?u:0,a.cancelPendingCommit!==null||a.timeoutHandle!==-1),(u&3)===0||Oa(a,u)||(e=!0,qr(a,u));a=a.next}while(e);Qc=!1}}function A0(){Ur()}function Ur(){Mu=Gc=!1;var t=0;ve!==0&&U0()&&(t=ve);for(var l=nl(),e=null,a=ju;a!==null;){var n=a.next,u=Cr(a,l);u===0?(a.next=null,e===null?ju=n:e.next=n,n===null&&(Ta=e)):(e=a,(t!==0||(u&3)!==0)&&(Mu=!0)),a=n}qt!==0&&qt!==5||dn(t),ve!==0&&(ve=0)}function Cr(t,l){for(var e=t.suspendedLanes,a=t.pingedLanes,n=t.expirationTimes,u=t.pendingLanes&-62914561;0<u;){var i=31-il(u),c=1<<i,r=n[i];r===-1?((c&e)===0||(c&a)!==0)&&(n[i]=$d(c,l)):r<=l&&(t.expiredLanes|=c),u&=~c}if(l=St,e=at,e=Rn(t,t===l?e:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a=t.callbackNode,e===0||t===l&&(mt===2||mt===9)||t.cancelPendingCommit!==null)return a!==null&&a!==null&&Iu(a),t.callbackNode=null,t.callbackPriority=0;if((e&3)===0||Oa(t,e)){if(l=e&-e,l===t.callbackPriority)return l;switch(a!==null&&Iu(a),li(e)){case 2:case 8:e=Tf;break;case 32:e=Mn;break;case 268435456:e=Ef;break;default:e=Mn}return a=Hr.bind(null,t),e=Fu(e,a),t.callbackPriority=l,t.callbackNode=e,l}return a!==null&&a!==null&&Iu(a),t.callbackPriority=2,t.callbackNode=null,2}function Hr(t,l){if(qt!==0&&qt!==5)return t.callbackNode=null,t.callbackPriority=0,null;var e=t.callbackNode;if(Nu()&&t.callbackNode!==e)return null;var a=at;return a=Rn(t,t===St?a:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a===0?null:(hr(t,a,l),Cr(t,nl()),t.callbackNode!=null&&t.callbackNode===e?Hr.bind(null,t):null)}function qr(t,l){if(Nu())return null;hr(t,l,!0)}function T0(){H0(function(){(ot&6)!==0?Fu(Af,A0):Ur()})}function Xc(){if(ve===0){var t=fa;t===0&&(t=_n,_n<<=1,(_n&261888)===0&&(_n=256)),ve=t}return ve}function Br(t){return t==null||typeof t=="symbol"||typeof t=="boolean"?null:typeof t=="function"?t:qn(""+t)}function Yr(t,l){var e=l.ownerDocument.createElement("input");return e.name=l.name,e.value=l.value,t.id&&e.setAttribute("form",t.id),l.parentNode.insertBefore(e,l),t=new FormData(t),e.parentNode.removeChild(e),t}function E0(t,l,e,a,n){if(l==="submit"&&e&&e.stateNode===n){var u=Br((n[Ft]||null).action),i=a.submitter;i&&(l=(l=i[Ft]||null)?Br(l.formAction):i.getAttribute("formAction"),l!==null&&(u=l,i=null));var c=new Qn("action","action",null,a,n);t.push({event:c,listeners:[{instance:null,listener:function(){if(a.defaultPrevented){if(ve!==0){var r=i?Yr(n,i):new FormData(n);cc(e,{pending:!0,data:r,method:n.method,action:u},null,r)}}else typeof u=="function"&&(c.preventDefault(),r=i?Yr(n,i):new FormData(n),cc(e,{pending:!0,data:r,method:n.method,action:u},u,r))},currentTarget:n}]})}}for(var Zc=0;Zc<Ei.length;Zc++){var Vc=Ei[Zc],z0=Vc.toLowerCase(),N0=Vc[0].toUpperCase()+Vc.slice(1);Nl(z0,"on"+N0)}Nl(ys,"onAnimationEnd"),Nl(gs,"onAnimationIteration"),Nl(hs,"onAnimationStart"),Nl("dblclick","onDoubleClick"),Nl("focusin","onFocus"),Nl("focusout","onBlur"),Nl(Zm,"onTransitionRun"),Nl(Vm,"onTransitionStart"),Nl(Lm,"onTransitionCancel"),Nl(vs,"onTransitionEnd"),ke("onMouseEnter",["mouseout","mouseover"]),ke("onMouseLeave",["mouseout","mouseover"]),ke("onPointerEnter",["pointerout","pointerover"]),ke("onPointerLeave",["pointerout","pointerover"]),je("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),je("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),je("onBeforeInput",["compositionend","keypress","textInput","paste"]),je("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),je("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),je("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var mn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),j0=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(mn));function Gr(t,l){l=(l&4)!==0;for(var e=0;e<t.length;e++){var a=t[e],n=a.event;a=a.listeners;t:{var u=void 0;if(l)for(var i=a.length-1;0<=i;i--){var c=a[i],r=c.instance,v=c.currentTarget;if(c=c.listener,r!==u&&n.isPropagationStopped())break t;u=c,n.currentTarget=v;try{u(n)}catch(S){Vn(S)}n.currentTarget=null,u=r}else for(i=0;i<a.length;i++){if(c=a[i],r=c.instance,v=c.currentTarget,c=c.listener,r!==u&&n.isPropagationStopped())break t;u=c,n.currentTarget=v;try{u(n)}catch(S){Vn(S)}n.currentTarget=null,u=r}}}}function et(t,l){var e=l[ei];e===void 0&&(e=l[ei]=new Set);var a=t+"__bubble";e.has(a)||(Qr(l,t,2,!1),e.add(a))}function Lc(t,l,e){var a=0;l&&(a|=4),Qr(e,t,a,l)}var _u="_reactListening"+Math.random().toString(36).slice(2);function Kc(t){if(!t[_u]){t[_u]=!0,Rf.forEach(function(e){e!=="selectionchange"&&(j0.has(e)||Lc(e,!1,t),Lc(e,!0,t))});var l=t.nodeType===9?t:t.ownerDocument;l===null||l[_u]||(l[_u]=!0,Lc("selectionchange",!1,l))}}function Qr(t,l,e,a){switch(gd(l)){case 2:var n=ly;break;case 8:n=ey;break;default:n=cf}e=n.bind(null,l,e,t),n=void 0,!ri||l!=="touchstart"&&l!=="touchmove"&&l!=="wheel"||(n=!0),a?n!==void 0?t.addEventListener(l,e,{capture:!0,passive:n}):t.addEventListener(l,e,!0):n!==void 0?t.addEventListener(l,e,{passive:n}):t.addEventListener(l,e,!1)}function wc(t,l,e,a,n){var u=a;if((l&1)===0&&(l&2)===0&&a!==null)t:for(;;){if(a===null)return;var i=a.tag;if(i===3||i===4){var c=a.stateNode.containerInfo;if(c===n)break;if(i===4)for(i=a.return;i!==null;){var r=i.tag;if((r===3||r===4)&&i.stateNode.containerInfo===n)return;i=i.return}for(;c!==null;){if(i=Ke(c),i===null)return;if(r=i.tag,r===5||r===6||r===26||r===27){a=u=i;continue t}c=c.parentNode}}a=a.return}Lf(function(){var v=u,S=si(e),N=[];t:{var b=bs.get(t);if(b!==void 0){var p=Qn,Y=t;switch(t){case"keypress":if(Yn(e)===0)break t;case"keydown":case"keyup":p=xm;break;case"focusin":Y="focus",p=gi;break;case"focusout":Y="blur",p=gi;break;case"beforeblur":case"afterblur":p=gi;break;case"click":if(e.button===2)break t;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":p=Jf;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":p=fm;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":p=Tm;break;case ys:case gs:case hs:p=rm;break;case vs:p=zm;break;case"scroll":case"scrollend":p=im;break;case"wheel":p=jm;break;case"copy":case"cut":case"paste":p=mm;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":p=$f;break;case"toggle":case"beforetoggle":p=_m}var L=(l&4)!==0,bt=!L&&(t==="scroll"||t==="scrollend"),y=L?b!==null?b+"Capture":null:b;L=[];for(var d=v,h;d!==null;){var z=d;if(h=z.stateNode,z=z.tag,z!==5&&z!==26&&z!==27||h===null||y===null||(z=Ca(d,y),z!=null&&L.push(yn(d,z,h))),bt)break;d=d.return}0<L.length&&(b=new p(b,Y,null,e,S),N.push({event:b,listeners:L}))}}if((l&7)===0){t:{if(b=t==="mouseover"||t==="pointerover",p=t==="mouseout"||t==="pointerout",b&&e!==fi&&(Y=e.relatedTarget||e.fromElement)&&(Ke(Y)||Y[Le]))break t;if((p||b)&&(b=S.window===S?S:(b=S.ownerDocument)?b.defaultView||b.parentWindow:window,p?(Y=e.relatedTarget||e.toElement,p=v,Y=Y?Ke(Y):null,Y!==null&&(bt=M(Y),L=Y.tag,Y!==bt||L!==5&&L!==27&&L!==6)&&(Y=null)):(p=null,Y=v),p!==Y)){if(L=Jf,z="onMouseLeave",y="onMouseEnter",d="mouse",(t==="pointerout"||t==="pointerover")&&(L=$f,z="onPointerLeave",y="onPointerEnter",d="pointer"),bt=p==null?b:Ua(p),h=Y==null?b:Ua(Y),b=new L(z,d+"leave",p,e,S),b.target=bt,b.relatedTarget=h,z=null,Ke(S)===v&&(L=new L(y,d+"enter",Y,e,S),L.target=h,L.relatedTarget=bt,z=L),bt=z,p&&Y)l:{for(L=M0,y=p,d=Y,h=0,z=y;z;z=L(z))h++;z=0;for(var V=d;V;V=L(V))z++;for(;0<h-z;)y=L(y),h--;for(;0<z-h;)d=L(d),z--;for(;h--;){if(y===d||d!==null&&y===d.alternate){L=y;break l}y=L(y),d=L(d)}L=null}else L=null;p!==null&&Xr(N,b,p,L,!1),Y!==null&&bt!==null&&Xr(N,bt,Y,L,!0)}}t:{if(b=v?Ua(v):window,p=b.nodeName&&b.nodeName.toLowerCase(),p==="select"||p==="input"&&b.type==="file")var ft=as;else if(ls(b))if(ns)ft=Gm;else{ft=Bm;var X=qm}else p=b.nodeName,!p||p.toLowerCase()!=="input"||b.type!=="checkbox"&&b.type!=="radio"?v&&ci(v.elementType)&&(ft=as):ft=Ym;if(ft&&(ft=ft(t,v))){es(N,ft,e,S);break t}X&&X(t,b,v),t==="focusout"&&v&&b.type==="number"&&v.memoizedProps.value!=null&&ii(b,"number",b.value)}switch(X=v?Ua(v):window,t){case"focusin":(ls(X)||X.contentEditable==="true")&&(ta=X,Si=v,Za=null);break;case"focusout":Za=Si=ta=null;break;case"mousedown":Ai=!0;break;case"contextmenu":case"mouseup":case"dragend":Ai=!1,ds(N,e,S);break;case"selectionchange":if(Xm)break;case"keydown":case"keyup":ds(N,e,S)}var P;if(vi)t:{switch(t){case"compositionstart":var nt="onCompositionStart";break t;case"compositionend":nt="onCompositionEnd";break t;case"compositionupdate":nt="onCompositionUpdate";break t}nt=void 0}else Pe?Pf(t,e)&&(nt="onCompositionEnd"):t==="keydown"&&e.keyCode===229&&(nt="onCompositionStart");nt&&(Wf&&e.locale!=="ko"&&(Pe||nt!=="onCompositionStart"?nt==="onCompositionEnd"&&Pe&&(P=Kf()):(le=S,di="value"in le?le.value:le.textContent,Pe=!0)),X=Ou(v,nt),0<X.length&&(nt=new kf(nt,t,null,e,S),N.push({event:nt,listeners:X}),P?nt.data=P:(P=ts(e),P!==null&&(nt.data=P)))),(P=Dm?Rm(t,e):Um(t,e))&&(nt=Ou(v,"onBeforeInput"),0<nt.length&&(X=new kf("onBeforeInput","beforeinput",null,e,S),N.push({event:X,listeners:nt}),X.data=P)),E0(N,t,v,e,S)}Gr(N,l)})}function yn(t,l,e){return{instance:t,listener:l,currentTarget:e}}function Ou(t,l){for(var e=l+"Capture",a=[];t!==null;){var n=t,u=n.stateNode;if(n=n.tag,n!==5&&n!==26&&n!==27||u===null||(n=Ca(t,e),n!=null&&a.unshift(yn(t,n,u)),n=Ca(t,l),n!=null&&a.push(yn(t,n,u))),t.tag===3)return a;t=t.return}return[]}function M0(t){if(t===null)return null;do t=t.return;while(t&&t.tag!==5&&t.tag!==27);return t||null}function Xr(t,l,e,a,n){for(var u=l._reactName,i=[];e!==null&&e!==a;){var c=e,r=c.alternate,v=c.stateNode;if(c=c.tag,r!==null&&r===a)break;c!==5&&c!==26&&c!==27||v===null||(r=v,n?(v=Ca(e,u),v!=null&&i.unshift(yn(e,v,r))):n||(v=Ca(e,u),v!=null&&i.push(yn(e,v,r)))),e=e.return}i.length!==0&&t.push({event:l,listeners:i})}var _0=/\r\n?/g,O0=/\u0000|\uFFFD/g;function Zr(t){return(typeof t=="string"?t:""+t).replace(_0,`
-`).replace(O0,"")}function Vr(t,l){return l=Zr(l),Zr(t)===l}function vt(t,l,e,a,n,u){switch(e){case"children":typeof a=="string"?l==="body"||l==="textarea"&&a===""||We(t,a):(typeof a=="number"||typeof a=="bigint")&&l!=="body"&&We(t,""+a);break;case"className":Cn(t,"class",a);break;case"tabIndex":Cn(t,"tabindex",a);break;case"dir":case"role":case"viewBox":case"width":case"height":Cn(t,e,a);break;case"style":Zf(t,a,u);break;case"data":if(l!=="object"){Cn(t,"data",a);break}case"src":case"href":if(a===""&&(l!=="a"||e!=="href")){t.removeAttribute(e);break}if(a==null||typeof a=="function"||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(e);break}a=qn(""+a),t.setAttribute(e,a);break;case"action":case"formAction":if(typeof a=="function"){t.setAttribute(e,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof u=="function"&&(e==="formAction"?(l!=="input"&&vt(t,l,"name",n.name,n,null),vt(t,l,"formEncType",n.formEncType,n,null),vt(t,l,"formMethod",n.formMethod,n,null),vt(t,l,"formTarget",n.formTarget,n,null)):(vt(t,l,"encType",n.encType,n,null),vt(t,l,"method",n.method,n,null),vt(t,l,"target",n.target,n,null)));if(a==null||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(e);break}a=qn(""+a),t.setAttribute(e,a);break;case"onClick":a!=null&&(t.onclick=ql);break;case"onScroll":a!=null&&et("scroll",t);break;case"onScrollEnd":a!=null&&et("scrollend",t);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(o(61));if(e=a.__html,e!=null){if(n.children!=null)throw Error(o(60));t.innerHTML=e}}break;case"multiple":t.multiple=a&&typeof a!="function"&&typeof a!="symbol";break;case"muted":t.muted=a&&typeof a!="function"&&typeof a!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(a==null||typeof a=="function"||typeof a=="boolean"||typeof a=="symbol"){t.removeAttribute("xlink:href");break}e=qn(""+a),t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(e,""+a):t.removeAttribute(e);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":a&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(e,""):t.removeAttribute(e);break;case"capture":case"download":a===!0?t.setAttribute(e,""):a!==!1&&a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(e,a):t.removeAttribute(e);break;case"cols":case"rows":case"size":case"span":a!=null&&typeof a!="function"&&typeof a!="symbol"&&!isNaN(a)&&1<=a?t.setAttribute(e,a):t.removeAttribute(e);break;case"rowSpan":case"start":a==null||typeof a=="function"||typeof a=="symbol"||isNaN(a)?t.removeAttribute(e):t.setAttribute(e,a);break;case"popover":et("beforetoggle",t),et("toggle",t),Un(t,"popover",a);break;case"xlinkActuate":Hl(t,"http://www.w3.org/1999/xlink","xlink:actuate",a);break;case"xlinkArcrole":Hl(t,"http://www.w3.org/1999/xlink","xlink:arcrole",a);break;case"xlinkRole":Hl(t,"http://www.w3.org/1999/xlink","xlink:role",a);break;case"xlinkShow":Hl(t,"http://www.w3.org/1999/xlink","xlink:show",a);break;case"xlinkTitle":Hl(t,"http://www.w3.org/1999/xlink","xlink:title",a);break;case"xlinkType":Hl(t,"http://www.w3.org/1999/xlink","xlink:type",a);break;case"xmlBase":Hl(t,"http://www.w3.org/XML/1998/namespace","xml:base",a);break;case"xmlLang":Hl(t,"http://www.w3.org/XML/1998/namespace","xml:lang",a);break;case"xmlSpace":Hl(t,"http://www.w3.org/XML/1998/namespace","xml:space",a);break;case"is":Un(t,"is",a);break;case"innerText":case"textContent":break;default:(!(2<e.length)||e[0]!=="o"&&e[0]!=="O"||e[1]!=="n"&&e[1]!=="N")&&(e=nm.get(e)||e,Un(t,e,a))}}function Jc(t,l,e,a,n,u){switch(e){case"style":Zf(t,a,u);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(o(61));if(e=a.__html,e!=null){if(n.children!=null)throw Error(o(60));t.innerHTML=e}}break;case"children":typeof a=="string"?We(t,a):(typeof a=="number"||typeof a=="bigint")&&We(t,""+a);break;case"onScroll":a!=null&&et("scroll",t);break;case"onScrollEnd":a!=null&&et("scrollend",t);break;case"onClick":a!=null&&(t.onclick=ql);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!Uf.hasOwnProperty(e))t:{if(e[0]==="o"&&e[1]==="n"&&(n=e.endsWith("Capture"),l=e.slice(2,n?e.length-7:void 0),u=t[Ft]||null,u=u!=null?u[e]:null,typeof u=="function"&&t.removeEventListener(l,u,n),typeof a=="function")){typeof u!="function"&&u!==null&&(e in t?t[e]=null:t.hasAttribute(e)&&t.removeAttribute(e)),t.addEventListener(l,a,n);break t}e in t?t[e]=a:a===!0?t.setAttribute(e,""):Un(t,e,a)}}}function Lt(t,l,e){switch(l){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":et("error",t),et("load",t);var a=!1,n=!1,u;for(u in e)if(e.hasOwnProperty(u)){var i=e[u];if(i!=null)switch(u){case"src":a=!0;break;case"srcSet":n=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(o(137,l));default:vt(t,l,u,i,e,null)}}n&&vt(t,l,"srcSet",e.srcSet,e,null),a&&vt(t,l,"src",e.src,e,null);return;case"input":et("invalid",t);var c=u=i=n=null,r=null,v=null;for(a in e)if(e.hasOwnProperty(a)){var S=e[a];if(S!=null)switch(a){case"name":n=S;break;case"type":i=S;break;case"checked":r=S;break;case"defaultChecked":v=S;break;case"value":u=S;break;case"defaultValue":c=S;break;case"children":case"dangerouslySetInnerHTML":if(S!=null)throw Error(o(137,l));break;default:vt(t,l,a,S,e,null)}}Yf(t,u,c,r,v,i,n,!1);return;case"select":et("invalid",t),a=i=u=null;for(n in e)if(e.hasOwnProperty(n)&&(c=e[n],c!=null))switch(n){case"value":u=c;break;case"defaultValue":i=c;break;case"multiple":a=c;default:vt(t,l,n,c,e,null)}l=u,e=i,t.multiple=!!a,l!=null?$e(t,!!a,l,!1):e!=null&&$e(t,!!a,e,!0);return;case"textarea":et("invalid",t),u=n=a=null;for(i in e)if(e.hasOwnProperty(i)&&(c=e[i],c!=null))switch(i){case"value":a=c;break;case"defaultValue":n=c;break;case"children":u=c;break;case"dangerouslySetInnerHTML":if(c!=null)throw Error(o(91));break;default:vt(t,l,i,c,e,null)}Qf(t,a,n,u);return;case"option":for(r in e)if(e.hasOwnProperty(r)&&(a=e[r],a!=null))switch(r){case"selected":t.selected=a&&typeof a!="function"&&typeof a!="symbol";break;default:vt(t,l,r,a,e,null)}return;case"dialog":et("beforetoggle",t),et("toggle",t),et("cancel",t),et("close",t);break;case"iframe":case"object":et("load",t);break;case"video":case"audio":for(a=0;a<mn.length;a++)et(mn[a],t);break;case"image":et("error",t),et("load",t);break;case"details":et("toggle",t);break;case"embed":case"source":case"link":et("error",t),et("load",t);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(v in e)if(e.hasOwnProperty(v)&&(a=e[v],a!=null))switch(v){case"children":case"dangerouslySetInnerHTML":throw Error(o(137,l));default:vt(t,l,v,a,e,null)}return;default:if(ci(l)){for(S in e)e.hasOwnProperty(S)&&(a=e[S],a!==void 0&&Jc(t,l,S,a,e,void 0));return}}for(c in e)e.hasOwnProperty(c)&&(a=e[c],a!=null&&vt(t,l,c,a,e,null))}function D0(t,l,e,a){switch(l){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var n=null,u=null,i=null,c=null,r=null,v=null,S=null;for(p in e){var N=e[p];if(e.hasOwnProperty(p)&&N!=null)switch(p){case"checked":break;case"value":break;case"defaultValue":r=N;default:a.hasOwnProperty(p)||vt(t,l,p,null,a,N)}}for(var b in a){var p=a[b];if(N=e[b],a.hasOwnProperty(b)&&(p!=null||N!=null))switch(b){case"type":u=p;break;case"name":n=p;break;case"checked":v=p;break;case"defaultChecked":S=p;break;case"value":i=p;break;case"defaultValue":c=p;break;case"children":case"dangerouslySetInnerHTML":if(p!=null)throw Error(o(137,l));break;default:p!==N&&vt(t,l,b,p,a,N)}}ui(t,i,c,r,v,S,u,n);return;case"select":p=i=c=b=null;for(u in e)if(r=e[u],e.hasOwnProperty(u)&&r!=null)switch(u){case"value":break;case"multiple":p=r;default:a.hasOwnProperty(u)||vt(t,l,u,null,a,r)}for(n in a)if(u=a[n],r=e[n],a.hasOwnProperty(n)&&(u!=null||r!=null))switch(n){case"value":b=u;break;case"defaultValue":c=u;break;case"multiple":i=u;default:u!==r&&vt(t,l,n,u,a,r)}l=c,e=i,a=p,b!=null?$e(t,!!e,b,!1):!!a!=!!e&&(l!=null?$e(t,!!e,l,!0):$e(t,!!e,e?[]:"",!1));return;case"textarea":p=b=null;for(c in e)if(n=e[c],e.hasOwnProperty(c)&&n!=null&&!a.hasOwnProperty(c))switch(c){case"value":break;case"children":break;default:vt(t,l,c,null,a,n)}for(i in a)if(n=a[i],u=e[i],a.hasOwnProperty(i)&&(n!=null||u!=null))switch(i){case"value":b=n;break;case"defaultValue":p=n;break;case"children":break;case"dangerouslySetInnerHTML":if(n!=null)throw Error(o(91));break;default:n!==u&&vt(t,l,i,n,a,u)}Gf(t,b,p);return;case"option":for(var Y in e)if(b=e[Y],e.hasOwnProperty(Y)&&b!=null&&!a.hasOwnProperty(Y))switch(Y){case"selected":t.selected=!1;break;default:vt(t,l,Y,null,a,b)}for(r in a)if(b=a[r],p=e[r],a.hasOwnProperty(r)&&b!==p&&(b!=null||p!=null))switch(r){case"selected":t.selected=b&&typeof b!="function"&&typeof b!="symbol";break;default:vt(t,l,r,b,a,p)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var L in e)b=e[L],e.hasOwnProperty(L)&&b!=null&&!a.hasOwnProperty(L)&&vt(t,l,L,null,a,b);for(v in a)if(b=a[v],p=e[v],a.hasOwnProperty(v)&&b!==p&&(b!=null||p!=null))switch(v){case"children":case"dangerouslySetInnerHTML":if(b!=null)throw Error(o(137,l));break;default:vt(t,l,v,b,a,p)}return;default:if(ci(l)){for(var bt in e)b=e[bt],e.hasOwnProperty(bt)&&b!==void 0&&!a.hasOwnProperty(bt)&&Jc(t,l,bt,void 0,a,b);for(S in a)b=a[S],p=e[S],!a.hasOwnProperty(S)||b===p||b===void 0&&p===void 0||Jc(t,l,S,b,a,p);return}}for(var y in e)b=e[y],e.hasOwnProperty(y)&&b!=null&&!a.hasOwnProperty(y)&&vt(t,l,y,null,a,b);for(N in a)b=a[N],p=e[N],!a.hasOwnProperty(N)||b===p||b==null&&p==null||vt(t,l,N,b,a,p)}function Lr(t){switch(t){case"css":case"script":case"font":case"img":case"image":case"input":case"link":return!0;default:return!1}}function R0(){if(typeof performance.getEntriesByType=="function"){for(var t=0,l=0,e=performance.getEntriesByType("resource"),a=0;a<e.length;a++){var n=e[a],u=n.transferSize,i=n.initiatorType,c=n.duration;if(u&&c&&Lr(i)){for(i=0,c=n.responseEnd,a+=1;a<e.length;a++){var r=e[a],v=r.startTime;if(v>c)break;var S=r.transferSize,N=r.initiatorType;S&&Lr(N)&&(r=r.responseEnd,i+=S*(r<c?1:(c-v)/(r-v)))}if(--a,l+=8*(u+i)/(n.duration/1e3),t++,10<t)break}}if(0<t)return l/t/1e6}return navigator.connection&&(t=navigator.connection.downlink,typeof t=="number")?t:5}var kc=null,$c=null;function Du(t){return t.nodeType===9?t:t.ownerDocument}function Kr(t){switch(t){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function wr(t,l){if(t===0)switch(l){case"svg":return 1;case"math":return 2;default:return 0}return t===1&&l==="foreignObject"?0:t}function Wc(t,l){return t==="textarea"||t==="noscript"||typeof l.children=="string"||typeof l.children=="number"||typeof l.children=="bigint"||typeof l.dangerouslySetInnerHTML=="object"&&l.dangerouslySetInnerHTML!==null&&l.dangerouslySetInnerHTML.__html!=null}var Fc=null;function U0(){var t=window.event;return t&&t.type==="popstate"?t===Fc?!1:(Fc=t,!0):(Fc=null,!1)}var Jr=typeof setTimeout=="function"?setTimeout:void 0,C0=typeof clearTimeout=="function"?clearTimeout:void 0,kr=typeof Promise=="function"?Promise:void 0,H0=typeof queueMicrotask=="function"?queueMicrotask:typeof kr<"u"?function(t){return kr.resolve(null).then(t).catch(q0)}:Jr;function q0(t){setTimeout(function(){throw t})}function be(t){return t==="head"}function $r(t,l){var e=l,a=0;do{var n=e.nextSibling;if(t.removeChild(e),n&&n.nodeType===8)if(e=n.data,e==="/$"||e==="/&"){if(a===0){t.removeChild(n),ja(l);return}a--}else if(e==="$"||e==="$?"||e==="$~"||e==="$!"||e==="&")a++;else if(e==="html")gn(t.ownerDocument.documentElement);else if(e==="head"){e=t.ownerDocument.head,gn(e);for(var u=e.firstChild;u;){var i=u.nextSibling,c=u.nodeName;u[Ra]||c==="SCRIPT"||c==="STYLE"||c==="LINK"&&u.rel.toLowerCase()==="stylesheet"||e.removeChild(u),u=i}}else e==="body"&&gn(t.ownerDocument.body);e=n}while(e);ja(l)}function Wr(t,l){var e=t;t=0;do{var a=e.nextSibling;if(e.nodeType===1?l?(e._stashedDisplay=e.style.display,e.style.display="none"):(e.style.display=e._stashedDisplay||"",e.getAttribute("style")===""&&e.removeAttribute("style")):e.nodeType===3&&(l?(e._stashedText=e.nodeValue,e.nodeValue=""):e.nodeValue=e._stashedText||""),a&&a.nodeType===8)if(e=a.data,e==="/$"){if(t===0)break;t--}else e!=="$"&&e!=="$?"&&e!=="$~"&&e!=="$!"||t++;e=a}while(e)}function Ic(t){var l=t.firstChild;for(l&&l.nodeType===10&&(l=l.nextSibling);l;){var e=l;switch(l=l.nextSibling,e.nodeName){case"HTML":case"HEAD":case"BODY":Ic(e),ai(e);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(e.rel.toLowerCase()==="stylesheet")continue}t.removeChild(e)}}function B0(t,l,e,a){for(;t.nodeType===1;){var n=e;if(t.nodeName.toLowerCase()!==l.toLowerCase()){if(!a&&(t.nodeName!=="INPUT"||t.type!=="hidden"))break}else if(a){if(!t[Ra])switch(l){case"meta":if(!t.hasAttribute("itemprop"))break;return t;case"link":if(u=t.getAttribute("rel"),u==="stylesheet"&&t.hasAttribute("data-precedence"))break;if(u!==n.rel||t.getAttribute("href")!==(n.href==null||n.href===""?null:n.href)||t.getAttribute("crossorigin")!==(n.crossOrigin==null?null:n.crossOrigin)||t.getAttribute("title")!==(n.title==null?null:n.title))break;return t;case"style":if(t.hasAttribute("data-precedence"))break;return t;case"script":if(u=t.getAttribute("src"),(u!==(n.src==null?null:n.src)||t.getAttribute("type")!==(n.type==null?null:n.type)||t.getAttribute("crossorigin")!==(n.crossOrigin==null?null:n.crossOrigin))&&u&&t.hasAttribute("async")&&!t.hasAttribute("itemprop"))break;return t;default:return t}}else if(l==="input"&&t.type==="hidden"){var u=n.name==null?null:""+n.name;if(n.type==="hidden"&&t.getAttribute("name")===u)return t}else return t;if(t=Tl(t.nextSibling),t===null)break}return null}function Y0(t,l,e){if(l==="")return null;for(;t.nodeType!==3;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!e||(t=Tl(t.nextSibling),t===null))return null;return t}function Fr(t,l){for(;t.nodeType!==8;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!l||(t=Tl(t.nextSibling),t===null))return null;return t}function Pc(t){return t.data==="$?"||t.data==="$~"}function tf(t){return t.data==="$!"||t.data==="$?"&&t.ownerDocument.readyState!=="loading"}function G0(t,l){var e=t.ownerDocument;if(t.data==="$~")t._reactRetry=l;else if(t.data!=="$?"||e.readyState!=="loading")l();else{var a=function(){l(),e.removeEventListener("DOMContentLoaded",a)};e.addEventListener("DOMContentLoaded",a),t._reactRetry=a}}function Tl(t){for(;t!=null;t=t.nextSibling){var l=t.nodeType;if(l===1||l===3)break;if(l===8){if(l=t.data,l==="$"||l==="$!"||l==="$?"||l==="$~"||l==="&"||l==="F!"||l==="F")break;if(l==="/$"||l==="/&")return null}}return t}var lf=null;function Ir(t){t=t.nextSibling;for(var l=0;t;){if(t.nodeType===8){var e=t.data;if(e==="/$"||e==="/&"){if(l===0)return Tl(t.nextSibling);l--}else e!=="$"&&e!=="$!"&&e!=="$?"&&e!=="$~"&&e!=="&"||l++}t=t.nextSibling}return null}function Pr(t){t=t.previousSibling;for(var l=0;t;){if(t.nodeType===8){var e=t.data;if(e==="$"||e==="$!"||e==="$?"||e==="$~"||e==="&"){if(l===0)return t;l--}else e!=="/$"&&e!=="/&"||l++}t=t.previousSibling}return null}function td(t,l,e){switch(l=Du(e),t){case"html":if(t=l.documentElement,!t)throw Error(o(452));return t;case"head":if(t=l.head,!t)throw Error(o(453));return t;case"body":if(t=l.body,!t)throw Error(o(454));return t;default:throw Error(o(451))}}function gn(t){for(var l=t.attributes;l.length;)t.removeAttributeNode(l[0]);ai(t)}var El=new Map,ld=new Set;function Ru(t){return typeof t.getRootNode=="function"?t.getRootNode():t.nodeType===9?t:t.ownerDocument}var Il=R.d;R.d={f:Q0,r:X0,D:Z0,C:V0,L:L0,m:K0,X:J0,S:w0,M:k0};function Q0(){var t=Il.f(),l=Tu();return t||l}function X0(t){var l=we(t);l!==null&&l.tag===5&&l.type==="form"?bo(l):Il.r(t)}var Ea=typeof document>"u"?null:document;function ed(t,l,e){var a=Ea;if(a&&typeof l=="string"&&l){var n=hl(l);n='link[rel="'+t+'"][href="'+n+'"]',typeof e=="string"&&(n+='[crossorigin="'+e+'"]'),ld.has(n)||(ld.add(n),t={rel:t,crossOrigin:e,href:l},a.querySelector(n)===null&&(l=a.createElement("link"),Lt(l,"link",t),Yt(l),a.head.appendChild(l)))}}function Z0(t){Il.D(t),ed("dns-prefetch",t,null)}function V0(t,l){Il.C(t,l),ed("preconnect",t,l)}function L0(t,l,e){Il.L(t,l,e);var a=Ea;if(a&&t&&l){var n='link[rel="preload"][as="'+hl(l)+'"]';l==="image"&&e&&e.imageSrcSet?(n+='[imagesrcset="'+hl(e.imageSrcSet)+'"]',typeof e.imageSizes=="string"&&(n+='[imagesizes="'+hl(e.imageSizes)+'"]')):n+='[href="'+hl(t)+'"]';var u=n;switch(l){case"style":u=za(t);break;case"script":u=Na(t)}El.has(u)||(t=B({rel:"preload",href:l==="image"&&e&&e.imageSrcSet?void 0:t,as:l},e),El.set(u,t),a.querySelector(n)!==null||l==="style"&&a.querySelector(hn(u))||l==="script"&&a.querySelector(vn(u))||(l=a.createElement("link"),Lt(l,"link",t),Yt(l),a.head.appendChild(l)))}}function K0(t,l){Il.m(t,l);var e=Ea;if(e&&t){var a=l&&typeof l.as=="string"?l.as:"script",n='link[rel="modulepreload"][as="'+hl(a)+'"][href="'+hl(t)+'"]',u=n;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":u=Na(t)}if(!El.has(u)&&(t=B({rel:"modulepreload",href:t},l),El.set(u,t),e.querySelector(n)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(e.querySelector(vn(u)))return}a=e.createElement("link"),Lt(a,"link",t),Yt(a),e.head.appendChild(a)}}}function w0(t,l,e){Il.S(t,l,e);var a=Ea;if(a&&t){var n=Je(a).hoistableStyles,u=za(t);l=l||"default";var i=n.get(u);if(!i){var c={loading:0,preload:null};if(i=a.querySelector(hn(u)))c.loading=5;else{t=B({rel:"stylesheet",href:t,"data-precedence":l},e),(e=El.get(u))&&ef(t,e);var r=i=a.createElement("link");Yt(r),Lt(r,"link",t),r._p=new Promise(function(v,S){r.onload=v,r.onerror=S}),r.addEventListener("load",function(){c.loading|=1}),r.addEventListener("error",function(){c.loading|=2}),c.loading|=4,Uu(i,l,a)}i={type:"stylesheet",instance:i,count:1,state:c},n.set(u,i)}}}function J0(t,l){Il.X(t,l);var e=Ea;if(e&&t){var a=Je(e).hoistableScripts,n=Na(t),u=a.get(n);u||(u=e.querySelector(vn(n)),u||(t=B({src:t,async:!0},l),(l=El.get(n))&&af(t,l),u=e.createElement("script"),Yt(u),Lt(u,"link",t),e.head.appendChild(u)),u={type:"script",instance:u,count:1,state:null},a.set(n,u))}}function k0(t,l){Il.M(t,l);var e=Ea;if(e&&t){var a=Je(e).hoistableScripts,n=Na(t),u=a.get(n);u||(u=e.querySelector(vn(n)),u||(t=B({src:t,async:!0,type:"module"},l),(l=El.get(n))&&af(t,l),u=e.createElement("script"),Yt(u),Lt(u,"link",t),e.head.appendChild(u)),u={type:"script",instance:u,count:1,state:null},a.set(n,u))}}function ad(t,l,e,a){var n=(n=tt.current)?Ru(n):null;if(!n)throw Error(o(446));switch(t){case"meta":case"title":return null;case"style":return typeof e.precedence=="string"&&typeof e.href=="string"?(l=za(e.href),e=Je(n).hoistableStyles,a=e.get(l),a||(a={type:"style",instance:null,count:0,state:null},e.set(l,a)),a):{type:"void",instance:null,count:0,state:null};case"link":if(e.rel==="stylesheet"&&typeof e.href=="string"&&typeof e.precedence=="string"){t=za(e.href);var u=Je(n).hoistableStyles,i=u.get(t);if(i||(n=n.ownerDocument||n,i={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},u.set(t,i),(u=n.querySelector(hn(t)))&&!u._p&&(i.instance=u,i.state.loading=5),El.has(t)||(e={rel:"preload",as:"style",href:e.href,crossOrigin:e.crossOrigin,integrity:e.integrity,media:e.media,hrefLang:e.hrefLang,referrerPolicy:e.referrerPolicy},El.set(t,e),u||$0(n,t,e,i.state))),l&&a===null)throw Error(o(528,""));return i}if(l&&a!==null)throw Error(o(529,""));return null;case"script":return l=e.async,e=e.src,typeof e=="string"&&l&&typeof l!="function"&&typeof l!="symbol"?(l=Na(e),e=Je(n).hoistableScripts,a=e.get(l),a||(a={type:"script",instance:null,count:0,state:null},e.set(l,a)),a):{type:"void",instance:null,count:0,state:null};default:throw Error(o(444,t))}}function za(t){return'href="'+hl(t)+'"'}function hn(t){return'link[rel="stylesheet"]['+t+"]"}function nd(t){return B({},t,{"data-precedence":t.precedence,precedence:null})}function $0(t,l,e,a){t.querySelector('link[rel="preload"][as="style"]['+l+"]")?a.loading=1:(l=t.createElement("link"),a.preload=l,l.addEventListener("load",function(){return a.loading|=1}),l.addEventListener("error",function(){return a.loading|=2}),Lt(l,"link",e),Yt(l),t.head.appendChild(l))}function Na(t){return'[src="'+hl(t)+'"]'}function vn(t){return"script[async]"+t}function ud(t,l,e){if(l.count++,l.instance===null)switch(l.type){case"style":var a=t.querySelector('style[data-href~="'+hl(e.href)+'"]');if(a)return l.instance=a,Yt(a),a;var n=B({},e,{"data-href":e.href,"data-precedence":e.precedence,href:null,precedence:null});return a=(t.ownerDocument||t).createElement("style"),Yt(a),Lt(a,"style",n),Uu(a,e.precedence,t),l.instance=a;case"stylesheet":n=za(e.href);var u=t.querySelector(hn(n));if(u)return l.state.loading|=4,l.instance=u,Yt(u),u;a=nd(e),(n=El.get(n))&&ef(a,n),u=(t.ownerDocument||t).createElement("link"),Yt(u);var i=u;return i._p=new Promise(function(c,r){i.onload=c,i.onerror=r}),Lt(u,"link",a),l.state.loading|=4,Uu(u,e.precedence,t),l.instance=u;case"script":return u=Na(e.src),(n=t.querySelector(vn(u)))?(l.instance=n,Yt(n),n):(a=e,(n=El.get(u))&&(a=B({},e),af(a,n)),t=t.ownerDocument||t,n=t.createElement("script"),Yt(n),Lt(n,"link",a),t.head.appendChild(n),l.instance=n);case"void":return null;default:throw Error(o(443,l.type))}else l.type==="stylesheet"&&(l.state.loading&4)===0&&(a=l.instance,l.state.loading|=4,Uu(a,e.precedence,t));return l.instance}function Uu(t,l,e){for(var a=e.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),n=a.length?a[a.length-1]:null,u=n,i=0;i<a.length;i++){var c=a[i];if(c.dataset.precedence===l)u=c;else if(u!==n)break}u?u.parentNode.insertBefore(t,u.nextSibling):(l=e.nodeType===9?e.head:e,l.insertBefore(t,l.firstChild))}function ef(t,l){t.crossOrigin==null&&(t.crossOrigin=l.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=l.referrerPolicy),t.title==null&&(t.title=l.title)}function af(t,l){t.crossOrigin==null&&(t.crossOrigin=l.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=l.referrerPolicy),t.integrity==null&&(t.integrity=l.integrity)}var Cu=null;function id(t,l,e){if(Cu===null){var a=new Map,n=Cu=new Map;n.set(e,a)}else n=Cu,a=n.get(e),a||(a=new Map,n.set(e,a));if(a.has(t))return a;for(a.set(t,null),e=e.getElementsByTagName(t),n=0;n<e.length;n++){var u=e[n];if(!(u[Ra]||u[Qt]||t==="link"&&u.getAttribute("rel")==="stylesheet")&&u.namespaceURI!=="http://www.w3.org/2000/svg"){var i=u.getAttribute(l)||"";i=t+i;var c=a.get(i);c?c.push(u):a.set(i,[u])}}return a}function cd(t,l,e){t=t.ownerDocument||t,t.head.insertBefore(e,l==="title"?t.querySelector("head > title"):null)}function W0(t,l,e){if(e===1||l.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof l.precedence!="string"||typeof l.href!="string"||l.href==="")break;return!0;case"link":if(typeof l.rel!="string"||typeof l.href!="string"||l.href===""||l.onLoad||l.onError)break;switch(l.rel){case"stylesheet":return t=l.disabled,typeof l.precedence=="string"&&t==null;default:return!0}case"script":if(l.async&&typeof l.async!="function"&&typeof l.async!="symbol"&&!l.onLoad&&!l.onError&&l.src&&typeof l.src=="string")return!0}return!1}function fd(t){return!(t.type==="stylesheet"&&(t.state.loading&3)===0)}function F0(t,l,e,a){if(e.type==="stylesheet"&&(typeof a.media!="string"||matchMedia(a.media).matches!==!1)&&(e.state.loading&4)===0){if(e.instance===null){var n=za(a.href),u=l.querySelector(hn(n));if(u){l=u._p,l!==null&&typeof l=="object"&&typeof l.then=="function"&&(t.count++,t=Hu.bind(t),l.then(t,t)),e.state.loading|=4,e.instance=u,Yt(u);return}u=l.ownerDocument||l,a=nd(a),(n=El.get(n))&&ef(a,n),u=u.createElement("link"),Yt(u);var i=u;i._p=new Promise(function(c,r){i.onload=c,i.onerror=r}),Lt(u,"link",a),e.instance=u}t.stylesheets===null&&(t.stylesheets=new Map),t.stylesheets.set(e,l),(l=e.state.preload)&&(e.state.loading&3)===0&&(t.count++,e=Hu.bind(t),l.addEventListener("load",e),l.addEventListener("error",e))}}var nf=0;function I0(t,l){return t.stylesheets&&t.count===0&&Bu(t,t.stylesheets),0<t.count||0<t.imgCount?function(e){var a=setTimeout(function(){if(t.stylesheets&&Bu(t,t.stylesheets),t.unsuspend){var u=t.unsuspend;t.unsuspend=null,u()}},6e4+l);0<t.imgBytes&&nf===0&&(nf=62500*R0());var n=setTimeout(function(){if(t.waitingForImages=!1,t.count===0&&(t.stylesheets&&Bu(t,t.stylesheets),t.unsuspend)){var u=t.unsuspend;t.unsuspend=null,u()}},(t.imgBytes>nf?50:800)+l);return t.unsuspend=e,function(){t.unsuspend=null,clearTimeout(a),clearTimeout(n)}}:null}function Hu(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Bu(this,this.stylesheets);else if(this.unsuspend){var t=this.unsuspend;this.unsuspend=null,t()}}}var qu=null;function Bu(t,l){t.stylesheets=null,t.unsuspend!==null&&(t.count++,qu=new Map,l.forEach(P0,t),qu=null,Hu.call(t))}function P0(t,l){if(!(l.state.loading&4)){var e=qu.get(t);if(e)var a=e.get(null);else{e=new Map,qu.set(t,e);for(var n=t.querySelectorAll("link[data-precedence],style[data-precedence]"),u=0;u<n.length;u++){var i=n[u];(i.nodeName==="LINK"||i.getAttribute("media")!=="not all")&&(e.set(i.dataset.precedence,i),a=i)}a&&e.set(null,a)}n=l.instance,i=n.getAttribute("data-precedence"),u=e.get(i)||a,u===a&&e.set(null,n),e.set(i,n),this.count++,a=Hu.bind(this),n.addEventListener("load",a),n.addEventListener("error",a),u?u.parentNode.insertBefore(n,u.nextSibling):(t=t.nodeType===9?t.head:t,t.insertBefore(n,t.firstChild)),l.state.loading|=4}}var bn={$$typeof:Bt,Provider:null,Consumer:null,_currentValue:w,_currentValue2:w,_threadCount:0};function ty(t,l,e,a,n,u,i,c,r){this.tag=1,this.containerInfo=t,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=Pu(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Pu(0),this.hiddenUpdates=Pu(null),this.identifierPrefix=a,this.onUncaughtError=n,this.onCaughtError=u,this.onRecoverableError=i,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=r,this.incompleteTransitions=new Map}function sd(t,l,e,a,n,u,i,c,r,v,S,N){return t=new ty(t,l,e,i,r,v,S,N,c),l=1,u===!0&&(l|=24),u=fl(3,null,null,l),t.current=u,u.stateNode=t,l=Bi(),l.refCount++,t.pooledCache=l,l.refCount++,u.memoizedState={element:a,isDehydrated:e,cache:l},Xi(u),t}function od(t){return t?(t=aa,t):aa}function rd(t,l,e,a,n,u){n=od(n),a.context===null?a.context=n:a.pendingContext=n,a=ce(l),a.payload={element:e},u=u===void 0?null:u,u!==null&&(a.callback=u),e=fe(t,a,l),e!==null&&(al(e,t,l),$a(e,t,l))}function dd(t,l){if(t=t.memoizedState,t!==null&&t.dehydrated!==null){var e=t.retryLane;t.retryLane=e!==0&&e<l?e:l}}function uf(t,l){dd(t,l),(t=t.alternate)&&dd(t,l)}function md(t){if(t.tag===13||t.tag===31){var l=De(t,67108864);l!==null&&al(l,t,67108864),uf(t,67108864)}}function yd(t){if(t.tag===13||t.tag===31){var l=ml();l=ti(l);var e=De(t,l);e!==null&&al(e,t,l),uf(t,l)}}var Yu=!0;function ly(t,l,e,a){var n=E.T;E.T=null;var u=R.p;try{R.p=2,cf(t,l,e,a)}finally{R.p=u,E.T=n}}function ey(t,l,e,a){var n=E.T;E.T=null;var u=R.p;try{R.p=8,cf(t,l,e,a)}finally{R.p=u,E.T=n}}function cf(t,l,e,a){if(Yu){var n=ff(a);if(n===null)wc(t,l,a,Gu,e),hd(t,a);else if(ny(n,t,l,e,a))a.stopPropagation();else if(hd(t,a),l&4&&-1<ay.indexOf(t)){for(;n!==null;){var u=we(n);if(u!==null)switch(u.tag){case 3:if(u=u.stateNode,u.current.memoizedState.isDehydrated){var i=Ne(u.pendingLanes);if(i!==0){var c=u;for(c.pendingLanes|=2,c.entangledLanes|=2;i;){var r=1<<31-il(i);c.entanglements[1]|=r,i&=~r}Rl(u),(ot&6)===0&&(Su=nl()+500,dn(0))}}break;case 31:case 13:c=De(u,2),c!==null&&al(c,u,2),Tu(),uf(u,2)}if(u=ff(a),u===null&&wc(t,l,a,Gu,e),u===n)break;n=u}n!==null&&a.stopPropagation()}else wc(t,l,a,null,e)}}function ff(t){return t=si(t),sf(t)}var Gu=null;function sf(t){if(Gu=null,t=Ke(t),t!==null){var l=M(t);if(l===null)t=null;else{var e=l.tag;if(e===13){if(t=D(l),t!==null)return t;t=null}else if(e===31){if(t=q(l),t!==null)return t;t=null}else if(e===3){if(l.stateNode.current.memoizedState.isDehydrated)return l.tag===3?l.stateNode.containerInfo:null;t=null}else l!==t&&(t=null)}}return Gu=t,null}function gd(t){switch(t){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(Zd()){case Af:return 2;case Tf:return 8;case Mn:case Vd:return 32;case Ef:return 268435456;default:return 32}default:return 32}}var of=!1,pe=null,xe=null,Se=null,pn=new Map,xn=new Map,Ae=[],ay="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function hd(t,l){switch(t){case"focusin":case"focusout":pe=null;break;case"dragenter":case"dragleave":xe=null;break;case"mouseover":case"mouseout":Se=null;break;case"pointerover":case"pointerout":pn.delete(l.pointerId);break;case"gotpointercapture":case"lostpointercapture":xn.delete(l.pointerId)}}function Sn(t,l,e,a,n,u){return t===null||t.nativeEvent!==u?(t={blockedOn:l,domEventName:e,eventSystemFlags:a,nativeEvent:u,targetContainers:[n]},l!==null&&(l=we(l),l!==null&&md(l)),t):(t.eventSystemFlags|=a,l=t.targetContainers,n!==null&&l.indexOf(n)===-1&&l.push(n),t)}function ny(t,l,e,a,n){switch(l){case"focusin":return pe=Sn(pe,t,l,e,a,n),!0;case"dragenter":return xe=Sn(xe,t,l,e,a,n),!0;case"mouseover":return Se=Sn(Se,t,l,e,a,n),!0;case"pointerover":var u=n.pointerId;return pn.set(u,Sn(pn.get(u)||null,t,l,e,a,n)),!0;case"gotpointercapture":return u=n.pointerId,xn.set(u,Sn(xn.get(u)||null,t,l,e,a,n)),!0}return!1}function vd(t){var l=Ke(t.target);if(l!==null){var e=M(l);if(e!==null){if(l=e.tag,l===13){if(l=D(e),l!==null){t.blockedOn=l,Of(t.priority,function(){yd(e)});return}}else if(l===31){if(l=q(e),l!==null){t.blockedOn=l,Of(t.priority,function(){yd(e)});return}}else if(l===3&&e.stateNode.current.memoizedState.isDehydrated){t.blockedOn=e.tag===3?e.stateNode.containerInfo:null;return}}}t.blockedOn=null}function Qu(t){if(t.blockedOn!==null)return!1;for(var l=t.targetContainers;0<l.length;){var e=ff(t.nativeEvent);if(e===null){e=t.nativeEvent;var a=new e.constructor(e.type,e);fi=a,e.target.dispatchEvent(a),fi=null}else return l=we(e),l!==null&&md(l),t.blockedOn=e,!1;l.shift()}return!0}function bd(t,l,e){Qu(t)&&e.delete(l)}function uy(){of=!1,pe!==null&&Qu(pe)&&(pe=null),xe!==null&&Qu(xe)&&(xe=null),Se!==null&&Qu(Se)&&(Se=null),pn.forEach(bd),xn.forEach(bd)}function Xu(t,l){t.blockedOn===l&&(t.blockedOn=null,of||(of=!0,f.unstable_scheduleCallback(f.unstable_NormalPriority,uy)))}var Zu=null;function pd(t){Zu!==t&&(Zu=t,f.unstable_scheduleCallback(f.unstable_NormalPriority,function(){Zu===t&&(Zu=null);for(var l=0;l<t.length;l+=3){var e=t[l],a=t[l+1],n=t[l+2];if(typeof a!="function"){if(sf(a||e)===null)continue;break}var u=we(e);u!==null&&(t.splice(l,3),l-=3,cc(u,{pending:!0,data:n,method:e.method,action:a},a,n))}}))}function ja(t){function l(r){return Xu(r,t)}pe!==null&&Xu(pe,t),xe!==null&&Xu(xe,t),Se!==null&&Xu(Se,t),pn.forEach(l),xn.forEach(l);for(var e=0;e<Ae.length;e++){var a=Ae[e];a.blockedOn===t&&(a.blockedOn=null)}for(;0<Ae.length&&(e=Ae[0],e.blockedOn===null);)vd(e),e.blockedOn===null&&Ae.shift();if(e=(t.ownerDocument||t).$$reactFormReplay,e!=null)for(a=0;a<e.length;a+=3){var n=e[a],u=e[a+1],i=n[Ft]||null;if(typeof u=="function")i||pd(e);else if(i){var c=null;if(u&&u.hasAttribute("formAction")){if(n=u,i=u[Ft]||null)c=i.formAction;else if(sf(n)!==null)continue}else c=i.action;typeof c=="function"?e[a+1]=c:(e.splice(a,3),a-=3),pd(e)}}}function xd(){function t(u){u.canIntercept&&u.info==="react-transition"&&u.intercept({handler:function(){return new Promise(function(i){return n=i})},focusReset:"manual",scroll:"manual"})}function l(){n!==null&&(n(),n=null),a||setTimeout(e,20)}function e(){if(!a&&!navigation.transition){var u=navigation.currentEntry;u&&u.url!=null&&navigation.navigate(u.url,{state:u.getState(),info:"react-transition",history:"replace"})}}if(typeof navigation=="object"){var a=!1,n=null;return navigation.addEventListener("navigate",t),navigation.addEventListener("navigatesuccess",l),navigation.addEventListener("navigateerror",l),setTimeout(e,100),function(){a=!0,navigation.removeEventListener("navigate",t),navigation.removeEventListener("navigatesuccess",l),navigation.removeEventListener("navigateerror",l),n!==null&&(n(),n=null)}}}function rf(t){this._internalRoot=t}Vu.prototype.render=rf.prototype.render=function(t){var l=this._internalRoot;if(l===null)throw Error(o(409));var e=l.current,a=ml();rd(e,a,t,l,null,null)},Vu.prototype.unmount=rf.prototype.unmount=function(){var t=this._internalRoot;if(t!==null){this._internalRoot=null;var l=t.containerInfo;rd(t.current,2,null,t,null,null),Tu(),l[Le]=null}};function Vu(t){this._internalRoot=t}Vu.prototype.unstable_scheduleHydration=function(t){if(t){var l=_f();t={blockedOn:null,target:t,priority:l};for(var e=0;e<Ae.length&&l!==0&&l<Ae[e].priority;e++);Ae.splice(e,0,t),e===0&&vd(t)}};var Sd=g.version;if(Sd!=="19.2.4")throw Error(o(527,Sd,"19.2.4"));R.findDOMNode=function(t){var l=t._reactInternals;if(l===void 0)throw typeof t.render=="function"?Error(o(188)):(t=Object.keys(t).join(","),Error(o(268,t)));return t=T(l),t=t!==null?J(t):null,t=t===null?null:t.stateNode,t};var iy={bundleType:0,version:"19.2.4",rendererPackageName:"react-dom",currentDispatcherRef:E,reconcilerVersion:"19.2.4"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var Lu=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Lu.isDisabled&&Lu.supportsFiber)try{_a=Lu.inject(iy),ul=Lu}catch{}}return Tn.createRoot=function(t,l){if(!x(t))throw Error(o(299));var e=!1,a="",n=Mo,u=_o,i=Oo;return l!=null&&(l.unstable_strictMode===!0&&(e=!0),l.identifierPrefix!==void 0&&(a=l.identifierPrefix),l.onUncaughtError!==void 0&&(n=l.onUncaughtError),l.onCaughtError!==void 0&&(u=l.onCaughtError),l.onRecoverableError!==void 0&&(i=l.onRecoverableError)),l=sd(t,1,!1,null,null,e,a,null,n,u,i,xd),t[Le]=l.current,Kc(t),new rf(l)},Tn.hydrateRoot=function(t,l,e){if(!x(t))throw Error(o(299));var a=!1,n="",u=Mo,i=_o,c=Oo,r=null;return e!=null&&(e.unstable_strictMode===!0&&(a=!0),e.identifierPrefix!==void 0&&(n=e.identifierPrefix),e.onUncaughtError!==void 0&&(u=e.onUncaughtError),e.onCaughtError!==void 0&&(i=e.onCaughtError),e.onRecoverableError!==void 0&&(c=e.onRecoverableError),e.formState!==void 0&&(r=e.formState)),l=sd(t,1,!0,l,e??null,a,n,r,u,i,c,xd),l.context=od(null),e=l.current,a=ml(),a=ti(a),n=ce(a),n.callback=null,fe(e,n,a),e=a,l.current.lanes=e,Da(l,e),Rl(l),t[Le]=l.current,Kc(t),new Vu(l)},Tn.version="19.2.4",Tn}var Dd;function vy(){if(Dd)return yf.exports;Dd=1;function f(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(f)}catch(g){console.error(g)}}return f(),yf.exports=hy(),yf.exports}var by=vy();const py=Yd(by);function xy(f){return f>=90?{label:"EXCELLENT",color:"text-fg-success",bg:"bg-bg-success"}:f>=70?{label:"NEEDS WORK",color:"text-fg-warning",bg:"bg-bg-warning"}:{label:"POOR",color:"text-fg-danger",bg:"bg-bg-danger"}}function Sy({componentName:f,score:g,totalIssues:A,issuesFixed:o,onOpenSettings:x}){if(!g)return null;const M=xy(g.overall),D=Math.min(o,A),q=Math.max(0,A-D);return s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-border bg-bg-secondary",children:[s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"font-medium text-12 truncate",children:f||"Component"}),s.jsxs("span",{className:`text-11 font-semibold px-1.5 py-0.5 rounded ${M.bg} ${M.color}`,children:[g.overall,"/100"]}),s.jsx("span",{className:`text-11 px-1.5 py-0.5 rounded ${M.bg} ${M.color}`,children:M.label})]}),A>0&&s.jsxs("div",{className:"text-11 text-fg-secondary mt-0.5",children:[D>0&&s.jsxs("span",{className:"text-fg-success",children:[D," fixed"]}),D>0&&q>0&&" · ",q>0&&s.jsxs("span",{children:[q," remaining"]})]})]}),x&&s.jsx("button",{onClick:x,className:"shrink-0 w-7 h-7 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors",title:"Settings",children:s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("circle",{cx:"12",cy:"12",r:"3"}),s.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]})})]})}function Ay(f){const g=[],A=/\*\*(.+?)\*\*/g;let o=0,x;for(;(x=A.exec(f))!==null;)x.index>o&&g.push(f.slice(o,x.index)),g.push(s.jsx("strong",{children:x[1]},x.index)),o=A.lastIndex;return o<f.length&&g.push(f.slice(o)),g.length>0?g:[f]}function Ty({content:f}){const g=f.split(`
-`);return s.jsx("div",{className:"bg-bg-secondary rounded-xl rounded-bl-sm px-3 py-2 text-12 text-fg max-w-[90%]",children:g.map((A,o)=>s.jsxs("span",{children:[o>0&&s.jsx("br",{}),Ay(A)]},o))})}function En({label:f,score:g,weight:A,failed:o}){return s.jsxs("div",{className:"flex items-center gap-2 text-11",children:[s.jsxs("span",{className:"w-24 text-fg-secondary truncate",children:[f," ",s.jsx("span",{className:"text-fg-tertiary",children:A})]}),s.jsx("div",{className:"flex-1 h-1.5 bg-bg-tertiary rounded-full overflow-hidden",children:s.jsx("div",{className:`h-full rounded-full transition-all ${g>=90?"bg-fg-success":g>=70?"bg-fg-warning":"bg-fg-danger"}`,style:{width:`${g}%`}})}),s.jsxs("span",{className:`w-10 text-right tabular-nums ${g>=90?"text-fg-success":g>=70?"text-fg-warning":"text-fg-danger"}`,children:[g,"%"]})]})}function Ey(f){return f>=90?"text-fg-success":f>=70?"text-fg-warning":"text-fg-danger"}const zy={excellent:{label:"Excellent",color:"text-fg-success",bg:"bg-bg-success"},"needs-work":{label:"Needs Work",color:"text-fg-warning",bg:"bg-bg-warning"},poor:{label:"Poor",color:"text-fg-danger",bg:"bg-bg-danger"}};function Ny({data:f}){const g=zy[f.grade];return s.jsxs("div",{className:"bg-bg-secondary rounded-xl p-3 space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"text-12 font-medium",children:"Design Health"}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:`text-11 font-semibold px-1.5 py-0.5 rounded ${g.bg} ${g.color}`,children:g.label}),s.jsx("span",{className:`text-[20px] font-bold tabular-nums ${Ey(f.overall)}`,children:f.overall})]})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsx(En,{label:"Tokens",weight:"30%",score:f.tokens.score,failed:f.tokens.failed}),s.jsx(En,{label:"Spacing",weight:"20%",score:f.spacing.score,failed:f.spacing.failed}),s.jsx(En,{label:"Layout",weight:"10%",score:f.layout.score,failed:f.layout.failed}),s.jsx(En,{label:"Accessibility",weight:"30%",score:f.accessibility.score,failed:f.accessibility.failed}),s.jsx(En,{label:"Naming",weight:"10%",score:f.naming.score,failed:f.naming.failed})]})]})}const Ul={critical:{label:"Critical",color:"text-fg-danger",bg:"bg-bg-danger"},warning:{label:"Warning",color:"text-fg-warning",bg:"bg-bg-warning"},info:{label:"Info",color:"text-fg-secondary",bg:"bg-bg-tertiary"}},jy={fill:Ul.critical,stroke:Ul.critical,effect:Ul.critical,text:Ul.critical,radius:Ul.warning,spacing:Ul.warning,autoLayout:Ul.warning,accessibility:Ul.critical},My={fill:"Fill",stroke:"Stroke",effect:"Effect",text:"Text",radius:"Radius",spacing:"Spacing",autoLayout:"Auto Layout",accessibility:"A11y"};function _y({errors:f,onJumpToNode:g}){const[A,o]=$.useState(!1),x=A?f:f.slice(0,5),M=f.length>5;return s.jsxs("div",{className:"bg-bg-secondary rounded-xl overflow-hidden",children:[s.jsx("div",{className:"px-3 py-2 border-b border-border flex items-center justify-between",children:s.jsxs("span",{className:"text-12 font-medium",children:[f.length," Issues"]})}),s.jsx("div",{className:"divide-y divide-border",children:x.map((D,q)=>{const O=D.severity&&Ul[D.severity]||jy[D.errorType]||Ul.warning;return s.jsx("div",{className:"px-3 py-2 hover:bg-bg-hover transition-colors",children:s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("span",{className:`text-11 px-1 py-0.5 rounded ${O.bg} ${O.color} shrink-0 mt-0.5`,children:My[D.errorType]||D.errorType}),s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsx("p",{className:"text-12 text-fg truncate",children:D.message}),s.jsx("button",{className:"text-11 text-bg-brand hover:underline mt-0.5",onClick:()=>g(D.nodeId),children:D.nodeName})]})]})},`${D.nodeId}-${D.errorType}-${q}`)})}),M&&s.jsx("button",{className:"w-full px-3 py-1.5 text-11 text-bg-brand hover:bg-bg-hover transition-colors text-center",onClick:()=>o(!A),children:A?"Show less":`Show ${f.length-5} more`})]})}function Oy({data:f}){return f.applied?s.jsxs("div",{className:"bg-bg-success rounded-xl px-3 py-2 text-12",children:[s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-fg-success shrink-0",children:s.jsx("polyline",{points:"20 6 9 17 4 12"})}),s.jsxs("span",{className:"text-fg",children:["Applied fix to ",s.jsx("strong",{children:f.nodeName})]})]}),f.oldValue&&f.newValue&&s.jsxs("div",{className:"text-11 text-fg-secondary mt-1 ml-5",children:[f.oldValue," → ",f.newValue]})]}):s.jsxs("div",{className:"bg-bg-danger rounded-xl px-3 py-2 text-12 text-fg-danger",children:['Fix failed for "',f.nodeName,'"']})}const Dy={pass:{label:"PASS",color:"text-fg-success",bg:"bg-bg-success"},needs_improvement:{label:"NEEDS IMPROVEMENT",color:"text-fg-warning",bg:"bg-bg-warning"},fail:{label:"FAIL",color:"text-fg-danger",bg:"bg-bg-danger"}};function Ry({rating:f}){const g=Dy[f];return s.jsx("span",{className:`text-10 font-semibold px-1.5 py-0.5 rounded ${g.bg} ${g.color}`,children:g.label})}function Ku({label:f,category:g,extra:A}){return s.jsxs("div",{className:"space-y-1",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"text-11 text-fg-secondary",children:f}),s.jsx(Ry,{rating:g.rating})]}),g.evidence.length>0&&s.jsx("ul",{className:"text-11 text-fg-tertiary space-y-0.5 pl-3",children:g.evidence.map((o,x)=>s.jsx("li",{className:"list-disc",children:o},x))}),g.recommendation&&s.jsx("p",{className:"text-11 text-fg-warning pl-3",children:g.recommendation}),A]})}function Uy({data:f}){const g=f.statesCoverage?.missingStates||[];return s.jsxs("div",{className:"bg-bg-secondary rounded-xl p-3 space-y-2",children:[s.jsx("span",{className:"text-12 font-medium",children:"AI Design Review"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ku,{label:"Visual Hierarchy",category:f.visualHierarchy}),s.jsx(Ku,{label:"States Coverage",category:f.statesCoverage,extra:g.length>0?s.jsxs("div",{className:"text-11 pl-3",children:[s.jsx("span",{className:"text-fg-secondary",children:"Missing: "}),s.jsx("span",{className:"text-fg-warning",children:g.join(", ")})]}):void 0}),s.jsx(Ku,{label:"Platform Alignment",category:f.platformAlignment,extra:f.platformAlignment?.detectedPlatform?s.jsxs("div",{className:"text-11 pl-3 text-fg-tertiary",children:["Detected: ",f.platformAlignment.detectedPlatform]}):void 0}),s.jsx(Ku,{label:"Color Harmony",category:f.colorHarmony})]})]})}function Rd({pattern:f,frequency:g,variant:A}){return s.jsxs("div",{className:`flex items-center justify-between py-1 px-2 rounded-md text-11 ${A==="match"?"bg-bg-success/10":"bg-bg-warning/10"}`,children:[s.jsx("span",{className:A==="match"?"text-fg-success":"text-fg-warning",children:f}),s.jsx("span",{className:"text-fg-tertiary ml-2 shrink-0",children:g})]})}function Cy({data:f}){return s.jsxs("div",{className:"bg-bg-secondary rounded-xl p-3 space-y-3",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"text-12 font-medium",children:"Refero Comparison"}),s.jsxs("span",{className:"text-11 text-fg-tertiary",children:[f.screenshots.length," example",f.screenshots.length!==1?"s":""]})]}),f.screenshots.length>0&&s.jsx("div",{className:"flex gap-2 overflow-x-auto pb-1 -mx-1 px-1",children:f.screenshots.map((g,A)=>s.jsxs("a",{href:g.fullUrl,target:"_blank",rel:"noopener noreferrer",className:"shrink-0 group",title:`${g.title} — ${g.company}`,children:[s.jsx("div",{className:"w-[120px] h-[80px] rounded-md overflow-hidden bg-bg-tertiary border border-border group-hover:border-fg-brand transition-colors",children:g.thumbnailUrl?s.jsx("img",{src:g.thumbnailUrl,alt:g.title,className:"w-full h-full object-cover",loading:"lazy"}):s.jsx("div",{className:"w-full h-full flex items-center justify-center text-fg-tertiary text-11",children:g.company})}),s.jsx("p",{className:"text-10 text-fg-tertiary mt-0.5 truncate w-[120px]",children:g.company})]},g.id||A))}),f.matchingPatterns.length>0&&s.jsxs("div",{className:"space-y-1",children:[s.jsx("p",{className:"text-11 text-fg-secondary font-medium",children:"Matching patterns"}),f.matchingPatterns.map((g,A)=>s.jsx(Rd,{pattern:g.pattern,frequency:g.frequency,variant:"match"},A))]}),f.missingPatterns.length>0&&s.jsxs("div",{className:"space-y-1",children:[s.jsx("p",{className:"text-11 text-fg-secondary font-medium",children:"Missing patterns"}),f.missingPatterns.map((g,A)=>s.jsx(Rd,{pattern:g.pattern,frequency:g.frequency,variant:"missing"},A))]}),(f.stylePositioning.closest.length>0||f.stylePositioning.different.length>0)&&s.jsxs("div",{className:"pt-1 border-t border-border space-y-1",children:[f.stylePositioning.closest.length>0&&s.jsxs("p",{className:"text-11 text-fg-tertiary",children:[s.jsx("span",{className:"text-fg-secondary",children:"Closest to: "}),f.stylePositioning.closest.join(", ")]}),f.stylePositioning.different.length>0&&s.jsxs("p",{className:"text-11 text-fg-tertiary",children:[s.jsx("span",{className:"text-fg-secondary",children:"Different from: "}),f.stylePositioning.different.join(", ")]})]}),f.summary&&s.jsx("p",{className:"text-11 text-fg-tertiary border-t border-border pt-2",children:f.summary})]})}const Ud={critical:{bg:"bg-red-50",text:"text-red-700",dot:"bg-red-500"},warning:{bg:"bg-amber-50",text:"text-amber-700",dot:"bg-amber-500"},info:{bg:"bg-blue-50",text:"text-blue-700",dot:"bg-blue-500"}};function bf({severity:f}){const g=Ud[f]||Ud.info;return s.jsxs("span",{className:`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-10 font-medium ${g.bg} ${g.text}`,children:[s.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${g.dot}`}),f]})}function wu({label:f,value:g,color:A}){return s.jsxs("div",{className:"flex flex-col items-center p-2 bg-bg-secondary rounded-md",children:[s.jsx("span",{className:`text-16 font-semibold tabular-nums ${A||"text-fg"}`,children:g}),s.jsx("span",{className:"text-10 text-fg-tertiary",children:f})]})}function Hy({issue:f,onJumpToNode:g}){return s.jsxs("div",{className:"flex items-start gap-2 py-1.5 border-b border-border last:border-0",children:[s.jsx(bf,{severity:f.severity}),s.jsx("p",{className:"flex-1 text-11 text-fg-secondary leading-snug",children:f.message}),f.frameIds.length>0&&g&&s.jsx("button",{className:"shrink-0 text-10 text-fg-brand hover:underline",onClick:()=>g(f.frameIds[0]),children:"Go to"})]})}function qy({data:f,onJumpToNode:g}){const{graph:A,graphIssues:o,aiAnalysis:x}=f,M=o.filter(q=>q.severity==="critical").length,D=o.filter(q=>q.severity==="warning").length;return o.filter(q=>q.severity==="info").length,s.jsxs("div",{className:"bg-bg rounded-lg border border-border overflow-hidden",children:[s.jsx("div",{className:"px-3 py-2 bg-bg-secondary border-b border-border",children:s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("h3",{className:"text-12 font-semibold text-fg",children:"Flow Analysis"}),s.jsxs("span",{className:"text-10 text-fg-tertiary",children:[A.stats.totalFrames," screens, ",A.stats.totalEdges," connections"]})]})}),s.jsxs("div",{className:"grid grid-cols-4 gap-2 p-3",children:[s.jsx(wu,{label:"Screens",value:A.stats.totalFrames}),s.jsx(wu,{label:"Entry Points",value:A.stats.totalEntryPoints}),s.jsx(wu,{label:"Max Depth",value:A.stats.maxDepth,color:A.stats.maxDepth>3?"text-fg-warning":void 0}),s.jsx(wu,{label:"Issues",value:o.length,color:M>0?"text-fg-danger":D>0?"text-fg-warning":"text-fg-success"})]}),s.jsxs("div",{className:"flex gap-2 px-3 pb-2",children:[A.deadEnds.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-amber-50 text-amber-700 rounded",children:[A.deadEnds.length," dead end",A.deadEnds.length!==1?"s":""]}),A.orphans.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-amber-50 text-amber-700 rounded",children:[A.orphans.length," orphan",A.orphans.length!==1?"s":""]}),A.unreachable.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-red-50 text-red-700 rounded",children:[A.unreachable.length," unreachable"]}),A.loops.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-blue-50 text-blue-700 rounded",children:[A.loops.length," loop",A.loops.length!==1?"s":""]}),o.length===0&&s.jsx("span",{className:"text-10 px-1.5 py-0.5 bg-green-50 text-green-700 rounded",children:"No structural issues"})]}),o.length>0&&s.jsxs("div",{className:"px-3 pb-2",children:[s.jsx("h4",{className:"text-11 font-medium text-fg mb-1",children:"Issues"}),s.jsx("div",{className:"max-h-40 overflow-y-auto",children:o.map((q,O)=>s.jsx(Hy,{issue:q,onJumpToNode:g},O))})]}),x&&s.jsxs("div",{className:"border-t border-border px-3 py-2",children:[s.jsx("h4",{className:"text-11 font-medium text-fg mb-2",children:"AI Flow Review"}),s.jsxs("div",{className:"mb-2",children:[s.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[s.jsx("span",{className:"text-10 text-fg-secondary",children:"Happy path:"}),s.jsx("span",{className:`text-10 font-medium ${x.scenarioAnalysis.happyPathComplete?"text-fg-success":"text-fg-danger"}`,children:x.scenarioAnalysis.happyPathComplete?"Complete":"Incomplete"}),s.jsx("span",{className:"text-10 text-fg-secondary ml-2",children:"Error recovery:"}),s.jsx("span",{className:`text-10 font-medium ${x.scenarioAnalysis.errorRecoveryPaths?"text-fg-success":"text-fg-warning"}`,children:x.scenarioAnalysis.errorRecoveryPaths?"Present":"Missing"})]}),x.scenarioAnalysis.missingScreens.length>0&&s.jsxs("div",{className:"mt-1",children:[s.jsx("span",{className:"text-10 text-fg-tertiary",children:"Missing screens:"}),x.scenarioAnalysis.missingScreens.map((q,O)=>s.jsxs("div",{className:"text-10 text-fg-secondary pl-2 py-0.5",children:[s.jsx(bf,{severity:"warning"})," ",q.type,": ",q.description]},O))]})]}),s.jsxs("div",{className:"grid grid-cols-2 gap-2 mb-2",children:[s.jsxs("div",{className:"flex items-center gap-1",children:[s.jsx("span",{className:`w-2 h-2 rounded-full ${x.consistencyAnalysis.colorDrift?"bg-amber-500":"bg-green-500"}`}),s.jsxs("span",{className:"text-10 text-fg-secondary",children:["Color ",x.consistencyAnalysis.colorDrift?"drift":"consistent"]})]}),s.jsxs("div",{className:"flex items-center gap-1",children:[s.jsx("span",{className:`w-2 h-2 rounded-full ${x.consistencyAnalysis.typographyDrift?"bg-amber-500":"bg-green-500"}`}),s.jsxs("span",{className:"text-10 text-fg-secondary",children:["Typography ",x.consistencyAnalysis.typographyDrift?"drift":"consistent"]})]})]}),x.recommendations.length>0&&s.jsxs("div",{children:[s.jsx("span",{className:"text-10 text-fg-tertiary",children:"Recommendations:"}),x.recommendations.slice(0,5).map((q,O)=>s.jsxs("div",{className:"flex items-start gap-1.5 py-1",children:[s.jsx(bf,{severity:q.severity}),s.jsxs("div",{className:"flex-1",children:[s.jsx("span",{className:"text-10 font-medium text-fg",children:q.title}),s.jsx("p",{className:"text-10 text-fg-secondary",children:q.description})]})]},O))]}),x.summary&&s.jsx("p",{className:"text-10 text-fg-secondary mt-2 italic",children:x.summary})]})]})}const Cd={primary:"bg-bg-brand text-fg-onbrand hover:opacity-90",secondary:"bg-bg-secondary text-fg border border-border hover:bg-bg-hover",ghost:"text-fg-secondary hover:bg-bg-hover"};function By({buttons:f,onAction:g}){return s.jsx("div",{className:"flex flex-wrap gap-1.5 py-1",children:f.map(A=>s.jsx("button",{className:`px-3 py-1.5 text-11 font-medium rounded-md transition-colors ${Cd[A.variant]||Cd.secondary}`,onClick:()=>g(A.action,A.params),children:A.label},A.id))})}function Yy({messages:f,onAction:g,onJumpToNode:A}){const o=$.useRef(null);return $.useEffect(()=>{o.current?.scrollIntoView({behavior:"smooth"})},[f.length]),f.length===0?s.jsx("div",{className:"flex-1 flex items-center justify-center px-6",children:s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"text-[40px] mb-3",children:s.jsx("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"mx-auto text-fg-tertiary",children:s.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})}),s.jsx("p",{className:"text-13 font-medium text-fg mb-1",children:"Design Review Chat"}),s.jsxs("p",{className:"text-11 text-fg-secondary",children:["Select a component or frame and press",s.jsx("br",{}),s.jsx("strong",{children:"Analyze"})," to start"]})]})}):s.jsxs("div",{className:"flex-1 overflow-y-auto px-3 py-2 space-y-2",children:[f.map(x=>{const M=x.message;switch(M.kind){case"ai-text":return s.jsx(Ty,{content:M.content},x.id);case"user-text":return s.jsx("div",{className:"flex justify-end",children:s.jsx("div",{className:"bg-bg-brand text-fg-onbrand rounded-xl rounded-br-sm px-3 py-2 text-12 max-w-[85%]",children:M.content})},x.id);case"score-card":return s.jsx(Ny,{data:M.data},x.id);case"issues-list":return s.jsx(_y,{errors:M.data,onJumpToNode:A},x.id);case"fix-result":return s.jsx(Oy,{data:M.data},x.id);case"action-buttons":return s.jsx(By,{buttons:M.buttons,onAction:g},x.id);case"batch-summary":return s.jsx("div",{className:"bg-bg-success rounded-xl px-3 py-2 text-12",children:s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-fg-success shrink-0",children:s.jsx("polyline",{points:"20 6 9 17 4 12"})}),s.jsxs("span",{children:[s.jsx("strong",{children:M.data.applied})," of ",M.data.total," fixes applied",M.data.failed>0&&s.jsxs("span",{className:"text-fg-danger",children:[" (",M.data.failed," failed)"]})]})]})},x.id);case"ai-review":return s.jsx(Uy,{data:M.data},x.id);case"refero-gallery":return s.jsx(Cy,{data:M.data},x.id);case"flow-result":return s.jsx(qy,{data:M.data,onJumpToNode:A},x.id);case"score-update":{const D=M.data.newScore-M.data.oldScore,q=D>0?"↑":D<0?"↓":"→",O=D>0?"text-fg-success":D<0?"text-fg-danger":"text-fg-secondary";return s.jsxs("div",{className:"bg-bg-secondary rounded-xl px-3 py-2 text-12",children:[s.jsxs("span",{className:O,children:["Score: ",M.data.oldScore," ",q," ",M.data.newScore," (",D>0?"+":"",D,")"]}),M.data.issuesRemaining>0&&s.jsxs("span",{className:"text-fg-secondary ml-2",children:[M.data.issuesRemaining," issue",M.data.issuesRemaining!==1?"s":""," remaining"]})]},x.id)}default:return null}}),s.jsx("div",{ref:o})]})}function Gy({onSend:f,placeholder:g="Ask about this component...",disabled:A=!1}){const[o,x]=$.useState(""),M=$.useCallback(()=>{const q=o.trim();q&&(f(q),x(""))},[o,f]),D=$.useCallback(q=>{q.key==="Enter"&&!q.shiftKey&&(q.preventDefault(),M())},[M]);return s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-t border-border bg-bg",children:[s.jsx("input",{type:"text",className:"flex-1 bg-bg-secondary border border-border rounded-md px-3 py-1.5 text-12 text-fg placeholder:text-fg-disabled outline-none focus:border-bg-brand transition-colors",value:o,onChange:q=>x(q.target.value),onKeyDown:D,placeholder:g,disabled:A,"aria-label":"Chat message"}),s.jsx("button",{type:"button",className:"flex items-center justify-center w-7 h-7 rounded-md bg-bg-brand text-fg-onbrand hover:opacity-90 disabled:opacity-40 transition-opacity",onClick:M,disabled:A||!o.trim(),title:"Send","aria-label":"Send message",children:s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),s.jsx("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]})}function Qy({onAnalyze:f,hasFixable:g,analysisMode:A="quick",onAction:o}){return s.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1 border-t border-border overflow-x-auto",children:[g&&s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 bg-bg-brand text-fg-onbrand rounded-md hover:opacity-90 transition-opacity",onClick:()=>o("fix-all"),children:"Fix all"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors",onClick:f,children:"Re-scan"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>o("export"),title:"Copy markdown report",children:"Export"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-tertiary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>o("export-json"),title:"Copy JSON report",children:"JSON"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-tertiary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>o("toggle-mode"),title:A==="quick"?"Switch to deep analysis (includes Refero)":"Switch to quick analysis",children:A==="quick"?"Quick":"Deep"})]})}function Xy({state:f,componentName:g,analysisMode:A,onAnalyze:o,onSendMessage:x,onAction:M,onJumpToNode:D,onOpenSettings:q}){const{messages:O,score:T,lintResult:J,isAnalyzing:B,issuesFixed:W}=f,_=J?.summary.totalErrors||0,H=O.length>0,Z=$.useCallback((ct,ut)=>{ct==="rescan"?o():M(ct,ut)},[o,M]);return s.jsxs("div",{className:"flex flex-col h-full",children:[s.jsx(Sy,{componentName:g,score:T,totalIssues:_,issuesFixed:W,onOpenSettings:q}),B?s.jsx("div",{className:"flex-1 flex items-center justify-center",children:s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"inline-block w-6 h-6 border-2 border-bg-brand border-t-transparent rounded-full animate-spin mb-2"}),s.jsx("p",{className:"text-12 text-fg-secondary",children:"Analyzing..."})]})}):s.jsx(Yy,{messages:O,onAction:Z,onJumpToNode:D}),s.jsxs("div",{children:[H&&s.jsx(Qy,{onAnalyze:o,hasFixable:(J?.errors.filter(ct=>ct.errorType==="spacing").length||0)>0,analysisMode:A,onAction:Z}),s.jsx(Gy,{onSend:x,disabled:B})]})]})}const Hd=[{id:"anthropic",label:"Anthropic",placeholder:"sk-ant-..."},{id:"openai",label:"OpenAI",placeholder:"sk-..."},{id:"google",label:"Google AI",placeholder:"AIza..."}];function Zy({hasApiKey:f,analysisMode:g,backendAvailable:A,onSaveApiKey:o,onClearApiKey:x,onToggleMode:M,onClose:D}){const[q,O]=$.useState(""),[T,J]=$.useState("anthropic"),[B,W]=$.useState(!1),_=$.useCallback(()=>{q.trim()&&(W(!0),o(q.trim(),T),setTimeout(()=>{W(!1),O("")},500))},[q,T,o]);return s.jsxs("div",{className:"absolute inset-0 z-50 bg-bg flex flex-col",children:[s.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-border",children:[s.jsx("span",{className:"text-12 font-medium",children:"Settings"}),s.jsx("button",{onClick:D,className:"w-6 h-6 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors",children:s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),s.jsxs("div",{className:"flex-1 overflow-y-auto p-3 space-y-4",children:[s.jsxs("section",{className:"space-y-2",children:[s.jsx("h3",{className:"text-11 font-medium text-fg-secondary uppercase tracking-wide",children:"API Key"}),f?s.jsxs("div",{className:"flex items-center justify-between bg-bg-secondary rounded-lg px-3 py-2",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"w-2 h-2 rounded-full bg-fg-success"}),s.jsx("span",{className:"text-12 text-fg",children:"Key configured"})]}),s.jsx("button",{onClick:x,className:"text-11 text-fg-danger hover:underline",children:"Remove"})]}):s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"flex gap-1",children:Hd.map(H=>s.jsx("button",{onClick:()=>J(H.id),className:`px-2 py-1 text-11 rounded-md transition-colors ${T===H.id?"bg-bg-brand text-fg-onbrand":"text-fg-secondary hover:bg-bg-hover"}`,children:H.label},H.id))}),s.jsx("input",{type:"password",value:q,onChange:H=>O(H.target.value),placeholder:Hd.find(H=>H.id===T)?.placeholder,className:"w-full px-2 py-1.5 text-12 bg-bg-secondary border border-border rounded-md focus:outline-none focus:ring-1 focus:ring-fg-brand",onKeyDown:H=>{H.key==="Enter"&&_()}}),s.jsx("button",{onClick:_,disabled:!q.trim()||B,className:"w-full py-1.5 text-12 font-medium bg-bg-brand text-fg-onbrand rounded-md hover:opacity-90 transition-opacity disabled:opacity-50",children:B?"Saving...":"Save API Key"})]})]}),s.jsxs("section",{className:"space-y-2",children:[s.jsx("h3",{className:"text-11 font-medium text-fg-secondary uppercase tracking-wide",children:"Analysis Mode"}),s.jsxs("button",{onClick:M,className:"w-full flex items-center justify-between bg-bg-secondary rounded-lg px-3 py-2",children:[s.jsxs("div",{children:[s.jsx("p",{className:"text-12 font-medium text-fg",children:g==="quick"?"Quick":"Deep"}),s.jsx("p",{className:"text-11 text-fg-tertiary",children:g==="quick"?"Fast analysis, Refero loads in background":"Full analysis with Refero comparison included"})]}),s.jsx("span",{className:"text-11 text-fg-brand",children:"Switch"})]})]}),s.jsxs("section",{className:"space-y-2",children:[s.jsx("h3",{className:"text-11 font-medium text-fg-secondary uppercase tracking-wide",children:"Backend"}),s.jsxs("div",{className:"flex items-center gap-2 bg-bg-secondary rounded-lg px-3 py-2",children:[s.jsx("span",{className:`w-2 h-2 rounded-full ${A?"bg-fg-success":"bg-fg-danger"}`}),s.jsx("span",{className:"text-12 text-fg",children:A?"Connected":"Unavailable"})]})]})]})]})}let Vy=0;function Ly(){return`msg-${++Vy}-${Date.now()}`}function Ht(f){return{id:Ly(),timestamp:Date.now(),message:f}}const Ky={critical:10,warning:3,info:1};function wy(f){return f>=90?"excellent":f>=70?"needs-work":"poor"}function zn(f,g){const A=f.length,o=Math.max(0,g-A),x=f.reduce((O,T)=>O+(Ky[T.severity||"warning"]||3),0),M=o*10,D=M+x;return{score:D>0?Math.round(M/D*100):100,passed:o,failed:A}}const qd=/^(Frame|Group|Rectangle|Ellipse|Vector|Line|Polygon|Star)\s*\d+$/i;function Bd(f){const g=f.summary.totalNodes||1,A=f.errors.filter(_=>_.errorType==="fill"||_.errorType==="stroke"||_.errorType==="effect"||_.errorType==="text"),o=zn(A,g*4),x=f.errors.filter(_=>_.errorType==="spacing"),M=zn(x,g),D=f.errors.filter(_=>_.errorType==="autoLayout"),q=zn(D,g),O=f.errors.filter(_=>_.errorType==="accessibility"&&!qd.test(_.nodeName)),T=zn(O,g),J=f.errors.filter(_=>_.errorType==="accessibility"&&qd.test(_.nodeName)||_.errorType==="radius"),B=zn(J,g),W=Math.round(o.score*.3+M.score*.2+q.score*.1+T.score*.3+B.score*.1);return{overall:W,grade:wy(W),tokens:o,spacing:M,layout:q,accessibility:T,naming:B}}function Jy(){const[f,g]=$.useState({messages:[],lintResult:null,score:null,isAnalyzing:!1,issuesFixed:0,sessionId:null,aiReview:null,isStreaming:!1}),A=$.useCallback(_=>{g(H=>({...H,messages:[...H.messages,Ht(_)]}))},[]),o=$.useCallback(()=>{g(_=>({..._,isAnalyzing:!0,messages:[],lintResult:null,score:null,issuesFixed:0}))},[]),x=$.useCallback(_=>{const H=Bd(_),Z=_.errors.filter(ut=>ut.errorType==="spacing"||ut.errorType==="radius").length,ct=[Ht({kind:"score-card",data:H}),Ht({kind:"ai-text",content:ky(_,H)}),Ht({kind:"issues-list",data:_.errors,fixableCount:Z})];(Z>0||_.errors.length>0)&&ct.push(Ht({kind:"action-buttons",buttons:[...Z>0?[{id:"fix-all",label:`Fix all auto-fixable (${Z})`,variant:"primary",action:"fix-all"}]:[],{id:"walkthrough",label:"Walk through issues",variant:"secondary",action:"walkthrough"},{id:"rescan",label:"Re-scan",variant:"ghost",action:"rescan"}]})),g(ut=>({...ut,isAnalyzing:!1,lintResult:_,score:H,messages:[...ut.messages,...ct]}))},[]),M=$.useCallback(_=>{_.success!==!1&&g(H=>({...H,issuesFixed:H.issuesFixed+1,messages:[...H.messages,Ht({kind:"fix-result",data:{nodeId:_.nodeId,nodeName:_.nodeName,applied:!0,oldValue:String(_.oldValue),newValue:String(_.newValue),property:_.property}})]}))},[]),D=$.useCallback(_=>{const H=[];for(const Z of _.results)Z.success&&H.push(Ht({kind:"fix-result",data:{nodeId:Z.nodeId,nodeName:Z.nodeName,applied:!0,oldValue:Z.oldValue,newValue:Z.newValue}}));H.push(Ht({kind:"batch-summary",data:{total:_.total,applied:_.applied,failed:_.failed}})),g(Z=>({...Z,issuesFixed:Z.issuesFixed+_.applied,messages:[...Z.messages,...H]}))},[]),q=$.useCallback(_=>{const H=Bd(_),Z=f.score?.overall||0,ct=[];if(_.summary.totalErrors===0?ct.push(Ht({kind:"ai-text",content:"All issues resolved! Component is clean."})):ct.push(Ht({kind:"score-update",data:{oldScore:Z,newScore:H.overall,issuesRemaining:_.summary.totalErrors}})),ct.push(Ht({kind:"score-card",data:H})),_.errors.length>0){const ut=_.errors.filter(zt=>zt.errorType==="spacing"||zt.errorType==="radius").length;ct.push(Ht({kind:"issues-list",data:_.errors,fixableCount:ut}))}g(ut=>({...ut,lintResult:_,score:H,messages:[...ut.messages,...ct]}))},[f.score]),O=$.useCallback(_=>{const H=[];if(H.push(Ht({kind:"ai-review",data:_.aiReview})),H.push(Ht({kind:"ai-text",content:_.aiReview.summary})),_.aiReview.recommendations.length>0){const ut=_.aiReview.recommendations.map(zt=>`- **[${zt.severity}]** ${zt.title}: ${zt.description}`).join(`
-`);H.push(Ht({kind:"ai-text",content:`**AI Recommendations:**
-${ut}`}))}const Z=_.aiReview.statesCoverage?.missingStates||[];if(Z.length>0&&H.push(Ht({kind:"ai-text",content:`**Missing states:** ${Z.join(", ")}`})),_.referoComparison&&(H.push(Ht({kind:"refero-gallery",data:_.referoComparison})),_.referoComparison.suggestions.length>0)){const ut=_.referoComparison.suggestions.map(zt=>`- **${zt.title}:** ${zt.description} _(${zt.evidence})_`).join(`
-`);H.push(Ht({kind:"ai-text",content:`**Refero-based suggestions:**
-${ut}`}))}const ct=[{id:"walkthrough",label:"Walk through issues",variant:"secondary",action:"walkthrough"},{id:"rescan",label:"Re-scan",variant:"ghost",action:"rescan"},{id:"export",label:"Export report",variant:"ghost",action:"export"}];H.push(Ht({kind:"action-buttons",buttons:ct})),g(ut=>({...ut,isAnalyzing:!1,sessionId:_.sessionId,aiReview:_.aiReview,messages:[...ut.messages,...H]}))},[]),T=$.useCallback(_=>{g(H=>({...H,sessionId:_}))},[]),J=$.useCallback(_=>{g(H=>{const Z=[...H.messages],ct=Z[Z.length-1];return ct&&ct.message.kind==="ai-text"&&ct.message.streaming?(Z[Z.length-1]={...ct,message:{kind:"ai-text",content:ct.message.content+_,streaming:!0}},{...H,messages:Z,isStreaming:!0}):{...H,isStreaming:!0,messages:[...Z,Ht({kind:"ai-text",content:_,streaming:!0})]}})},[]),B=$.useCallback(()=>{g(_=>{const H=_.messages.map(Z=>Z.message.kind==="ai-text"&&Z.message.streaming?{...Z,message:{...Z.message,streaming:!1}}:Z);return{..._,isStreaming:!1,messages:H}})},[]),W=$.useCallback(()=>{g({messages:[],lintResult:null,score:null,isAnalyzing:!1,issuesFixed:0,sessionId:null,aiReview:null,isStreaming:!1})},[]);return{...f,addMessage:A,startAnalysis:o,handleLintResult:x,handleFixApplied:M,handleBatchFixResult:D,handleRescan:q,handleAiReview:O,setSessionId:T,appendStreamChunk:J,finishStream:B,clearMessages:W}}function ky(f,g){const{totalErrors:A}=f.summary,o=f.summary.byType;if(A===0)return"All layers use proper design styles. No lint issues found!";const x=[];o.fill>0&&x.push(`${o.fill} missing fill styles`),o.stroke>0&&x.push(`${o.stroke} missing stroke styles`),o.effect>0&&x.push(`${o.effect} missing effect styles`),o.text>0&&x.push(`${o.text} missing text styles`),o.radius>0&&x.push(`${o.radius} non-standard radii`),o.spacing>0&&x.push(`${o.spacing} off-grid spacing`),o.autoLayout>0&&x.push(`${o.autoLayout} missing auto-layout`),o.accessibility>0&&x.push(`${o.accessibility} accessibility issues`);const M=f.errors.filter(D=>D.errorType==="spacing"||D.errorType==="radius").length;return`Found **${A} issues** (score: ${g.overall}/100):
-${x.join(", ")}.
-${M>0?`
-${M} can be auto-fixed.`:""}`}function $y(f){const g=$.useRef(f);g.current=f,$.useEffect(()=>{function A(o){if(o.source!==window.parent)return;const x=o.data?.pluginMessage;!x||typeof x!="object"||typeof x.type!="string"||g.current(x)}return window.addEventListener("message",A),()=>window.removeEventListener("message",A)},[])}function Wy(){return $.useCallback((f,g)=>{parent.postMessage({pluginMessage:{type:f,data:g}},"*")},[])}const Fy="https://api.figmalint.labpics.com";let Nn=Fy;async function Iy(f){const g=await fetch(`${Nn}/api/analyze`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(f)});if(!g.ok){const A=await g.json().catch(()=>({error:g.statusText}));throw new Error(A.error||"Analysis failed")}return g.json()}async function Py(f,g,A,o,x){try{const M=await fetch(`${Nn}/api/stream/${f}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:g})});if(!M.ok){const J=await M.json().catch(()=>({error:M.statusText}));x(J.error||"Stream failed");return}const D=M.body?.getReader();if(!D){x("No response body");return}const q=new TextDecoder;let O="",T="";for(;;){const{done:J,value:B}=await D.read();if(J)break;O+=q.decode(B,{stream:!0});const W=O.split(`
-`);O=W.pop()||"";for(const _ of W)if(_.startsWith("event:"))T=_.slice(6).trim();else if(_.startsWith("data:")){const H=_.slice(5).trim();try{const Z=JSON.parse(H);if(T==="error"){x(Z.error||"Stream error");return}if(T==="done"){o();return}Z.text&&A(Z.text)}catch{}T=""}}o()}catch(M){x(M instanceof Error?M.message:"Stream failed")}}async function tg(f){try{const g=await fetch(`${Nn}/api/session/${f}/refero`,{method:"GET"});return g.ok?g.json():{ready:!1}}catch{return{ready:!1}}}async function lg(){try{return(await fetch(`${Nn}/api/health`,{method:"GET"})).ok}catch{return!1}}async function eg(f){const g=await fetch(`${Nn}/api/analyze-flow`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(f)});if(!g.ok){const A=await g.json().catch(()=>({error:g.statusText}));throw new Error(A.error||"Flow analysis failed")}return g.json()}function ag(){const f=Jy(),g=Wy(),[A,o]=$.useState(),[x,M]=$.useState(!1),[D,q]=$.useState(!1),[O,T]=$.useState("quick"),[J,B]=$.useState(!1),W=$.useRef(0),_=$.useRef(null),H=$.useRef(null),Z=$.useRef(null),ct=$.useCallback(async(K,U)=>{if(D){f.addMessage({kind:"ai-text",content:"Running AI visual analysis..."});try{const G=await Iy({screenshot:U.screenshot,lintResult:K,extractedData:{componentName:A||U.nodeName||"Component",metadata:{nodeId:U.nodeId,nodeType:"FRAME",width:U.width,height:U.height,hasAutoLayout:!1,childCount:0}},sessionId:f.sessionId||void 0,mode:O});f.handleAiReview({sessionId:G.sessionId,aiReview:G.aiReview,referoComparison:G.referoComparison}),O==="quick"&&!G.referoComparison&&ut(G.sessionId)}catch(G){f.addMessage({kind:"ai-text",content:`AI analysis unavailable: ${G instanceof Error?G.message:"Unknown error"}`})}}},[D,f,A,O]),ut=$.useCallback(K=>{_.current&&clearInterval(_.current);let U=0;_.current=setInterval(async()=>{if(U++,U>12){_.current&&clearInterval(_.current),_.current=null;return}try{const G=await tg(K);if(G.ready&&G.data&&(_.current&&clearInterval(_.current),_.current=null,f.addMessage({kind:"refero-gallery",data:G.data}),G.data.suggestions?.length>0)){const rt=G.data.suggestions.map(pt=>`- **${pt.title}:** ${pt.description} _(${pt.evidence})_`).join(`
-`);f.addMessage({kind:"ai-text",content:`**Refero-based suggestions:**
-${rt}`})}}catch{}},5e3)},[f]);$y($.useCallback(K=>{switch(K.type){case"design-lint-result":f.lintResult?f.handleRescan(K.data):(f.handleLintResult(K.data),H.current=K.data,g("export-screenshot"));break;case"enhanced-analysis-result":{const U=K.data;U.metadata?.component&&o(U.metadata.component),U.lintResult&&f.handleLintResult(U.lintResult);break}case"analysis-error":f.addMessage({kind:"ai-text",content:`Error: ${K.data?.error||"Unknown error"}`});break;case"fix-applied":f.handleFixApplied(K.data);break;case"fix-error":f.addMessage({kind:"ai-text",content:`Fix failed: ${K.data?.error||"Unknown error"}`});break;case"batch-fix-v2-result":f.handleBatchFixResult(K.data);break;case"rescan-complete":break;case"screenshot-result":{const U=K.data;Z.current=U,H.current&&Z.current&&(ct(H.current,Z.current),H.current=null,Z.current=null);break}case"screenshot-error":H.current=null;break;case"flow-analysis-started":{const U=K.data?.status||"analyzing",G=K.data?.progress,rt=K.data?.total,pt=G&&rt?` (${G}/${rt})`:"";f.addMessage({kind:"ai-text",content:`Flow analysis: ${U}${pt}...`});break}case"flow-analysis-result":{const U=K.data;f.addMessage({kind:"flow-result",data:U}),D&&Object.keys(U.screenshots).length>0&&(f.addMessage({kind:"ai-text",content:"Running AI flow analysis..."}),eg({frames:U.graph.frames,edges:U.graph.edges,graphIssues:U.graphIssues,screenshots:U.screenshots,lintResults:U.lintResults}).then(G=>{G.flowAnalysis&&f.addMessage({kind:"flow-result",data:{...U,aiAnalysis:G.flowAnalysis}})}).catch(G=>{f.addMessage({kind:"ai-text",content:`AI flow analysis unavailable: ${G instanceof Error?G.message:"Unknown error"}`})}));break}case"flow-analysis-error":f.addMessage({kind:"ai-text",content:`Flow analysis failed: ${K.data?.error||"Unknown error"}`});break;case"api-key-status":M(K.data?.hasKey||!1);break;case"api-key-saved":K.data?.success&&(M(!0),f.addMessage({kind:"ai-text",content:"API key saved successfully."}));break}},[f,g,ct])),$.useEffect(()=>{g("check-api-key"),lg().then(K=>q(K))},[g]);const zt=$.useCallback(()=>{f.startAnalysis(),W.current=0,g("run-design-lint")},[f,g]),Bt=$.useCallback(K=>{f.addMessage({kind:"user-text",content:K}),f.sessionId&&D?Py(f.sessionId,K,U=>f.appendStreamChunk(U),()=>f.finishStream(),U=>{f.finishStream(),f.addMessage({kind:"ai-text",content:`Error: ${U}`})}):g("chat-message",{message:K})},[f,g,D]),wt=$.useCallback((K,U)=>{switch(K){case"fix-all":{const G=f.lintResult?.errors.filter(rt=>rt.errorType==="spacing");if(G&&G.length>0){f.addMessage({kind:"ai-text",content:`Fixing ${G.length} spacing issue${G.length!==1?"s":""}...`});const rt=G.filter(pt=>pt.property).map(pt=>({type:"fixSpacingToNearest",params:{nodeId:pt.nodeId,property:pt.property}}));g("batch-fix-v2",{fixes:rt})}break}case"walkthrough":{const G=f.lintResult?.errors;if(!G||G.length===0)break;const rt=W.current;if(rt>=G.length){f.addMessage({kind:"ai-text",content:"All issues reviewed!"}),W.current=0;break}const pt=G[rt];W.current=rt+1,f.addMessage({kind:"ai-text",content:`**${rt+1}/${G.length}:** ${pt.message}
+`+a.stack}}var Wu=Object.prototype.hasOwnProperty,Fu=c.unstable_scheduleCallback,Iu=c.unstable_cancelCallback,Ld=c.unstable_shouldYield,Vd=c.unstable_requestPaint,ut=c.unstable_now,Zd=c.unstable_getCurrentPriorityLevel,Ss=c.unstable_ImmediatePriority,Ns=c.unstable_UserBlockingPriority,_n=c.unstable_NormalPriority,wd=c.unstable_LowPriority,js=c.unstable_IdlePriority,Kd=c.log,Jd=c.unstable_setDisableYieldValue,Ca=null,it=null;function ll(e){if(typeof Kd=="function"&&Jd(e),it&&typeof it.setStrictMode=="function")try{it.setStrictMode(Ca,e)}catch{}}var ct=Math.clz32?Math.clz32:Wd,kd=Math.log,$d=Math.LN2;function Wd(e){return e>>>=0,e===0?32:31-(kd(e)/$d|0)|0}var On=256,Dn=262144,Cn=4194304;function Ml(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Rn(e,t,l){var a=e.pendingLanes;if(a===0)return 0;var n=0,u=e.suspendedLanes,i=e.pingedLanes;e=e.warmLanes;var f=a&134217727;return f!==0?(a=f&~u,a!==0?n=Ml(a):(i&=f,i!==0?n=Ml(i):l||(l=f&~e,l!==0&&(n=Ml(l))))):(f=a&~u,f!==0?n=Ml(f):i!==0?n=Ml(i):l||(l=a&~e,l!==0&&(n=Ml(l)))),n===0?0:t!==0&&t!==n&&(t&u)===0&&(u=n&-n,l=t&-t,u>=l||u===32&&(l&4194048)!==0)?t:n}function Ra(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function Fd(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function As(){var e=Cn;return Cn<<=1,(Cn&62914560)===0&&(Cn=4194304),e}function Pu(e){for(var t=[],l=0;31>l;l++)t.push(e);return t}function Ua(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function Id(e,t,l,a,n,u){var i=e.pendingLanes;e.pendingLanes=l,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=l,e.entangledLanes&=l,e.errorRecoveryDisabledLanes&=l,e.shellSuspendCounter=0;var f=e.entanglements,o=e.expirationTimes,v=e.hiddenUpdates;for(l=i&~l;0<l;){var T=31-ct(l),M=1<<T;f[T]=0,o[T]=-1;var b=v[T];if(b!==null)for(v[T]=null,T=0;T<b.length;T++){var N=b[T];N!==null&&(N.lane&=-536870913)}l&=~M}a!==0&&Ts(e,a,0),u!==0&&n===0&&e.tag!==0&&(e.suspendedLanes|=u&~(i&~t))}function Ts(e,t,l){e.pendingLanes|=t,e.suspendedLanes&=~t;var a=31-ct(t);e.entangledLanes|=t,e.entanglements[a]=e.entanglements[a]|1073741824|l&261930}function Es(e,t){var l=e.entangledLanes|=t;for(e=e.entanglements;l;){var a=31-ct(l),n=1<<a;n&t|e[a]&t&&(e[a]|=t),l&=~n}}function zs(e,t){var l=t&-t;return l=(l&42)!==0?1:ei(l),(l&(e.suspendedLanes|t))!==0?0:l}function ei(e){switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=128;break;case 268435456:e=134217728;break;default:e=0}return e}function ti(e){return e&=-e,2<e?8<e?(e&134217727)!==0?32:268435456:8:2}function Ms(){var e=R.p;return e!==0?e:(e=window.event,e===void 0?32:yd(e.type))}function _s(e,t){var l=R.p;try{return R.p=e,t()}finally{R.p=l}}var al=Math.random().toString(36).slice(2),Ze="__reactFiber$"+al,Ie="__reactProps$"+al,Jl="__reactContainer$"+al,li="__reactEvents$"+al,Pd="__reactListeners$"+al,em="__reactHandles$"+al,Os="__reactResources$"+al,Ha="__reactMarker$"+al;function ai(e){delete e[Ze],delete e[Ie],delete e[li],delete e[Pd],delete e[em]}function kl(e){var t=e[Ze];if(t)return t;for(var l=e.parentNode;l;){if(t=l[Jl]||l[Ze]){if(l=t.alternate,t.child!==null||l!==null&&l.child!==null)for(e=Po(e);e!==null;){if(l=e[Ze])return l;e=Po(e)}return t}e=l,l=e.parentNode}return null}function $l(e){if(e=e[Ze]||e[Jl]){var t=e.tag;if(t===5||t===6||t===13||t===31||t===26||t===27||t===3)return e}return null}function Ba(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e.stateNode;throw Error(r(33))}function Wl(e){var t=e[Os];return t||(t=e[Os]={hoistableStyles:new Map,hoistableScripts:new Map}),t}function Le(e){e[Ha]=!0}var Ds=new Set,Cs={};function _l(e,t){Fl(e,t),Fl(e+"Capture",t)}function Fl(e,t){for(Cs[e]=t,e=0;e<t.length;e++)Ds.add(t[e])}var tm=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Rs={},Us={};function lm(e){return Wu.call(Us,e)?!0:Wu.call(Rs,e)?!1:tm.test(e)?Us[e]=!0:(Rs[e]=!0,!1)}function Un(e,t,l){if(lm(t))if(l===null)e.removeAttribute(t);else{switch(typeof l){case"undefined":case"function":case"symbol":e.removeAttribute(t);return;case"boolean":var a=t.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){e.removeAttribute(t);return}}e.setAttribute(t,""+l)}}function Hn(e,t,l){if(l===null)e.removeAttribute(t);else{switch(typeof l){case"undefined":case"function":case"symbol":case"boolean":e.removeAttribute(t);return}e.setAttribute(t,""+l)}}function Bt(e,t,l,a){if(a===null)e.removeAttribute(l);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":e.removeAttribute(l);return}e.setAttributeNS(t,l,""+a)}}function vt(e){switch(typeof e){case"bigint":case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Hs(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function am(e,t,l){var a=Object.getOwnPropertyDescriptor(e.constructor.prototype,t);if(!e.hasOwnProperty(t)&&typeof a<"u"&&typeof a.get=="function"&&typeof a.set=="function"){var n=a.get,u=a.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return n.call(this)},set:function(i){l=""+i,u.call(this,i)}}),Object.defineProperty(e,t,{enumerable:a.enumerable}),{getValue:function(){return l},setValue:function(i){l=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function ni(e){if(!e._valueTracker){var t=Hs(e)?"checked":"value";e._valueTracker=am(e,t,""+e[t])}}function Bs(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var l=t.getValue(),a="";return e&&(a=Hs(e)?e.checked?"true":"false":e.value),e=a,e!==l?(t.setValue(e),!0):!1}function Bn(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var nm=/[\n"\\]/g;function bt(e){return e.replace(nm,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function ui(e,t,l,a,n,u,i,f){e.name="",i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"?e.type=i:e.removeAttribute("type"),t!=null?i==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+vt(t)):e.value!==""+vt(t)&&(e.value=""+vt(t)):i!=="submit"&&i!=="reset"||e.removeAttribute("value"),t!=null?ii(e,i,vt(t)):l!=null?ii(e,i,vt(l)):a!=null&&e.removeAttribute("value"),n==null&&u!=null&&(e.defaultChecked=!!u),n!=null&&(e.checked=n&&typeof n!="function"&&typeof n!="symbol"),f!=null&&typeof f!="function"&&typeof f!="symbol"&&typeof f!="boolean"?e.name=""+vt(f):e.removeAttribute("name")}function qs(e,t,l,a,n,u,i,f){if(u!=null&&typeof u!="function"&&typeof u!="symbol"&&typeof u!="boolean"&&(e.type=u),t!=null||l!=null){if(!(u!=="submit"&&u!=="reset"||t!=null)){ni(e);return}l=l!=null?""+vt(l):"",t=t!=null?""+vt(t):l,f||t===e.value||(e.value=t),e.defaultValue=t}a=a??n,a=typeof a!="function"&&typeof a!="symbol"&&!!a,e.checked=f?e.checked:!!a,e.defaultChecked=!!a,i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"&&(e.name=i),ni(e)}function ii(e,t,l){t==="number"&&Bn(e.ownerDocument)===e||e.defaultValue===""+l||(e.defaultValue=""+l)}function Il(e,t,l,a){if(e=e.options,t){t={};for(var n=0;n<l.length;n++)t["$"+l[n]]=!0;for(l=0;l<e.length;l++)n=t.hasOwnProperty("$"+e[l].value),e[l].selected!==n&&(e[l].selected=n),n&&a&&(e[l].defaultSelected=!0)}else{for(l=""+vt(l),t=null,n=0;n<e.length;n++){if(e[n].value===l){e[n].selected=!0,a&&(e[n].defaultSelected=!0);return}t!==null||e[n].disabled||(t=e[n])}t!==null&&(t.selected=!0)}}function Ys(e,t,l){if(t!=null&&(t=""+vt(t),t!==e.value&&(e.value=t),l==null)){e.defaultValue!==t&&(e.defaultValue=t);return}e.defaultValue=l!=null?""+vt(l):""}function Qs(e,t,l,a){if(t==null){if(a!=null){if(l!=null)throw Error(r(92));if(W(a)){if(1<a.length)throw Error(r(93));a=a[0]}l=a}l==null&&(l=""),t=l}l=vt(t),e.defaultValue=l,a=e.textContent,a===l&&a!==""&&a!==null&&(e.value=a),ni(e)}function Pl(e,t){if(t){var l=e.firstChild;if(l&&l===e.lastChild&&l.nodeType===3){l.nodeValue=t;return}}e.textContent=t}var um=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function Gs(e,t,l){var a=t.indexOf("--")===0;l==null||typeof l=="boolean"||l===""?a?e.setProperty(t,""):t==="float"?e.cssFloat="":e[t]="":a?e.setProperty(t,l):typeof l!="number"||l===0||um.has(t)?t==="float"?e.cssFloat=l:e[t]=(""+l).trim():e[t]=l+"px"}function Xs(e,t,l){if(t!=null&&typeof t!="object")throw Error(r(62));if(e=e.style,l!=null){for(var a in l)!l.hasOwnProperty(a)||t!=null&&t.hasOwnProperty(a)||(a.indexOf("--")===0?e.setProperty(a,""):a==="float"?e.cssFloat="":e[a]="");for(var n in t)a=t[n],t.hasOwnProperty(n)&&l[n]!==a&&Gs(e,n,a)}else for(var u in t)t.hasOwnProperty(u)&&Gs(e,u,t[u])}function ci(e){if(e.indexOf("-")===-1)return!1;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var im=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),cm=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function qn(e){return cm.test(""+e)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":e}function qt(){}var si=null;function fi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var ea=null,ta=null;function Ls(e){var t=$l(e);if(t&&(e=t.stateNode)){var l=e[Ie]||null;e:switch(e=t.stateNode,t.type){case"input":if(ui(e,l.value,l.defaultValue,l.defaultValue,l.checked,l.defaultChecked,l.type,l.name),t=l.name,l.type==="radio"&&t!=null){for(l=e;l.parentNode;)l=l.parentNode;for(l=l.querySelectorAll('input[name="'+bt(""+t)+'"][type="radio"]'),t=0;t<l.length;t++){var a=l[t];if(a!==e&&a.form===e.form){var n=a[Ie]||null;if(!n)throw Error(r(90));ui(a,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name)}}for(t=0;t<l.length;t++)a=l[t],a.form===e.form&&Bs(a)}break e;case"textarea":Ys(e,l.value,l.defaultValue);break e;case"select":t=l.value,t!=null&&Il(e,!!l.multiple,t,!1)}}}var ri=!1;function Vs(e,t,l){if(ri)return e(t,l);ri=!0;try{var a=e(t);return a}finally{if(ri=!1,(ea!==null||ta!==null)&&(Au(),ea&&(t=ea,e=ta,ta=ea=null,Ls(t),e)))for(t=0;t<e.length;t++)Ls(e[t])}}function qa(e,t){var l=e.stateNode;if(l===null)return null;var a=l[Ie]||null;if(a===null)return null;l=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(e=e.type,a=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!a;break e;default:e=!1}if(e)return null;if(l&&typeof l!="function")throw Error(r(231,t,typeof l));return l}var Yt=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),oi=!1;if(Yt)try{var Ya={};Object.defineProperty(Ya,"passive",{get:function(){oi=!0}}),window.addEventListener("test",Ya,Ya),window.removeEventListener("test",Ya,Ya)}catch{oi=!1}var nl=null,di=null,Yn=null;function Zs(){if(Yn)return Yn;var e,t=di,l=t.length,a,n="value"in nl?nl.value:nl.textContent,u=n.length;for(e=0;e<l&&t[e]===n[e];e++);var i=l-e;for(a=1;a<=i&&t[l-a]===n[u-a];a++);return Yn=n.slice(e,1<a?1-a:void 0)}function Qn(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Gn(){return!0}function ws(){return!1}function Pe(e){function t(l,a,n,u,i){this._reactName=l,this._targetInst=n,this.type=a,this.nativeEvent=u,this.target=i,this.currentTarget=null;for(var f in e)e.hasOwnProperty(f)&&(l=e[f],this[f]=l?l(u):u[f]);return this.isDefaultPrevented=(u.defaultPrevented!=null?u.defaultPrevented:u.returnValue===!1)?Gn:ws,this.isPropagationStopped=ws,this}return q(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var l=this.nativeEvent;l&&(l.preventDefault?l.preventDefault():typeof l.returnValue!="unknown"&&(l.returnValue=!1),this.isDefaultPrevented=Gn)},stopPropagation:function(){var l=this.nativeEvent;l&&(l.stopPropagation?l.stopPropagation():typeof l.cancelBubble!="unknown"&&(l.cancelBubble=!0),this.isPropagationStopped=Gn)},persist:function(){},isPersistent:Gn}),t}var Ol={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Xn=Pe(Ol),Qa=q({},Ol,{view:0,detail:0}),sm=Pe(Qa),mi,gi,Ga,Ln=q({},Qa,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:hi,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Ga&&(Ga&&e.type==="mousemove"?(mi=e.screenX-Ga.screenX,gi=e.screenY-Ga.screenY):gi=mi=0,Ga=e),mi)},movementY:function(e){return"movementY"in e?e.movementY:gi}}),Ks=Pe(Ln),fm=q({},Ln,{dataTransfer:0}),rm=Pe(fm),om=q({},Qa,{relatedTarget:0}),yi=Pe(om),dm=q({},Ol,{animationName:0,elapsedTime:0,pseudoElement:0}),mm=Pe(dm),gm=q({},Ol,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),ym=Pe(gm),hm=q({},Ol,{data:0}),Js=Pe(hm),vm={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},bm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},pm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function xm(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=pm[e])?!!t[e]:!1}function hi(){return xm}var Sm=q({},Qa,{key:function(e){if(e.key){var t=vm[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=Qn(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?bm[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:hi,charCode:function(e){return e.type==="keypress"?Qn(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?Qn(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),Nm=Pe(Sm),jm=q({},Ln,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),ks=Pe(jm),Am=q({},Qa,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:hi}),Tm=Pe(Am),Em=q({},Ol,{propertyName:0,elapsedTime:0,pseudoElement:0}),zm=Pe(Em),Mm=q({},Ln,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),_m=Pe(Mm),Om=q({},Ol,{newState:0,oldState:0}),Dm=Pe(Om),Cm=[9,13,27,32],vi=Yt&&"CompositionEvent"in window,Xa=null;Yt&&"documentMode"in document&&(Xa=document.documentMode);var Rm=Yt&&"TextEvent"in window&&!Xa,$s=Yt&&(!vi||Xa&&8<Xa&&11>=Xa),Ws=" ",Fs=!1;function Is(e,t){switch(e){case"keyup":return Cm.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Ps(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var la=!1;function Um(e,t){switch(e){case"compositionend":return Ps(t);case"keypress":return t.which!==32?null:(Fs=!0,Ws);case"textInput":return e=t.data,e===Ws&&Fs?null:e;default:return null}}function Hm(e,t){if(la)return e==="compositionend"||!vi&&Is(e,t)?(e=Zs(),Yn=di=nl=null,la=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return $s&&t.locale!=="ko"?null:t.data;default:return null}}var Bm={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function ef(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Bm[e.type]:t==="textarea"}function tf(e,t,l,a){ea?ta?ta.push(a):ta=[a]:ea=a,t=Du(t,"onChange"),0<t.length&&(l=new Xn("onChange","change",null,l,a),e.push({event:l,listeners:t}))}var La=null,Va=null;function qm(e){Qo(e,0)}function Vn(e){var t=Ba(e);if(Bs(t))return e}function lf(e,t){if(e==="change")return t}var af=!1;if(Yt){var bi;if(Yt){var pi="oninput"in document;if(!pi){var nf=document.createElement("div");nf.setAttribute("oninput","return;"),pi=typeof nf.oninput=="function"}bi=pi}else bi=!1;af=bi&&(!document.documentMode||9<document.documentMode)}function uf(){La&&(La.detachEvent("onpropertychange",cf),Va=La=null)}function cf(e){if(e.propertyName==="value"&&Vn(Va)){var t=[];tf(t,Va,e,fi(e)),Vs(qm,t)}}function Ym(e,t,l){e==="focusin"?(uf(),La=t,Va=l,La.attachEvent("onpropertychange",cf)):e==="focusout"&&uf()}function Qm(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Vn(Va)}function Gm(e,t){if(e==="click")return Vn(t)}function Xm(e,t){if(e==="input"||e==="change")return Vn(t)}function Lm(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var st=typeof Object.is=="function"?Object.is:Lm;function Za(e,t){if(st(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var l=Object.keys(e),a=Object.keys(t);if(l.length!==a.length)return!1;for(a=0;a<l.length;a++){var n=l[a];if(!Wu.call(t,n)||!st(e[n],t[n]))return!1}return!0}function sf(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ff(e,t){var l=sf(e);e=0;for(var a;l;){if(l.nodeType===3){if(a=e+l.textContent.length,e<=t&&a>=t)return{node:l,offset:t-e};e=a}e:{for(;l;){if(l.nextSibling){l=l.nextSibling;break e}l=l.parentNode}l=void 0}l=sf(l)}}function rf(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?rf(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function of(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Bn(e.document);t instanceof e.HTMLIFrameElement;){try{var l=typeof t.contentWindow.location.href=="string"}catch{l=!1}if(l)e=t.contentWindow;else break;t=Bn(e.document)}return t}function xi(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}var Vm=Yt&&"documentMode"in document&&11>=document.documentMode,aa=null,Si=null,wa=null,Ni=!1;function df(e,t,l){var a=l.window===l?l.document:l.nodeType===9?l:l.ownerDocument;Ni||aa==null||aa!==Bn(a)||(a=aa,"selectionStart"in a&&xi(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),wa&&Za(wa,a)||(wa=a,a=Du(Si,"onSelect"),0<a.length&&(t=new Xn("onSelect","select",null,t,l),e.push({event:t,listeners:a}),t.target=aa)))}function Dl(e,t){var l={};return l[e.toLowerCase()]=t.toLowerCase(),l["Webkit"+e]="webkit"+t,l["Moz"+e]="moz"+t,l}var na={animationend:Dl("Animation","AnimationEnd"),animationiteration:Dl("Animation","AnimationIteration"),animationstart:Dl("Animation","AnimationStart"),transitionrun:Dl("Transition","TransitionRun"),transitionstart:Dl("Transition","TransitionStart"),transitioncancel:Dl("Transition","TransitionCancel"),transitionend:Dl("Transition","TransitionEnd")},ji={},mf={};Yt&&(mf=document.createElement("div").style,"AnimationEvent"in window||(delete na.animationend.animation,delete na.animationiteration.animation,delete na.animationstart.animation),"TransitionEvent"in window||delete na.transitionend.transition);function Cl(e){if(ji[e])return ji[e];if(!na[e])return e;var t=na[e],l;for(l in t)if(t.hasOwnProperty(l)&&l in mf)return ji[e]=t[l];return e}var gf=Cl("animationend"),yf=Cl("animationiteration"),hf=Cl("animationstart"),Zm=Cl("transitionrun"),wm=Cl("transitionstart"),Km=Cl("transitioncancel"),vf=Cl("transitionend"),bf=new Map,Ai="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");Ai.push("scrollEnd");function Mt(e,t){bf.set(e,t),_l(t,[e])}var Zn=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var t=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)},pt=[],ua=0,Ti=0;function wn(){for(var e=ua,t=Ti=ua=0;t<e;){var l=pt[t];pt[t++]=null;var a=pt[t];pt[t++]=null;var n=pt[t];pt[t++]=null;var u=pt[t];if(pt[t++]=null,a!==null&&n!==null){var i=a.pending;i===null?n.next=n:(n.next=i.next,i.next=n),a.pending=n}u!==0&&pf(l,n,u)}}function Kn(e,t,l,a){pt[ua++]=e,pt[ua++]=t,pt[ua++]=l,pt[ua++]=a,Ti|=a,e.lanes|=a,e=e.alternate,e!==null&&(e.lanes|=a)}function Ei(e,t,l,a){return Kn(e,t,l,a),Jn(e)}function Rl(e,t){return Kn(e,null,null,t),Jn(e)}function pf(e,t,l){e.lanes|=l;var a=e.alternate;a!==null&&(a.lanes|=l);for(var n=!1,u=e.return;u!==null;)u.childLanes|=l,a=u.alternate,a!==null&&(a.childLanes|=l),u.tag===22&&(e=u.stateNode,e===null||e._visibility&1||(n=!0)),e=u,u=u.return;return e.tag===3?(u=e.stateNode,n&&t!==null&&(n=31-ct(l),e=u.hiddenUpdates,a=e[n],a===null?e[n]=[t]:a.push(t),t.lane=l|536870912),u):null}function Jn(e){if(50<gn)throw gn=0,Hc=null,Error(r(185));for(var t=e.return;t!==null;)e=t,t=e.return;return e.tag===3?e.stateNode:null}var ia={};function Jm(e,t,l,a){this.tag=e,this.key=l,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function ft(e,t,l,a){return new Jm(e,t,l,a)}function zi(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Qt(e,t){var l=e.alternate;return l===null?(l=ft(e.tag,t,e.key,e.mode),l.elementType=e.elementType,l.type=e.type,l.stateNode=e.stateNode,l.alternate=e,e.alternate=l):(l.pendingProps=t,l.type=e.type,l.flags=0,l.subtreeFlags=0,l.deletions=null),l.flags=e.flags&65011712,l.childLanes=e.childLanes,l.lanes=e.lanes,l.child=e.child,l.memoizedProps=e.memoizedProps,l.memoizedState=e.memoizedState,l.updateQueue=e.updateQueue,t=e.dependencies,l.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},l.sibling=e.sibling,l.index=e.index,l.ref=e.ref,l.refCleanup=e.refCleanup,l}function xf(e,t){e.flags&=65011714;var l=e.alternate;return l===null?(e.childLanes=0,e.lanes=t,e.child=null,e.subtreeFlags=0,e.memoizedProps=null,e.memoizedState=null,e.updateQueue=null,e.dependencies=null,e.stateNode=null):(e.childLanes=l.childLanes,e.lanes=l.lanes,e.child=l.child,e.subtreeFlags=0,e.deletions=null,e.memoizedProps=l.memoizedProps,e.memoizedState=l.memoizedState,e.updateQueue=l.updateQueue,e.type=l.type,t=l.dependencies,e.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext}),e}function kn(e,t,l,a,n,u){var i=0;if(a=e,typeof e=="function")zi(e)&&(i=1);else if(typeof e=="string")i=Ig(e,l,G.current)?26:e==="html"||e==="head"||e==="body"?27:5;else e:switch(e){case yt:return e=ft(31,l,t,n),e.elementType=yt,e.lanes=u,e;case I:return Ul(l.children,n,u,t);case xe:i=8,n|=24;break;case D:return e=ft(12,l,t,n|2),e.elementType=D,e.lanes=u,e;case X:return e=ft(13,l,t,n),e.elementType=X,e.lanes=u,e;case oe:return e=ft(19,l,t,n),e.elementType=oe,e.lanes=u,e;default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case U:i=10;break e;case B:i=9;break e;case ae:i=11;break e;case le:i=14;break e;case Xe:i=16,a=null;break e}i=29,l=Error(r(130,e===null?"null":typeof e,"")),a=null}return t=ft(i,l,t,n),t.elementType=e,t.type=a,t.lanes=u,t}function Ul(e,t,l,a){return e=ft(7,e,a,t),e.lanes=l,e}function Mi(e,t,l){return e=ft(6,e,null,t),e.lanes=l,e}function Sf(e){var t=ft(18,null,null,0);return t.stateNode=e,t}function _i(e,t,l){return t=ft(4,e.children!==null?e.children:[],e.key,t),t.lanes=l,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}var Nf=new WeakMap;function xt(e,t){if(typeof e=="object"&&e!==null){var l=Nf.get(e);return l!==void 0?l:(t={value:e,source:t,stack:xs(t)},Nf.set(e,t),t)}return{value:e,source:t,stack:xs(t)}}var ca=[],sa=0,$n=null,Ka=0,St=[],Nt=0,ul=null,Dt=1,Ct="";function Gt(e,t){ca[sa++]=Ka,ca[sa++]=$n,$n=e,Ka=t}function jf(e,t,l){St[Nt++]=Dt,St[Nt++]=Ct,St[Nt++]=ul,ul=e;var a=Dt;e=Ct;var n=32-ct(a)-1;a&=~(1<<n),l+=1;var u=32-ct(t)+n;if(30<u){var i=n-n%5;u=(a&(1<<i)-1).toString(32),a>>=i,n-=i,Dt=1<<32-ct(t)+n|l<<n|a,Ct=u+e}else Dt=1<<u|l<<n|a,Ct=e}function Oi(e){e.return!==null&&(Gt(e,1),jf(e,1,0))}function Di(e){for(;e===$n;)$n=ca[--sa],ca[sa]=null,Ka=ca[--sa],ca[sa]=null;for(;e===ul;)ul=St[--Nt],St[Nt]=null,Ct=St[--Nt],St[Nt]=null,Dt=St[--Nt],St[Nt]=null}function Af(e,t){St[Nt++]=Dt,St[Nt++]=Ct,St[Nt++]=ul,Dt=t.id,Ct=t.overflow,ul=e}var we=null,ze=null,re=!1,il=null,jt=!1,Ci=Error(r(519));function cl(e){var t=Error(r(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?"text":"HTML",""));throw Ja(xt(t,e)),Ci}function Tf(e){var t=e.stateNode,l=e.type,a=e.memoizedProps;switch(t[Ze]=e,t[Ie]=a,l){case"dialog":ce("cancel",t),ce("close",t);break;case"iframe":case"object":case"embed":ce("load",t);break;case"video":case"audio":for(l=0;l<hn.length;l++)ce(hn[l],t);break;case"source":ce("error",t);break;case"img":case"image":case"link":ce("error",t),ce("load",t);break;case"details":ce("toggle",t);break;case"input":ce("invalid",t),qs(t,a.value,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name,!0);break;case"select":ce("invalid",t);break;case"textarea":ce("invalid",t),Qs(t,a.value,a.defaultValue,a.children)}l=a.children,typeof l!="string"&&typeof l!="number"&&typeof l!="bigint"||t.textContent===""+l||a.suppressHydrationWarning===!0||Vo(t.textContent,l)?(a.popover!=null&&(ce("beforetoggle",t),ce("toggle",t)),a.onScroll!=null&&ce("scroll",t),a.onScrollEnd!=null&&ce("scrollend",t),a.onClick!=null&&(t.onclick=qt),t=!0):t=!1,t||cl(e,!0)}function Ef(e){for(we=e.return;we;)switch(we.tag){case 5:case 31:case 13:jt=!1;return;case 27:case 3:jt=!0;return;default:we=we.return}}function fa(e){if(e!==we)return!1;if(!re)return Ef(e),re=!0,!1;var t=e.tag,l;if((l=t!==3&&t!==27)&&((l=t===5)&&(l=e.type,l=!(l!=="form"&&l!=="button")||Wc(e.type,e.memoizedProps)),l=!l),l&&ze&&cl(e),Ef(e),t===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(r(317));ze=Io(e)}else if(t===31){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(r(317));ze=Io(e)}else t===27?(t=ze,Sl(e.type)?(e=ts,ts=null,ze=e):ze=t):ze=we?Tt(e.stateNode.nextSibling):null;return!0}function Hl(){ze=we=null,re=!1}function Ri(){var e=il;return e!==null&&(at===null?at=e:at.push.apply(at,e),il=null),e}function Ja(e){il===null?il=[e]:il.push(e)}var Ui=m(null),Bl=null,Xt=null;function sl(e,t,l){H(Ui,t._currentValue),t._currentValue=l}function Lt(e){e._currentValue=Ui.current,_(Ui)}function Hi(e,t,l){for(;e!==null;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,a!==null&&(a.childLanes|=t)):a!==null&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===l)break;e=e.return}}function Bi(e,t,l,a){var n=e.child;for(n!==null&&(n.return=e);n!==null;){var u=n.dependencies;if(u!==null){var i=n.child;u=u.firstContext;e:for(;u!==null;){var f=u;u=n;for(var o=0;o<t.length;o++)if(f.context===t[o]){u.lanes|=l,f=u.alternate,f!==null&&(f.lanes|=l),Hi(u.return,l,e),a||(i=null);break e}u=f.next}}else if(n.tag===18){if(i=n.return,i===null)throw Error(r(341));i.lanes|=l,u=i.alternate,u!==null&&(u.lanes|=l),Hi(i,l,e),i=null}else i=n.child;if(i!==null)i.return=n;else for(i=n;i!==null;){if(i===e){i=null;break}if(n=i.sibling,n!==null){n.return=i.return,i=n;break}i=i.return}n=i}}function ra(e,t,l,a){e=null;for(var n=t,u=!1;n!==null;){if(!u){if((n.flags&524288)!==0)u=!0;else if((n.flags&262144)!==0)break}if(n.tag===10){var i=n.alternate;if(i===null)throw Error(r(387));if(i=i.memoizedProps,i!==null){var f=n.type;st(n.pendingProps.value,i.value)||(e!==null?e.push(f):e=[f])}}else if(n===he.current){if(i=n.alternate,i===null)throw Error(r(387));i.memoizedState.memoizedState!==n.memoizedState.memoizedState&&(e!==null?e.push(Sn):e=[Sn])}n=n.return}e!==null&&Bi(t,e,l,a),t.flags|=262144}function Wn(e){for(e=e.firstContext;e!==null;){if(!st(e.context._currentValue,e.memoizedValue))return!0;e=e.next}return!1}function ql(e){Bl=e,Xt=null,e=e.dependencies,e!==null&&(e.firstContext=null)}function Ke(e){return zf(Bl,e)}function Fn(e,t){return Bl===null&&ql(e),zf(e,t)}function zf(e,t){var l=t._currentValue;if(t={context:t,memoizedValue:l,next:null},Xt===null){if(e===null)throw Error(r(308));Xt=t,e.dependencies={lanes:0,firstContext:t},e.flags|=524288}else Xt=Xt.next=t;return l}var km=typeof AbortController<"u"?AbortController:function(){var e=[],t=this.signal={aborted:!1,addEventListener:function(l,a){e.push(a)}};this.abort=function(){t.aborted=!0,e.forEach(function(l){return l()})}},$m=c.unstable_scheduleCallback,Wm=c.unstable_NormalPriority,Be={$$typeof:U,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function qi(){return{controller:new km,data:new Map,refCount:0}}function ka(e){e.refCount--,e.refCount===0&&$m(Wm,function(){e.controller.abort()})}var $a=null,Yi=0,oa=0,da=null;function Fm(e,t){if($a===null){var l=$a=[];Yi=0,oa=Xc(),da={status:"pending",value:void 0,then:function(a){l.push(a)}}}return Yi++,t.then(Mf,Mf),t}function Mf(){if(--Yi===0&&$a!==null){da!==null&&(da.status="fulfilled");var e=$a;$a=null,oa=0,da=null;for(var t=0;t<e.length;t++)(0,e[t])()}}function Im(e,t){var l=[],a={status:"pending",value:null,reason:null,then:function(n){l.push(n)}};return e.then(function(){a.status="fulfilled",a.value=t;for(var n=0;n<l.length;n++)(0,l[n])(t)},function(n){for(a.status="rejected",a.reason=n,n=0;n<l.length;n++)(0,l[n])(void 0)}),a}var _f=x.S;x.S=function(e,t){mo=ut(),typeof t=="object"&&t!==null&&typeof t.then=="function"&&Fm(e,t),_f!==null&&_f(e,t)};var Yl=m(null);function Qi(){var e=Yl.current;return e!==null?e:Ee.pooledCache}function In(e,t){t===null?H(Yl,Yl.current):H(Yl,t.pool)}function Of(){var e=Qi();return e===null?null:{parent:Be._currentValue,pool:e}}var ma=Error(r(460)),Gi=Error(r(474)),Pn=Error(r(542)),eu={then:function(){}};function Df(e){return e=e.status,e==="fulfilled"||e==="rejected"}function Cf(e,t,l){switch(l=e[l],l===void 0?e.push(t):l!==t&&(t.then(qt,qt),t=l),t.status){case"fulfilled":return t.value;case"rejected":throw e=t.reason,Uf(e),e;default:if(typeof t.status=="string")t.then(qt,qt);else{if(e=Ee,e!==null&&100<e.shellSuspendCounter)throw Error(r(482));e=t,e.status="pending",e.then(function(a){if(t.status==="pending"){var n=t;n.status="fulfilled",n.value=a}},function(a){if(t.status==="pending"){var n=t;n.status="rejected",n.reason=a}})}switch(t.status){case"fulfilled":return t.value;case"rejected":throw e=t.reason,Uf(e),e}throw Gl=t,ma}}function Ql(e){try{var t=e._init;return t(e._payload)}catch(l){throw l!==null&&typeof l=="object"&&typeof l.then=="function"?(Gl=l,ma):l}}var Gl=null;function Rf(){if(Gl===null)throw Error(r(459));var e=Gl;return Gl=null,e}function Uf(e){if(e===ma||e===Pn)throw Error(r(483))}var ga=null,Wa=0;function tu(e){var t=Wa;return Wa+=1,ga===null&&(ga=[]),Cf(ga,e,t)}function Fa(e,t){t=t.props.ref,e.ref=t!==void 0?t:null}function lu(e,t){throw t.$$typeof===ne?Error(r(525)):(e=Object.prototype.toString.call(t),Error(r(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e)))}function Hf(e){function t(y,d){if(e){var h=y.deletions;h===null?(y.deletions=[d],y.flags|=16):h.push(d)}}function l(y,d){if(!e)return null;for(;d!==null;)t(y,d),d=d.sibling;return null}function a(y){for(var d=new Map;y!==null;)y.key!==null?d.set(y.key,y):d.set(y.index,y),y=y.sibling;return d}function n(y,d){return y=Qt(y,d),y.index=0,y.sibling=null,y}function u(y,d,h){return y.index=h,e?(h=y.alternate,h!==null?(h=h.index,h<d?(y.flags|=67108866,d):h):(y.flags|=67108866,d)):(y.flags|=1048576,d)}function i(y){return e&&y.alternate===null&&(y.flags|=67108866),y}function f(y,d,h,z){return d===null||d.tag!==6?(d=Mi(h,y.mode,z),d.return=y,d):(d=n(d,h),d.return=y,d)}function o(y,d,h,z){var w=h.type;return w===I?T(y,d,h.props.children,z,h.key):d!==null&&(d.elementType===w||typeof w=="object"&&w!==null&&w.$$typeof===Xe&&Ql(w)===d.type)?(d=n(d,h.props),Fa(d,h),d.return=y,d):(d=kn(h.type,h.key,h.props,null,y.mode,z),Fa(d,h),d.return=y,d)}function v(y,d,h,z){return d===null||d.tag!==4||d.stateNode.containerInfo!==h.containerInfo||d.stateNode.implementation!==h.implementation?(d=_i(h,y.mode,z),d.return=y,d):(d=n(d,h.children||[]),d.return=y,d)}function T(y,d,h,z,w){return d===null||d.tag!==7?(d=Ul(h,y.mode,z,w),d.return=y,d):(d=n(d,h),d.return=y,d)}function M(y,d,h){if(typeof d=="string"&&d!==""||typeof d=="number"||typeof d=="bigint")return d=Mi(""+d,y.mode,h),d.return=y,d;if(typeof d=="object"&&d!==null){switch(d.$$typeof){case ve:return h=kn(d.type,d.key,d.props,null,y.mode,h),Fa(h,d),h.return=y,h;case ge:return d=_i(d,y.mode,h),d.return=y,d;case Xe:return d=Ql(d),M(y,d,h)}if(W(d)||J(d))return d=Ul(d,y.mode,h,null),d.return=y,d;if(typeof d.then=="function")return M(y,tu(d),h);if(d.$$typeof===U)return M(y,Fn(y,d),h);lu(y,d)}return null}function b(y,d,h,z){var w=d!==null?d.key:null;if(typeof h=="string"&&h!==""||typeof h=="number"||typeof h=="bigint")return w!==null?null:f(y,d,""+h,z);if(typeof h=="object"&&h!==null){switch(h.$$typeof){case ve:return h.key===w?o(y,d,h,z):null;case ge:return h.key===w?v(y,d,h,z):null;case Xe:return h=Ql(h),b(y,d,h,z)}if(W(h)||J(h))return w!==null?null:T(y,d,h,z,null);if(typeof h.then=="function")return b(y,d,tu(h),z);if(h.$$typeof===U)return b(y,d,Fn(y,h),z);lu(y,h)}return null}function N(y,d,h,z,w){if(typeof z=="string"&&z!==""||typeof z=="number"||typeof z=="bigint")return y=y.get(h)||null,f(d,y,""+z,w);if(typeof z=="object"&&z!==null){switch(z.$$typeof){case ve:return y=y.get(z.key===null?h:z.key)||null,o(d,y,z,w);case ge:return y=y.get(z.key===null?h:z.key)||null,v(d,y,z,w);case Xe:return z=Ql(z),N(y,d,h,z,w)}if(W(z)||J(z))return y=y.get(h)||null,T(d,y,z,w,null);if(typeof z.then=="function")return N(y,d,h,tu(z),w);if(z.$$typeof===U)return N(y,d,h,Fn(d,z),w);lu(d,z)}return null}function Y(y,d,h,z){for(var w=null,de=null,L=d,te=d=0,fe=null;L!==null&&te<h.length;te++){L.index>te?(fe=L,L=null):fe=L.sibling;var me=b(y,L,h[te],z);if(me===null){L===null&&(L=fe);break}e&&L&&me.alternate===null&&t(y,L),d=u(me,d,te),de===null?w=me:de.sibling=me,de=me,L=fe}if(te===h.length)return l(y,L),re&&Gt(y,te),w;if(L===null){for(;te<h.length;te++)L=M(y,h[te],z),L!==null&&(d=u(L,d,te),de===null?w=L:de.sibling=L,de=L);return re&&Gt(y,te),w}for(L=a(L);te<h.length;te++)fe=N(L,y,te,h[te],z),fe!==null&&(e&&fe.alternate!==null&&L.delete(fe.key===null?te:fe.key),d=u(fe,d,te),de===null?w=fe:de.sibling=fe,de=fe);return e&&L.forEach(function(El){return t(y,El)}),re&&Gt(y,te),w}function k(y,d,h,z){if(h==null)throw Error(r(151));for(var w=null,de=null,L=d,te=d=0,fe=null,me=h.next();L!==null&&!me.done;te++,me=h.next()){L.index>te?(fe=L,L=null):fe=L.sibling;var El=b(y,L,me.value,z);if(El===null){L===null&&(L=fe);break}e&&L&&El.alternate===null&&t(y,L),d=u(El,d,te),de===null?w=El:de.sibling=El,de=El,L=fe}if(me.done)return l(y,L),re&&Gt(y,te),w;if(L===null){for(;!me.done;te++,me=h.next())me=M(y,me.value,z),me!==null&&(d=u(me,d,te),de===null?w=me:de.sibling=me,de=me);return re&&Gt(y,te),w}for(L=a(L);!me.done;te++,me=h.next())me=N(L,y,te,me.value,z),me!==null&&(e&&me.alternate!==null&&L.delete(me.key===null?te:me.key),d=u(me,d,te),de===null?w=me:de.sibling=me,de=me);return e&&L.forEach(function(fy){return t(y,fy)}),re&&Gt(y,te),w}function Ae(y,d,h,z){if(typeof h=="object"&&h!==null&&h.type===I&&h.key===null&&(h=h.props.children),typeof h=="object"&&h!==null){switch(h.$$typeof){case ve:e:{for(var w=h.key;d!==null;){if(d.key===w){if(w=h.type,w===I){if(d.tag===7){l(y,d.sibling),z=n(d,h.props.children),z.return=y,y=z;break e}}else if(d.elementType===w||typeof w=="object"&&w!==null&&w.$$typeof===Xe&&Ql(w)===d.type){l(y,d.sibling),z=n(d,h.props),Fa(z,h),z.return=y,y=z;break e}l(y,d);break}else t(y,d);d=d.sibling}h.type===I?(z=Ul(h.props.children,y.mode,z,h.key),z.return=y,y=z):(z=kn(h.type,h.key,h.props,null,y.mode,z),Fa(z,h),z.return=y,y=z)}return i(y);case ge:e:{for(w=h.key;d!==null;){if(d.key===w)if(d.tag===4&&d.stateNode.containerInfo===h.containerInfo&&d.stateNode.implementation===h.implementation){l(y,d.sibling),z=n(d,h.children||[]),z.return=y,y=z;break e}else{l(y,d);break}else t(y,d);d=d.sibling}z=_i(h,y.mode,z),z.return=y,y=z}return i(y);case Xe:return h=Ql(h),Ae(y,d,h,z)}if(W(h))return Y(y,d,h,z);if(J(h)){if(w=J(h),typeof w!="function")throw Error(r(150));return h=w.call(h),k(y,d,h,z)}if(typeof h.then=="function")return Ae(y,d,tu(h),z);if(h.$$typeof===U)return Ae(y,d,Fn(y,h),z);lu(y,h)}return typeof h=="string"&&h!==""||typeof h=="number"||typeof h=="bigint"?(h=""+h,d!==null&&d.tag===6?(l(y,d.sibling),z=n(d,h),z.return=y,y=z):(l(y,d),z=Mi(h,y.mode,z),z.return=y,y=z),i(y)):l(y,d)}return function(y,d,h,z){try{Wa=0;var w=Ae(y,d,h,z);return ga=null,w}catch(L){if(L===ma||L===Pn)throw L;var de=ft(29,L,null,y.mode);return de.lanes=z,de.return=y,de}finally{}}}var Xl=Hf(!0),Bf=Hf(!1),fl=!1;function Xi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Li(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function rl(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function ol(e,t,l){var a=e.updateQueue;if(a===null)return null;if(a=a.shared,(ye&2)!==0){var n=a.pending;return n===null?t.next=t:(t.next=n.next,n.next=t),a.pending=t,t=Jn(e),pf(e,null,l),t}return Kn(e,a,t,l),Jn(e)}function Ia(e,t,l){if(t=t.updateQueue,t!==null&&(t=t.shared,(l&4194048)!==0)){var a=t.lanes;a&=e.pendingLanes,l|=a,t.lanes=l,Es(e,l)}}function Vi(e,t){var l=e.updateQueue,a=e.alternate;if(a!==null&&(a=a.updateQueue,l===a)){var n=null,u=null;if(l=l.firstBaseUpdate,l!==null){do{var i={lane:l.lane,tag:l.tag,payload:l.payload,callback:null,next:null};u===null?n=u=i:u=u.next=i,l=l.next}while(l!==null);u===null?n=u=t:u=u.next=t}else n=u=t;l={baseState:a.baseState,firstBaseUpdate:n,lastBaseUpdate:u,shared:a.shared,callbacks:a.callbacks},e.updateQueue=l;return}e=l.lastBaseUpdate,e===null?l.firstBaseUpdate=t:e.next=t,l.lastBaseUpdate=t}var Zi=!1;function Pa(){if(Zi){var e=da;if(e!==null)throw e}}function en(e,t,l,a){Zi=!1;var n=e.updateQueue;fl=!1;var u=n.firstBaseUpdate,i=n.lastBaseUpdate,f=n.shared.pending;if(f!==null){n.shared.pending=null;var o=f,v=o.next;o.next=null,i===null?u=v:i.next=v,i=o;var T=e.alternate;T!==null&&(T=T.updateQueue,f=T.lastBaseUpdate,f!==i&&(f===null?T.firstBaseUpdate=v:f.next=v,T.lastBaseUpdate=o))}if(u!==null){var M=n.baseState;i=0,T=v=o=null,f=u;do{var b=f.lane&-536870913,N=b!==f.lane;if(N?(se&b)===b:(a&b)===b){b!==0&&b===oa&&(Zi=!0),T!==null&&(T=T.next={lane:0,tag:f.tag,payload:f.payload,callback:null,next:null});e:{var Y=e,k=f;b=t;var Ae=l;switch(k.tag){case 1:if(Y=k.payload,typeof Y=="function"){M=Y.call(Ae,M,b);break e}M=Y;break e;case 3:Y.flags=Y.flags&-65537|128;case 0:if(Y=k.payload,b=typeof Y=="function"?Y.call(Ae,M,b):Y,b==null)break e;M=q({},M,b);break e;case 2:fl=!0}}b=f.callback,b!==null&&(e.flags|=64,N&&(e.flags|=8192),N=n.callbacks,N===null?n.callbacks=[b]:N.push(b))}else N={lane:b,tag:f.tag,payload:f.payload,callback:f.callback,next:null},T===null?(v=T=N,o=M):T=T.next=N,i|=b;if(f=f.next,f===null){if(f=n.shared.pending,f===null)break;N=f,f=N.next,N.next=null,n.lastBaseUpdate=N,n.shared.pending=null}}while(!0);T===null&&(o=M),n.baseState=o,n.firstBaseUpdate=v,n.lastBaseUpdate=T,u===null&&(n.shared.lanes=0),hl|=i,e.lanes=i,e.memoizedState=M}}function qf(e,t){if(typeof e!="function")throw Error(r(191,e));e.call(t)}function Yf(e,t){var l=e.callbacks;if(l!==null)for(e.callbacks=null,e=0;e<l.length;e++)qf(l[e],t)}var ya=m(null),au=m(0);function Qf(e,t){e=Ft,H(au,e),H(ya,t),Ft=e|t.baseLanes}function wi(){H(au,Ft),H(ya,ya.current)}function Ki(){Ft=au.current,_(ya),_(au)}var rt=m(null),At=null;function dl(e){var t=e.alternate;H(Ue,Ue.current&1),H(rt,e),At===null&&(t===null||ya.current!==null||t.memoizedState!==null)&&(At=e)}function Ji(e){H(Ue,Ue.current),H(rt,e),At===null&&(At=e)}function Gf(e){e.tag===22?(H(Ue,Ue.current),H(rt,e),At===null&&(At=e)):ml()}function ml(){H(Ue,Ue.current),H(rt,rt.current)}function ot(e){_(rt),At===e&&(At=null),_(Ue)}var Ue=m(0);function nu(e){for(var t=e;t!==null;){if(t.tag===13){var l=t.memoizedState;if(l!==null&&(l=l.dehydrated,l===null||Pc(l)||es(l)))return t}else if(t.tag===19&&(t.memoizedProps.revealOrder==="forwards"||t.memoizedProps.revealOrder==="backwards"||t.memoizedProps.revealOrder==="unstable_legacy-backwards"||t.memoizedProps.revealOrder==="together")){if((t.flags&128)!==0)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Vt=0,ee=null,Ne=null,qe=null,uu=!1,ha=!1,Ll=!1,iu=0,tn=0,va=null,Pm=0;function Oe(){throw Error(r(321))}function ki(e,t){if(t===null)return!1;for(var l=0;l<t.length&&l<e.length;l++)if(!st(e[l],t[l]))return!1;return!0}function $i(e,t,l,a,n,u){return Vt=u,ee=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,x.H=e===null||e.memoizedState===null?jr:rc,Ll=!1,u=l(a,n),Ll=!1,ha&&(u=Lf(t,l,a,n)),Xf(e),u}function Xf(e){x.H=nn;var t=Ne!==null&&Ne.next!==null;if(Vt=0,qe=Ne=ee=null,uu=!1,tn=0,va=null,t)throw Error(r(300));e===null||Ye||(e=e.dependencies,e!==null&&Wn(e)&&(Ye=!0))}function Lf(e,t,l,a){ee=e;var n=0;do{if(ha&&(va=null),tn=0,ha=!1,25<=n)throw Error(r(301));if(n+=1,qe=Ne=null,e.updateQueue!=null){var u=e.updateQueue;u.lastEffect=null,u.events=null,u.stores=null,u.memoCache!=null&&(u.memoCache.index=0)}x.H=Ar,u=t(l,a)}while(ha);return u}function eg(){var e=x.H,t=e.useState()[0];return t=typeof t.then=="function"?ln(t):t,e=e.useState()[0],(Ne!==null?Ne.memoizedState:null)!==e&&(ee.flags|=1024),t}function Wi(){var e=iu!==0;return iu=0,e}function Fi(e,t,l){t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l}function Ii(e){if(uu){for(e=e.memoizedState;e!==null;){var t=e.queue;t!==null&&(t.pending=null),e=e.next}uu=!1}Vt=0,qe=Ne=ee=null,ha=!1,tn=iu=0,va=null}function Fe(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return qe===null?ee.memoizedState=qe=e:qe=qe.next=e,qe}function He(){if(Ne===null){var e=ee.alternate;e=e!==null?e.memoizedState:null}else e=Ne.next;var t=qe===null?ee.memoizedState:qe.next;if(t!==null)qe=t,Ne=e;else{if(e===null)throw ee.alternate===null?Error(r(467)):Error(r(310));Ne=e,e={memoizedState:Ne.memoizedState,baseState:Ne.baseState,baseQueue:Ne.baseQueue,queue:Ne.queue,next:null},qe===null?ee.memoizedState=qe=e:qe=qe.next=e}return qe}function cu(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function ln(e){var t=tn;return tn+=1,va===null&&(va=[]),e=Cf(va,e,t),t=ee,(qe===null?t.memoizedState:qe.next)===null&&(t=t.alternate,x.H=t===null||t.memoizedState===null?jr:rc),e}function su(e){if(e!==null&&typeof e=="object"){if(typeof e.then=="function")return ln(e);if(e.$$typeof===U)return Ke(e)}throw Error(r(438,String(e)))}function Pi(e){var t=null,l=ee.updateQueue;if(l!==null&&(t=l.memoCache),t==null){var a=ee.alternate;a!==null&&(a=a.updateQueue,a!==null&&(a=a.memoCache,a!=null&&(t={data:a.data.map(function(n){return n.slice()}),index:0})))}if(t==null&&(t={data:[],index:0}),l===null&&(l=cu(),ee.updateQueue=l),l.memoCache=t,l=t.data[t.index],l===void 0)for(l=t.data[t.index]=Array(e),a=0;a<e;a++)l[a]=Ht;return t.index++,l}function Zt(e,t){return typeof t=="function"?t(e):t}function fu(e){var t=He();return ec(t,Ne,e)}function ec(e,t,l){var a=e.queue;if(a===null)throw Error(r(311));a.lastRenderedReducer=l;var n=e.baseQueue,u=a.pending;if(u!==null){if(n!==null){var i=n.next;n.next=u.next,u.next=i}t.baseQueue=n=u,a.pending=null}if(u=e.baseState,n===null)e.memoizedState=u;else{t=n.next;var f=i=null,o=null,v=t,T=!1;do{var M=v.lane&-536870913;if(M!==v.lane?(se&M)===M:(Vt&M)===M){var b=v.revertLane;if(b===0)o!==null&&(o=o.next={lane:0,revertLane:0,gesture:null,action:v.action,hasEagerState:v.hasEagerState,eagerState:v.eagerState,next:null}),M===oa&&(T=!0);else if((Vt&b)===b){v=v.next,b===oa&&(T=!0);continue}else M={lane:0,revertLane:v.revertLane,gesture:null,action:v.action,hasEagerState:v.hasEagerState,eagerState:v.eagerState,next:null},o===null?(f=o=M,i=u):o=o.next=M,ee.lanes|=b,hl|=b;M=v.action,Ll&&l(u,M),u=v.hasEagerState?v.eagerState:l(u,M)}else b={lane:M,revertLane:v.revertLane,gesture:v.gesture,action:v.action,hasEagerState:v.hasEagerState,eagerState:v.eagerState,next:null},o===null?(f=o=b,i=u):o=o.next=b,ee.lanes|=M,hl|=M;v=v.next}while(v!==null&&v!==t);if(o===null?i=u:o.next=f,!st(u,e.memoizedState)&&(Ye=!0,T&&(l=da,l!==null)))throw l;e.memoizedState=u,e.baseState=i,e.baseQueue=o,a.lastRenderedState=u}return n===null&&(a.lanes=0),[e.memoizedState,a.dispatch]}function tc(e){var t=He(),l=t.queue;if(l===null)throw Error(r(311));l.lastRenderedReducer=e;var a=l.dispatch,n=l.pending,u=t.memoizedState;if(n!==null){l.pending=null;var i=n=n.next;do u=e(u,i.action),i=i.next;while(i!==n);st(u,t.memoizedState)||(Ye=!0),t.memoizedState=u,t.baseQueue===null&&(t.baseState=u),l.lastRenderedState=u}return[u,a]}function Vf(e,t,l){var a=ee,n=He(),u=re;if(u){if(l===void 0)throw Error(r(407));l=l()}else l=t();var i=!st((Ne||n).memoizedState,l);if(i&&(n.memoizedState=l,Ye=!0),n=n.queue,nc(Kf.bind(null,a,n,e),[e]),n.getSnapshot!==t||i||qe!==null&&qe.memoizedState.tag&1){if(a.flags|=2048,ba(9,{destroy:void 0},wf.bind(null,a,n,l,t),null),Ee===null)throw Error(r(349));u||(Vt&127)!==0||Zf(a,t,l)}return l}function Zf(e,t,l){e.flags|=16384,e={getSnapshot:t,value:l},t=ee.updateQueue,t===null?(t=cu(),ee.updateQueue=t,t.stores=[e]):(l=t.stores,l===null?t.stores=[e]:l.push(e))}function wf(e,t,l,a){t.value=l,t.getSnapshot=a,Jf(t)&&kf(e)}function Kf(e,t,l){return l(function(){Jf(t)&&kf(e)})}function Jf(e){var t=e.getSnapshot;e=e.value;try{var l=t();return!st(e,l)}catch{return!0}}function kf(e){var t=Rl(e,2);t!==null&&nt(t,e,2)}function lc(e){var t=Fe();if(typeof e=="function"){var l=e;if(e=l(),Ll){ll(!0);try{l()}finally{ll(!1)}}}return t.memoizedState=t.baseState=e,t.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Zt,lastRenderedState:e},t}function $f(e,t,l,a){return e.baseState=l,ec(e,Ne,typeof a=="function"?a:Zt)}function tg(e,t,l,a,n){if(du(e))throw Error(r(485));if(e=t.action,e!==null){var u={payload:n,action:e,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(i){u.listeners.push(i)}};x.T!==null?l(!0):u.isTransition=!1,a(u),l=t.pending,l===null?(u.next=t.pending=u,Wf(t,u)):(u.next=l.next,t.pending=l.next=u)}}function Wf(e,t){var l=t.action,a=t.payload,n=e.state;if(t.isTransition){var u=x.T,i={};x.T=i;try{var f=l(n,a),o=x.S;o!==null&&o(i,f),Ff(e,t,f)}catch(v){ac(e,t,v)}finally{u!==null&&i.types!==null&&(u.types=i.types),x.T=u}}else try{u=l(n,a),Ff(e,t,u)}catch(v){ac(e,t,v)}}function Ff(e,t,l){l!==null&&typeof l=="object"&&typeof l.then=="function"?l.then(function(a){If(e,t,a)},function(a){return ac(e,t,a)}):If(e,t,l)}function If(e,t,l){t.status="fulfilled",t.value=l,Pf(t),e.state=l,t=e.pending,t!==null&&(l=t.next,l===t?e.pending=null:(l=l.next,t.next=l,Wf(e,l)))}function ac(e,t,l){var a=e.pending;if(e.pending=null,a!==null){a=a.next;do t.status="rejected",t.reason=l,Pf(t),t=t.next;while(t!==a)}e.action=null}function Pf(e){e=e.listeners;for(var t=0;t<e.length;t++)(0,e[t])()}function er(e,t){return t}function tr(e,t){if(re){var l=Ee.formState;if(l!==null){e:{var a=ee;if(re){if(ze){t:{for(var n=ze,u=jt;n.nodeType!==8;){if(!u){n=null;break t}if(n=Tt(n.nextSibling),n===null){n=null;break t}}u=n.data,n=u==="F!"||u==="F"?n:null}if(n){ze=Tt(n.nextSibling),a=n.data==="F!";break e}}cl(a)}a=!1}a&&(t=l[0])}}return l=Fe(),l.memoizedState=l.baseState=t,a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:er,lastRenderedState:t},l.queue=a,l=xr.bind(null,ee,a),a.dispatch=l,a=lc(!1),u=fc.bind(null,ee,!1,a.queue),a=Fe(),n={state:t,dispatch:null,action:e,pending:null},a.queue=n,l=tg.bind(null,ee,n,u,l),n.dispatch=l,a.memoizedState=e,[t,l,!1]}function lr(e){var t=He();return ar(t,Ne,e)}function ar(e,t,l){if(t=ec(e,t,er)[0],e=fu(Zt)[0],typeof t=="object"&&t!==null&&typeof t.then=="function")try{var a=ln(t)}catch(i){throw i===ma?Pn:i}else a=t;t=He();var n=t.queue,u=n.dispatch;return l!==t.memoizedState&&(ee.flags|=2048,ba(9,{destroy:void 0},lg.bind(null,n,l),null)),[a,u,e]}function lg(e,t){e.action=t}function nr(e){var t=He(),l=Ne;if(l!==null)return ar(t,l,e);He(),t=t.memoizedState,l=He();var a=l.queue.dispatch;return l.memoizedState=e,[t,a,!1]}function ba(e,t,l,a){return e={tag:e,create:l,deps:a,inst:t,next:null},t=ee.updateQueue,t===null&&(t=cu(),ee.updateQueue=t),l=t.lastEffect,l===null?t.lastEffect=e.next=e:(a=l.next,l.next=e,e.next=a,t.lastEffect=e),e}function ur(){return He().memoizedState}function ru(e,t,l,a){var n=Fe();ee.flags|=e,n.memoizedState=ba(1|t,{destroy:void 0},l,a===void 0?null:a)}function ou(e,t,l,a){var n=He();a=a===void 0?null:a;var u=n.memoizedState.inst;Ne!==null&&a!==null&&ki(a,Ne.memoizedState.deps)?n.memoizedState=ba(t,u,l,a):(ee.flags|=e,n.memoizedState=ba(1|t,u,l,a))}function ir(e,t){ru(8390656,8,e,t)}function nc(e,t){ou(2048,8,e,t)}function ag(e){ee.flags|=4;var t=ee.updateQueue;if(t===null)t=cu(),ee.updateQueue=t,t.events=[e];else{var l=t.events;l===null?t.events=[e]:l.push(e)}}function cr(e){var t=He().memoizedState;return ag({ref:t,nextImpl:e}),function(){if((ye&2)!==0)throw Error(r(440));return t.impl.apply(void 0,arguments)}}function sr(e,t){return ou(4,2,e,t)}function fr(e,t){return ou(4,4,e,t)}function rr(e,t){if(typeof t=="function"){e=e();var l=t(e);return function(){typeof l=="function"?l():t(null)}}if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function or(e,t,l){l=l!=null?l.concat([e]):null,ou(4,4,rr.bind(null,t,e),l)}function uc(){}function dr(e,t){var l=He();t=t===void 0?null:t;var a=l.memoizedState;return t!==null&&ki(t,a[1])?a[0]:(l.memoizedState=[e,t],e)}function mr(e,t){var l=He();t=t===void 0?null:t;var a=l.memoizedState;if(t!==null&&ki(t,a[1]))return a[0];if(a=e(),Ll){ll(!0);try{e()}finally{ll(!1)}}return l.memoizedState=[a,t],a}function ic(e,t,l){return l===void 0||(Vt&1073741824)!==0&&(se&261930)===0?e.memoizedState=t:(e.memoizedState=l,e=yo(),ee.lanes|=e,hl|=e,l)}function gr(e,t,l,a){return st(l,t)?l:ya.current!==null?(e=ic(e,l,a),st(e,t)||(Ye=!0),e):(Vt&42)===0||(Vt&1073741824)!==0&&(se&261930)===0?(Ye=!0,e.memoizedState=l):(e=yo(),ee.lanes|=e,hl|=e,t)}function yr(e,t,l,a,n){var u=R.p;R.p=u!==0&&8>u?u:8;var i=x.T,f={};x.T=f,fc(e,!1,t,l);try{var o=n(),v=x.S;if(v!==null&&v(f,o),o!==null&&typeof o=="object"&&typeof o.then=="function"){var T=Im(o,a);an(e,t,T,gt(e))}else an(e,t,a,gt(e))}catch(M){an(e,t,{then:function(){},status:"rejected",reason:M},gt())}finally{R.p=u,i!==null&&f.types!==null&&(i.types=f.types),x.T=i}}function ng(){}function cc(e,t,l,a){if(e.tag!==5)throw Error(r(476));var n=hr(e).queue;yr(e,n,t,$,l===null?ng:function(){return vr(e),l(a)})}function hr(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:$,baseState:$,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Zt,lastRenderedState:$},next:null};var l={};return t.next={memoizedState:l,baseState:l,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Zt,lastRenderedState:l},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function vr(e){var t=hr(e);t.next===null&&(t=e.alternate.memoizedState),an(e,t.next.queue,{},gt())}function sc(){return Ke(Sn)}function br(){return He().memoizedState}function pr(){return He().memoizedState}function ug(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var l=gt();e=rl(l);var a=ol(t,e,l);a!==null&&(nt(a,t,l),Ia(a,t,l)),t={cache:qi()},e.payload=t;return}t=t.return}}function ig(e,t,l){var a=gt();l={lane:a,revertLane:0,gesture:null,action:l,hasEagerState:!1,eagerState:null,next:null},du(e)?Sr(t,l):(l=Ei(e,t,l,a),l!==null&&(nt(l,e,a),Nr(l,t,a)))}function xr(e,t,l){var a=gt();an(e,t,l,a)}function an(e,t,l,a){var n={lane:a,revertLane:0,gesture:null,action:l,hasEagerState:!1,eagerState:null,next:null};if(du(e))Sr(t,n);else{var u=e.alternate;if(e.lanes===0&&(u===null||u.lanes===0)&&(u=t.lastRenderedReducer,u!==null))try{var i=t.lastRenderedState,f=u(i,l);if(n.hasEagerState=!0,n.eagerState=f,st(f,i))return Kn(e,t,n,0),Ee===null&&wn(),!1}catch{}finally{}if(l=Ei(e,t,n,a),l!==null)return nt(l,e,a),Nr(l,t,a),!0}return!1}function fc(e,t,l,a){if(a={lane:2,revertLane:Xc(),gesture:null,action:a,hasEagerState:!1,eagerState:null,next:null},du(e)){if(t)throw Error(r(479))}else t=Ei(e,l,a,2),t!==null&&nt(t,e,2)}function du(e){var t=e.alternate;return e===ee||t!==null&&t===ee}function Sr(e,t){ha=uu=!0;var l=e.pending;l===null?t.next=t:(t.next=l.next,l.next=t),e.pending=t}function Nr(e,t,l){if((l&4194048)!==0){var a=t.lanes;a&=e.pendingLanes,l|=a,t.lanes=l,Es(e,l)}}var nn={readContext:Ke,use:su,useCallback:Oe,useContext:Oe,useEffect:Oe,useImperativeHandle:Oe,useLayoutEffect:Oe,useInsertionEffect:Oe,useMemo:Oe,useReducer:Oe,useRef:Oe,useState:Oe,useDebugValue:Oe,useDeferredValue:Oe,useTransition:Oe,useSyncExternalStore:Oe,useId:Oe,useHostTransitionStatus:Oe,useFormState:Oe,useActionState:Oe,useOptimistic:Oe,useMemoCache:Oe,useCacheRefresh:Oe};nn.useEffectEvent=Oe;var jr={readContext:Ke,use:su,useCallback:function(e,t){return Fe().memoizedState=[e,t===void 0?null:t],e},useContext:Ke,useEffect:ir,useImperativeHandle:function(e,t,l){l=l!=null?l.concat([e]):null,ru(4194308,4,rr.bind(null,t,e),l)},useLayoutEffect:function(e,t){return ru(4194308,4,e,t)},useInsertionEffect:function(e,t){ru(4,2,e,t)},useMemo:function(e,t){var l=Fe();t=t===void 0?null:t;var a=e();if(Ll){ll(!0);try{e()}finally{ll(!1)}}return l.memoizedState=[a,t],a},useReducer:function(e,t,l){var a=Fe();if(l!==void 0){var n=l(t);if(Ll){ll(!0);try{l(t)}finally{ll(!1)}}}else n=t;return a.memoizedState=a.baseState=n,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},a.queue=e,e=e.dispatch=ig.bind(null,ee,e),[a.memoizedState,e]},useRef:function(e){var t=Fe();return e={current:e},t.memoizedState=e},useState:function(e){e=lc(e);var t=e.queue,l=xr.bind(null,ee,t);return t.dispatch=l,[e.memoizedState,l]},useDebugValue:uc,useDeferredValue:function(e,t){var l=Fe();return ic(l,e,t)},useTransition:function(){var e=lc(!1);return e=yr.bind(null,ee,e.queue,!0,!1),Fe().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,l){var a=ee,n=Fe();if(re){if(l===void 0)throw Error(r(407));l=l()}else{if(l=t(),Ee===null)throw Error(r(349));(se&127)!==0||Zf(a,t,l)}n.memoizedState=l;var u={value:l,getSnapshot:t};return n.queue=u,ir(Kf.bind(null,a,u,e),[e]),a.flags|=2048,ba(9,{destroy:void 0},wf.bind(null,a,u,l,t),null),l},useId:function(){var e=Fe(),t=Ee.identifierPrefix;if(re){var l=Ct,a=Dt;l=(a&~(1<<32-ct(a)-1)).toString(32)+l,t="_"+t+"R_"+l,l=iu++,0<l&&(t+="H"+l.toString(32)),t+="_"}else l=Pm++,t="_"+t+"r_"+l.toString(32)+"_";return e.memoizedState=t},useHostTransitionStatus:sc,useFormState:tr,useActionState:tr,useOptimistic:function(e){var t=Fe();t.memoizedState=t.baseState=e;var l={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return t.queue=l,t=fc.bind(null,ee,!0,l),l.dispatch=t,[e,t]},useMemoCache:Pi,useCacheRefresh:function(){return Fe().memoizedState=ug.bind(null,ee)},useEffectEvent:function(e){var t=Fe(),l={impl:e};return t.memoizedState=l,function(){if((ye&2)!==0)throw Error(r(440));return l.impl.apply(void 0,arguments)}}},rc={readContext:Ke,use:su,useCallback:dr,useContext:Ke,useEffect:nc,useImperativeHandle:or,useInsertionEffect:sr,useLayoutEffect:fr,useMemo:mr,useReducer:fu,useRef:ur,useState:function(){return fu(Zt)},useDebugValue:uc,useDeferredValue:function(e,t){var l=He();return gr(l,Ne.memoizedState,e,t)},useTransition:function(){var e=fu(Zt)[0],t=He().memoizedState;return[typeof e=="boolean"?e:ln(e),t]},useSyncExternalStore:Vf,useId:br,useHostTransitionStatus:sc,useFormState:lr,useActionState:lr,useOptimistic:function(e,t){var l=He();return $f(l,Ne,e,t)},useMemoCache:Pi,useCacheRefresh:pr};rc.useEffectEvent=cr;var Ar={readContext:Ke,use:su,useCallback:dr,useContext:Ke,useEffect:nc,useImperativeHandle:or,useInsertionEffect:sr,useLayoutEffect:fr,useMemo:mr,useReducer:tc,useRef:ur,useState:function(){return tc(Zt)},useDebugValue:uc,useDeferredValue:function(e,t){var l=He();return Ne===null?ic(l,e,t):gr(l,Ne.memoizedState,e,t)},useTransition:function(){var e=tc(Zt)[0],t=He().memoizedState;return[typeof e=="boolean"?e:ln(e),t]},useSyncExternalStore:Vf,useId:br,useHostTransitionStatus:sc,useFormState:nr,useActionState:nr,useOptimistic:function(e,t){var l=He();return Ne!==null?$f(l,Ne,e,t):(l.baseState=e,[e,l.queue.dispatch])},useMemoCache:Pi,useCacheRefresh:pr};Ar.useEffectEvent=cr;function oc(e,t,l,a){t=e.memoizedState,l=l(a,t),l=l==null?t:q({},t,l),e.memoizedState=l,e.lanes===0&&(e.updateQueue.baseState=l)}var dc={enqueueSetState:function(e,t,l){e=e._reactInternals;var a=gt(),n=rl(a);n.payload=t,l!=null&&(n.callback=l),t=ol(e,n,a),t!==null&&(nt(t,e,a),Ia(t,e,a))},enqueueReplaceState:function(e,t,l){e=e._reactInternals;var a=gt(),n=rl(a);n.tag=1,n.payload=t,l!=null&&(n.callback=l),t=ol(e,n,a),t!==null&&(nt(t,e,a),Ia(t,e,a))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var l=gt(),a=rl(l);a.tag=2,t!=null&&(a.callback=t),t=ol(e,a,l),t!==null&&(nt(t,e,l),Ia(t,e,l))}};function Tr(e,t,l,a,n,u,i){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(a,u,i):t.prototype&&t.prototype.isPureReactComponent?!Za(l,a)||!Za(n,u):!0}function Er(e,t,l,a){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(l,a),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(l,a),t.state!==e&&dc.enqueueReplaceState(t,t.state,null)}function Vl(e,t){var l=t;if("ref"in t){l={};for(var a in t)a!=="ref"&&(l[a]=t[a])}if(e=e.defaultProps){l===t&&(l=q({},l));for(var n in e)l[n]===void 0&&(l[n]=e[n])}return l}function zr(e){Zn(e)}function Mr(e){console.error(e)}function _r(e){Zn(e)}function mu(e,t){try{var l=e.onUncaughtError;l(t.value,{componentStack:t.stack})}catch(a){setTimeout(function(){throw a})}}function Or(e,t,l){try{var a=e.onCaughtError;a(l.value,{componentStack:l.stack,errorBoundary:t.tag===1?t.stateNode:null})}catch(n){setTimeout(function(){throw n})}}function mc(e,t,l){return l=rl(l),l.tag=3,l.payload={element:null},l.callback=function(){mu(e,t)},l}function Dr(e){return e=rl(e),e.tag=3,e}function Cr(e,t,l,a){var n=l.type.getDerivedStateFromError;if(typeof n=="function"){var u=a.value;e.payload=function(){return n(u)},e.callback=function(){Or(t,l,a)}}var i=l.stateNode;i!==null&&typeof i.componentDidCatch=="function"&&(e.callback=function(){Or(t,l,a),typeof n!="function"&&(vl===null?vl=new Set([this]):vl.add(this));var f=a.stack;this.componentDidCatch(a.value,{componentStack:f!==null?f:""})})}function cg(e,t,l,a,n){if(l.flags|=32768,a!==null&&typeof a=="object"&&typeof a.then=="function"){if(t=l.alternate,t!==null&&ra(t,l,n,!0),l=rt.current,l!==null){switch(l.tag){case 31:case 13:return At===null?Tu():l.alternate===null&&De===0&&(De=3),l.flags&=-257,l.flags|=65536,l.lanes=n,a===eu?l.flags|=16384:(t=l.updateQueue,t===null?l.updateQueue=new Set([a]):t.add(a),Yc(e,a,n)),!1;case 22:return l.flags|=65536,a===eu?l.flags|=16384:(t=l.updateQueue,t===null?(t={transitions:null,markerInstances:null,retryQueue:new Set([a])},l.updateQueue=t):(l=t.retryQueue,l===null?t.retryQueue=new Set([a]):l.add(a)),Yc(e,a,n)),!1}throw Error(r(435,l.tag))}return Yc(e,a,n),Tu(),!1}if(re)return t=rt.current,t!==null?((t.flags&65536)===0&&(t.flags|=256),t.flags|=65536,t.lanes=n,a!==Ci&&(e=Error(r(422),{cause:a}),Ja(xt(e,l)))):(a!==Ci&&(t=Error(r(423),{cause:a}),Ja(xt(t,l))),e=e.current.alternate,e.flags|=65536,n&=-n,e.lanes|=n,a=xt(a,l),n=mc(e.stateNode,a,n),Vi(e,n),De!==4&&(De=2)),!1;var u=Error(r(520),{cause:a});if(u=xt(u,l),mn===null?mn=[u]:mn.push(u),De!==4&&(De=2),t===null)return!0;a=xt(a,l),l=t;do{switch(l.tag){case 3:return l.flags|=65536,e=n&-n,l.lanes|=e,e=mc(l.stateNode,a,e),Vi(l,e),!1;case 1:if(t=l.type,u=l.stateNode,(l.flags&128)===0&&(typeof t.getDerivedStateFromError=="function"||u!==null&&typeof u.componentDidCatch=="function"&&(vl===null||!vl.has(u))))return l.flags|=65536,n&=-n,l.lanes|=n,n=Dr(n),Cr(n,e,l,a),Vi(l,n),!1}l=l.return}while(l!==null);return!1}var gc=Error(r(461)),Ye=!1;function Je(e,t,l,a){t.child=e===null?Bf(t,null,l,a):Xl(t,e.child,l,a)}function Rr(e,t,l,a,n){l=l.render;var u=t.ref;if("ref"in a){var i={};for(var f in a)f!=="ref"&&(i[f]=a[f])}else i=a;return ql(t),a=$i(e,t,l,i,u,n),f=Wi(),e!==null&&!Ye?(Fi(e,t,n),wt(e,t,n)):(re&&f&&Oi(t),t.flags|=1,Je(e,t,a,n),t.child)}function Ur(e,t,l,a,n){if(e===null){var u=l.type;return typeof u=="function"&&!zi(u)&&u.defaultProps===void 0&&l.compare===null?(t.tag=15,t.type=u,Hr(e,t,u,a,n)):(e=kn(l.type,null,a,t,t.mode,n),e.ref=t.ref,e.return=t,t.child=e)}if(u=e.child,!Nc(e,n)){var i=u.memoizedProps;if(l=l.compare,l=l!==null?l:Za,l(i,a)&&e.ref===t.ref)return wt(e,t,n)}return t.flags|=1,e=Qt(u,a),e.ref=t.ref,e.return=t,t.child=e}function Hr(e,t,l,a,n){if(e!==null){var u=e.memoizedProps;if(Za(u,a)&&e.ref===t.ref)if(Ye=!1,t.pendingProps=a=u,Nc(e,n))(e.flags&131072)!==0&&(Ye=!0);else return t.lanes=e.lanes,wt(e,t,n)}return yc(e,t,l,a,n)}function Br(e,t,l,a){var n=a.children,u=e!==null?e.memoizedState:null;if(e===null&&t.stateNode===null&&(t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),a.mode==="hidden"){if((t.flags&128)!==0){if(u=u!==null?u.baseLanes|l:l,e!==null){for(a=t.child=e.child,n=0;a!==null;)n=n|a.lanes|a.childLanes,a=a.sibling;a=n&~u}else a=0,t.child=null;return qr(e,t,u,l,a)}if((l&536870912)!==0)t.memoizedState={baseLanes:0,cachePool:null},e!==null&&In(t,u!==null?u.cachePool:null),u!==null?Qf(t,u):wi(),Gf(t);else return a=t.lanes=536870912,qr(e,t,u!==null?u.baseLanes|l:l,l,a)}else u!==null?(In(t,u.cachePool),Qf(t,u),ml(),t.memoizedState=null):(e!==null&&In(t,null),wi(),ml());return Je(e,t,n,l),t.child}function un(e,t){return e!==null&&e.tag===22||t.stateNode!==null||(t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),t.sibling}function qr(e,t,l,a,n){var u=Qi();return u=u===null?null:{parent:Be._currentValue,pool:u},t.memoizedState={baseLanes:l,cachePool:u},e!==null&&In(t,null),wi(),Gf(t),e!==null&&ra(e,t,a,!0),t.childLanes=n,null}function gu(e,t){return t=hu({mode:t.mode,children:t.children},e.mode),t.ref=e.ref,e.child=t,t.return=e,t}function Yr(e,t,l){return Xl(t,e.child,null,l),e=gu(t,t.pendingProps),e.flags|=2,ot(t),t.memoizedState=null,e}function sg(e,t,l){var a=t.pendingProps,n=(t.flags&128)!==0;if(t.flags&=-129,e===null){if(re){if(a.mode==="hidden")return e=gu(t,a),t.lanes=536870912,un(null,e);if(Ji(t),(e=ze)?(e=Fo(e,jt),e=e!==null&&e.data==="&"?e:null,e!==null&&(t.memoizedState={dehydrated:e,treeContext:ul!==null?{id:Dt,overflow:Ct}:null,retryLane:536870912,hydrationErrors:null},l=Sf(e),l.return=t,t.child=l,we=t,ze=null)):e=null,e===null)throw cl(t);return t.lanes=536870912,null}return gu(t,a)}var u=e.memoizedState;if(u!==null){var i=u.dehydrated;if(Ji(t),n)if(t.flags&256)t.flags&=-257,t=Yr(e,t,l);else if(t.memoizedState!==null)t.child=e.child,t.flags|=128,t=null;else throw Error(r(558));else if(Ye||ra(e,t,l,!1),n=(l&e.childLanes)!==0,Ye||n){if(a=Ee,a!==null&&(i=zs(a,l),i!==0&&i!==u.retryLane))throw u.retryLane=i,Rl(e,i),nt(a,e,i),gc;Tu(),t=Yr(e,t,l)}else e=u.treeContext,ze=Tt(i.nextSibling),we=t,re=!0,il=null,jt=!1,e!==null&&Af(t,e),t=gu(t,a),t.flags|=4096;return t}return e=Qt(e.child,{mode:a.mode,children:a.children}),e.ref=t.ref,t.child=e,e.return=t,e}function yu(e,t){var l=t.ref;if(l===null)e!==null&&e.ref!==null&&(t.flags|=4194816);else{if(typeof l!="function"&&typeof l!="object")throw Error(r(284));(e===null||e.ref!==l)&&(t.flags|=4194816)}}function yc(e,t,l,a,n){return ql(t),l=$i(e,t,l,a,void 0,n),a=Wi(),e!==null&&!Ye?(Fi(e,t,n),wt(e,t,n)):(re&&a&&Oi(t),t.flags|=1,Je(e,t,l,n),t.child)}function Qr(e,t,l,a,n,u){return ql(t),t.updateQueue=null,l=Lf(t,a,l,n),Xf(e),a=Wi(),e!==null&&!Ye?(Fi(e,t,u),wt(e,t,u)):(re&&a&&Oi(t),t.flags|=1,Je(e,t,l,u),t.child)}function Gr(e,t,l,a,n){if(ql(t),t.stateNode===null){var u=ia,i=l.contextType;typeof i=="object"&&i!==null&&(u=Ke(i)),u=new l(a,u),t.memoizedState=u.state!==null&&u.state!==void 0?u.state:null,u.updater=dc,t.stateNode=u,u._reactInternals=t,u=t.stateNode,u.props=a,u.state=t.memoizedState,u.refs={},Xi(t),i=l.contextType,u.context=typeof i=="object"&&i!==null?Ke(i):ia,u.state=t.memoizedState,i=l.getDerivedStateFromProps,typeof i=="function"&&(oc(t,l,i,a),u.state=t.memoizedState),typeof l.getDerivedStateFromProps=="function"||typeof u.getSnapshotBeforeUpdate=="function"||typeof u.UNSAFE_componentWillMount!="function"&&typeof u.componentWillMount!="function"||(i=u.state,typeof u.componentWillMount=="function"&&u.componentWillMount(),typeof u.UNSAFE_componentWillMount=="function"&&u.UNSAFE_componentWillMount(),i!==u.state&&dc.enqueueReplaceState(u,u.state,null),en(t,a,u,n),Pa(),u.state=t.memoizedState),typeof u.componentDidMount=="function"&&(t.flags|=4194308),a=!0}else if(e===null){u=t.stateNode;var f=t.memoizedProps,o=Vl(l,f);u.props=o;var v=u.context,T=l.contextType;i=ia,typeof T=="object"&&T!==null&&(i=Ke(T));var M=l.getDerivedStateFromProps;T=typeof M=="function"||typeof u.getSnapshotBeforeUpdate=="function",f=t.pendingProps!==f,T||typeof u.UNSAFE_componentWillReceiveProps!="function"&&typeof u.componentWillReceiveProps!="function"||(f||v!==i)&&Er(t,u,a,i),fl=!1;var b=t.memoizedState;u.state=b,en(t,a,u,n),Pa(),v=t.memoizedState,f||b!==v||fl?(typeof M=="function"&&(oc(t,l,M,a),v=t.memoizedState),(o=fl||Tr(t,l,o,a,b,v,i))?(T||typeof u.UNSAFE_componentWillMount!="function"&&typeof u.componentWillMount!="function"||(typeof u.componentWillMount=="function"&&u.componentWillMount(),typeof u.UNSAFE_componentWillMount=="function"&&u.UNSAFE_componentWillMount()),typeof u.componentDidMount=="function"&&(t.flags|=4194308)):(typeof u.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=v),u.props=a,u.state=v,u.context=i,a=o):(typeof u.componentDidMount=="function"&&(t.flags|=4194308),a=!1)}else{u=t.stateNode,Li(e,t),i=t.memoizedProps,T=Vl(l,i),u.props=T,M=t.pendingProps,b=u.context,v=l.contextType,o=ia,typeof v=="object"&&v!==null&&(o=Ke(v)),f=l.getDerivedStateFromProps,(v=typeof f=="function"||typeof u.getSnapshotBeforeUpdate=="function")||typeof u.UNSAFE_componentWillReceiveProps!="function"&&typeof u.componentWillReceiveProps!="function"||(i!==M||b!==o)&&Er(t,u,a,o),fl=!1,b=t.memoizedState,u.state=b,en(t,a,u,n),Pa();var N=t.memoizedState;i!==M||b!==N||fl||e!==null&&e.dependencies!==null&&Wn(e.dependencies)?(typeof f=="function"&&(oc(t,l,f,a),N=t.memoizedState),(T=fl||Tr(t,l,T,a,b,N,o)||e!==null&&e.dependencies!==null&&Wn(e.dependencies))?(v||typeof u.UNSAFE_componentWillUpdate!="function"&&typeof u.componentWillUpdate!="function"||(typeof u.componentWillUpdate=="function"&&u.componentWillUpdate(a,N,o),typeof u.UNSAFE_componentWillUpdate=="function"&&u.UNSAFE_componentWillUpdate(a,N,o)),typeof u.componentDidUpdate=="function"&&(t.flags|=4),typeof u.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof u.componentDidUpdate!="function"||i===e.memoizedProps&&b===e.memoizedState||(t.flags|=4),typeof u.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&b===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=N),u.props=a,u.state=N,u.context=o,a=T):(typeof u.componentDidUpdate!="function"||i===e.memoizedProps&&b===e.memoizedState||(t.flags|=4),typeof u.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&b===e.memoizedState||(t.flags|=1024),a=!1)}return u=a,yu(e,t),a=(t.flags&128)!==0,u||a?(u=t.stateNode,l=a&&typeof l.getDerivedStateFromError!="function"?null:u.render(),t.flags|=1,e!==null&&a?(t.child=Xl(t,e.child,null,n),t.child=Xl(t,null,l,n)):Je(e,t,l,n),t.memoizedState=u.state,e=t.child):e=wt(e,t,n),e}function Xr(e,t,l,a){return Hl(),t.flags|=256,Je(e,t,l,a),t.child}var hc={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function vc(e){return{baseLanes:e,cachePool:Of()}}function bc(e,t,l){return e=e!==null?e.childLanes&~l:0,t&&(e|=mt),e}function Lr(e,t,l){var a=t.pendingProps,n=!1,u=(t.flags&128)!==0,i;if((i=u)||(i=e!==null&&e.memoizedState===null?!1:(Ue.current&2)!==0),i&&(n=!0,t.flags&=-129),i=(t.flags&32)!==0,t.flags&=-33,e===null){if(re){if(n?dl(t):ml(),(e=ze)?(e=Fo(e,jt),e=e!==null&&e.data!=="&"?e:null,e!==null&&(t.memoizedState={dehydrated:e,treeContext:ul!==null?{id:Dt,overflow:Ct}:null,retryLane:536870912,hydrationErrors:null},l=Sf(e),l.return=t,t.child=l,we=t,ze=null)):e=null,e===null)throw cl(t);return es(e)?t.lanes=32:t.lanes=536870912,null}var f=a.children;return a=a.fallback,n?(ml(),n=t.mode,f=hu({mode:"hidden",children:f},n),a=Ul(a,n,l,null),f.return=t,a.return=t,f.sibling=a,t.child=f,a=t.child,a.memoizedState=vc(l),a.childLanes=bc(e,i,l),t.memoizedState=hc,un(null,a)):(dl(t),pc(t,f))}var o=e.memoizedState;if(o!==null&&(f=o.dehydrated,f!==null)){if(u)t.flags&256?(dl(t),t.flags&=-257,t=xc(e,t,l)):t.memoizedState!==null?(ml(),t.child=e.child,t.flags|=128,t=null):(ml(),f=a.fallback,n=t.mode,a=hu({mode:"visible",children:a.children},n),f=Ul(f,n,l,null),f.flags|=2,a.return=t,f.return=t,a.sibling=f,t.child=a,Xl(t,e.child,null,l),a=t.child,a.memoizedState=vc(l),a.childLanes=bc(e,i,l),t.memoizedState=hc,t=un(null,a));else if(dl(t),es(f)){if(i=f.nextSibling&&f.nextSibling.dataset,i)var v=i.dgst;i=v,a=Error(r(419)),a.stack="",a.digest=i,Ja({value:a,source:null,stack:null}),t=xc(e,t,l)}else if(Ye||ra(e,t,l,!1),i=(l&e.childLanes)!==0,Ye||i){if(i=Ee,i!==null&&(a=zs(i,l),a!==0&&a!==o.retryLane))throw o.retryLane=a,Rl(e,a),nt(i,e,a),gc;Pc(f)||Tu(),t=xc(e,t,l)}else Pc(f)?(t.flags|=192,t.child=e.child,t=null):(e=o.treeContext,ze=Tt(f.nextSibling),we=t,re=!0,il=null,jt=!1,e!==null&&Af(t,e),t=pc(t,a.children),t.flags|=4096);return t}return n?(ml(),f=a.fallback,n=t.mode,o=e.child,v=o.sibling,a=Qt(o,{mode:"hidden",children:a.children}),a.subtreeFlags=o.subtreeFlags&65011712,v!==null?f=Qt(v,f):(f=Ul(f,n,l,null),f.flags|=2),f.return=t,a.return=t,a.sibling=f,t.child=a,un(null,a),a=t.child,f=e.child.memoizedState,f===null?f=vc(l):(n=f.cachePool,n!==null?(o=Be._currentValue,n=n.parent!==o?{parent:o,pool:o}:n):n=Of(),f={baseLanes:f.baseLanes|l,cachePool:n}),a.memoizedState=f,a.childLanes=bc(e,i,l),t.memoizedState=hc,un(e.child,a)):(dl(t),l=e.child,e=l.sibling,l=Qt(l,{mode:"visible",children:a.children}),l.return=t,l.sibling=null,e!==null&&(i=t.deletions,i===null?(t.deletions=[e],t.flags|=16):i.push(e)),t.child=l,t.memoizedState=null,l)}function pc(e,t){return t=hu({mode:"visible",children:t},e.mode),t.return=e,e.child=t}function hu(e,t){return e=ft(22,e,null,t),e.lanes=0,e}function xc(e,t,l){return Xl(t,e.child,null,l),e=pc(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Vr(e,t,l){e.lanes|=t;var a=e.alternate;a!==null&&(a.lanes|=t),Hi(e.return,t,l)}function Sc(e,t,l,a,n,u){var i=e.memoizedState;i===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:l,tailMode:n,treeForkCount:u}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=a,i.tail=l,i.tailMode=n,i.treeForkCount=u)}function Zr(e,t,l){var a=t.pendingProps,n=a.revealOrder,u=a.tail;a=a.children;var i=Ue.current,f=(i&2)!==0;if(f?(i=i&1|2,t.flags|=128):i&=1,H(Ue,i),Je(e,t,a,l),a=re?Ka:0,!f&&e!==null&&(e.flags&128)!==0)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Vr(e,l,t);else if(e.tag===19)Vr(e,l,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}switch(n){case"forwards":for(l=t.child,n=null;l!==null;)e=l.alternate,e!==null&&nu(e)===null&&(n=l),l=l.sibling;l=n,l===null?(n=t.child,t.child=null):(n=l.sibling,l.sibling=null),Sc(t,!1,n,l,u,a);break;case"backwards":case"unstable_legacy-backwards":for(l=null,n=t.child,t.child=null;n!==null;){if(e=n.alternate,e!==null&&nu(e)===null){t.child=n;break}e=n.sibling,n.sibling=l,l=n,n=e}Sc(t,!0,l,null,u,a);break;case"together":Sc(t,!1,null,null,void 0,a);break;default:t.memoizedState=null}return t.child}function wt(e,t,l){if(e!==null&&(t.dependencies=e.dependencies),hl|=t.lanes,(l&t.childLanes)===0)if(e!==null){if(ra(e,t,l,!1),(l&t.childLanes)===0)return null}else return null;if(e!==null&&t.child!==e.child)throw Error(r(153));if(t.child!==null){for(e=t.child,l=Qt(e,e.pendingProps),t.child=l,l.return=t;e.sibling!==null;)e=e.sibling,l=l.sibling=Qt(e,e.pendingProps),l.return=t;l.sibling=null}return t.child}function Nc(e,t){return(e.lanes&t)!==0?!0:(e=e.dependencies,!!(e!==null&&Wn(e)))}function fg(e,t,l){switch(t.tag){case 3:We(t,t.stateNode.containerInfo),sl(t,Be,e.memoizedState.cache),Hl();break;case 27:case 5:Da(t);break;case 4:We(t,t.stateNode.containerInfo);break;case 10:sl(t,t.type,t.memoizedProps.value);break;case 31:if(t.memoizedState!==null)return t.flags|=128,Ji(t),null;break;case 13:var a=t.memoizedState;if(a!==null)return a.dehydrated!==null?(dl(t),t.flags|=128,null):(l&t.child.childLanes)!==0?Lr(e,t,l):(dl(t),e=wt(e,t,l),e!==null?e.sibling:null);dl(t);break;case 19:var n=(e.flags&128)!==0;if(a=(l&t.childLanes)!==0,a||(ra(e,t,l,!1),a=(l&t.childLanes)!==0),n){if(a)return Zr(e,t,l);t.flags|=128}if(n=t.memoizedState,n!==null&&(n.rendering=null,n.tail=null,n.lastEffect=null),H(Ue,Ue.current),a)break;return null;case 22:return t.lanes=0,Br(e,t,l,t.pendingProps);case 24:sl(t,Be,e.memoizedState.cache)}return wt(e,t,l)}function wr(e,t,l){if(e!==null)if(e.memoizedProps!==t.pendingProps)Ye=!0;else{if(!Nc(e,l)&&(t.flags&128)===0)return Ye=!1,fg(e,t,l);Ye=(e.flags&131072)!==0}else Ye=!1,re&&(t.flags&1048576)!==0&&jf(t,Ka,t.index);switch(t.lanes=0,t.tag){case 16:e:{var a=t.pendingProps;if(e=Ql(t.elementType),t.type=e,typeof e=="function")zi(e)?(a=Vl(e,a),t.tag=1,t=Gr(null,t,e,a,l)):(t.tag=0,t=yc(null,t,e,a,l));else{if(e!=null){var n=e.$$typeof;if(n===ae){t.tag=11,t=Rr(null,t,e,a,l);break e}else if(n===le){t.tag=14,t=Ur(null,t,e,a,l);break e}}throw t=Q(e)||e,Error(r(306,t,""))}}return t;case 0:return yc(e,t,t.type,t.pendingProps,l);case 1:return a=t.type,n=Vl(a,t.pendingProps),Gr(e,t,a,n,l);case 3:e:{if(We(t,t.stateNode.containerInfo),e===null)throw Error(r(387));a=t.pendingProps;var u=t.memoizedState;n=u.element,Li(e,t),en(t,a,null,l);var i=t.memoizedState;if(a=i.cache,sl(t,Be,a),a!==u.cache&&Bi(t,[Be],l,!0),Pa(),a=i.element,u.isDehydrated)if(u={element:a,isDehydrated:!1,cache:i.cache},t.updateQueue.baseState=u,t.memoizedState=u,t.flags&256){t=Xr(e,t,a,l);break e}else if(a!==n){n=xt(Error(r(424)),t),Ja(n),t=Xr(e,t,a,l);break e}else{switch(e=t.stateNode.containerInfo,e.nodeType){case 9:e=e.body;break;default:e=e.nodeName==="HTML"?e.ownerDocument.body:e}for(ze=Tt(e.firstChild),we=t,re=!0,il=null,jt=!0,l=Bf(t,null,a,l),t.child=l;l;)l.flags=l.flags&-3|4096,l=l.sibling}else{if(Hl(),a===n){t=wt(e,t,l);break e}Je(e,t,a,l)}t=t.child}return t;case 26:return yu(e,t),e===null?(l=ad(t.type,null,t.pendingProps,null))?t.memoizedState=l:re||(l=t.type,e=t.pendingProps,a=Cu(ue.current).createElement(l),a[Ze]=t,a[Ie]=e,ke(a,l,e),Le(a),t.stateNode=a):t.memoizedState=ad(t.type,e.memoizedProps,t.pendingProps,e.memoizedState),null;case 27:return Da(t),e===null&&re&&(a=t.stateNode=ed(t.type,t.pendingProps,ue.current),we=t,jt=!0,n=ze,Sl(t.type)?(ts=n,ze=Tt(a.firstChild)):ze=n),Je(e,t,t.pendingProps.children,l),yu(e,t),e===null&&(t.flags|=4194304),t.child;case 5:return e===null&&re&&((n=a=ze)&&(a=Qg(a,t.type,t.pendingProps,jt),a!==null?(t.stateNode=a,we=t,ze=Tt(a.firstChild),jt=!1,n=!0):n=!1),n||cl(t)),Da(t),n=t.type,u=t.pendingProps,i=e!==null?e.memoizedProps:null,a=u.children,Wc(n,u)?a=null:i!==null&&Wc(n,i)&&(t.flags|=32),t.memoizedState!==null&&(n=$i(e,t,eg,null,null,l),Sn._currentValue=n),yu(e,t),Je(e,t,a,l),t.child;case 6:return e===null&&re&&((e=l=ze)&&(l=Gg(l,t.pendingProps,jt),l!==null?(t.stateNode=l,we=t,ze=null,e=!0):e=!1),e||cl(t)),null;case 13:return Lr(e,t,l);case 4:return We(t,t.stateNode.containerInfo),a=t.pendingProps,e===null?t.child=Xl(t,null,a,l):Je(e,t,a,l),t.child;case 11:return Rr(e,t,t.type,t.pendingProps,l);case 7:return Je(e,t,t.pendingProps,l),t.child;case 8:return Je(e,t,t.pendingProps.children,l),t.child;case 12:return Je(e,t,t.pendingProps.children,l),t.child;case 10:return a=t.pendingProps,sl(t,t.type,a.value),Je(e,t,a.children,l),t.child;case 9:return n=t.type._context,a=t.pendingProps.children,ql(t),n=Ke(n),a=a(n),t.flags|=1,Je(e,t,a,l),t.child;case 14:return Ur(e,t,t.type,t.pendingProps,l);case 15:return Hr(e,t,t.type,t.pendingProps,l);case 19:return Zr(e,t,l);case 31:return sg(e,t,l);case 22:return Br(e,t,l,t.pendingProps);case 24:return ql(t),a=Ke(Be),e===null?(n=Qi(),n===null&&(n=Ee,u=qi(),n.pooledCache=u,u.refCount++,u!==null&&(n.pooledCacheLanes|=l),n=u),t.memoizedState={parent:a,cache:n},Xi(t),sl(t,Be,n)):((e.lanes&l)!==0&&(Li(e,t),en(t,null,null,l),Pa()),n=e.memoizedState,u=t.memoizedState,n.parent!==a?(n={parent:a,cache:a},t.memoizedState=n,t.lanes===0&&(t.memoizedState=t.updateQueue.baseState=n),sl(t,Be,a)):(a=u.cache,sl(t,Be,a),a!==n.cache&&Bi(t,[Be],l,!0))),Je(e,t,t.pendingProps.children,l),t.child;case 29:throw t.pendingProps}throw Error(r(156,t.tag))}function Kt(e){e.flags|=4}function jc(e,t,l,a,n){if((t=(e.mode&32)!==0)&&(t=!1),t){if(e.flags|=16777216,(n&335544128)===n)if(e.stateNode.complete)e.flags|=8192;else if(po())e.flags|=8192;else throw Gl=eu,Gi}else e.flags&=-16777217}function Kr(e,t){if(t.type!=="stylesheet"||(t.state.loading&4)!==0)e.flags&=-16777217;else if(e.flags|=16777216,!sd(t))if(po())e.flags|=8192;else throw Gl=eu,Gi}function vu(e,t){t!==null&&(e.flags|=4),e.flags&16384&&(t=e.tag!==22?As():536870912,e.lanes|=t,Na|=t)}function cn(e,t){if(!re)switch(e.tailMode){case"hidden":t=e.tail;for(var l=null;t!==null;)t.alternate!==null&&(l=t),t=t.sibling;l===null?e.tail=null:l.sibling=null;break;case"collapsed":l=e.tail;for(var a=null;l!==null;)l.alternate!==null&&(a=l),l=l.sibling;a===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Me(e){var t=e.alternate!==null&&e.alternate.child===e.child,l=0,a=0;if(t)for(var n=e.child;n!==null;)l|=n.lanes|n.childLanes,a|=n.subtreeFlags&65011712,a|=n.flags&65011712,n.return=e,n=n.sibling;else for(n=e.child;n!==null;)l|=n.lanes|n.childLanes,a|=n.subtreeFlags,a|=n.flags,n.return=e,n=n.sibling;return e.subtreeFlags|=a,e.childLanes=l,t}function rg(e,t,l){var a=t.pendingProps;switch(Di(t),t.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Me(t),null;case 1:return Me(t),null;case 3:return l=t.stateNode,a=null,e!==null&&(a=e.memoizedState.cache),t.memoizedState.cache!==a&&(t.flags|=2048),Lt(Be),Re(),l.pendingContext&&(l.context=l.pendingContext,l.pendingContext=null),(e===null||e.child===null)&&(fa(t)?Kt(t):e===null||e.memoizedState.isDehydrated&&(t.flags&256)===0||(t.flags|=1024,Ri())),Me(t),null;case 26:var n=t.type,u=t.memoizedState;return e===null?(Kt(t),u!==null?(Me(t),Kr(t,u)):(Me(t),jc(t,n,null,a,l))):u?u!==e.memoizedState?(Kt(t),Me(t),Kr(t,u)):(Me(t),t.flags&=-16777217):(e=e.memoizedProps,e!==a&&Kt(t),Me(t),jc(t,n,e,a,l)),null;case 27:if(Mn(t),l=ue.current,n=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==a&&Kt(t);else{if(!a){if(t.stateNode===null)throw Error(r(166));return Me(t),null}e=G.current,fa(t)?Tf(t):(e=ed(n,a,l),t.stateNode=e,Kt(t))}return Me(t),null;case 5:if(Mn(t),n=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==a&&Kt(t);else{if(!a){if(t.stateNode===null)throw Error(r(166));return Me(t),null}if(u=G.current,fa(t))Tf(t);else{var i=Cu(ue.current);switch(u){case 1:u=i.createElementNS("http://www.w3.org/2000/svg",n);break;case 2:u=i.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;default:switch(n){case"svg":u=i.createElementNS("http://www.w3.org/2000/svg",n);break;case"math":u=i.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;case"script":u=i.createElement("div"),u.innerHTML="<script><\/script>",u=u.removeChild(u.firstChild);break;case"select":u=typeof a.is=="string"?i.createElement("select",{is:a.is}):i.createElement("select"),a.multiple?u.multiple=!0:a.size&&(u.size=a.size);break;default:u=typeof a.is=="string"?i.createElement(n,{is:a.is}):i.createElement(n)}}u[Ze]=t,u[Ie]=a;e:for(i=t.child;i!==null;){if(i.tag===5||i.tag===6)u.appendChild(i.stateNode);else if(i.tag!==4&&i.tag!==27&&i.child!==null){i.child.return=i,i=i.child;continue}if(i===t)break e;for(;i.sibling===null;){if(i.return===null||i.return===t)break e;i=i.return}i.sibling.return=i.return,i=i.sibling}t.stateNode=u;e:switch(ke(u,n,a),n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}a&&Kt(t)}}return Me(t),jc(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,l),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==a&&Kt(t);else{if(typeof a!="string"&&t.stateNode===null)throw Error(r(166));if(e=ue.current,fa(t)){if(e=t.stateNode,l=t.memoizedProps,a=null,n=we,n!==null)switch(n.tag){case 27:case 5:a=n.memoizedProps}e[Ze]=t,e=!!(e.nodeValue===l||a!==null&&a.suppressHydrationWarning===!0||Vo(e.nodeValue,l)),e||cl(t,!0)}else e=Cu(e).createTextNode(a),e[Ze]=t,t.stateNode=e}return Me(t),null;case 31:if(l=t.memoizedState,e===null||e.memoizedState!==null){if(a=fa(t),l!==null){if(e===null){if(!a)throw Error(r(318));if(e=t.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(r(557));e[Ze]=t}else Hl(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;Me(t),e=!1}else l=Ri(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=l),e=!0;if(!e)return t.flags&256?(ot(t),t):(ot(t),null);if((t.flags&128)!==0)throw Error(r(558))}return Me(t),null;case 13:if(a=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(n=fa(t),a!==null&&a.dehydrated!==null){if(e===null){if(!n)throw Error(r(318));if(n=t.memoizedState,n=n!==null?n.dehydrated:null,!n)throw Error(r(317));n[Ze]=t}else Hl(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;Me(t),n=!1}else n=Ri(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),n=!0;if(!n)return t.flags&256?(ot(t),t):(ot(t),null)}return ot(t),(t.flags&128)!==0?(t.lanes=l,t):(l=a!==null,e=e!==null&&e.memoizedState!==null,l&&(a=t.child,n=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(n=a.alternate.memoizedState.cachePool.pool),u=null,a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(u=a.memoizedState.cachePool.pool),u!==n&&(a.flags|=2048)),l!==e&&l&&(t.child.flags|=8192),vu(t,t.updateQueue),Me(t),null);case 4:return Re(),e===null&&wc(t.stateNode.containerInfo),Me(t),null;case 10:return Lt(t.type),Me(t),null;case 19:if(_(Ue),a=t.memoizedState,a===null)return Me(t),null;if(n=(t.flags&128)!==0,u=a.rendering,u===null)if(n)cn(a,!1);else{if(De!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(u=nu(e),u!==null){for(t.flags|=128,cn(a,!1),e=u.updateQueue,t.updateQueue=e,vu(t,e),t.subtreeFlags=0,e=l,l=t.child;l!==null;)xf(l,e),l=l.sibling;return H(Ue,Ue.current&1|2),re&&Gt(t,a.treeForkCount),t.child}e=e.sibling}a.tail!==null&&ut()>Nu&&(t.flags|=128,n=!0,cn(a,!1),t.lanes=4194304)}else{if(!n)if(e=nu(u),e!==null){if(t.flags|=128,n=!0,e=e.updateQueue,t.updateQueue=e,vu(t,e),cn(a,!0),a.tail===null&&a.tailMode==="hidden"&&!u.alternate&&!re)return Me(t),null}else 2*ut()-a.renderingStartTime>Nu&&l!==536870912&&(t.flags|=128,n=!0,cn(a,!1),t.lanes=4194304);a.isBackwards?(u.sibling=t.child,t.child=u):(e=a.last,e!==null?e.sibling=u:t.child=u,a.last=u)}return a.tail!==null?(e=a.tail,a.rendering=e,a.tail=e.sibling,a.renderingStartTime=ut(),e.sibling=null,l=Ue.current,H(Ue,n?l&1|2:l&1),re&&Gt(t,a.treeForkCount),e):(Me(t),null);case 22:case 23:return ot(t),Ki(),a=t.memoizedState!==null,e!==null?e.memoizedState!==null!==a&&(t.flags|=8192):a&&(t.flags|=8192),a?(l&536870912)!==0&&(t.flags&128)===0&&(Me(t),t.subtreeFlags&6&&(t.flags|=8192)):Me(t),l=t.updateQueue,l!==null&&vu(t,l.retryQueue),l=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(l=e.memoizedState.cachePool.pool),a=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(a=t.memoizedState.cachePool.pool),a!==l&&(t.flags|=2048),e!==null&&_(Yl),null;case 24:return l=null,e!==null&&(l=e.memoizedState.cache),t.memoizedState.cache!==l&&(t.flags|=2048),Lt(Be),Me(t),null;case 25:return null;case 30:return null}throw Error(r(156,t.tag))}function og(e,t){switch(Di(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Lt(Be),Re(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return Mn(t),null;case 31:if(t.memoizedState!==null){if(ot(t),t.alternate===null)throw Error(r(340));Hl()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(ot(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(r(340));Hl()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return _(Ue),null;case 4:return Re(),null;case 10:return Lt(t.type),null;case 22:case 23:return ot(t),Ki(),e!==null&&_(Yl),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Lt(Be),null;case 25:return null;default:return null}}function Jr(e,t){switch(Di(t),t.tag){case 3:Lt(Be),Re();break;case 26:case 27:case 5:Mn(t);break;case 4:Re();break;case 31:t.memoizedState!==null&&ot(t);break;case 13:ot(t);break;case 19:_(Ue);break;case 10:Lt(t.type);break;case 22:case 23:ot(t),Ki(),e!==null&&_(Yl);break;case 24:Lt(Be)}}function sn(e,t){try{var l=t.updateQueue,a=l!==null?l.lastEffect:null;if(a!==null){var n=a.next;l=n;do{if((l.tag&e)===e){a=void 0;var u=l.create,i=l.inst;a=u(),i.destroy=a}l=l.next}while(l!==n)}}catch(f){pe(t,t.return,f)}}function gl(e,t,l){try{var a=t.updateQueue,n=a!==null?a.lastEffect:null;if(n!==null){var u=n.next;a=u;do{if((a.tag&e)===e){var i=a.inst,f=i.destroy;if(f!==void 0){i.destroy=void 0,n=t;var o=l,v=f;try{v()}catch(T){pe(n,o,T)}}}a=a.next}while(a!==u)}}catch(T){pe(t,t.return,T)}}function kr(e){var t=e.updateQueue;if(t!==null){var l=e.stateNode;try{Yf(t,l)}catch(a){pe(e,e.return,a)}}}function $r(e,t,l){l.props=Vl(e.type,e.memoizedProps),l.state=e.memoizedState;try{l.componentWillUnmount()}catch(a){pe(e,t,a)}}function fn(e,t){try{var l=e.ref;if(l!==null){switch(e.tag){case 26:case 27:case 5:var a=e.stateNode;break;case 30:a=e.stateNode;break;default:a=e.stateNode}typeof l=="function"?e.refCleanup=l(a):l.current=a}}catch(n){pe(e,t,n)}}function Rt(e,t){var l=e.ref,a=e.refCleanup;if(l!==null)if(typeof a=="function")try{a()}catch(n){pe(e,t,n)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof l=="function")try{l(null)}catch(n){pe(e,t,n)}else l.current=null}function Wr(e){var t=e.type,l=e.memoizedProps,a=e.stateNode;try{e:switch(t){case"button":case"input":case"select":case"textarea":l.autoFocus&&a.focus();break e;case"img":l.src?a.src=l.src:l.srcSet&&(a.srcset=l.srcSet)}}catch(n){pe(e,e.return,n)}}function Ac(e,t,l){try{var a=e.stateNode;Rg(a,e.type,l,t),a[Ie]=t}catch(n){pe(e,e.return,n)}}function Fr(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&Sl(e.type)||e.tag===4}function Tc(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Fr(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&Sl(e.type)||e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ec(e,t,l){var a=e.tag;if(a===5||a===6)e=e.stateNode,t?(l.nodeType===9?l.body:l.nodeName==="HTML"?l.ownerDocument.body:l).insertBefore(e,t):(t=l.nodeType===9?l.body:l.nodeName==="HTML"?l.ownerDocument.body:l,t.appendChild(e),l=l._reactRootContainer,l!=null||t.onclick!==null||(t.onclick=qt));else if(a!==4&&(a===27&&Sl(e.type)&&(l=e.stateNode,t=null),e=e.child,e!==null))for(Ec(e,t,l),e=e.sibling;e!==null;)Ec(e,t,l),e=e.sibling}function bu(e,t,l){var a=e.tag;if(a===5||a===6)e=e.stateNode,t?l.insertBefore(e,t):l.appendChild(e);else if(a!==4&&(a===27&&Sl(e.type)&&(l=e.stateNode),e=e.child,e!==null))for(bu(e,t,l),e=e.sibling;e!==null;)bu(e,t,l),e=e.sibling}function Ir(e){var t=e.stateNode,l=e.memoizedProps;try{for(var a=e.type,n=t.attributes;n.length;)t.removeAttributeNode(n[0]);ke(t,a,l),t[Ze]=e,t[Ie]=l}catch(u){pe(e,e.return,u)}}var Jt=!1,Qe=!1,zc=!1,Pr=typeof WeakSet=="function"?WeakSet:Set,Ve=null;function dg(e,t){if(e=e.containerInfo,kc=Qu,e=of(e),xi(e)){if("selectionStart"in e)var l={start:e.selectionStart,end:e.selectionEnd};else e:{l=(l=e.ownerDocument)&&l.defaultView||window;var a=l.getSelection&&l.getSelection();if(a&&a.rangeCount!==0){l=a.anchorNode;var n=a.anchorOffset,u=a.focusNode;a=a.focusOffset;try{l.nodeType,u.nodeType}catch{l=null;break e}var i=0,f=-1,o=-1,v=0,T=0,M=e,b=null;t:for(;;){for(var N;M!==l||n!==0&&M.nodeType!==3||(f=i+n),M!==u||a!==0&&M.nodeType!==3||(o=i+a),M.nodeType===3&&(i+=M.nodeValue.length),(N=M.firstChild)!==null;)b=M,M=N;for(;;){if(M===e)break t;if(b===l&&++v===n&&(f=i),b===u&&++T===a&&(o=i),(N=M.nextSibling)!==null)break;M=b,b=M.parentNode}M=N}l=f===-1||o===-1?null:{start:f,end:o}}else l=null}l=l||{start:0,end:0}}else l=null;for($c={focusedElem:e,selectionRange:l},Qu=!1,Ve=t;Ve!==null;)if(t=Ve,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,Ve=e;else for(;Ve!==null;){switch(t=Ve,u=t.alternate,e=t.flags,t.tag){case 0:if((e&4)!==0&&(e=t.updateQueue,e=e!==null?e.events:null,e!==null))for(l=0;l<e.length;l++)n=e[l],n.ref.impl=n.nextImpl;break;case 11:case 15:break;case 1:if((e&1024)!==0&&u!==null){e=void 0,l=t,n=u.memoizedProps,u=u.memoizedState,a=l.stateNode;try{var Y=Vl(l.type,n);e=a.getSnapshotBeforeUpdate(Y,u),a.__reactInternalSnapshotBeforeUpdate=e}catch(k){pe(l,l.return,k)}}break;case 3:if((e&1024)!==0){if(e=t.stateNode.containerInfo,l=e.nodeType,l===9)Ic(e);else if(l===1)switch(e.nodeName){case"HEAD":case"HTML":case"BODY":Ic(e);break;default:e.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((e&1024)!==0)throw Error(r(163))}if(e=t.sibling,e!==null){e.return=t.return,Ve=e;break}Ve=t.return}}function eo(e,t,l){var a=l.flags;switch(l.tag){case 0:case 11:case 15:$t(e,l),a&4&&sn(5,l);break;case 1:if($t(e,l),a&4)if(e=l.stateNode,t===null)try{e.componentDidMount()}catch(i){pe(l,l.return,i)}else{var n=Vl(l.type,t.memoizedProps);t=t.memoizedState;try{e.componentDidUpdate(n,t,e.__reactInternalSnapshotBeforeUpdate)}catch(i){pe(l,l.return,i)}}a&64&&kr(l),a&512&&fn(l,l.return);break;case 3:if($t(e,l),a&64&&(e=l.updateQueue,e!==null)){if(t=null,l.child!==null)switch(l.child.tag){case 27:case 5:t=l.child.stateNode;break;case 1:t=l.child.stateNode}try{Yf(e,t)}catch(i){pe(l,l.return,i)}}break;case 27:t===null&&a&4&&Ir(l);case 26:case 5:$t(e,l),t===null&&a&4&&Wr(l),a&512&&fn(l,l.return);break;case 12:$t(e,l);break;case 31:$t(e,l),a&4&&ao(e,l);break;case 13:$t(e,l),a&4&&no(e,l),a&64&&(e=l.memoizedState,e!==null&&(e=e.dehydrated,e!==null&&(l=Sg.bind(null,l),Xg(e,l))));break;case 22:if(a=l.memoizedState!==null||Jt,!a){t=t!==null&&t.memoizedState!==null||Qe,n=Jt;var u=Qe;Jt=a,(Qe=t)&&!u?Wt(e,l,(l.subtreeFlags&8772)!==0):$t(e,l),Jt=n,Qe=u}break;case 30:break;default:$t(e,l)}}function to(e){var t=e.alternate;t!==null&&(e.alternate=null,to(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&ai(t)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}var _e=null,et=!1;function kt(e,t,l){for(l=l.child;l!==null;)lo(e,t,l),l=l.sibling}function lo(e,t,l){if(it&&typeof it.onCommitFiberUnmount=="function")try{it.onCommitFiberUnmount(Ca,l)}catch{}switch(l.tag){case 26:Qe||Rt(l,t),kt(e,t,l),l.memoizedState?l.memoizedState.count--:l.stateNode&&(l=l.stateNode,l.parentNode.removeChild(l));break;case 27:Qe||Rt(l,t);var a=_e,n=et;Sl(l.type)&&(_e=l.stateNode,et=!1),kt(e,t,l),bn(l.stateNode),_e=a,et=n;break;case 5:Qe||Rt(l,t);case 6:if(a=_e,n=et,_e=null,kt(e,t,l),_e=a,et=n,_e!==null)if(et)try{(_e.nodeType===9?_e.body:_e.nodeName==="HTML"?_e.ownerDocument.body:_e).removeChild(l.stateNode)}catch(u){pe(l,t,u)}else try{_e.removeChild(l.stateNode)}catch(u){pe(l,t,u)}break;case 18:_e!==null&&(et?(e=_e,$o(e.nodeType===9?e.body:e.nodeName==="HTML"?e.ownerDocument.body:e,l.stateNode),Oa(e)):$o(_e,l.stateNode));break;case 4:a=_e,n=et,_e=l.stateNode.containerInfo,et=!0,kt(e,t,l),_e=a,et=n;break;case 0:case 11:case 14:case 15:gl(2,l,t),Qe||gl(4,l,t),kt(e,t,l);break;case 1:Qe||(Rt(l,t),a=l.stateNode,typeof a.componentWillUnmount=="function"&&$r(l,t,a)),kt(e,t,l);break;case 21:kt(e,t,l);break;case 22:Qe=(a=Qe)||l.memoizedState!==null,kt(e,t,l),Qe=a;break;default:kt(e,t,l)}}function ao(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null))){e=e.dehydrated;try{Oa(e)}catch(l){pe(t,t.return,l)}}}function no(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null&&(e=e.dehydrated,e!==null))))try{Oa(e)}catch(l){pe(t,t.return,l)}}function mg(e){switch(e.tag){case 31:case 13:case 19:var t=e.stateNode;return t===null&&(t=e.stateNode=new Pr),t;case 22:return e=e.stateNode,t=e._retryCache,t===null&&(t=e._retryCache=new Pr),t;default:throw Error(r(435,e.tag))}}function pu(e,t){var l=mg(e);t.forEach(function(a){if(!l.has(a)){l.add(a);var n=Ng.bind(null,e,a);a.then(n,n)}})}function tt(e,t){var l=t.deletions;if(l!==null)for(var a=0;a<l.length;a++){var n=l[a],u=e,i=t,f=i;e:for(;f!==null;){switch(f.tag){case 27:if(Sl(f.type)){_e=f.stateNode,et=!1;break e}break;case 5:_e=f.stateNode,et=!1;break e;case 3:case 4:_e=f.stateNode.containerInfo,et=!0;break e}f=f.return}if(_e===null)throw Error(r(160));lo(u,i,n),_e=null,et=!1,u=n.alternate,u!==null&&(u.return=null),n.return=null}if(t.subtreeFlags&13886)for(t=t.child;t!==null;)uo(t,e),t=t.sibling}var _t=null;function uo(e,t){var l=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:tt(t,e),lt(e),a&4&&(gl(3,e,e.return),sn(3,e),gl(5,e,e.return));break;case 1:tt(t,e),lt(e),a&512&&(Qe||l===null||Rt(l,l.return)),a&64&&Jt&&(e=e.updateQueue,e!==null&&(a=e.callbacks,a!==null&&(l=e.shared.hiddenCallbacks,e.shared.hiddenCallbacks=l===null?a:l.concat(a))));break;case 26:var n=_t;if(tt(t,e),lt(e),a&512&&(Qe||l===null||Rt(l,l.return)),a&4){var u=l!==null?l.memoizedState:null;if(a=e.memoizedState,l===null)if(a===null)if(e.stateNode===null){e:{a=e.type,l=e.memoizedProps,n=n.ownerDocument||n;t:switch(a){case"title":u=n.getElementsByTagName("title")[0],(!u||u[Ha]||u[Ze]||u.namespaceURI==="http://www.w3.org/2000/svg"||u.hasAttribute("itemprop"))&&(u=n.createElement(a),n.head.insertBefore(u,n.querySelector("head > title"))),ke(u,a,l),u[Ze]=e,Le(u),a=u;break e;case"link":var i=id("link","href",n).get(a+(l.href||""));if(i){for(var f=0;f<i.length;f++)if(u=i[f],u.getAttribute("href")===(l.href==null||l.href===""?null:l.href)&&u.getAttribute("rel")===(l.rel==null?null:l.rel)&&u.getAttribute("title")===(l.title==null?null:l.title)&&u.getAttribute("crossorigin")===(l.crossOrigin==null?null:l.crossOrigin)){i.splice(f,1);break t}}u=n.createElement(a),ke(u,a,l),n.head.appendChild(u);break;case"meta":if(i=id("meta","content",n).get(a+(l.content||""))){for(f=0;f<i.length;f++)if(u=i[f],u.getAttribute("content")===(l.content==null?null:""+l.content)&&u.getAttribute("name")===(l.name==null?null:l.name)&&u.getAttribute("property")===(l.property==null?null:l.property)&&u.getAttribute("http-equiv")===(l.httpEquiv==null?null:l.httpEquiv)&&u.getAttribute("charset")===(l.charSet==null?null:l.charSet)){i.splice(f,1);break t}}u=n.createElement(a),ke(u,a,l),n.head.appendChild(u);break;default:throw Error(r(468,a))}u[Ze]=e,Le(u),a=u}e.stateNode=a}else cd(n,e.type,e.stateNode);else e.stateNode=ud(n,a,e.memoizedProps);else u!==a?(u===null?l.stateNode!==null&&(l=l.stateNode,l.parentNode.removeChild(l)):u.count--,a===null?cd(n,e.type,e.stateNode):ud(n,a,e.memoizedProps)):a===null&&e.stateNode!==null&&Ac(e,e.memoizedProps,l.memoizedProps)}break;case 27:tt(t,e),lt(e),a&512&&(Qe||l===null||Rt(l,l.return)),l!==null&&a&4&&Ac(e,e.memoizedProps,l.memoizedProps);break;case 5:if(tt(t,e),lt(e),a&512&&(Qe||l===null||Rt(l,l.return)),e.flags&32){n=e.stateNode;try{Pl(n,"")}catch(Y){pe(e,e.return,Y)}}a&4&&e.stateNode!=null&&(n=e.memoizedProps,Ac(e,n,l!==null?l.memoizedProps:n)),a&1024&&(zc=!0);break;case 6:if(tt(t,e),lt(e),a&4){if(e.stateNode===null)throw Error(r(162));a=e.memoizedProps,l=e.stateNode;try{l.nodeValue=a}catch(Y){pe(e,e.return,Y)}}break;case 3:if(Hu=null,n=_t,_t=Ru(t.containerInfo),tt(t,e),_t=n,lt(e),a&4&&l!==null&&l.memoizedState.isDehydrated)try{Oa(t.containerInfo)}catch(Y){pe(e,e.return,Y)}zc&&(zc=!1,io(e));break;case 4:a=_t,_t=Ru(e.stateNode.containerInfo),tt(t,e),lt(e),_t=a;break;case 12:tt(t,e),lt(e);break;case 31:tt(t,e),lt(e),a&4&&(a=e.updateQueue,a!==null&&(e.updateQueue=null,pu(e,a)));break;case 13:tt(t,e),lt(e),e.child.flags&8192&&e.memoizedState!==null!=(l!==null&&l.memoizedState!==null)&&(Su=ut()),a&4&&(a=e.updateQueue,a!==null&&(e.updateQueue=null,pu(e,a)));break;case 22:n=e.memoizedState!==null;var o=l!==null&&l.memoizedState!==null,v=Jt,T=Qe;if(Jt=v||n,Qe=T||o,tt(t,e),Qe=T,Jt=v,lt(e),a&8192)e:for(t=e.stateNode,t._visibility=n?t._visibility&-2:t._visibility|1,n&&(l===null||o||Jt||Qe||Zl(e)),l=null,t=e;;){if(t.tag===5||t.tag===26){if(l===null){o=l=t;try{if(u=o.stateNode,n)i=u.style,typeof i.setProperty=="function"?i.setProperty("display","none","important"):i.display="none";else{f=o.stateNode;var M=o.memoizedProps.style,b=M!=null&&M.hasOwnProperty("display")?M.display:null;f.style.display=b==null||typeof b=="boolean"?"":(""+b).trim()}}catch(Y){pe(o,o.return,Y)}}}else if(t.tag===6){if(l===null){o=t;try{o.stateNode.nodeValue=n?"":o.memoizedProps}catch(Y){pe(o,o.return,Y)}}}else if(t.tag===18){if(l===null){o=t;try{var N=o.stateNode;n?Wo(N,!0):Wo(o.stateNode,!1)}catch(Y){pe(o,o.return,Y)}}}else if((t.tag!==22&&t.tag!==23||t.memoizedState===null||t===e)&&t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break e;for(;t.sibling===null;){if(t.return===null||t.return===e)break e;l===t&&(l=null),t=t.return}l===t&&(l=null),t.sibling.return=t.return,t=t.sibling}a&4&&(a=e.updateQueue,a!==null&&(l=a.retryQueue,l!==null&&(a.retryQueue=null,pu(e,l))));break;case 19:tt(t,e),lt(e),a&4&&(a=e.updateQueue,a!==null&&(e.updateQueue=null,pu(e,a)));break;case 30:break;case 21:break;default:tt(t,e),lt(e)}}function lt(e){var t=e.flags;if(t&2){try{for(var l,a=e.return;a!==null;){if(Fr(a)){l=a;break}a=a.return}if(l==null)throw Error(r(160));switch(l.tag){case 27:var n=l.stateNode,u=Tc(e);bu(e,u,n);break;case 5:var i=l.stateNode;l.flags&32&&(Pl(i,""),l.flags&=-33);var f=Tc(e);bu(e,f,i);break;case 3:case 4:var o=l.stateNode.containerInfo,v=Tc(e);Ec(e,v,o);break;default:throw Error(r(161))}}catch(T){pe(e,e.return,T)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function io(e){if(e.subtreeFlags&1024)for(e=e.child;e!==null;){var t=e;io(t),t.tag===5&&t.flags&1024&&t.stateNode.reset(),e=e.sibling}}function $t(e,t){if(t.subtreeFlags&8772)for(t=t.child;t!==null;)eo(e,t.alternate,t),t=t.sibling}function Zl(e){for(e=e.child;e!==null;){var t=e;switch(t.tag){case 0:case 11:case 14:case 15:gl(4,t,t.return),Zl(t);break;case 1:Rt(t,t.return);var l=t.stateNode;typeof l.componentWillUnmount=="function"&&$r(t,t.return,l),Zl(t);break;case 27:bn(t.stateNode);case 26:case 5:Rt(t,t.return),Zl(t);break;case 22:t.memoizedState===null&&Zl(t);break;case 30:Zl(t);break;default:Zl(t)}e=e.sibling}}function Wt(e,t,l){for(l=l&&(t.subtreeFlags&8772)!==0,t=t.child;t!==null;){var a=t.alternate,n=e,u=t,i=u.flags;switch(u.tag){case 0:case 11:case 15:Wt(n,u,l),sn(4,u);break;case 1:if(Wt(n,u,l),a=u,n=a.stateNode,typeof n.componentDidMount=="function")try{n.componentDidMount()}catch(v){pe(a,a.return,v)}if(a=u,n=a.updateQueue,n!==null){var f=a.stateNode;try{var o=n.shared.hiddenCallbacks;if(o!==null)for(n.shared.hiddenCallbacks=null,n=0;n<o.length;n++)qf(o[n],f)}catch(v){pe(a,a.return,v)}}l&&i&64&&kr(u),fn(u,u.return);break;case 27:Ir(u);case 26:case 5:Wt(n,u,l),l&&a===null&&i&4&&Wr(u),fn(u,u.return);break;case 12:Wt(n,u,l);break;case 31:Wt(n,u,l),l&&i&4&&ao(n,u);break;case 13:Wt(n,u,l),l&&i&4&&no(n,u);break;case 22:u.memoizedState===null&&Wt(n,u,l),fn(u,u.return);break;case 30:break;default:Wt(n,u,l)}t=t.sibling}}function Mc(e,t){var l=null;e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(l=e.memoizedState.cachePool.pool),e=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(e=t.memoizedState.cachePool.pool),e!==l&&(e!=null&&e.refCount++,l!=null&&ka(l))}function _c(e,t){e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&ka(e))}function Ot(e,t,l,a){if(t.subtreeFlags&10256)for(t=t.child;t!==null;)co(e,t,l,a),t=t.sibling}function co(e,t,l,a){var n=t.flags;switch(t.tag){case 0:case 11:case 15:Ot(e,t,l,a),n&2048&&sn(9,t);break;case 1:Ot(e,t,l,a);break;case 3:Ot(e,t,l,a),n&2048&&(e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&ka(e)));break;case 12:if(n&2048){Ot(e,t,l,a),e=t.stateNode;try{var u=t.memoizedProps,i=u.id,f=u.onPostCommit;typeof f=="function"&&f(i,t.alternate===null?"mount":"update",e.passiveEffectDuration,-0)}catch(o){pe(t,t.return,o)}}else Ot(e,t,l,a);break;case 31:Ot(e,t,l,a);break;case 13:Ot(e,t,l,a);break;case 23:break;case 22:u=t.stateNode,i=t.alternate,t.memoizedState!==null?u._visibility&2?Ot(e,t,l,a):rn(e,t):u._visibility&2?Ot(e,t,l,a):(u._visibility|=2,pa(e,t,l,a,(t.subtreeFlags&10256)!==0||!1)),n&2048&&Mc(i,t);break;case 24:Ot(e,t,l,a),n&2048&&_c(t.alternate,t);break;default:Ot(e,t,l,a)}}function pa(e,t,l,a,n){for(n=n&&((t.subtreeFlags&10256)!==0||!1),t=t.child;t!==null;){var u=e,i=t,f=l,o=a,v=i.flags;switch(i.tag){case 0:case 11:case 15:pa(u,i,f,o,n),sn(8,i);break;case 23:break;case 22:var T=i.stateNode;i.memoizedState!==null?T._visibility&2?pa(u,i,f,o,n):rn(u,i):(T._visibility|=2,pa(u,i,f,o,n)),n&&v&2048&&Mc(i.alternate,i);break;case 24:pa(u,i,f,o,n),n&&v&2048&&_c(i.alternate,i);break;default:pa(u,i,f,o,n)}t=t.sibling}}function rn(e,t){if(t.subtreeFlags&10256)for(t=t.child;t!==null;){var l=e,a=t,n=a.flags;switch(a.tag){case 22:rn(l,a),n&2048&&Mc(a.alternate,a);break;case 24:rn(l,a),n&2048&&_c(a.alternate,a);break;default:rn(l,a)}t=t.sibling}}var on=8192;function xa(e,t,l){if(e.subtreeFlags&on)for(e=e.child;e!==null;)so(e,t,l),e=e.sibling}function so(e,t,l){switch(e.tag){case 26:xa(e,t,l),e.flags&on&&e.memoizedState!==null&&Pg(l,_t,e.memoizedState,e.memoizedProps);break;case 5:xa(e,t,l);break;case 3:case 4:var a=_t;_t=Ru(e.stateNode.containerInfo),xa(e,t,l),_t=a;break;case 22:e.memoizedState===null&&(a=e.alternate,a!==null&&a.memoizedState!==null?(a=on,on=16777216,xa(e,t,l),on=a):xa(e,t,l));break;default:xa(e,t,l)}}function fo(e){var t=e.alternate;if(t!==null&&(e=t.child,e!==null)){t.child=null;do t=e.sibling,e.sibling=null,e=t;while(e!==null)}}function dn(e){var t=e.deletions;if((e.flags&16)!==0){if(t!==null)for(var l=0;l<t.length;l++){var a=t[l];Ve=a,oo(a,e)}fo(e)}if(e.subtreeFlags&10256)for(e=e.child;e!==null;)ro(e),e=e.sibling}function ro(e){switch(e.tag){case 0:case 11:case 15:dn(e),e.flags&2048&&gl(9,e,e.return);break;case 3:dn(e);break;case 12:dn(e);break;case 22:var t=e.stateNode;e.memoizedState!==null&&t._visibility&2&&(e.return===null||e.return.tag!==13)?(t._visibility&=-3,xu(e)):dn(e);break;default:dn(e)}}function xu(e){var t=e.deletions;if((e.flags&16)!==0){if(t!==null)for(var l=0;l<t.length;l++){var a=t[l];Ve=a,oo(a,e)}fo(e)}for(e=e.child;e!==null;){switch(t=e,t.tag){case 0:case 11:case 15:gl(8,t,t.return),xu(t);break;case 22:l=t.stateNode,l._visibility&2&&(l._visibility&=-3,xu(t));break;default:xu(t)}e=e.sibling}}function oo(e,t){for(;Ve!==null;){var l=Ve;switch(l.tag){case 0:case 11:case 15:gl(8,l,t);break;case 23:case 22:if(l.memoizedState!==null&&l.memoizedState.cachePool!==null){var a=l.memoizedState.cachePool.pool;a!=null&&a.refCount++}break;case 24:ka(l.memoizedState.cache)}if(a=l.child,a!==null)a.return=l,Ve=a;else e:for(l=e;Ve!==null;){a=Ve;var n=a.sibling,u=a.return;if(to(a),a===l){Ve=null;break e}if(n!==null){n.return=u,Ve=n;break e}Ve=u}}}var gg={getCacheForType:function(e){var t=Ke(Be),l=t.data.get(e);return l===void 0&&(l=e(),t.data.set(e,l)),l},cacheSignal:function(){return Ke(Be).controller.signal}},yg=typeof WeakMap=="function"?WeakMap:Map,ye=0,Ee=null,ie=null,se=0,be=0,dt=null,yl=!1,Sa=!1,Oc=!1,Ft=0,De=0,hl=0,wl=0,Dc=0,mt=0,Na=0,mn=null,at=null,Cc=!1,Su=0,mo=0,Nu=1/0,ju=null,vl=null,Ge=0,bl=null,ja=null,It=0,Rc=0,Uc=null,go=null,gn=0,Hc=null;function gt(){return(ye&2)!==0&&se!==0?se&-se:x.T!==null?Xc():Ms()}function yo(){if(mt===0)if((se&536870912)===0||re){var e=Dn;Dn<<=1,(Dn&3932160)===0&&(Dn=262144),mt=e}else mt=536870912;return e=rt.current,e!==null&&(e.flags|=32),mt}function nt(e,t,l){(e===Ee&&(be===2||be===9)||e.cancelPendingCommit!==null)&&(Aa(e,0),pl(e,se,mt,!1)),Ua(e,l),((ye&2)===0||e!==Ee)&&(e===Ee&&((ye&2)===0&&(wl|=l),De===4&&pl(e,se,mt,!1)),Ut(e))}function ho(e,t,l){if((ye&6)!==0)throw Error(r(327));var a=!l&&(t&127)===0&&(t&e.expiredLanes)===0||Ra(e,t),n=a?bg(e,t):qc(e,t,!0),u=a;do{if(n===0){Sa&&!a&&pl(e,t,0,!1);break}else{if(l=e.current.alternate,u&&!hg(l)){n=qc(e,t,!1),u=!1;continue}if(n===2){if(u=t,e.errorRecoveryDisabledLanes&u)var i=0;else i=e.pendingLanes&-536870913,i=i!==0?i:i&536870912?536870912:0;if(i!==0){t=i;e:{var f=e;n=mn;var o=f.current.memoizedState.isDehydrated;if(o&&(Aa(f,i).flags|=256),i=qc(f,i,!1),i!==2){if(Oc&&!o){f.errorRecoveryDisabledLanes|=u,wl|=u,n=4;break e}u=at,at=n,u!==null&&(at===null?at=u:at.push.apply(at,u))}n=i}if(u=!1,n!==2)continue}}if(n===1){Aa(e,0),pl(e,t,0,!0);break}e:{switch(a=e,u=n,u){case 0:case 1:throw Error(r(345));case 4:if((t&4194048)!==t)break;case 6:pl(a,t,mt,!yl);break e;case 2:at=null;break;case 3:case 5:break;default:throw Error(r(329))}if((t&62914560)===t&&(n=Su+300-ut(),10<n)){if(pl(a,t,mt,!yl),Rn(a,0,!0)!==0)break e;It=t,a.timeoutHandle=Jo(vo.bind(null,a,l,at,ju,Cc,t,mt,wl,Na,yl,u,"Throttled",-0,0),n);break e}vo(a,l,at,ju,Cc,t,mt,wl,Na,yl,u,null,-0,0)}}break}while(!0);Ut(e)}function vo(e,t,l,a,n,u,i,f,o,v,T,M,b,N){if(e.timeoutHandle=-1,M=t.subtreeFlags,M&8192||(M&16785408)===16785408){M={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:qt},so(t,u,M);var Y=(u&62914560)===u?Su-ut():(u&4194048)===u?mo-ut():0;if(Y=ey(M,Y),Y!==null){It=u,e.cancelPendingCommit=Y(To.bind(null,e,t,u,l,a,n,i,f,o,T,M,null,b,N)),pl(e,u,i,!v);return}}To(e,t,u,l,a,n,i,f,o)}function hg(e){for(var t=e;;){var l=t.tag;if((l===0||l===11||l===15)&&t.flags&16384&&(l=t.updateQueue,l!==null&&(l=l.stores,l!==null)))for(var a=0;a<l.length;a++){var n=l[a],u=n.getSnapshot;n=n.value;try{if(!st(u(),n))return!1}catch{return!1}}if(l=t.child,t.subtreeFlags&16384&&l!==null)l.return=t,t=l;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function pl(e,t,l,a){t&=~Dc,t&=~wl,e.suspendedLanes|=t,e.pingedLanes&=~t,a&&(e.warmLanes|=t),a=e.expirationTimes;for(var n=t;0<n;){var u=31-ct(n),i=1<<u;a[u]=-1,n&=~i}l!==0&&Ts(e,l,t)}function Au(){return(ye&6)===0?(yn(0),!1):!0}function Bc(){if(ie!==null){if(be===0)var e=ie.return;else e=ie,Xt=Bl=null,Ii(e),ga=null,Wa=0,e=ie;for(;e!==null;)Jr(e.alternate,e),e=e.return;ie=null}}function Aa(e,t){var l=e.timeoutHandle;l!==-1&&(e.timeoutHandle=-1,Bg(l)),l=e.cancelPendingCommit,l!==null&&(e.cancelPendingCommit=null,l()),It=0,Bc(),Ee=e,ie=l=Qt(e.current,null),se=t,be=0,dt=null,yl=!1,Sa=Ra(e,t),Oc=!1,Na=mt=Dc=wl=hl=De=0,at=mn=null,Cc=!1,(t&8)!==0&&(t|=t&32);var a=e.entangledLanes;if(a!==0)for(e=e.entanglements,a&=t;0<a;){var n=31-ct(a),u=1<<n;t|=e[n],a&=~u}return Ft=t,wn(),l}function bo(e,t){ee=null,x.H=nn,t===ma||t===Pn?(t=Rf(),be=3):t===Gi?(t=Rf(),be=4):be=t===gc?8:t!==null&&typeof t=="object"&&typeof t.then=="function"?6:1,dt=t,ie===null&&(De=1,mu(e,xt(t,e.current)))}function po(){var e=rt.current;return e===null?!0:(se&4194048)===se?At===null:(se&62914560)===se||(se&536870912)!==0?e===At:!1}function xo(){var e=x.H;return x.H=nn,e===null?nn:e}function So(){var e=x.A;return x.A=gg,e}function Tu(){De=4,yl||(se&4194048)!==se&&rt.current!==null||(Sa=!0),(hl&134217727)===0&&(wl&134217727)===0||Ee===null||pl(Ee,se,mt,!1)}function qc(e,t,l){var a=ye;ye|=2;var n=xo(),u=So();(Ee!==e||se!==t)&&(ju=null,Aa(e,t)),t=!1;var i=De;e:do try{if(be!==0&&ie!==null){var f=ie,o=dt;switch(be){case 8:Bc(),i=6;break e;case 3:case 2:case 9:case 6:rt.current===null&&(t=!0);var v=be;if(be=0,dt=null,Ta(e,f,o,v),l&&Sa){i=0;break e}break;default:v=be,be=0,dt=null,Ta(e,f,o,v)}}vg(),i=De;break}catch(T){bo(e,T)}while(!0);return t&&e.shellSuspendCounter++,Xt=Bl=null,ye=a,x.H=n,x.A=u,ie===null&&(Ee=null,se=0,wn()),i}function vg(){for(;ie!==null;)No(ie)}function bg(e,t){var l=ye;ye|=2;var a=xo(),n=So();Ee!==e||se!==t?(ju=null,Nu=ut()+500,Aa(e,t)):Sa=Ra(e,t);e:do try{if(be!==0&&ie!==null){t=ie;var u=dt;t:switch(be){case 1:be=0,dt=null,Ta(e,t,u,1);break;case 2:case 9:if(Df(u)){be=0,dt=null,jo(t);break}t=function(){be!==2&&be!==9||Ee!==e||(be=7),Ut(e)},u.then(t,t);break e;case 3:be=7;break e;case 4:be=5;break e;case 7:Df(u)?(be=0,dt=null,jo(t)):(be=0,dt=null,Ta(e,t,u,7));break;case 5:var i=null;switch(ie.tag){case 26:i=ie.memoizedState;case 5:case 27:var f=ie;if(i?sd(i):f.stateNode.complete){be=0,dt=null;var o=f.sibling;if(o!==null)ie=o;else{var v=f.return;v!==null?(ie=v,Eu(v)):ie=null}break t}}be=0,dt=null,Ta(e,t,u,5);break;case 6:be=0,dt=null,Ta(e,t,u,6);break;case 8:Bc(),De=6;break e;default:throw Error(r(462))}}pg();break}catch(T){bo(e,T)}while(!0);return Xt=Bl=null,x.H=a,x.A=n,ye=l,ie!==null?0:(Ee=null,se=0,wn(),De)}function pg(){for(;ie!==null&&!Ld();)No(ie)}function No(e){var t=wr(e.alternate,e,Ft);e.memoizedProps=e.pendingProps,t===null?Eu(e):ie=t}function jo(e){var t=e,l=t.alternate;switch(t.tag){case 15:case 0:t=Qr(l,t,t.pendingProps,t.type,void 0,se);break;case 11:t=Qr(l,t,t.pendingProps,t.type.render,t.ref,se);break;case 5:Ii(t);default:Jr(l,t),t=ie=xf(t,Ft),t=wr(l,t,Ft)}e.memoizedProps=e.pendingProps,t===null?Eu(e):ie=t}function Ta(e,t,l,a){Xt=Bl=null,Ii(t),ga=null,Wa=0;var n=t.return;try{if(cg(e,n,t,l,se)){De=1,mu(e,xt(l,e.current)),ie=null;return}}catch(u){if(n!==null)throw ie=n,u;De=1,mu(e,xt(l,e.current)),ie=null;return}t.flags&32768?(re||a===1?e=!0:Sa||(se&536870912)!==0?e=!1:(yl=e=!0,(a===2||a===9||a===3||a===6)&&(a=rt.current,a!==null&&a.tag===13&&(a.flags|=16384))),Ao(t,e)):Eu(t)}function Eu(e){var t=e;do{if((t.flags&32768)!==0){Ao(t,yl);return}e=t.return;var l=rg(t.alternate,t,Ft);if(l!==null){ie=l;return}if(t=t.sibling,t!==null){ie=t;return}ie=t=e}while(t!==null);De===0&&(De=5)}function Ao(e,t){do{var l=og(e.alternate,e);if(l!==null){l.flags&=32767,ie=l;return}if(l=e.return,l!==null&&(l.flags|=32768,l.subtreeFlags=0,l.deletions=null),!t&&(e=e.sibling,e!==null)){ie=e;return}ie=e=l}while(e!==null);De=6,ie=null}function To(e,t,l,a,n,u,i,f,o){e.cancelPendingCommit=null;do zu();while(Ge!==0);if((ye&6)!==0)throw Error(r(327));if(t!==null){if(t===e.current)throw Error(r(177));if(u=t.lanes|t.childLanes,u|=Ti,Id(e,l,u,i,f,o),e===Ee&&(ie=Ee=null,se=0),ja=t,bl=e,It=l,Rc=u,Uc=n,go=a,(t.subtreeFlags&10256)!==0||(t.flags&10256)!==0?(e.callbackNode=null,e.callbackPriority=0,jg(_n,function(){return Oo(),null})):(e.callbackNode=null,e.callbackPriority=0),a=(t.flags&13878)!==0,(t.subtreeFlags&13878)!==0||a){a=x.T,x.T=null,n=R.p,R.p=2,i=ye,ye|=4;try{dg(e,t,l)}finally{ye=i,R.p=n,x.T=a}}Ge=1,Eo(),zo(),Mo()}}function Eo(){if(Ge===1){Ge=0;var e=bl,t=ja,l=(t.flags&13878)!==0;if((t.subtreeFlags&13878)!==0||l){l=x.T,x.T=null;var a=R.p;R.p=2;var n=ye;ye|=4;try{uo(t,e);var u=$c,i=of(e.containerInfo),f=u.focusedElem,o=u.selectionRange;if(i!==f&&f&&f.ownerDocument&&rf(f.ownerDocument.documentElement,f)){if(o!==null&&xi(f)){var v=o.start,T=o.end;if(T===void 0&&(T=v),"selectionStart"in f)f.selectionStart=v,f.selectionEnd=Math.min(T,f.value.length);else{var M=f.ownerDocument||document,b=M&&M.defaultView||window;if(b.getSelection){var N=b.getSelection(),Y=f.textContent.length,k=Math.min(o.start,Y),Ae=o.end===void 0?k:Math.min(o.end,Y);!N.extend&&k>Ae&&(i=Ae,Ae=k,k=i);var y=ff(f,k),d=ff(f,Ae);if(y&&d&&(N.rangeCount!==1||N.anchorNode!==y.node||N.anchorOffset!==y.offset||N.focusNode!==d.node||N.focusOffset!==d.offset)){var h=M.createRange();h.setStart(y.node,y.offset),N.removeAllRanges(),k>Ae?(N.addRange(h),N.extend(d.node,d.offset)):(h.setEnd(d.node,d.offset),N.addRange(h))}}}}for(M=[],N=f;N=N.parentNode;)N.nodeType===1&&M.push({element:N,left:N.scrollLeft,top:N.scrollTop});for(typeof f.focus=="function"&&f.focus(),f=0;f<M.length;f++){var z=M[f];z.element.scrollLeft=z.left,z.element.scrollTop=z.top}}Qu=!!kc,$c=kc=null}finally{ye=n,R.p=a,x.T=l}}e.current=t,Ge=2}}function zo(){if(Ge===2){Ge=0;var e=bl,t=ja,l=(t.flags&8772)!==0;if((t.subtreeFlags&8772)!==0||l){l=x.T,x.T=null;var a=R.p;R.p=2;var n=ye;ye|=4;try{eo(e,t.alternate,t)}finally{ye=n,R.p=a,x.T=l}}Ge=3}}function Mo(){if(Ge===4||Ge===3){Ge=0,Vd();var e=bl,t=ja,l=It,a=go;(t.subtreeFlags&10256)!==0||(t.flags&10256)!==0?Ge=5:(Ge=0,ja=bl=null,_o(e,e.pendingLanes));var n=e.pendingLanes;if(n===0&&(vl=null),ti(l),t=t.stateNode,it&&typeof it.onCommitFiberRoot=="function")try{it.onCommitFiberRoot(Ca,t,void 0,(t.current.flags&128)===128)}catch{}if(a!==null){t=x.T,n=R.p,R.p=2,x.T=null;try{for(var u=e.onRecoverableError,i=0;i<a.length;i++){var f=a[i];u(f.value,{componentStack:f.stack})}}finally{x.T=t,R.p=n}}(It&3)!==0&&zu(),Ut(e),n=e.pendingLanes,(l&261930)!==0&&(n&42)!==0?e===Hc?gn++:(gn=0,Hc=e):gn=0,yn(0)}}function _o(e,t){(e.pooledCacheLanes&=t)===0&&(t=e.pooledCache,t!=null&&(e.pooledCache=null,ka(t)))}function zu(){return Eo(),zo(),Mo(),Oo()}function Oo(){if(Ge!==5)return!1;var e=bl,t=Rc;Rc=0;var l=ti(It),a=x.T,n=R.p;try{R.p=32>l?32:l,x.T=null,l=Uc,Uc=null;var u=bl,i=It;if(Ge=0,ja=bl=null,It=0,(ye&6)!==0)throw Error(r(331));var f=ye;if(ye|=4,ro(u.current),co(u,u.current,i,l),ye=f,yn(0,!1),it&&typeof it.onPostCommitFiberRoot=="function")try{it.onPostCommitFiberRoot(Ca,u)}catch{}return!0}finally{R.p=n,x.T=a,_o(e,t)}}function Do(e,t,l){t=xt(l,t),t=mc(e.stateNode,t,2),e=ol(e,t,2),e!==null&&(Ua(e,2),Ut(e))}function pe(e,t,l){if(e.tag===3)Do(e,e,l);else for(;t!==null;){if(t.tag===3){Do(t,e,l);break}else if(t.tag===1){var a=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(vl===null||!vl.has(a))){e=xt(l,e),l=Dr(2),a=ol(t,l,2),a!==null&&(Cr(l,a,t,e),Ua(a,2),Ut(a));break}}t=t.return}}function Yc(e,t,l){var a=e.pingCache;if(a===null){a=e.pingCache=new yg;var n=new Set;a.set(t,n)}else n=a.get(t),n===void 0&&(n=new Set,a.set(t,n));n.has(l)||(Oc=!0,n.add(l),e=xg.bind(null,e,t,l),t.then(e,e))}function xg(e,t,l){var a=e.pingCache;a!==null&&a.delete(t),e.pingedLanes|=e.suspendedLanes&l,e.warmLanes&=~l,Ee===e&&(se&l)===l&&(De===4||De===3&&(se&62914560)===se&&300>ut()-Su?(ye&2)===0&&Aa(e,0):Dc|=l,Na===se&&(Na=0)),Ut(e)}function Co(e,t){t===0&&(t=As()),e=Rl(e,t),e!==null&&(Ua(e,t),Ut(e))}function Sg(e){var t=e.memoizedState,l=0;t!==null&&(l=t.retryLane),Co(e,l)}function Ng(e,t){var l=0;switch(e.tag){case 31:case 13:var a=e.stateNode,n=e.memoizedState;n!==null&&(l=n.retryLane);break;case 19:a=e.stateNode;break;case 22:a=e.stateNode._retryCache;break;default:throw Error(r(314))}a!==null&&a.delete(t),Co(e,l)}function jg(e,t){return Fu(e,t)}var Mu=null,Ea=null,Qc=!1,_u=!1,Gc=!1,xl=0;function Ut(e){e!==Ea&&e.next===null&&(Ea===null?Mu=Ea=e:Ea=Ea.next=e),_u=!0,Qc||(Qc=!0,Tg())}function yn(e,t){if(!Gc&&_u){Gc=!0;do for(var l=!1,a=Mu;a!==null;){if(e!==0){var n=a.pendingLanes;if(n===0)var u=0;else{var i=a.suspendedLanes,f=a.pingedLanes;u=(1<<31-ct(42|e)+1)-1,u&=n&~(i&~f),u=u&201326741?u&201326741|1:u?u|2:0}u!==0&&(l=!0,Bo(a,u))}else u=se,u=Rn(a,a===Ee?u:0,a.cancelPendingCommit!==null||a.timeoutHandle!==-1),(u&3)===0||Ra(a,u)||(l=!0,Bo(a,u));a=a.next}while(l);Gc=!1}}function Ag(){Ro()}function Ro(){_u=Qc=!1;var e=0;xl!==0&&Hg()&&(e=xl);for(var t=ut(),l=null,a=Mu;a!==null;){var n=a.next,u=Uo(a,t);u===0?(a.next=null,l===null?Mu=n:l.next=n,n===null&&(Ea=l)):(l=a,(e!==0||(u&3)!==0)&&(_u=!0)),a=n}Ge!==0&&Ge!==5||yn(e),xl!==0&&(xl=0)}function Uo(e,t){for(var l=e.suspendedLanes,a=e.pingedLanes,n=e.expirationTimes,u=e.pendingLanes&-62914561;0<u;){var i=31-ct(u),f=1<<i,o=n[i];o===-1?((f&l)===0||(f&a)!==0)&&(n[i]=Fd(f,t)):o<=t&&(e.expiredLanes|=f),u&=~f}if(t=Ee,l=se,l=Rn(e,e===t?l:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),a=e.callbackNode,l===0||e===t&&(be===2||be===9)||e.cancelPendingCommit!==null)return a!==null&&a!==null&&Iu(a),e.callbackNode=null,e.callbackPriority=0;if((l&3)===0||Ra(e,l)){if(t=l&-l,t===e.callbackPriority)return t;switch(a!==null&&Iu(a),ti(l)){case 2:case 8:l=Ns;break;case 32:l=_n;break;case 268435456:l=js;break;default:l=_n}return a=Ho.bind(null,e),l=Fu(l,a),e.callbackPriority=t,e.callbackNode=l,t}return a!==null&&a!==null&&Iu(a),e.callbackPriority=2,e.callbackNode=null,2}function Ho(e,t){if(Ge!==0&&Ge!==5)return e.callbackNode=null,e.callbackPriority=0,null;var l=e.callbackNode;if(zu()&&e.callbackNode!==l)return null;var a=se;return a=Rn(e,e===Ee?a:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),a===0?null:(ho(e,a,t),Uo(e,ut()),e.callbackNode!=null&&e.callbackNode===l?Ho.bind(null,e):null)}function Bo(e,t){if(zu())return null;ho(e,t,!0)}function Tg(){qg(function(){(ye&6)!==0?Fu(Ss,Ag):Ro()})}function Xc(){if(xl===0){var e=oa;e===0&&(e=On,On<<=1,(On&261888)===0&&(On=256)),xl=e}return xl}function qo(e){return e==null||typeof e=="symbol"||typeof e=="boolean"?null:typeof e=="function"?e:qn(""+e)}function Yo(e,t){var l=t.ownerDocument.createElement("input");return l.name=t.name,l.value=t.value,e.id&&l.setAttribute("form",e.id),t.parentNode.insertBefore(l,t),e=new FormData(e),l.parentNode.removeChild(l),e}function Eg(e,t,l,a,n){if(t==="submit"&&l&&l.stateNode===n){var u=qo((n[Ie]||null).action),i=a.submitter;i&&(t=(t=i[Ie]||null)?qo(t.formAction):i.getAttribute("formAction"),t!==null&&(u=t,i=null));var f=new Xn("action","action",null,a,n);e.push({event:f,listeners:[{instance:null,listener:function(){if(a.defaultPrevented){if(xl!==0){var o=i?Yo(n,i):new FormData(n);cc(l,{pending:!0,data:o,method:n.method,action:u},null,o)}}else typeof u=="function"&&(f.preventDefault(),o=i?Yo(n,i):new FormData(n),cc(l,{pending:!0,data:o,method:n.method,action:u},u,o))},currentTarget:n}]})}}for(var Lc=0;Lc<Ai.length;Lc++){var Vc=Ai[Lc],zg=Vc.toLowerCase(),Mg=Vc[0].toUpperCase()+Vc.slice(1);Mt(zg,"on"+Mg)}Mt(gf,"onAnimationEnd"),Mt(yf,"onAnimationIteration"),Mt(hf,"onAnimationStart"),Mt("dblclick","onDoubleClick"),Mt("focusin","onFocus"),Mt("focusout","onBlur"),Mt(Zm,"onTransitionRun"),Mt(wm,"onTransitionStart"),Mt(Km,"onTransitionCancel"),Mt(vf,"onTransitionEnd"),Fl("onMouseEnter",["mouseout","mouseover"]),Fl("onMouseLeave",["mouseout","mouseover"]),Fl("onPointerEnter",["pointerout","pointerover"]),Fl("onPointerLeave",["pointerout","pointerover"]),_l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),_l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),_l("onBeforeInput",["compositionend","keypress","textInput","paste"]),_l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),_l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),_l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var hn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),_g=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(hn));function Qo(e,t){t=(t&4)!==0;for(var l=0;l<e.length;l++){var a=e[l],n=a.event;a=a.listeners;e:{var u=void 0;if(t)for(var i=a.length-1;0<=i;i--){var f=a[i],o=f.instance,v=f.currentTarget;if(f=f.listener,o!==u&&n.isPropagationStopped())break e;u=f,n.currentTarget=v;try{u(n)}catch(T){Zn(T)}n.currentTarget=null,u=o}else for(i=0;i<a.length;i++){if(f=a[i],o=f.instance,v=f.currentTarget,f=f.listener,o!==u&&n.isPropagationStopped())break e;u=f,n.currentTarget=v;try{u(n)}catch(T){Zn(T)}n.currentTarget=null,u=o}}}}function ce(e,t){var l=t[li];l===void 0&&(l=t[li]=new Set);var a=e+"__bubble";l.has(a)||(Go(t,e,2,!1),l.add(a))}function Zc(e,t,l){var a=0;t&&(a|=4),Go(l,e,a,t)}var Ou="_reactListening"+Math.random().toString(36).slice(2);function wc(e){if(!e[Ou]){e[Ou]=!0,Ds.forEach(function(l){l!=="selectionchange"&&(_g.has(l)||Zc(l,!1,e),Zc(l,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Ou]||(t[Ou]=!0,Zc("selectionchange",!1,t))}}function Go(e,t,l,a){switch(yd(t)){case 2:var n=ay;break;case 8:n=ny;break;default:n=is}l=n.bind(null,t,l,e),n=void 0,!oi||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(n=!0),a?n!==void 0?e.addEventListener(t,l,{capture:!0,passive:n}):e.addEventListener(t,l,!0):n!==void 0?e.addEventListener(t,l,{passive:n}):e.addEventListener(t,l,!1)}function Kc(e,t,l,a,n){var u=a;if((t&1)===0&&(t&2)===0&&a!==null)e:for(;;){if(a===null)return;var i=a.tag;if(i===3||i===4){var f=a.stateNode.containerInfo;if(f===n)break;if(i===4)for(i=a.return;i!==null;){var o=i.tag;if((o===3||o===4)&&i.stateNode.containerInfo===n)return;i=i.return}for(;f!==null;){if(i=kl(f),i===null)return;if(o=i.tag,o===5||o===6||o===26||o===27){a=u=i;continue e}f=f.parentNode}}a=a.return}Vs(function(){var v=u,T=fi(l),M=[];e:{var b=bf.get(e);if(b!==void 0){var N=Xn,Y=e;switch(e){case"keypress":if(Qn(l)===0)break e;case"keydown":case"keyup":N=Nm;break;case"focusin":Y="focus",N=yi;break;case"focusout":Y="blur",N=yi;break;case"beforeblur":case"afterblur":N=yi;break;case"click":if(l.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":N=Ks;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":N=rm;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":N=Tm;break;case gf:case yf:case hf:N=mm;break;case vf:N=zm;break;case"scroll":case"scrollend":N=sm;break;case"wheel":N=_m;break;case"copy":case"cut":case"paste":N=ym;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":N=ks;break;case"toggle":case"beforetoggle":N=Dm}var k=(t&4)!==0,Ae=!k&&(e==="scroll"||e==="scrollend"),y=k?b!==null?b+"Capture":null:b;k=[];for(var d=v,h;d!==null;){var z=d;if(h=z.stateNode,z=z.tag,z!==5&&z!==26&&z!==27||h===null||y===null||(z=qa(d,y),z!=null&&k.push(vn(d,z,h))),Ae)break;d=d.return}0<k.length&&(b=new N(b,Y,null,l,T),M.push({event:b,listeners:k}))}}if((t&7)===0){e:{if(b=e==="mouseover"||e==="pointerover",N=e==="mouseout"||e==="pointerout",b&&l!==si&&(Y=l.relatedTarget||l.fromElement)&&(kl(Y)||Y[Jl]))break e;if((N||b)&&(b=T.window===T?T:(b=T.ownerDocument)?b.defaultView||b.parentWindow:window,N?(Y=l.relatedTarget||l.toElement,N=v,Y=Y?kl(Y):null,Y!==null&&(Ae=S(Y),k=Y.tag,Y!==Ae||k!==5&&k!==27&&k!==6)&&(Y=null)):(N=null,Y=v),N!==Y)){if(k=Ks,z="onMouseLeave",y="onMouseEnter",d="mouse",(e==="pointerout"||e==="pointerover")&&(k=ks,z="onPointerLeave",y="onPointerEnter",d="pointer"),Ae=N==null?b:Ba(N),h=Y==null?b:Ba(Y),b=new k(z,d+"leave",N,l,T),b.target=Ae,b.relatedTarget=h,z=null,kl(T)===v&&(k=new k(y,d+"enter",Y,l,T),k.target=h,k.relatedTarget=Ae,z=k),Ae=z,N&&Y)t:{for(k=Og,y=N,d=Y,h=0,z=y;z;z=k(z))h++;z=0;for(var w=d;w;w=k(w))z++;for(;0<h-z;)y=k(y),h--;for(;0<z-h;)d=k(d),z--;for(;h--;){if(y===d||d!==null&&y===d.alternate){k=y;break t}y=k(y),d=k(d)}k=null}else k=null;N!==null&&Xo(M,b,N,k,!1),Y!==null&&Ae!==null&&Xo(M,Ae,Y,k,!0)}}e:{if(b=v?Ba(v):window,N=b.nodeName&&b.nodeName.toLowerCase(),N==="select"||N==="input"&&b.type==="file")var de=lf;else if(ef(b))if(af)de=Xm;else{de=Qm;var L=Ym}else N=b.nodeName,!N||N.toLowerCase()!=="input"||b.type!=="checkbox"&&b.type!=="radio"?v&&ci(v.elementType)&&(de=lf):de=Gm;if(de&&(de=de(e,v))){tf(M,de,l,T);break e}L&&L(e,b,v),e==="focusout"&&v&&b.type==="number"&&v.memoizedProps.value!=null&&ii(b,"number",b.value)}switch(L=v?Ba(v):window,e){case"focusin":(ef(L)||L.contentEditable==="true")&&(aa=L,Si=v,wa=null);break;case"focusout":wa=Si=aa=null;break;case"mousedown":Ni=!0;break;case"contextmenu":case"mouseup":case"dragend":Ni=!1,df(M,l,T);break;case"selectionchange":if(Vm)break;case"keydown":case"keyup":df(M,l,T)}var te;if(vi)e:{switch(e){case"compositionstart":var fe="onCompositionStart";break e;case"compositionend":fe="onCompositionEnd";break e;case"compositionupdate":fe="onCompositionUpdate";break e}fe=void 0}else la?Is(e,l)&&(fe="onCompositionEnd"):e==="keydown"&&l.keyCode===229&&(fe="onCompositionStart");fe&&($s&&l.locale!=="ko"&&(la||fe!=="onCompositionStart"?fe==="onCompositionEnd"&&la&&(te=Zs()):(nl=T,di="value"in nl?nl.value:nl.textContent,la=!0)),L=Du(v,fe),0<L.length&&(fe=new Js(fe,e,null,l,T),M.push({event:fe,listeners:L}),te?fe.data=te:(te=Ps(l),te!==null&&(fe.data=te)))),(te=Rm?Um(e,l):Hm(e,l))&&(fe=Du(v,"onBeforeInput"),0<fe.length&&(L=new Js("onBeforeInput","beforeinput",null,l,T),M.push({event:L,listeners:fe}),L.data=te)),Eg(M,e,v,l,T)}Qo(M,t)})}function vn(e,t,l){return{instance:e,listener:t,currentTarget:l}}function Du(e,t){for(var l=t+"Capture",a=[];e!==null;){var n=e,u=n.stateNode;if(n=n.tag,n!==5&&n!==26&&n!==27||u===null||(n=qa(e,l),n!=null&&a.unshift(vn(e,n,u)),n=qa(e,t),n!=null&&a.push(vn(e,n,u))),e.tag===3)return a;e=e.return}return[]}function Og(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5&&e.tag!==27);return e||null}function Xo(e,t,l,a,n){for(var u=t._reactName,i=[];l!==null&&l!==a;){var f=l,o=f.alternate,v=f.stateNode;if(f=f.tag,o!==null&&o===a)break;f!==5&&f!==26&&f!==27||v===null||(o=v,n?(v=qa(l,u),v!=null&&i.unshift(vn(l,v,o))):n||(v=qa(l,u),v!=null&&i.push(vn(l,v,o)))),l=l.return}i.length!==0&&e.push({event:t,listeners:i})}var Dg=/\r\n?/g,Cg=/\u0000|\uFFFD/g;function Lo(e){return(typeof e=="string"?e:""+e).replace(Dg,`
+`).replace(Cg,"")}function Vo(e,t){return t=Lo(t),Lo(e)===t}function je(e,t,l,a,n,u){switch(l){case"children":typeof a=="string"?t==="body"||t==="textarea"&&a===""||Pl(e,a):(typeof a=="number"||typeof a=="bigint")&&t!=="body"&&Pl(e,""+a);break;case"className":Hn(e,"class",a);break;case"tabIndex":Hn(e,"tabindex",a);break;case"dir":case"role":case"viewBox":case"width":case"height":Hn(e,l,a);break;case"style":Xs(e,a,u);break;case"data":if(t!=="object"){Hn(e,"data",a);break}case"src":case"href":if(a===""&&(t!=="a"||l!=="href")){e.removeAttribute(l);break}if(a==null||typeof a=="function"||typeof a=="symbol"||typeof a=="boolean"){e.removeAttribute(l);break}a=qn(""+a),e.setAttribute(l,a);break;case"action":case"formAction":if(typeof a=="function"){e.setAttribute(l,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof u=="function"&&(l==="formAction"?(t!=="input"&&je(e,t,"name",n.name,n,null),je(e,t,"formEncType",n.formEncType,n,null),je(e,t,"formMethod",n.formMethod,n,null),je(e,t,"formTarget",n.formTarget,n,null)):(je(e,t,"encType",n.encType,n,null),je(e,t,"method",n.method,n,null),je(e,t,"target",n.target,n,null)));if(a==null||typeof a=="symbol"||typeof a=="boolean"){e.removeAttribute(l);break}a=qn(""+a),e.setAttribute(l,a);break;case"onClick":a!=null&&(e.onclick=qt);break;case"onScroll":a!=null&&ce("scroll",e);break;case"onScrollEnd":a!=null&&ce("scrollend",e);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(r(61));if(l=a.__html,l!=null){if(n.children!=null)throw Error(r(60));e.innerHTML=l}}break;case"multiple":e.multiple=a&&typeof a!="function"&&typeof a!="symbol";break;case"muted":e.muted=a&&typeof a!="function"&&typeof a!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(a==null||typeof a=="function"||typeof a=="boolean"||typeof a=="symbol"){e.removeAttribute("xlink:href");break}l=qn(""+a),e.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",l);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":a!=null&&typeof a!="function"&&typeof a!="symbol"?e.setAttribute(l,""+a):e.removeAttribute(l);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":a&&typeof a!="function"&&typeof a!="symbol"?e.setAttribute(l,""):e.removeAttribute(l);break;case"capture":case"download":a===!0?e.setAttribute(l,""):a!==!1&&a!=null&&typeof a!="function"&&typeof a!="symbol"?e.setAttribute(l,a):e.removeAttribute(l);break;case"cols":case"rows":case"size":case"span":a!=null&&typeof a!="function"&&typeof a!="symbol"&&!isNaN(a)&&1<=a?e.setAttribute(l,a):e.removeAttribute(l);break;case"rowSpan":case"start":a==null||typeof a=="function"||typeof a=="symbol"||isNaN(a)?e.removeAttribute(l):e.setAttribute(l,a);break;case"popover":ce("beforetoggle",e),ce("toggle",e),Un(e,"popover",a);break;case"xlinkActuate":Bt(e,"http://www.w3.org/1999/xlink","xlink:actuate",a);break;case"xlinkArcrole":Bt(e,"http://www.w3.org/1999/xlink","xlink:arcrole",a);break;case"xlinkRole":Bt(e,"http://www.w3.org/1999/xlink","xlink:role",a);break;case"xlinkShow":Bt(e,"http://www.w3.org/1999/xlink","xlink:show",a);break;case"xlinkTitle":Bt(e,"http://www.w3.org/1999/xlink","xlink:title",a);break;case"xlinkType":Bt(e,"http://www.w3.org/1999/xlink","xlink:type",a);break;case"xmlBase":Bt(e,"http://www.w3.org/XML/1998/namespace","xml:base",a);break;case"xmlLang":Bt(e,"http://www.w3.org/XML/1998/namespace","xml:lang",a);break;case"xmlSpace":Bt(e,"http://www.w3.org/XML/1998/namespace","xml:space",a);break;case"is":Un(e,"is",a);break;case"innerText":case"textContent":break;default:(!(2<l.length)||l[0]!=="o"&&l[0]!=="O"||l[1]!=="n"&&l[1]!=="N")&&(l=im.get(l)||l,Un(e,l,a))}}function Jc(e,t,l,a,n,u){switch(l){case"style":Xs(e,a,u);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(r(61));if(l=a.__html,l!=null){if(n.children!=null)throw Error(r(60));e.innerHTML=l}}break;case"children":typeof a=="string"?Pl(e,a):(typeof a=="number"||typeof a=="bigint")&&Pl(e,""+a);break;case"onScroll":a!=null&&ce("scroll",e);break;case"onScrollEnd":a!=null&&ce("scrollend",e);break;case"onClick":a!=null&&(e.onclick=qt);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!Cs.hasOwnProperty(l))e:{if(l[0]==="o"&&l[1]==="n"&&(n=l.endsWith("Capture"),t=l.slice(2,n?l.length-7:void 0),u=e[Ie]||null,u=u!=null?u[l]:null,typeof u=="function"&&e.removeEventListener(t,u,n),typeof a=="function")){typeof u!="function"&&u!==null&&(l in e?e[l]=null:e.hasAttribute(l)&&e.removeAttribute(l)),e.addEventListener(t,a,n);break e}l in e?e[l]=a:a===!0?e.setAttribute(l,""):Un(e,l,a)}}}function ke(e,t,l){switch(t){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":ce("error",e),ce("load",e);var a=!1,n=!1,u;for(u in l)if(l.hasOwnProperty(u)){var i=l[u];if(i!=null)switch(u){case"src":a=!0;break;case"srcSet":n=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(r(137,t));default:je(e,t,u,i,l,null)}}n&&je(e,t,"srcSet",l.srcSet,l,null),a&&je(e,t,"src",l.src,l,null);return;case"input":ce("invalid",e);var f=u=i=n=null,o=null,v=null;for(a in l)if(l.hasOwnProperty(a)){var T=l[a];if(T!=null)switch(a){case"name":n=T;break;case"type":i=T;break;case"checked":o=T;break;case"defaultChecked":v=T;break;case"value":u=T;break;case"defaultValue":f=T;break;case"children":case"dangerouslySetInnerHTML":if(T!=null)throw Error(r(137,t));break;default:je(e,t,a,T,l,null)}}qs(e,u,f,o,v,i,n,!1);return;case"select":ce("invalid",e),a=i=u=null;for(n in l)if(l.hasOwnProperty(n)&&(f=l[n],f!=null))switch(n){case"value":u=f;break;case"defaultValue":i=f;break;case"multiple":a=f;default:je(e,t,n,f,l,null)}t=u,l=i,e.multiple=!!a,t!=null?Il(e,!!a,t,!1):l!=null&&Il(e,!!a,l,!0);return;case"textarea":ce("invalid",e),u=n=a=null;for(i in l)if(l.hasOwnProperty(i)&&(f=l[i],f!=null))switch(i){case"value":a=f;break;case"defaultValue":n=f;break;case"children":u=f;break;case"dangerouslySetInnerHTML":if(f!=null)throw Error(r(91));break;default:je(e,t,i,f,l,null)}Qs(e,a,n,u);return;case"option":for(o in l)if(l.hasOwnProperty(o)&&(a=l[o],a!=null))switch(o){case"selected":e.selected=a&&typeof a!="function"&&typeof a!="symbol";break;default:je(e,t,o,a,l,null)}return;case"dialog":ce("beforetoggle",e),ce("toggle",e),ce("cancel",e),ce("close",e);break;case"iframe":case"object":ce("load",e);break;case"video":case"audio":for(a=0;a<hn.length;a++)ce(hn[a],e);break;case"image":ce("error",e),ce("load",e);break;case"details":ce("toggle",e);break;case"embed":case"source":case"link":ce("error",e),ce("load",e);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(v in l)if(l.hasOwnProperty(v)&&(a=l[v],a!=null))switch(v){case"children":case"dangerouslySetInnerHTML":throw Error(r(137,t));default:je(e,t,v,a,l,null)}return;default:if(ci(t)){for(T in l)l.hasOwnProperty(T)&&(a=l[T],a!==void 0&&Jc(e,t,T,a,l,void 0));return}}for(f in l)l.hasOwnProperty(f)&&(a=l[f],a!=null&&je(e,t,f,a,l,null))}function Rg(e,t,l,a){switch(t){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var n=null,u=null,i=null,f=null,o=null,v=null,T=null;for(N in l){var M=l[N];if(l.hasOwnProperty(N)&&M!=null)switch(N){case"checked":break;case"value":break;case"defaultValue":o=M;default:a.hasOwnProperty(N)||je(e,t,N,null,a,M)}}for(var b in a){var N=a[b];if(M=l[b],a.hasOwnProperty(b)&&(N!=null||M!=null))switch(b){case"type":u=N;break;case"name":n=N;break;case"checked":v=N;break;case"defaultChecked":T=N;break;case"value":i=N;break;case"defaultValue":f=N;break;case"children":case"dangerouslySetInnerHTML":if(N!=null)throw Error(r(137,t));break;default:N!==M&&je(e,t,b,N,a,M)}}ui(e,i,f,o,v,T,u,n);return;case"select":N=i=f=b=null;for(u in l)if(o=l[u],l.hasOwnProperty(u)&&o!=null)switch(u){case"value":break;case"multiple":N=o;default:a.hasOwnProperty(u)||je(e,t,u,null,a,o)}for(n in a)if(u=a[n],o=l[n],a.hasOwnProperty(n)&&(u!=null||o!=null))switch(n){case"value":b=u;break;case"defaultValue":f=u;break;case"multiple":i=u;default:u!==o&&je(e,t,n,u,a,o)}t=f,l=i,a=N,b!=null?Il(e,!!l,b,!1):!!a!=!!l&&(t!=null?Il(e,!!l,t,!0):Il(e,!!l,l?[]:"",!1));return;case"textarea":N=b=null;for(f in l)if(n=l[f],l.hasOwnProperty(f)&&n!=null&&!a.hasOwnProperty(f))switch(f){case"value":break;case"children":break;default:je(e,t,f,null,a,n)}for(i in a)if(n=a[i],u=l[i],a.hasOwnProperty(i)&&(n!=null||u!=null))switch(i){case"value":b=n;break;case"defaultValue":N=n;break;case"children":break;case"dangerouslySetInnerHTML":if(n!=null)throw Error(r(91));break;default:n!==u&&je(e,t,i,n,a,u)}Ys(e,b,N);return;case"option":for(var Y in l)if(b=l[Y],l.hasOwnProperty(Y)&&b!=null&&!a.hasOwnProperty(Y))switch(Y){case"selected":e.selected=!1;break;default:je(e,t,Y,null,a,b)}for(o in a)if(b=a[o],N=l[o],a.hasOwnProperty(o)&&b!==N&&(b!=null||N!=null))switch(o){case"selected":e.selected=b&&typeof b!="function"&&typeof b!="symbol";break;default:je(e,t,o,b,a,N)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var k in l)b=l[k],l.hasOwnProperty(k)&&b!=null&&!a.hasOwnProperty(k)&&je(e,t,k,null,a,b);for(v in a)if(b=a[v],N=l[v],a.hasOwnProperty(v)&&b!==N&&(b!=null||N!=null))switch(v){case"children":case"dangerouslySetInnerHTML":if(b!=null)throw Error(r(137,t));break;default:je(e,t,v,b,a,N)}return;default:if(ci(t)){for(var Ae in l)b=l[Ae],l.hasOwnProperty(Ae)&&b!==void 0&&!a.hasOwnProperty(Ae)&&Jc(e,t,Ae,void 0,a,b);for(T in a)b=a[T],N=l[T],!a.hasOwnProperty(T)||b===N||b===void 0&&N===void 0||Jc(e,t,T,b,a,N);return}}for(var y in l)b=l[y],l.hasOwnProperty(y)&&b!=null&&!a.hasOwnProperty(y)&&je(e,t,y,null,a,b);for(M in a)b=a[M],N=l[M],!a.hasOwnProperty(M)||b===N||b==null&&N==null||je(e,t,M,b,a,N)}function Zo(e){switch(e){case"css":case"script":case"font":case"img":case"image":case"input":case"link":return!0;default:return!1}}function Ug(){if(typeof performance.getEntriesByType=="function"){for(var e=0,t=0,l=performance.getEntriesByType("resource"),a=0;a<l.length;a++){var n=l[a],u=n.transferSize,i=n.initiatorType,f=n.duration;if(u&&f&&Zo(i)){for(i=0,f=n.responseEnd,a+=1;a<l.length;a++){var o=l[a],v=o.startTime;if(v>f)break;var T=o.transferSize,M=o.initiatorType;T&&Zo(M)&&(o=o.responseEnd,i+=T*(o<f?1:(f-v)/(o-v)))}if(--a,t+=8*(u+i)/(n.duration/1e3),e++,10<e)break}}if(0<e)return t/e/1e6}return navigator.connection&&(e=navigator.connection.downlink,typeof e=="number")?e:5}var kc=null,$c=null;function Cu(e){return e.nodeType===9?e:e.ownerDocument}function wo(e){switch(e){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function Ko(e,t){if(e===0)switch(t){case"svg":return 1;case"math":return 2;default:return 0}return e===1&&t==="foreignObject"?0:e}function Wc(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.children=="bigint"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Fc=null;function Hg(){var e=window.event;return e&&e.type==="popstate"?e===Fc?!1:(Fc=e,!0):(Fc=null,!1)}var Jo=typeof setTimeout=="function"?setTimeout:void 0,Bg=typeof clearTimeout=="function"?clearTimeout:void 0,ko=typeof Promise=="function"?Promise:void 0,qg=typeof queueMicrotask=="function"?queueMicrotask:typeof ko<"u"?function(e){return ko.resolve(null).then(e).catch(Yg)}:Jo;function Yg(e){setTimeout(function(){throw e})}function Sl(e){return e==="head"}function $o(e,t){var l=t,a=0;do{var n=l.nextSibling;if(e.removeChild(l),n&&n.nodeType===8)if(l=n.data,l==="/$"||l==="/&"){if(a===0){e.removeChild(n),Oa(t);return}a--}else if(l==="$"||l==="$?"||l==="$~"||l==="$!"||l==="&")a++;else if(l==="html")bn(e.ownerDocument.documentElement);else if(l==="head"){l=e.ownerDocument.head,bn(l);for(var u=l.firstChild;u;){var i=u.nextSibling,f=u.nodeName;u[Ha]||f==="SCRIPT"||f==="STYLE"||f==="LINK"&&u.rel.toLowerCase()==="stylesheet"||l.removeChild(u),u=i}}else l==="body"&&bn(e.ownerDocument.body);l=n}while(l);Oa(t)}function Wo(e,t){var l=e;e=0;do{var a=l.nextSibling;if(l.nodeType===1?t?(l._stashedDisplay=l.style.display,l.style.display="none"):(l.style.display=l._stashedDisplay||"",l.getAttribute("style")===""&&l.removeAttribute("style")):l.nodeType===3&&(t?(l._stashedText=l.nodeValue,l.nodeValue=""):l.nodeValue=l._stashedText||""),a&&a.nodeType===8)if(l=a.data,l==="/$"){if(e===0)break;e--}else l!=="$"&&l!=="$?"&&l!=="$~"&&l!=="$!"||e++;l=a}while(l)}function Ic(e){var t=e.firstChild;for(t&&t.nodeType===10&&(t=t.nextSibling);t;){var l=t;switch(t=t.nextSibling,l.nodeName){case"HTML":case"HEAD":case"BODY":Ic(l),ai(l);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(l.rel.toLowerCase()==="stylesheet")continue}e.removeChild(l)}}function Qg(e,t,l,a){for(;e.nodeType===1;){var n=l;if(e.nodeName.toLowerCase()!==t.toLowerCase()){if(!a&&(e.nodeName!=="INPUT"||e.type!=="hidden"))break}else if(a){if(!e[Ha])switch(t){case"meta":if(!e.hasAttribute("itemprop"))break;return e;case"link":if(u=e.getAttribute("rel"),u==="stylesheet"&&e.hasAttribute("data-precedence"))break;if(u!==n.rel||e.getAttribute("href")!==(n.href==null||n.href===""?null:n.href)||e.getAttribute("crossorigin")!==(n.crossOrigin==null?null:n.crossOrigin)||e.getAttribute("title")!==(n.title==null?null:n.title))break;return e;case"style":if(e.hasAttribute("data-precedence"))break;return e;case"script":if(u=e.getAttribute("src"),(u!==(n.src==null?null:n.src)||e.getAttribute("type")!==(n.type==null?null:n.type)||e.getAttribute("crossorigin")!==(n.crossOrigin==null?null:n.crossOrigin))&&u&&e.hasAttribute("async")&&!e.hasAttribute("itemprop"))break;return e;default:return e}}else if(t==="input"&&e.type==="hidden"){var u=n.name==null?null:""+n.name;if(n.type==="hidden"&&e.getAttribute("name")===u)return e}else return e;if(e=Tt(e.nextSibling),e===null)break}return null}function Gg(e,t,l){if(t==="")return null;for(;e.nodeType!==3;)if((e.nodeType!==1||e.nodeName!=="INPUT"||e.type!=="hidden")&&!l||(e=Tt(e.nextSibling),e===null))return null;return e}function Fo(e,t){for(;e.nodeType!==8;)if((e.nodeType!==1||e.nodeName!=="INPUT"||e.type!=="hidden")&&!t||(e=Tt(e.nextSibling),e===null))return null;return e}function Pc(e){return e.data==="$?"||e.data==="$~"}function es(e){return e.data==="$!"||e.data==="$?"&&e.ownerDocument.readyState!=="loading"}function Xg(e,t){var l=e.ownerDocument;if(e.data==="$~")e._reactRetry=t;else if(e.data!=="$?"||l.readyState!=="loading")t();else{var a=function(){t(),l.removeEventListener("DOMContentLoaded",a)};l.addEventListener("DOMContentLoaded",a),e._reactRetry=a}}function Tt(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?"||t==="$~"||t==="&"||t==="F!"||t==="F")break;if(t==="/$"||t==="/&")return null}}return e}var ts=null;function Io(e){e=e.nextSibling;for(var t=0;e;){if(e.nodeType===8){var l=e.data;if(l==="/$"||l==="/&"){if(t===0)return Tt(e.nextSibling);t--}else l!=="$"&&l!=="$!"&&l!=="$?"&&l!=="$~"&&l!=="&"||t++}e=e.nextSibling}return null}function Po(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var l=e.data;if(l==="$"||l==="$!"||l==="$?"||l==="$~"||l==="&"){if(t===0)return e;t--}else l!=="/$"&&l!=="/&"||t++}e=e.previousSibling}return null}function ed(e,t,l){switch(t=Cu(l),e){case"html":if(e=t.documentElement,!e)throw Error(r(452));return e;case"head":if(e=t.head,!e)throw Error(r(453));return e;case"body":if(e=t.body,!e)throw Error(r(454));return e;default:throw Error(r(451))}}function bn(e){for(var t=e.attributes;t.length;)e.removeAttributeNode(t[0]);ai(e)}var Et=new Map,td=new Set;function Ru(e){return typeof e.getRootNode=="function"?e.getRootNode():e.nodeType===9?e:e.ownerDocument}var Pt=R.d;R.d={f:Lg,r:Vg,D:Zg,C:wg,L:Kg,m:Jg,X:$g,S:kg,M:Wg};function Lg(){var e=Pt.f(),t=Au();return e||t}function Vg(e){var t=$l(e);t!==null&&t.tag===5&&t.type==="form"?vr(t):Pt.r(e)}var za=typeof document>"u"?null:document;function ld(e,t,l){var a=za;if(a&&typeof t=="string"&&t){var n=bt(t);n='link[rel="'+e+'"][href="'+n+'"]',typeof l=="string"&&(n+='[crossorigin="'+l+'"]'),td.has(n)||(td.add(n),e={rel:e,crossOrigin:l,href:t},a.querySelector(n)===null&&(t=a.createElement("link"),ke(t,"link",e),Le(t),a.head.appendChild(t)))}}function Zg(e){Pt.D(e),ld("dns-prefetch",e,null)}function wg(e,t){Pt.C(e,t),ld("preconnect",e,t)}function Kg(e,t,l){Pt.L(e,t,l);var a=za;if(a&&e&&t){var n='link[rel="preload"][as="'+bt(t)+'"]';t==="image"&&l&&l.imageSrcSet?(n+='[imagesrcset="'+bt(l.imageSrcSet)+'"]',typeof l.imageSizes=="string"&&(n+='[imagesizes="'+bt(l.imageSizes)+'"]')):n+='[href="'+bt(e)+'"]';var u=n;switch(t){case"style":u=Ma(e);break;case"script":u=_a(e)}Et.has(u)||(e=q({rel:"preload",href:t==="image"&&l&&l.imageSrcSet?void 0:e,as:t},l),Et.set(u,e),a.querySelector(n)!==null||t==="style"&&a.querySelector(pn(u))||t==="script"&&a.querySelector(xn(u))||(t=a.createElement("link"),ke(t,"link",e),Le(t),a.head.appendChild(t)))}}function Jg(e,t){Pt.m(e,t);var l=za;if(l&&e){var a=t&&typeof t.as=="string"?t.as:"script",n='link[rel="modulepreload"][as="'+bt(a)+'"][href="'+bt(e)+'"]',u=n;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":u=_a(e)}if(!Et.has(u)&&(e=q({rel:"modulepreload",href:e},t),Et.set(u,e),l.querySelector(n)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(l.querySelector(xn(u)))return}a=l.createElement("link"),ke(a,"link",e),Le(a),l.head.appendChild(a)}}}function kg(e,t,l){Pt.S(e,t,l);var a=za;if(a&&e){var n=Wl(a).hoistableStyles,u=Ma(e);t=t||"default";var i=n.get(u);if(!i){var f={loading:0,preload:null};if(i=a.querySelector(pn(u)))f.loading=5;else{e=q({rel:"stylesheet",href:e,"data-precedence":t},l),(l=Et.get(u))&&ls(e,l);var o=i=a.createElement("link");Le(o),ke(o,"link",e),o._p=new Promise(function(v,T){o.onload=v,o.onerror=T}),o.addEventListener("load",function(){f.loading|=1}),o.addEventListener("error",function(){f.loading|=2}),f.loading|=4,Uu(i,t,a)}i={type:"stylesheet",instance:i,count:1,state:f},n.set(u,i)}}}function $g(e,t){Pt.X(e,t);var l=za;if(l&&e){var a=Wl(l).hoistableScripts,n=_a(e),u=a.get(n);u||(u=l.querySelector(xn(n)),u||(e=q({src:e,async:!0},t),(t=Et.get(n))&&as(e,t),u=l.createElement("script"),Le(u),ke(u,"link",e),l.head.appendChild(u)),u={type:"script",instance:u,count:1,state:null},a.set(n,u))}}function Wg(e,t){Pt.M(e,t);var l=za;if(l&&e){var a=Wl(l).hoistableScripts,n=_a(e),u=a.get(n);u||(u=l.querySelector(xn(n)),u||(e=q({src:e,async:!0,type:"module"},t),(t=Et.get(n))&&as(e,t),u=l.createElement("script"),Le(u),ke(u,"link",e),l.head.appendChild(u)),u={type:"script",instance:u,count:1,state:null},a.set(n,u))}}function ad(e,t,l,a){var n=(n=ue.current)?Ru(n):null;if(!n)throw Error(r(446));switch(e){case"meta":case"title":return null;case"style":return typeof l.precedence=="string"&&typeof l.href=="string"?(t=Ma(l.href),l=Wl(n).hoistableStyles,a=l.get(t),a||(a={type:"style",instance:null,count:0,state:null},l.set(t,a)),a):{type:"void",instance:null,count:0,state:null};case"link":if(l.rel==="stylesheet"&&typeof l.href=="string"&&typeof l.precedence=="string"){e=Ma(l.href);var u=Wl(n).hoistableStyles,i=u.get(e);if(i||(n=n.ownerDocument||n,i={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},u.set(e,i),(u=n.querySelector(pn(e)))&&!u._p&&(i.instance=u,i.state.loading=5),Et.has(e)||(l={rel:"preload",as:"style",href:l.href,crossOrigin:l.crossOrigin,integrity:l.integrity,media:l.media,hrefLang:l.hrefLang,referrerPolicy:l.referrerPolicy},Et.set(e,l),u||Fg(n,e,l,i.state))),t&&a===null)throw Error(r(528,""));return i}if(t&&a!==null)throw Error(r(529,""));return null;case"script":return t=l.async,l=l.src,typeof l=="string"&&t&&typeof t!="function"&&typeof t!="symbol"?(t=_a(l),l=Wl(n).hoistableScripts,a=l.get(t),a||(a={type:"script",instance:null,count:0,state:null},l.set(t,a)),a):{type:"void",instance:null,count:0,state:null};default:throw Error(r(444,e))}}function Ma(e){return'href="'+bt(e)+'"'}function pn(e){return'link[rel="stylesheet"]['+e+"]"}function nd(e){return q({},e,{"data-precedence":e.precedence,precedence:null})}function Fg(e,t,l,a){e.querySelector('link[rel="preload"][as="style"]['+t+"]")?a.loading=1:(t=e.createElement("link"),a.preload=t,t.addEventListener("load",function(){return a.loading|=1}),t.addEventListener("error",function(){return a.loading|=2}),ke(t,"link",l),Le(t),e.head.appendChild(t))}function _a(e){return'[src="'+bt(e)+'"]'}function xn(e){return"script[async]"+e}function ud(e,t,l){if(t.count++,t.instance===null)switch(t.type){case"style":var a=e.querySelector('style[data-href~="'+bt(l.href)+'"]');if(a)return t.instance=a,Le(a),a;var n=q({},l,{"data-href":l.href,"data-precedence":l.precedence,href:null,precedence:null});return a=(e.ownerDocument||e).createElement("style"),Le(a),ke(a,"style",n),Uu(a,l.precedence,e),t.instance=a;case"stylesheet":n=Ma(l.href);var u=e.querySelector(pn(n));if(u)return t.state.loading|=4,t.instance=u,Le(u),u;a=nd(l),(n=Et.get(n))&&ls(a,n),u=(e.ownerDocument||e).createElement("link"),Le(u);var i=u;return i._p=new Promise(function(f,o){i.onload=f,i.onerror=o}),ke(u,"link",a),t.state.loading|=4,Uu(u,l.precedence,e),t.instance=u;case"script":return u=_a(l.src),(n=e.querySelector(xn(u)))?(t.instance=n,Le(n),n):(a=l,(n=Et.get(u))&&(a=q({},l),as(a,n)),e=e.ownerDocument||e,n=e.createElement("script"),Le(n),ke(n,"link",a),e.head.appendChild(n),t.instance=n);case"void":return null;default:throw Error(r(443,t.type))}else t.type==="stylesheet"&&(t.state.loading&4)===0&&(a=t.instance,t.state.loading|=4,Uu(a,l.precedence,e));return t.instance}function Uu(e,t,l){for(var a=l.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),n=a.length?a[a.length-1]:null,u=n,i=0;i<a.length;i++){var f=a[i];if(f.dataset.precedence===t)u=f;else if(u!==n)break}u?u.parentNode.insertBefore(e,u.nextSibling):(t=l.nodeType===9?l.head:l,t.insertBefore(e,t.firstChild))}function ls(e,t){e.crossOrigin==null&&(e.crossOrigin=t.crossOrigin),e.referrerPolicy==null&&(e.referrerPolicy=t.referrerPolicy),e.title==null&&(e.title=t.title)}function as(e,t){e.crossOrigin==null&&(e.crossOrigin=t.crossOrigin),e.referrerPolicy==null&&(e.referrerPolicy=t.referrerPolicy),e.integrity==null&&(e.integrity=t.integrity)}var Hu=null;function id(e,t,l){if(Hu===null){var a=new Map,n=Hu=new Map;n.set(l,a)}else n=Hu,a=n.get(l),a||(a=new Map,n.set(l,a));if(a.has(e))return a;for(a.set(e,null),l=l.getElementsByTagName(e),n=0;n<l.length;n++){var u=l[n];if(!(u[Ha]||u[Ze]||e==="link"&&u.getAttribute("rel")==="stylesheet")&&u.namespaceURI!=="http://www.w3.org/2000/svg"){var i=u.getAttribute(t)||"";i=e+i;var f=a.get(i);f?f.push(u):a.set(i,[u])}}return a}function cd(e,t,l){e=e.ownerDocument||e,e.head.insertBefore(l,t==="title"?e.querySelector("head > title"):null)}function Ig(e,t,l){if(l===1||t.itemProp!=null)return!1;switch(e){case"meta":case"title":return!0;case"style":if(typeof t.precedence!="string"||typeof t.href!="string"||t.href==="")break;return!0;case"link":if(typeof t.rel!="string"||typeof t.href!="string"||t.href===""||t.onLoad||t.onError)break;switch(t.rel){case"stylesheet":return e=t.disabled,typeof t.precedence=="string"&&e==null;default:return!0}case"script":if(t.async&&typeof t.async!="function"&&typeof t.async!="symbol"&&!t.onLoad&&!t.onError&&t.src&&typeof t.src=="string")return!0}return!1}function sd(e){return!(e.type==="stylesheet"&&(e.state.loading&3)===0)}function Pg(e,t,l,a){if(l.type==="stylesheet"&&(typeof a.media!="string"||matchMedia(a.media).matches!==!1)&&(l.state.loading&4)===0){if(l.instance===null){var n=Ma(a.href),u=t.querySelector(pn(n));if(u){t=u._p,t!==null&&typeof t=="object"&&typeof t.then=="function"&&(e.count++,e=Bu.bind(e),t.then(e,e)),l.state.loading|=4,l.instance=u,Le(u);return}u=t.ownerDocument||t,a=nd(a),(n=Et.get(n))&&ls(a,n),u=u.createElement("link"),Le(u);var i=u;i._p=new Promise(function(f,o){i.onload=f,i.onerror=o}),ke(u,"link",a),l.instance=u}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(l,t),(t=l.state.preload)&&(l.state.loading&3)===0&&(e.count++,l=Bu.bind(e),t.addEventListener("load",l),t.addEventListener("error",l))}}var ns=0;function ey(e,t){return e.stylesheets&&e.count===0&&Yu(e,e.stylesheets),0<e.count||0<e.imgCount?function(l){var a=setTimeout(function(){if(e.stylesheets&&Yu(e,e.stylesheets),e.unsuspend){var u=e.unsuspend;e.unsuspend=null,u()}},6e4+t);0<e.imgBytes&&ns===0&&(ns=62500*Ug());var n=setTimeout(function(){if(e.waitingForImages=!1,e.count===0&&(e.stylesheets&&Yu(e,e.stylesheets),e.unsuspend)){var u=e.unsuspend;e.unsuspend=null,u()}},(e.imgBytes>ns?50:800)+t);return e.unsuspend=l,function(){e.unsuspend=null,clearTimeout(a),clearTimeout(n)}}:null}function Bu(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Yu(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var qu=null;function Yu(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,qu=new Map,t.forEach(ty,e),qu=null,Bu.call(e))}function ty(e,t){if(!(t.state.loading&4)){var l=qu.get(e);if(l)var a=l.get(null);else{l=new Map,qu.set(e,l);for(var n=e.querySelectorAll("link[data-precedence],style[data-precedence]"),u=0;u<n.length;u++){var i=n[u];(i.nodeName==="LINK"||i.getAttribute("media")!=="not all")&&(l.set(i.dataset.precedence,i),a=i)}a&&l.set(null,a)}n=t.instance,i=n.getAttribute("data-precedence"),u=l.get(i)||a,u===a&&l.set(null,n),l.set(i,n),this.count++,a=Bu.bind(this),n.addEventListener("load",a),n.addEventListener("error",a),u?u.parentNode.insertBefore(n,u.nextSibling):(e=e.nodeType===9?e.head:e,e.insertBefore(n,e.firstChild)),t.state.loading|=4}}var Sn={$$typeof:U,Provider:null,Consumer:null,_currentValue:$,_currentValue2:$,_threadCount:0};function ly(e,t,l,a,n,u,i,f,o){this.tag=1,this.containerInfo=e,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=Pu(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Pu(0),this.hiddenUpdates=Pu(null),this.identifierPrefix=a,this.onUncaughtError=n,this.onCaughtError=u,this.onRecoverableError=i,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=o,this.incompleteTransitions=new Map}function fd(e,t,l,a,n,u,i,f,o,v,T,M){return e=new ly(e,t,l,i,o,v,T,M,f),t=1,u===!0&&(t|=24),u=ft(3,null,null,t),e.current=u,u.stateNode=e,t=qi(),t.refCount++,e.pooledCache=t,t.refCount++,u.memoizedState={element:a,isDehydrated:l,cache:t},Xi(u),e}function rd(e){return e?(e=ia,e):ia}function od(e,t,l,a,n,u){n=rd(n),a.context===null?a.context=n:a.pendingContext=n,a=rl(t),a.payload={element:l},u=u===void 0?null:u,u!==null&&(a.callback=u),l=ol(e,a,t),l!==null&&(nt(l,e,t),Ia(l,e,t))}function dd(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var l=e.retryLane;e.retryLane=l!==0&&l<t?l:t}}function us(e,t){dd(e,t),(e=e.alternate)&&dd(e,t)}function md(e){if(e.tag===13||e.tag===31){var t=Rl(e,67108864);t!==null&&nt(t,e,67108864),us(e,67108864)}}function gd(e){if(e.tag===13||e.tag===31){var t=gt();t=ei(t);var l=Rl(e,t);l!==null&&nt(l,e,t),us(e,t)}}var Qu=!0;function ay(e,t,l,a){var n=x.T;x.T=null;var u=R.p;try{R.p=2,is(e,t,l,a)}finally{R.p=u,x.T=n}}function ny(e,t,l,a){var n=x.T;x.T=null;var u=R.p;try{R.p=8,is(e,t,l,a)}finally{R.p=u,x.T=n}}function is(e,t,l,a){if(Qu){var n=cs(a);if(n===null)Kc(e,t,a,Gu,l),hd(e,a);else if(iy(n,e,t,l,a))a.stopPropagation();else if(hd(e,a),t&4&&-1<uy.indexOf(e)){for(;n!==null;){var u=$l(n);if(u!==null)switch(u.tag){case 3:if(u=u.stateNode,u.current.memoizedState.isDehydrated){var i=Ml(u.pendingLanes);if(i!==0){var f=u;for(f.pendingLanes|=2,f.entangledLanes|=2;i;){var o=1<<31-ct(i);f.entanglements[1]|=o,i&=~o}Ut(u),(ye&6)===0&&(Nu=ut()+500,yn(0))}}break;case 31:case 13:f=Rl(u,2),f!==null&&nt(f,u,2),Au(),us(u,2)}if(u=cs(a),u===null&&Kc(e,t,a,Gu,l),u===n)break;n=u}n!==null&&a.stopPropagation()}else Kc(e,t,a,null,l)}}function cs(e){return e=fi(e),ss(e)}var Gu=null;function ss(e){if(Gu=null,e=kl(e),e!==null){var t=S(e);if(t===null)e=null;else{var l=t.tag;if(l===13){if(e=E(t),e!==null)return e;e=null}else if(l===31){if(e=C(t),e!==null)return e;e=null}else if(l===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null)}}return Gu=e,null}function yd(e){switch(e){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(Zd()){case Ss:return 2;case Ns:return 8;case _n:case wd:return 32;case js:return 268435456;default:return 32}default:return 32}}var fs=!1,Nl=null,jl=null,Al=null,Nn=new Map,jn=new Map,Tl=[],uy="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function hd(e,t){switch(e){case"focusin":case"focusout":Nl=null;break;case"dragenter":case"dragleave":jl=null;break;case"mouseover":case"mouseout":Al=null;break;case"pointerover":case"pointerout":Nn.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":jn.delete(t.pointerId)}}function An(e,t,l,a,n,u){return e===null||e.nativeEvent!==u?(e={blockedOn:t,domEventName:l,eventSystemFlags:a,nativeEvent:u,targetContainers:[n]},t!==null&&(t=$l(t),t!==null&&md(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,n!==null&&t.indexOf(n)===-1&&t.push(n),e)}function iy(e,t,l,a,n){switch(t){case"focusin":return Nl=An(Nl,e,t,l,a,n),!0;case"dragenter":return jl=An(jl,e,t,l,a,n),!0;case"mouseover":return Al=An(Al,e,t,l,a,n),!0;case"pointerover":var u=n.pointerId;return Nn.set(u,An(Nn.get(u)||null,e,t,l,a,n)),!0;case"gotpointercapture":return u=n.pointerId,jn.set(u,An(jn.get(u)||null,e,t,l,a,n)),!0}return!1}function vd(e){var t=kl(e.target);if(t!==null){var l=S(t);if(l!==null){if(t=l.tag,t===13){if(t=E(l),t!==null){e.blockedOn=t,_s(e.priority,function(){gd(l)});return}}else if(t===31){if(t=C(l),t!==null){e.blockedOn=t,_s(e.priority,function(){gd(l)});return}}else if(t===3&&l.stateNode.current.memoizedState.isDehydrated){e.blockedOn=l.tag===3?l.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Xu(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var l=cs(e.nativeEvent);if(l===null){l=e.nativeEvent;var a=new l.constructor(l.type,l);si=a,l.target.dispatchEvent(a),si=null}else return t=$l(l),t!==null&&md(t),e.blockedOn=l,!1;t.shift()}return!0}function bd(e,t,l){Xu(e)&&l.delete(t)}function cy(){fs=!1,Nl!==null&&Xu(Nl)&&(Nl=null),jl!==null&&Xu(jl)&&(jl=null),Al!==null&&Xu(Al)&&(Al=null),Nn.forEach(bd),jn.forEach(bd)}function Lu(e,t){e.blockedOn===t&&(e.blockedOn=null,fs||(fs=!0,c.unstable_scheduleCallback(c.unstable_NormalPriority,cy)))}var Vu=null;function pd(e){Vu!==e&&(Vu=e,c.unstable_scheduleCallback(c.unstable_NormalPriority,function(){Vu===e&&(Vu=null);for(var t=0;t<e.length;t+=3){var l=e[t],a=e[t+1],n=e[t+2];if(typeof a!="function"){if(ss(a||l)===null)continue;break}var u=$l(l);u!==null&&(e.splice(t,3),t-=3,cc(u,{pending:!0,data:n,method:l.method,action:a},a,n))}}))}function Oa(e){function t(o){return Lu(o,e)}Nl!==null&&Lu(Nl,e),jl!==null&&Lu(jl,e),Al!==null&&Lu(Al,e),Nn.forEach(t),jn.forEach(t);for(var l=0;l<Tl.length;l++){var a=Tl[l];a.blockedOn===e&&(a.blockedOn=null)}for(;0<Tl.length&&(l=Tl[0],l.blockedOn===null);)vd(l),l.blockedOn===null&&Tl.shift();if(l=(e.ownerDocument||e).$$reactFormReplay,l!=null)for(a=0;a<l.length;a+=3){var n=l[a],u=l[a+1],i=n[Ie]||null;if(typeof u=="function")i||pd(l);else if(i){var f=null;if(u&&u.hasAttribute("formAction")){if(n=u,i=u[Ie]||null)f=i.formAction;else if(ss(n)!==null)continue}else f=i.action;typeof f=="function"?l[a+1]=f:(l.splice(a,3),a-=3),pd(l)}}}function xd(){function e(u){u.canIntercept&&u.info==="react-transition"&&u.intercept({handler:function(){return new Promise(function(i){return n=i})},focusReset:"manual",scroll:"manual"})}function t(){n!==null&&(n(),n=null),a||setTimeout(l,20)}function l(){if(!a&&!navigation.transition){var u=navigation.currentEntry;u&&u.url!=null&&navigation.navigate(u.url,{state:u.getState(),info:"react-transition",history:"replace"})}}if(typeof navigation=="object"){var a=!1,n=null;return navigation.addEventListener("navigate",e),navigation.addEventListener("navigatesuccess",t),navigation.addEventListener("navigateerror",t),setTimeout(l,100),function(){a=!0,navigation.removeEventListener("navigate",e),navigation.removeEventListener("navigatesuccess",t),navigation.removeEventListener("navigateerror",t),n!==null&&(n(),n=null)}}}function rs(e){this._internalRoot=e}Zu.prototype.render=rs.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(r(409));var l=t.current,a=gt();od(l,a,e,t,null,null)},Zu.prototype.unmount=rs.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;od(e.current,2,null,e,null,null),Au(),t[Jl]=null}};function Zu(e){this._internalRoot=e}Zu.prototype.unstable_scheduleHydration=function(e){if(e){var t=Ms();e={blockedOn:null,target:e,priority:t};for(var l=0;l<Tl.length&&t!==0&&t<Tl[l].priority;l++);Tl.splice(l,0,e),l===0&&vd(e)}};var Sd=g.version;if(Sd!=="19.2.4")throw Error(r(527,Sd,"19.2.4"));R.findDOMNode=function(e){var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(r(188)):(e=Object.keys(e).join(","),Error(r(268,e)));return e=A(t),e=e!==null?Z(e):null,e=e===null?null:e.stateNode,e};var sy={bundleType:0,version:"19.2.4",rendererPackageName:"react-dom",currentDispatcherRef:x,reconcilerVersion:"19.2.4"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var wu=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!wu.isDisabled&&wu.supportsFiber)try{Ca=wu.inject(sy),it=wu}catch{}}return En.createRoot=function(e,t){if(!p(e))throw Error(r(299));var l=!1,a="",n=zr,u=Mr,i=_r;return t!=null&&(t.unstable_strictMode===!0&&(l=!0),t.identifierPrefix!==void 0&&(a=t.identifierPrefix),t.onUncaughtError!==void 0&&(n=t.onUncaughtError),t.onCaughtError!==void 0&&(u=t.onCaughtError),t.onRecoverableError!==void 0&&(i=t.onRecoverableError)),t=fd(e,1,!1,null,null,l,a,null,n,u,i,xd),e[Jl]=t.current,wc(e),new rs(t)},En.hydrateRoot=function(e,t,l){if(!p(e))throw Error(r(299));var a=!1,n="",u=zr,i=Mr,f=_r,o=null;return l!=null&&(l.unstable_strictMode===!0&&(a=!0),l.identifierPrefix!==void 0&&(n=l.identifierPrefix),l.onUncaughtError!==void 0&&(u=l.onUncaughtError),l.onCaughtError!==void 0&&(i=l.onCaughtError),l.onRecoverableError!==void 0&&(f=l.onRecoverableError),l.formState!==void 0&&(o=l.formState)),t=fd(e,1,!0,t,l??null,a,n,o,u,i,f,xd),t.context=rd(null),l=t.current,a=gt(),a=ei(a),n=rl(a),n.callback=null,ol(l,n,a),l=a,t.current.lanes=l,Ua(t,l),Ut(t),e[Jl]=t.current,wc(e),new Zu(t)},En.version="19.2.4",En}var Dd;function py(){if(Dd)return ms.exports;Dd=1;function c(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(c)}catch(g){console.error(g)}}return c(),ms.exports=by(),ms.exports}var xy=py();const Sy=Gd(xy);function Ny(c){return c>=90?{label:"EXCELLENT",color:"text-fg-success",bg:"bg-bg-success"}:c>=70?{label:"NEEDS WORK",color:"text-fg-warning",bg:"bg-bg-warning"}:{label:"POOR",color:"text-fg-danger",bg:"bg-bg-danger"}}function jy({componentName:c,score:g,totalIssues:j,issuesFixed:r,lastDiff:p,onOpenSettings:S}){if(!g)return null;const E=Ny(g.overall),C=Math.min(r,j),O=Math.max(0,j-C),A=p?.scoreDelta.overall??null;return s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-border bg-bg-secondary",children:[s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"font-medium text-12 truncate",children:c||"Component"}),s.jsxs("span",{className:`text-11 font-semibold px-1.5 py-0.5 rounded ${E.bg} ${E.color}`,children:[g.overall,"/100"]}),A!==null&&A!==0&&s.jsxs("span",{className:`text-11 font-medium ${A>0?"text-fg-success":"text-fg-danger"}`,title:`${A>0?"+":""}${A} vs baseline`,children:[A>0?s.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"inline","aria-hidden":"true",children:s.jsx("polyline",{points:"18 15 12 9 6 15"})}):s.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"inline","aria-hidden":"true",children:s.jsx("polyline",{points:"6 9 12 15 18 9"})}),A>0?"+":"",A]}),s.jsx("span",{className:`text-11 px-1.5 py-0.5 rounded ${E.bg} ${E.color}`,children:E.label})]}),j>0&&s.jsxs("div",{className:"text-11 text-fg-secondary mt-0.5",children:[C>0&&s.jsxs("span",{className:"text-fg-success",children:[C," fixed"]}),C>0&&O>0&&" · ",O>0&&s.jsxs("span",{children:[O," remaining"]})]})]}),S&&s.jsx("button",{onClick:S,className:"shrink-0 w-7 h-7 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors",title:"Settings","aria-label":"Open settings",children:s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[s.jsx("circle",{cx:"12",cy:"12",r:"3"}),s.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]})})]})}function Ay(c){const g=[],j=/\*\*(.+?)\*\*/g;let r=0,p;for(;(p=j.exec(c))!==null;)p.index>r&&g.push(c.slice(r,p.index)),g.push(s.jsx("strong",{children:p[1]},p.index)),r=j.lastIndex;return r<c.length&&g.push(c.slice(r)),g.length>0?g:[c]}function Ty({content:c}){const g=c.split(`
+`);return s.jsx("div",{className:"bg-bg-secondary rounded-xl rounded-bl-sm px-3 py-2 text-12 text-fg max-w-[90%]",children:g.map((j,r)=>s.jsxs("span",{children:[r>0&&s.jsx("br",{}),Ay(j)]},r))})}function el({label:c,score:g,weight:j,failed:r}){return s.jsxs("div",{className:"flex items-center gap-2 text-11",children:[s.jsxs("span",{className:"w-24 text-fg-secondary truncate",children:[c," ",s.jsx("span",{className:"text-fg-tertiary",children:j})]}),s.jsx("div",{className:"flex-1 h-1.5 bg-bg-tertiary rounded-full overflow-hidden",children:s.jsx("div",{className:`h-full rounded-full transition-all ${g>=90?"bg-fg-success":g>=70?"bg-fg-warning":"bg-fg-danger"}`,style:{width:`${g}%`}})}),s.jsxs("span",{className:`w-10 text-right tabular-nums ${g>=90?"text-fg-success":g>=70?"text-fg-warning":"text-fg-danger"}`,children:[g,"%"]})]})}function Ey(c){return c>=90?"text-fg-success":c>=70?"text-fg-warning":"text-fg-danger"}const zy={excellent:{label:"Excellent",color:"text-fg-success",bg:"bg-bg-success"},"needs-work":{label:"Needs Work",color:"text-fg-warning",bg:"bg-bg-warning"},poor:{label:"Poor",color:"text-fg-danger",bg:"bg-bg-danger"}};function My({data:c}){const g=zy[c.grade];return s.jsxs("div",{className:"bg-bg-secondary rounded-xl p-3 space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"text-12 font-medium",children:"Design Health"}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:`text-11 font-semibold px-1.5 py-0.5 rounded ${g.bg} ${g.color}`,children:g.label}),s.jsx("span",{className:`text-[20px] font-bold tabular-nums ${Ey(c.overall)}`,children:c.overall})]})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsx(el,{label:"Tokens",weight:"20%",score:c.tokens.score,failed:c.tokens.failed}),s.jsx(el,{label:"Accessibility",weight:"20%",score:c.accessibility.score,failed:c.accessibility.failed}),s.jsx(el,{label:"Spacing",weight:"12%",score:c.spacing.score,failed:c.spacing.failed}),s.jsx(el,{label:"Visual Quality",weight:"10%",score:c.visualQuality.score,failed:c.visualQuality.failed}),s.jsx(el,{label:"Conversion",weight:"10%",score:c.conversion.score,failed:c.conversion.failed}),s.jsx(el,{label:"Microcopy",weight:"8%",score:c.microcopy.score,failed:c.microcopy.failed}),s.jsx(el,{label:"Cognitive",weight:"8%",score:c.cognitive.score,failed:c.cognitive.failed}),s.jsx(el,{label:"Layout",weight:"8%",score:c.layout.score,failed:c.layout.failed}),s.jsx(el,{label:"Naming",weight:"4%",score:c.naming.score,failed:c.naming.failed})]})]})}const zt={critical:{label:"Critical",color:"text-fg-danger",bg:"bg-bg-danger"},warning:{label:"Warning",color:"text-fg-warning",bg:"bg-bg-warning"},info:{label:"Info",color:"text-fg-secondary",bg:"bg-bg-tertiary"}},_y={fill:zt.critical,stroke:zt.critical,effect:zt.critical,text:zt.critical,radius:zt.warning,spacing:zt.warning,autoLayout:zt.warning,accessibility:zt.critical,visualQuality:zt.warning,microcopy:zt.info},Oy={fill:"Fill",stroke:"Stroke",effect:"Effect",text:"Text",radius:"Radius",spacing:"Spacing",autoLayout:"Auto Layout",accessibility:"A11y",visualQuality:"Visual Quality",microcopy:"Microcopy"};function Dy({errors:c,onJumpToNode:g}){const[j,r]=K.useState(!1),p=j?c:c.slice(0,5),S=c.length>5;return s.jsxs("div",{className:"bg-bg-secondary rounded-xl overflow-hidden",children:[s.jsx("div",{className:"px-3 py-2 border-b border-border flex items-center justify-between",children:s.jsxs("span",{className:"text-12 font-medium",children:[c.length," Issues"]})}),s.jsx("div",{className:"divide-y divide-border",children:p.map((E,C)=>{const O=E.severity&&zt[E.severity]||_y[E.errorType]||zt.warning;return s.jsx("div",{className:"px-3 py-2 hover:bg-bg-hover transition-colors",children:s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("span",{className:`text-11 px-1 py-0.5 rounded ${O.bg} ${O.color} shrink-0 mt-0.5`,children:Oy[E.errorType]||E.errorType}),s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsx("p",{className:"text-12 text-fg truncate",children:E.message}),s.jsx("button",{className:"text-11 text-bg-brand hover:underline mt-0.5",onClick:()=>g(E.nodeId),children:E.nodeName})]})]})},`${E.nodeId}-${E.errorType}-${C}`)})}),S&&s.jsx("button",{className:"w-full px-3 py-1.5 text-11 text-bg-brand hover:bg-bg-hover transition-colors text-center",onClick:()=>r(!j),children:j?"Show less":`Show ${c.length-5} more`})]})}function Cy({data:c}){return c.applied?s.jsxs("div",{className:"bg-bg-success rounded-xl px-3 py-2 text-12",children:[s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-fg-success shrink-0","aria-hidden":"true",children:s.jsx("polyline",{points:"20 6 9 17 4 12"})}),s.jsxs("span",{className:"text-fg",children:["Applied fix to ",s.jsx("strong",{children:c.nodeName})]})]}),c.oldValue&&c.newValue&&s.jsxs("div",{className:"text-11 text-fg-secondary mt-1 ml-5",children:[c.oldValue," → ",c.newValue]})]}):s.jsxs("div",{className:"bg-bg-danger rounded-xl px-3 py-2 text-12 text-fg-danger",children:['Fix failed for "',c.nodeName,'"']})}const Ry={pass:{label:"PASS",color:"text-fg-success",bg:"bg-bg-success"},needs_improvement:{label:"NEEDS IMPROVEMENT",color:"text-fg-warning",bg:"bg-bg-warning"},fail:{label:"FAIL",color:"text-fg-danger",bg:"bg-bg-danger"}};function Uy({rating:c}){const g=Ry[c];return s.jsx("span",{className:`text-10 font-semibold px-1.5 py-0.5 rounded ${g.bg} ${g.color}`,children:g.label})}function Kl({label:c,category:g,extra:j}){return s.jsxs("div",{className:"space-y-1",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"text-11 text-fg-secondary",children:c}),s.jsx(Uy,{rating:g.rating})]}),g.evidence.length>0&&s.jsx("ul",{className:"text-11 text-fg-tertiary space-y-0.5 pl-3",children:g.evidence.map((r,p)=>s.jsx("li",{className:"list-disc",children:r},p))}),g.recommendation&&s.jsx("p",{className:"text-11 text-fg-warning pl-3",children:g.recommendation}),j]})}function Hy({data:c}){const g=c.statesCoverage?.missingStates||[];return s.jsxs("div",{className:"bg-bg-secondary rounded-xl p-3 space-y-2",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"text-12 font-medium",children:"AI Design Review"}),s.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider px-1.5 py-0.5 rounded bg-bg-tertiary text-fg-tertiary",children:"AI-generated"})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Kl,{label:"Visual Hierarchy",category:c.visualHierarchy}),s.jsx(Kl,{label:"States Coverage",category:c.statesCoverage,extra:g.length>0?s.jsxs("div",{className:"text-11 pl-3",children:[s.jsx("span",{className:"text-fg-secondary",children:"Missing: "}),s.jsx("span",{className:"text-fg-warning",children:g.join(", ")})]}):void 0}),s.jsx(Kl,{label:"Platform Alignment",category:c.platformAlignment,extra:c.platformAlignment?.detectedPlatform?s.jsxs("div",{className:"text-11 pl-3 text-fg-tertiary",children:["Detected: ",c.platformAlignment.detectedPlatform]}):void 0}),s.jsx(Kl,{label:"Color Harmony",category:c.colorHarmony}),c.visualBalance&&s.jsx(Kl,{label:"Visual Balance",category:c.visualBalance}),c.microcopyQuality&&s.jsx(Kl,{label:"Microcopy Quality",category:c.microcopyQuality}),c.cognitiveLoad&&s.jsx(Kl,{label:"Cognitive Load",category:c.cognitiveLoad})]})]})}function Cd({pattern:c,frequency:g,variant:j}){return s.jsxs("div",{className:`flex items-center justify-between py-1 px-2 rounded-md text-11 ${j==="match"?"bg-bg-success/10":"bg-bg-warning/10"}`,children:[s.jsx("span",{className:j==="match"?"text-fg-success":"text-fg-warning",children:c}),s.jsx("span",{className:"text-fg-tertiary ml-2 shrink-0",children:g})]})}function By({data:c}){return s.jsxs("div",{className:"bg-bg-secondary rounded-xl p-3 space-y-3",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"text-12 font-medium",children:"Refero Comparison"}),s.jsxs("span",{className:"text-11 text-fg-tertiary",children:[c.screenshots.length," example",c.screenshots.length!==1?"s":""]})]}),c.screenshots.length>0&&s.jsx("div",{className:"flex gap-2 overflow-x-auto pb-1 -mx-1 px-1",children:c.screenshots.map((g,j)=>s.jsxs("a",{href:g.fullUrl,target:"_blank",rel:"noopener noreferrer",className:"shrink-0 group",title:`${g.title} — ${g.company}`,children:[s.jsx("div",{className:"w-[120px] h-[80px] rounded-md overflow-hidden bg-bg-tertiary border border-border group-hover:border-fg-brand transition-colors",children:g.thumbnailUrl?s.jsx("img",{src:g.thumbnailUrl,alt:g.title,className:"w-full h-full object-cover",loading:"lazy"}):s.jsx("div",{className:"w-full h-full flex items-center justify-center text-fg-tertiary text-11",children:g.company})}),s.jsx("p",{className:"text-10 text-fg-tertiary mt-0.5 truncate w-[120px]",children:g.company})]},g.id||j))}),c.matchingPatterns.length>0&&s.jsxs("div",{className:"space-y-1",children:[s.jsx("p",{className:"text-11 text-fg-secondary font-medium",children:"Matching patterns"}),c.matchingPatterns.map((g,j)=>s.jsx(Cd,{pattern:g.pattern,frequency:g.frequency,variant:"match"},j))]}),c.missingPatterns.length>0&&s.jsxs("div",{className:"space-y-1",children:[s.jsx("p",{className:"text-11 text-fg-secondary font-medium",children:"Missing patterns"}),c.missingPatterns.map((g,j)=>s.jsx(Cd,{pattern:g.pattern,frequency:g.frequency,variant:"missing"},j))]}),(c.stylePositioning.closest.length>0||c.stylePositioning.different.length>0)&&s.jsxs("div",{className:"pt-1 border-t border-border space-y-1",children:[c.stylePositioning.closest.length>0&&s.jsxs("p",{className:"text-11 text-fg-tertiary",children:[s.jsx("span",{className:"text-fg-secondary",children:"Closest to: "}),c.stylePositioning.closest.join(", ")]}),c.stylePositioning.different.length>0&&s.jsxs("p",{className:"text-11 text-fg-tertiary",children:[s.jsx("span",{className:"text-fg-secondary",children:"Different from: "}),c.stylePositioning.different.join(", ")]})]}),c.summary&&s.jsx("p",{className:"text-11 text-fg-tertiary border-t border-border pt-2",children:c.summary})]})}const Rd={critical:{bg:"bg-red-50",text:"text-red-700",dot:"bg-red-500"},warning:{bg:"bg-amber-50",text:"text-amber-700",dot:"bg-amber-500"},info:{bg:"bg-blue-50",text:"text-blue-700",dot:"bg-blue-500"}};function vs({severity:c}){const g=Rd[c]||Rd.info;return s.jsxs("span",{className:`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-10 font-medium ${g.bg} ${g.text}`,children:[s.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${g.dot}`}),c]})}function Ku({label:c,value:g,color:j}){return s.jsxs("div",{className:"flex flex-col items-center p-2 bg-bg-secondary rounded-md",children:[s.jsx("span",{className:`text-16 font-semibold tabular-nums ${j||"text-fg"}`,children:g}),s.jsx("span",{className:"text-10 text-fg-tertiary",children:c})]})}function qy({issue:c,onJumpToNode:g}){return s.jsxs("div",{className:"flex items-start gap-2 py-1.5 border-b border-border last:border-0",children:[s.jsx(vs,{severity:c.severity}),s.jsx("p",{className:"flex-1 text-11 text-fg-secondary leading-snug",children:c.message}),c.frameIds.length>0&&g&&s.jsx("button",{className:"shrink-0 text-10 text-fg-brand hover:underline",onClick:()=>g(c.frameIds[0]),children:"Go to"})]})}function Yy({data:c,onJumpToNode:g}){const{graph:j,graphIssues:r,aiAnalysis:p}=c,S=r.filter(C=>C.severity==="critical").length,E=r.filter(C=>C.severity==="warning").length;return r.filter(C=>C.severity==="info").length,s.jsxs("div",{className:"bg-bg rounded-lg border border-border overflow-hidden",children:[s.jsx("div",{className:"px-3 py-2 bg-bg-secondary border-b border-border",children:s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("h3",{className:"text-12 font-semibold text-fg",children:"Flow Analysis"}),s.jsxs("span",{className:"text-10 text-fg-tertiary",children:[j.stats.totalFrames," screens, ",j.stats.totalEdges," connections"]})]})}),s.jsxs("div",{className:"grid grid-cols-4 gap-2 p-3",children:[s.jsx(Ku,{label:"Screens",value:j.stats.totalFrames}),s.jsx(Ku,{label:"Entry Points",value:j.stats.totalEntryPoints}),s.jsx(Ku,{label:"Max Depth",value:j.stats.maxDepth,color:j.stats.maxDepth>3?"text-fg-warning":void 0}),s.jsx(Ku,{label:"Issues",value:r.length,color:S>0?"text-fg-danger":E>0?"text-fg-warning":"text-fg-success"})]}),s.jsxs("div",{className:"flex gap-2 px-3 pb-2",children:[j.deadEnds.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-amber-50 text-amber-700 rounded",children:[j.deadEnds.length," dead end",j.deadEnds.length!==1?"s":""]}),j.orphans.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-amber-50 text-amber-700 rounded",children:[j.orphans.length," orphan",j.orphans.length!==1?"s":""]}),j.unreachable.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-red-50 text-red-700 rounded",children:[j.unreachable.length," unreachable"]}),j.loops.length>0&&s.jsxs("span",{className:"text-10 px-1.5 py-0.5 bg-blue-50 text-blue-700 rounded",children:[j.loops.length," loop",j.loops.length!==1?"s":""]}),r.length===0&&s.jsx("span",{className:"text-10 px-1.5 py-0.5 bg-green-50 text-green-700 rounded",children:"No structural issues"})]}),r.length>0&&s.jsxs("div",{className:"px-3 pb-2",children:[s.jsx("h4",{className:"text-11 font-medium text-fg mb-1",children:"Issues"}),s.jsx("div",{className:"max-h-40 overflow-y-auto",children:r.map((C,O)=>s.jsx(qy,{issue:C,onJumpToNode:g},O))})]}),p&&s.jsxs("div",{className:"border-t border-border px-3 py-2",children:[s.jsx("h4",{className:"text-11 font-medium text-fg mb-2",children:"AI Flow Review"}),s.jsxs("div",{className:"mb-2",children:[s.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[s.jsx("span",{className:"text-10 text-fg-secondary",children:"Happy path:"}),s.jsx("span",{className:`text-10 font-medium ${p.scenarioAnalysis.happyPathComplete?"text-fg-success":"text-fg-danger"}`,children:p.scenarioAnalysis.happyPathComplete?"Complete":"Incomplete"}),s.jsx("span",{className:"text-10 text-fg-secondary ml-2",children:"Error recovery:"}),s.jsx("span",{className:`text-10 font-medium ${p.scenarioAnalysis.errorRecoveryPaths?"text-fg-success":"text-fg-warning"}`,children:p.scenarioAnalysis.errorRecoveryPaths?"Present":"Missing"})]}),p.scenarioAnalysis.missingScreens.length>0&&s.jsxs("div",{className:"mt-1",children:[s.jsx("span",{className:"text-10 text-fg-tertiary",children:"Missing screens:"}),p.scenarioAnalysis.missingScreens.map((C,O)=>s.jsxs("div",{className:"text-10 text-fg-secondary pl-2 py-0.5",children:[s.jsx(vs,{severity:"warning"})," ",C.type,": ",C.description]},O))]})]}),s.jsxs("div",{className:"grid grid-cols-2 gap-2 mb-2",children:[s.jsxs("div",{className:"flex items-center gap-1",children:[s.jsx("span",{className:`w-2 h-2 rounded-full ${p.consistencyAnalysis.colorDrift?"bg-amber-500":"bg-green-500"}`}),s.jsxs("span",{className:"text-10 text-fg-secondary",children:["Color ",p.consistencyAnalysis.colorDrift?"drift":"consistent"]})]}),s.jsxs("div",{className:"flex items-center gap-1",children:[s.jsx("span",{className:`w-2 h-2 rounded-full ${p.consistencyAnalysis.typographyDrift?"bg-amber-500":"bg-green-500"}`}),s.jsxs("span",{className:"text-10 text-fg-secondary",children:["Typography ",p.consistencyAnalysis.typographyDrift?"drift":"consistent"]})]})]}),p.recommendations.length>0&&s.jsxs("div",{children:[s.jsx("span",{className:"text-10 text-fg-tertiary",children:"Recommendations:"}),p.recommendations.slice(0,5).map((C,O)=>s.jsxs("div",{className:"flex items-start gap-1.5 py-1",children:[s.jsx(vs,{severity:C.severity}),s.jsxs("div",{className:"flex-1",children:[s.jsx("span",{className:"text-10 font-medium text-fg",children:C.title}),s.jsx("p",{className:"text-10 text-fg-secondary",children:C.description})]})]},O))]}),p.summary&&s.jsx("p",{className:"text-10 text-fg-secondary mt-2 italic",children:p.summary})]})]})}const Qy={tokens:"Tokens",accessibility:"A11y",spacing:"Spacing",visualQuality:"Visual",conversion:"Conversion",microcopy:"Microcopy",cognitive:"Cognitive",layout:"Layout",naming:"Naming"};function Gy(c){const g=new Date(c),j=String(g.getMonth()+1).padStart(2,"0"),r=String(g.getDate()).padStart(2,"0"),p=String(g.getHours()).padStart(2,"0"),S=String(g.getMinutes()).padStart(2,"0");return`${j}/${r} ${p}:${S}`}function Xy({delta:c}){return c>0?s.jsxs("span",{className:"text-fg-success font-semibold",children:["+",c]}):c<0?s.jsx("span",{className:"text-fg-danger font-semibold",children:c}):s.jsx("span",{className:"text-fg-tertiary",children:"0"})}function Ud({severity:c}){const g=c==="critical"?"bg-bg-danger":c==="warning"?"bg-bg-warning":"bg-bg-tertiary";return s.jsx("span",{className:`inline-block w-1.5 h-1.5 rounded-full ${g} shrink-0 mt-1`})}function Ly({data:c}){const{scoreDelta:g,summary:j}=c,r=g.overall,p=r>0,S=r<0;return s.jsxs("div",{className:"bg-bg-secondary rounded-xl px-3 py-2 space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"text-12 font-medium text-fg",children:"Baseline Diff"}),s.jsxs("span",{className:"text-10 text-fg-tertiary",children:["vs ",Gy(c.baselineTimestamp)]})]}),s.jsxs("div",{className:"flex items-center gap-1.5",children:[p&&s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"text-fg-success","aria-hidden":"true",children:s.jsx("polyline",{points:"18 15 12 9 6 15"})}),S&&s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"text-fg-danger","aria-hidden":"true",children:s.jsx("polyline",{points:"6 9 12 15 18 9"})}),!p&&!S&&s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"text-fg-tertiary","aria-hidden":"true",children:s.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}),s.jsxs("span",{className:`text-13 font-bold ${p?"text-fg-success":S?"text-fg-danger":"text-fg-secondary"}`,children:[g.oldOverall," → ",g.newOverall]})]})]}),s.jsxs("div",{className:"flex gap-3 text-11",children:[j.totalFixed>0&&s.jsxs("span",{className:"text-fg-success",children:[j.totalFixed," fixed"]}),j.totalNew>0&&s.jsxs("span",{className:"text-fg-danger",children:[j.totalNew," new"]}),s.jsxs("span",{className:"text-fg-secondary",children:[j.totalRemaining," remaining"]})]}),g.categories.filter(E=>E.delta!==0).length>0&&s.jsx("div",{className:"space-y-1 pt-1 border-t border-border",children:g.categories.filter(E=>E.delta!==0).map(E=>s.jsxs("div",{className:"flex items-center justify-between text-11",children:[s.jsx("span",{className:"text-fg-secondary",children:Qy[E.category]||E.category}),s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:"text-fg-tertiary",children:E.oldScore}),s.jsx("span",{className:"text-fg-tertiary",children:"→"}),s.jsx("span",{className:"text-fg-secondary",children:E.newScore}),s.jsx(Xy,{delta:E.delta})]})]},E.category))}),c.newIssues.length>0&&s.jsxs("div",{className:"pt-1 border-t border-border",children:[s.jsxs("p",{className:"text-11 font-medium text-fg-danger mb-1",children:["New issues (",c.newIssues.length,")"]}),s.jsxs("div",{className:"space-y-0.5",children:[c.newIssues.slice(0,5).map((E,C)=>s.jsxs("div",{className:"flex items-start gap-1.5 text-10 text-fg-secondary",children:[s.jsx(Ud,{severity:E.severity}),s.jsxs("span",{className:"truncate",children:["[",E.errorType,"] ",E.message]})]},C)),c.newIssues.length>5&&s.jsxs("p",{className:"text-10 text-fg-tertiary",children:["+",c.newIssues.length-5," more"]})]})]}),c.fixedIssues.length>0&&s.jsxs("div",{className:"pt-1 border-t border-border",children:[s.jsxs("p",{className:"text-11 font-medium text-fg-success mb-1",children:["Fixed (",c.fixedIssues.length,")"]}),s.jsxs("div",{className:"space-y-0.5",children:[c.fixedIssues.slice(0,5).map((E,C)=>s.jsxs("div",{className:"flex items-start gap-1.5 text-10 text-fg-secondary line-through opacity-70",children:[s.jsx(Ud,{severity:E.severity}),s.jsxs("span",{className:"truncate",children:["[",E.errorType,"] ",E.message]})]},C)),c.fixedIssues.length>5&&s.jsxs("p",{className:"text-10 text-fg-tertiary",children:["+",c.fixedIssues.length-5," more"]})]})]})]})}const Hd={primary:"bg-bg-brand text-fg-onbrand hover:opacity-90",secondary:"bg-bg-secondary text-fg border border-border hover:bg-bg-hover",ghost:"text-fg-secondary hover:bg-bg-hover"};function Vy({buttons:c,onAction:g}){return s.jsx("div",{className:"flex flex-wrap gap-1.5 py-1",children:c.map(j=>s.jsx("button",{className:`px-3 py-1.5 text-11 font-medium rounded-md transition-colors ${Hd[j.variant]||Hd.secondary}`,onClick:()=>g(j.action,j.params),children:j.label},j.id))})}function Zy({messages:c,onAction:g,onJumpToNode:j}){const r=K.useRef(null);return K.useEffect(()=>{r.current?.scrollIntoView({behavior:"smooth"})},[c.length]),c.length===0?s.jsx("div",{className:"flex-1 flex items-center justify-center px-6",children:s.jsxs("div",{className:"text-center space-y-4 max-w-[280px]",children:[s.jsx("div",{className:"text-[40px] mb-1",children:s.jsx("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"mx-auto text-fg-tertiary","aria-hidden":"true",children:s.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})}),s.jsxs("div",{children:[s.jsx("p",{className:"text-13 font-medium text-fg mb-1",children:"FigmaLint"}),s.jsx("p",{className:"text-11 text-fg-secondary",children:"AI-powered design quality review"})]}),s.jsxs("div",{className:"text-left space-y-2",children:[s.jsxs("div",{className:"flex items-start gap-2 text-11",children:[s.jsx("span",{className:"shrink-0 w-5 h-5 rounded-full bg-bg-brand text-fg-onbrand flex items-center justify-center text-[10px] font-bold mt-0.5",children:"1"}),s.jsxs("span",{className:"text-fg-secondary",children:[s.jsx("strong",{className:"text-fg",children:"Select"})," a component or frame on the canvas"]})]}),s.jsxs("div",{className:"flex items-start gap-2 text-11",children:[s.jsx("span",{className:"shrink-0 w-5 h-5 rounded-full bg-bg-brand text-fg-onbrand flex items-center justify-center text-[10px] font-bold mt-0.5",children:"2"}),s.jsxs("span",{className:"text-fg-secondary",children:[s.jsx("strong",{className:"text-fg",children:"Analyze"})," to check design rules, visual quality, and token usage"]})]}),s.jsxs("div",{className:"flex items-start gap-2 text-11",children:[s.jsx("span",{className:"shrink-0 w-5 h-5 rounded-full bg-bg-brand text-fg-onbrand flex items-center justify-center text-[10px] font-bold mt-0.5",children:"3"}),s.jsxs("span",{className:"text-fg-secondary",children:[s.jsx("strong",{className:"text-fg",children:"Fix"})," auto-fixable issues with one click, or chat with AI for guidance"]})]})]})]})}):s.jsxs("div",{role:"log","aria-live":"polite","aria-label":"Chat messages",className:"flex-1 overflow-y-auto px-3 py-2 space-y-2",children:[c.map(p=>{const S=p.message;switch(S.kind){case"ai-text":return s.jsx(Ty,{content:S.content},p.id);case"user-text":return s.jsx("div",{className:"flex justify-end",children:s.jsx("div",{className:"bg-bg-brand text-fg-onbrand rounded-xl rounded-br-sm px-3 py-2 text-12 max-w-[85%]",children:S.content})},p.id);case"score-card":return s.jsx(My,{data:S.data},p.id);case"issues-list":return s.jsx(Dy,{errors:S.data,onJumpToNode:j},p.id);case"fix-result":return s.jsx(Cy,{data:S.data},p.id);case"issue-detail":return s.jsxs("div",{className:"bg-bg-secondary rounded-xl px-3 py-2 text-12 space-y-1",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"font-medium text-fg",children:S.data.nodeName}),s.jsx("span",{className:"text-10 text-fg-tertiary",children:S.data.errorType})]}),s.jsx("p",{className:"text-11 text-fg-secondary",children:S.data.message}),S.data.value&&s.jsx("p",{className:"text-10 text-fg-tertiary font-mono",children:S.data.value})]},p.id);case"action-buttons":return s.jsx(Vy,{buttons:S.buttons,onAction:g},p.id);case"batch-summary":return s.jsx("div",{className:"bg-bg-success rounded-xl px-3 py-2 text-12",children:s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-fg-success shrink-0","aria-hidden":"true",children:s.jsx("polyline",{points:"20 6 9 17 4 12"})}),s.jsxs("span",{children:[s.jsx("strong",{children:S.data.applied})," of ",S.data.total," fixes applied",S.data.failed>0&&s.jsxs("span",{className:"text-fg-danger",children:[" (",S.data.failed," failed)"]})]})]})},p.id);case"ai-review":return s.jsx(Hy,{data:S.data},p.id);case"refero-gallery":return s.jsx(By,{data:S.data},p.id);case"analysis-phase":return s.jsx(Ky,{phase:S.phase,done:S.done},p.id);case"flow-result":return s.jsx(Yy,{data:S.data,onJumpToNode:j},p.id);case"diff-result":return s.jsx(Ly,{data:S.data},p.id);case"baseline-saved":return s.jsx("div",{className:"bg-bg-success rounded-xl px-3 py-2 text-12",children:s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-fg-success shrink-0","aria-hidden":"true",children:[s.jsx("path",{d:"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"}),s.jsx("polyline",{points:"17 21 17 13 7 13 7 21"}),s.jsx("polyline",{points:"7 3 7 8 15 8"})]}),s.jsxs("span",{children:["Baseline saved (score: ",S.data.overall,"/100)"]})]})},p.id);case"score-update":{const E=S.data.newScore-S.data.oldScore,C=E>0?"↑":E<0?"↓":"→",O=E>0?"text-fg-success":E<0?"text-fg-danger":"text-fg-secondary";return s.jsxs("div",{className:"bg-bg-secondary rounded-xl px-3 py-2 text-12",children:[s.jsxs("span",{className:O,children:["Score: ",S.data.oldScore," ",C," ",S.data.newScore," (",E>0?"+":"",E,")"]}),S.data.issuesRemaining>0&&s.jsxs("span",{className:"text-fg-secondary ml-2",children:[S.data.issuesRemaining," issue",S.data.issuesRemaining!==1?"s":""," remaining"]})]},p.id)}default:return null}}),s.jsx("div",{ref:r})]})}const wy={lint:"Checking design rules",screenshot:"Capturing screenshot","ai-review":"Analyzing visual quality",refero:"Finding similar designs"},Bd=["lint","screenshot","ai-review","refero"];function Ky({phase:c,done:g}){const j=Bd.indexOf(c);return s.jsx("div",{className:"bg-bg-secondary rounded-xl px-3 py-2 space-y-1.5",children:Bd.map((r,p)=>{const S=p===j&&!g,E=p<j||g&&p===j,C=p>j;return s.jsxs("div",{className:"flex items-center gap-2 text-11",children:[E&&s.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",className:"text-fg-success shrink-0","aria-hidden":"true",children:s.jsx("polyline",{points:"20 6 9 17 4 12"})}),S&&s.jsx("div",{className:"w-3 h-3 border-[1.5px] border-bg-brand border-t-transparent rounded-full animate-spin shrink-0"}),C&&s.jsx("div",{className:"w-3 h-3 rounded-full bg-bg-tertiary shrink-0"}),s.jsxs("span",{className:S?"text-fg font-medium":E?"text-fg-secondary":"text-fg-tertiary",children:[wy[r],S?"...":""]})]},r)})})}function Jy({onSend:c,placeholder:g="Ask about this component...",disabled:j=!1}){const[r,p]=K.useState(""),S=K.useCallback(()=>{const C=r.trim();C&&(c(C),p(""))},[r,c]),E=K.useCallback(C=>{C.key==="Enter"&&!C.shiftKey&&(C.preventDefault(),S())},[S]);return s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-t border-border bg-bg",children:[s.jsx("input",{type:"text",className:"flex-1 bg-bg-secondary border border-border rounded-md px-3 py-1.5 text-12 text-fg placeholder:text-fg-disabled outline-none focus:border-bg-brand transition-colors",value:r,onChange:C=>p(C.target.value),onKeyDown:E,placeholder:g,disabled:j,"aria-label":"Chat message"}),s.jsx("button",{type:"button",className:"flex items-center justify-center w-7 h-7 rounded-md bg-bg-brand text-fg-onbrand hover:opacity-90 disabled:opacity-40 transition-opacity",onClick:S,disabled:j||!r.trim(),title:"Send","aria-label":"Send message",children:s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[s.jsx("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),s.jsx("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]})}function ky({onAnalyze:c,hasFixable:g,analysisMode:j="quick",hasBaseline:r,onAction:p}){return s.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1 border-t border-border overflow-x-auto",children:[g&&s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 bg-bg-brand text-fg-onbrand rounded-md hover:opacity-90 transition-opacity",onClick:()=>p("fix-all"),children:"Fix all"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors",onClick:c,children:"Re-scan"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>p("save-baseline"),title:"Save current results as baseline for future comparison",children:r?"Update Baseline":"Save Baseline"}),r&&s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>p("compare-baseline"),title:"Compare current results with saved baseline",children:"Diff"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>p("export"),title:"Copy markdown report",children:"Export"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-tertiary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>p("export-json"),title:"Copy JSON report",children:"JSON"}),s.jsx("button",{className:"shrink-0 px-2 py-1 text-11 text-fg-tertiary hover:bg-bg-hover rounded-md transition-colors",onClick:()=>p("toggle-mode"),title:j==="quick"?"Switch to deep analysis (includes Refero)":"Switch to quick analysis",children:j==="quick"?"Quick":"Deep"})]})}function $y({state:c,componentName:g,analysisMode:j,onAnalyze:r,onSendMessage:p,onAction:S,onJumpToNode:E,onOpenSettings:C}){const{messages:O,score:A,lintResult:Z,isAnalyzing:q,issuesFixed:ne,baselineMeta:ve,lastDiff:ge}=c,I=Z?.summary.totalErrors||0,xe=O.length>0,D=K.useCallback((B,U)=>{B==="rescan"?r():S(B,U)},[r,S]);return s.jsxs("div",{className:"flex flex-col h-full",children:[s.jsx(jy,{componentName:g,score:A,totalIssues:I,issuesFixed:ne,lastDiff:ge,onOpenSettings:C}),q?s.jsx("div",{className:"flex-1 flex items-center justify-center",children:s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"inline-block w-6 h-6 border-2 border-bg-brand border-t-transparent rounded-full animate-spin mb-2"}),s.jsx("p",{className:"text-12 text-fg-secondary",children:"Analyzing..."})]})}):s.jsx(Zy,{messages:O,onAction:D,onJumpToNode:E}),s.jsxs("div",{children:[xe&&s.jsx(ky,{onAnalyze:r,hasFixable:(Z?.errors.filter(B=>B.errorType==="spacing"||B.errorType==="radius").length||0)>0,analysisMode:j,hasBaseline:!!ve,onAction:D}),s.jsx(Jy,{onSend:p,disabled:q})]})]})}const qd=[{id:"anthropic",label:"Anthropic",placeholder:"sk-ant-..."},{id:"openai",label:"OpenAI",placeholder:"sk-..."},{id:"google",label:"Google AI",placeholder:"AIza..."}];function Wy({hasApiKey:c,analysisMode:g,backendAvailable:j,onSaveApiKey:r,onClearApiKey:p,onToggleMode:S,onClose:E}){const[C,O]=K.useState(""),[A,Z]=K.useState("anthropic"),[q,ne]=K.useState(!1),ve=K.useRef(null),ge=K.useCallback(()=>{C.trim()&&(ne(!0),r(C.trim(),A),setTimeout(()=>{ne(!1),O("")},500))},[C,A,r]);return K.useEffect(()=>{const I=ve.current;if(!I)return;const xe='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',D=I.querySelectorAll(xe);D.length>0&&D[0].focus();const B=U=>{if(U.key==="Escape"){E();return}if(U.key!=="Tab")return;const ae=I.querySelectorAll(xe);if(ae.length===0)return;const X=ae[0],oe=ae[ae.length-1];U.shiftKey?document.activeElement===X&&(U.preventDefault(),oe.focus()):document.activeElement===oe&&(U.preventDefault(),X.focus())};return I.addEventListener("keydown",B),()=>I.removeEventListener("keydown",B)},[E]),s.jsxs("div",{ref:ve,role:"dialog","aria-modal":"true","aria-label":"Settings",className:"absolute inset-0 z-50 bg-bg flex flex-col",children:[s.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-border",children:[s.jsx("span",{className:"text-12 font-medium",children:"Settings"}),s.jsx("button",{onClick:E,className:"w-6 h-6 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors","aria-label":"Close settings",children:s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),s.jsxs("div",{className:"flex-1 overflow-y-auto p-3 space-y-4",children:[s.jsxs("section",{className:"space-y-2",children:[s.jsx("h3",{className:"text-11 font-medium text-fg-secondary uppercase tracking-wide",children:"API Key"}),c?s.jsxs("div",{className:"flex items-center justify-between bg-bg-secondary rounded-lg px-3 py-2",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"w-2 h-2 rounded-full bg-fg-success"}),s.jsx("span",{className:"text-12 text-fg",children:"Key configured"})]}),s.jsx("button",{onClick:p,className:"text-11 text-fg-danger hover:underline",children:"Remove"})]}):s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"flex gap-1",children:qd.map(I=>s.jsx("button",{onClick:()=>Z(I.id),className:`px-2 py-1 text-11 rounded-md transition-colors ${A===I.id?"bg-bg-brand text-fg-onbrand":"text-fg-secondary hover:bg-bg-hover"}`,children:I.label},I.id))}),s.jsx("input",{type:"password",value:C,onChange:I=>O(I.target.value),placeholder:qd.find(I=>I.id===A)?.placeholder,className:"w-full px-2 py-1.5 text-12 bg-bg-secondary border border-border rounded-md focus:outline-none focus:ring-1 focus:ring-fg-brand",onKeyDown:I=>{I.key==="Enter"&&ge()},"aria-label":"API key"}),s.jsx("button",{onClick:ge,disabled:!C.trim()||q,className:"w-full py-1.5 text-12 font-medium bg-bg-brand text-fg-onbrand rounded-md hover:opacity-90 transition-opacity disabled:opacity-50",children:q?"Saving...":"Save API Key"})]})]}),s.jsxs("section",{className:"space-y-2",children:[s.jsx("h3",{className:"text-11 font-medium text-fg-secondary uppercase tracking-wide",children:"Analysis Mode"}),s.jsxs("button",{onClick:S,className:"w-full flex items-center justify-between bg-bg-secondary rounded-lg px-3 py-2",children:[s.jsxs("div",{children:[s.jsx("p",{className:"text-12 font-medium text-fg",children:g==="quick"?"Quick":"Deep"}),s.jsx("p",{className:"text-11 text-fg-tertiary",children:g==="quick"?"Fast analysis, Refero loads in background":"Full analysis with Refero comparison included"})]}),s.jsx("span",{className:"text-11 text-fg-brand",children:"Switch"})]})]}),s.jsxs("section",{className:"space-y-2",children:[s.jsx("h3",{className:"text-11 font-medium text-fg-secondary uppercase tracking-wide",children:"Backend"}),s.jsxs("div",{className:"flex items-center gap-2 bg-bg-secondary rounded-lg px-3 py-2",children:[s.jsx("span",{className:`w-2 h-2 rounded-full ${j?"bg-fg-success":"bg-fg-danger"}`}),s.jsx("span",{className:"text-12 text-fg",children:j?"Connected":"Unavailable"})]})]})]})]})}let Fy=0;function Iy(){return`msg-${++Fy}-${Date.now()}`}function Ce(c){return{id:Iy(),timestamp:Date.now(),message:c}}const Py={critical:10,warning:3,info:1};function eh(c){return c>=90?"excellent":c>=70?"needs-work":"poor"}function tl(c,g){const j=c.length,r=Math.max(0,g-j),p=c.reduce((O,A)=>O+(Py[A.severity||"warning"]||3),0),S=r*10,E=S+p;return{score:E>0?Math.round(S/E*100):100,passed:r,failed:j}}const Yd=/^(Frame|Group|Rectangle|Ellipse|Vector|Line|Polygon|Star)\s*\d+$/i;function Qd(c){const g=c.summary.totalNodes||1,j=c.errors.filter(X=>X.errorType==="fill"||X.errorType==="stroke"||X.errorType==="effect"||X.errorType==="text"),r=tl(j,g*4),p=c.errors.filter(X=>X.errorType==="spacing"),S=tl(p,g),E=c.errors.filter(X=>X.errorType==="autoLayout"),C=tl(E,g),O=c.errors.filter(X=>X.errorType==="accessibility"&&!Yd.test(X.nodeName)),A=tl(O,g),Z=c.errors.filter(X=>X.errorType==="accessibility"&&Yd.test(X.nodeName)||X.errorType==="radius"),q=tl(Z,g),ne=c.errors.filter(X=>X.errorType==="visualQuality"),ve=tl(ne,g),ge=c.errors.filter(X=>X.errorType==="microcopy"),I=tl(ge,g),xe=c.errors.filter(X=>X.errorType==="conversion"),D=tl(xe,g),B=c.errors.filter(X=>X.errorType==="cognitive"),U=tl(B,g),ae=Math.round(r.score*.2+A.score*.2+S.score*.12+ve.score*.1+I.score*.08+D.score*.1+U.score*.08+C.score*.08+q.score*.04);return{overall:ae,grade:eh(ae),tokens:r,spacing:S,layout:C,accessibility:A,naming:q,visualQuality:ve,microcopy:I,conversion:D,cognitive:U}}function th(){const[c,g]=K.useState({messages:[],lintResult:null,score:null,isAnalyzing:!1,issuesFixed:0,sessionId:null,aiReview:null,isStreaming:!1,baselineMeta:null,lastDiff:null}),j=K.useCallback(D=>{g(B=>({...B,messages:[...B.messages,Ce(D)]}))},[]),r=K.useCallback(()=>{g(D=>({...D,isAnalyzing:!0,messages:[],lintResult:null,score:null,issuesFixed:0}))},[]),p=K.useCallback(D=>{const B=Qd(D),U=D.errors.filter(X=>X.errorType==="spacing"||X.errorType==="radius").length,ae=[Ce({kind:"score-card",data:B}),Ce({kind:"ai-text",content:lh(D,B)}),Ce({kind:"issues-list",data:D.errors,fixableCount:U})];(U>0||D.errors.length>0)&&ae.push(Ce({kind:"action-buttons",buttons:[...U>0?[{id:"fix-all",label:`Fix all auto-fixable (${U})`,variant:"primary",action:"fix-all"}]:[],{id:"walkthrough",label:"Walk through issues",variant:"secondary",action:"walkthrough"},{id:"rescan",label:"Re-scan",variant:"ghost",action:"rescan"}]})),g(X=>({...X,isAnalyzing:!1,lintResult:D,score:B,messages:[...X.messages,...ae]}))},[]),S=K.useCallback(D=>{D.success!==!1&&g(B=>({...B,issuesFixed:B.issuesFixed+1,messages:[...B.messages,Ce({kind:"fix-result",data:{nodeId:D.nodeId,nodeName:D.nodeName,applied:!0,oldValue:String(D.oldValue),newValue:String(D.newValue),property:D.property}})]}))},[]),E=K.useCallback(D=>{const B=[];for(const U of D.results)U.success&&B.push(Ce({kind:"fix-result",data:{nodeId:U.nodeId,nodeName:U.nodeName,applied:!0,oldValue:U.oldValue,newValue:U.newValue}}));B.push(Ce({kind:"batch-summary",data:{total:D.total,applied:D.applied,failed:D.failed}})),g(U=>({...U,issuesFixed:U.issuesFixed+D.applied,messages:[...U.messages,...B]}))},[]),C=K.useCallback(D=>{const B=Qd(D);g(U=>{const ae=U.score?.overall||0,X=[];if(D.summary.totalErrors===0?X.push(Ce({kind:"ai-text",content:"All issues resolved! Component is clean."})):X.push(Ce({kind:"score-update",data:{oldScore:ae,newScore:B.overall,issuesRemaining:D.summary.totalErrors}})),X.push(Ce({kind:"score-card",data:B})),D.errors.length>0){const oe=D.errors.filter(le=>le.errorType==="spacing"||le.errorType==="radius").length;X.push(Ce({kind:"issues-list",data:D.errors,fixableCount:oe}))}return{...U,lintResult:D,score:B,messages:[...U.messages,...X]}})},[]),O=K.useCallback(D=>{const B=[];if(B.push(Ce({kind:"ai-review",data:D.aiReview})),B.push(Ce({kind:"ai-text",content:D.aiReview.summary})),D.aiReview.recommendations.length>0){const X=D.aiReview.recommendations.map(oe=>`- **[${oe.severity}]** ${oe.title}: ${oe.description}`).join(`
+`);B.push(Ce({kind:"ai-text",content:`**AI Recommendations:**
+${X}`}))}const U=D.aiReview.statesCoverage?.missingStates||[];if(U.length>0&&B.push(Ce({kind:"ai-text",content:`**Missing states:** ${U.join(", ")}`})),D.referoComparison&&(B.push(Ce({kind:"refero-gallery",data:D.referoComparison})),D.referoComparison.suggestions.length>0)){const X=D.referoComparison.suggestions.map(oe=>`- **${oe.title}:** ${oe.description} _(${oe.evidence})_`).join(`
+`);B.push(Ce({kind:"ai-text",content:`**Refero-based suggestions:**
+${X}`}))}const ae=[{id:"walkthrough",label:"Walk through issues",variant:"secondary",action:"walkthrough"},{id:"rescan",label:"Re-scan",variant:"ghost",action:"rescan"},{id:"export",label:"Export report",variant:"ghost",action:"export"}];B.push(Ce({kind:"action-buttons",buttons:ae})),g(X=>({...X,isAnalyzing:!1,sessionId:D.sessionId,aiReview:D.aiReview,messages:[...X.messages.filter(oe=>oe.message.kind!=="analysis-phase"),...B]}))},[]),A=K.useCallback(D=>{g(B=>({...B,sessionId:D}))},[]),Z=K.useCallback(D=>{g(B=>{const U=[...B.messages],ae=U[U.length-1];return ae&&ae.message.kind==="ai-text"&&ae.message.streaming?(U[U.length-1]={...ae,message:{kind:"ai-text",content:ae.message.content+D,streaming:!0}},{...B,messages:U,isStreaming:!0}):{...B,isStreaming:!0,messages:[...U,Ce({kind:"ai-text",content:D,streaming:!0})]}})},[]),q=K.useCallback(()=>{g(D=>{const B=D.messages.map(U=>U.message.kind==="ai-text"&&U.message.streaming?{...U,message:{...U.message,streaming:!1}}:U);return{...D,isStreaming:!1,messages:B}})},[]),ne=K.useCallback(D=>{g(B=>({...B,baselineMeta:{timestamp:D.timestamp,nodeName:D.nodeName,overall:D.overall},messages:[...B.messages,Ce({kind:"baseline-saved",data:D})]}))},[]),ve=K.useCallback(D=>{g(B=>({...B,baselineMeta:D}))},[]),ge=K.useCallback(D=>{g(B=>({...B,lastDiff:D,messages:[...B.messages,Ce({kind:"diff-result",data:D})]}))},[]),I=K.useCallback(()=>{g({messages:[],lintResult:null,score:null,isAnalyzing:!1,issuesFixed:0,sessionId:null,aiReview:null,isStreaming:!1,baselineMeta:null,lastDiff:null})},[]),xe=K.useCallback(()=>{g(D=>({...D,isAnalyzing:!1,messages:D.messages.filter(B=>B.message.kind!=="analysis-phase")}))},[]);return{...c,addMessage:j,startAnalysis:r,handleLintResult:p,handleFixApplied:S,handleBatchFixResult:E,handleRescan:C,handleAiReview:O,setSessionId:A,appendStreamChunk:Z,finishStream:q,clearMessages:I,clearAnalysisPhase:xe,handleBaselineSaved:ne,handleBaselineLoaded:ve,handleDiffResult:ge}}function lh(c,g){const{totalErrors:j}=c.summary,r=c.summary.byType;if(j===0)return"All layers use proper design styles. No lint issues found!";const p=[];r.fill>0&&p.push(`${r.fill} missing fill styles`),r.stroke>0&&p.push(`${r.stroke} missing stroke styles`),r.effect>0&&p.push(`${r.effect} missing effect styles`),r.text>0&&p.push(`${r.text} missing text styles`),r.radius>0&&p.push(`${r.radius} non-standard radii`),r.spacing>0&&p.push(`${r.spacing} off-grid spacing`),r.autoLayout>0&&p.push(`${r.autoLayout} missing auto-layout`),r.accessibility>0&&p.push(`${r.accessibility} accessibility issues`),r.visualQuality>0&&p.push(`${r.visualQuality} visual quality issues`),r.microcopy>0&&p.push(`${r.microcopy} microcopy issues`);const S=c.errors.filter(E=>E.errorType==="spacing"||E.errorType==="radius").length;return`Found **${j} issues** (score: ${g.overall}/100):
+${p.join(", ")}.
+${S>0?`
+${S} can be auto-fixed.`:""}`}function ah(c){const g=K.useRef(c);g.current=c,K.useEffect(()=>{function j(r){if(r.source!==window.parent)return;const p=r.data?.pluginMessage;!p||typeof p!="object"||typeof p.type!="string"||g.current(p)}return window.addEventListener("message",j),()=>window.removeEventListener("message",j)},[])}function nh(){return K.useCallback((c,g)=>{parent.postMessage({pluginMessage:{type:c,data:g}},"*")},[])}const uh="https://api.figmalint.labpics.com";let zn=uh;async function ih(c){const g=await fetch(`${zn}/api/analyze`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!g.ok){const j=await g.json().catch(()=>({error:g.statusText}));throw new Error(j.error||"Analysis failed")}return g.json()}async function ch(c,g,j,r,p,S){try{const E=await fetch(`${zn}/api/stream/${c}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:g}),signal:S});if(!E.ok){const q=await E.json().catch(()=>({error:E.statusText}));p(q.error||"Stream failed");return}const C=E.body?.getReader();if(!C){p("No response body");return}const O=new TextDecoder;let A="",Z="";for(;!S?.aborted;){const{done:q,value:ne}=await C.read();if(q)break;A+=O.decode(ne,{stream:!0});const ve=A.split(`
+`);A=ve.pop()||"";for(const ge of ve)if(ge.startsWith("event:"))Z=ge.slice(6).trim();else if(ge.startsWith("data:")){const I=ge.slice(5).trim();try{const xe=JSON.parse(I);if(Z==="error"){p(xe.error||"Stream error");return}if(Z==="done"){r();return}xe.text&&j(xe.text)}catch{}Z=""}}r()}catch(E){if(E instanceof DOMException&&E.name==="AbortError")return;p(E instanceof Error?E.message:"Stream failed")}}async function sh(c){try{const g=await fetch(`${zn}/api/session/${c}/refero`,{method:"GET"});return g.ok?g.json():{ready:!1}}catch{return{ready:!1}}}async function fh(){try{return(await fetch(`${zn}/api/health`,{method:"GET"})).ok}catch{return!1}}async function rh(c){const g=await fetch(`${zn}/api/analyze-flow`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!g.ok){const j=await g.json().catch(()=>({error:g.statusText}));throw new Error(j.error||"Flow analysis failed")}return g.json()}function oh(){const c=th(),g=nh(),[j,r]=K.useState(),[p,S]=K.useState(!1),[E,C]=K.useState(!1),[O,A]=K.useState("quick"),[Z,q]=K.useState(!1),[ne,ve]=K.useState(!1),[ge,I]=K.useState(null),xe=K.useRef(null),D=K.useRef(null),B=K.useRef(0),U=K.useRef(null),ae=K.useRef(null),X=K.useRef(null),oe=K.useCallback(async(J,V)=>{if(E){c.addMessage({kind:"analysis-phase",phase:"ai-review"});try{const Q=await ih({screenshot:V.screenshot,lintResult:J,extractedData:{componentName:j||V.nodeName||"Component",metadata:{nodeId:V.nodeId,nodeType:V.nodeType??"FRAME",width:V.width,height:V.height,hasAutoLayout:V.hasAutoLayout??!1,childCount:V.childCount??0},tokenSummary:V.tokenSummary},sessionId:c.sessionId||void 0,mode:O});c.handleAiReview({sessionId:Q.sessionId,aiReview:Q.aiReview,referoComparison:Q.referoComparison}),O==="quick"&&!Q.referoComparison&&le(Q.sessionId)}catch(Q){c.clearAnalysisPhase(),c.addMessage({kind:"ai-text",content:`AI analysis unavailable: ${Q instanceof Error?Q.message:"Unknown error"}`})}}},[E,c,j,O]),le=K.useCallback(J=>{U.current&&clearInterval(U.current),c.addMessage({kind:"analysis-phase",phase:"refero"});let V=0;U.current=setInterval(async()=>{if(V++,V>12){U.current&&clearInterval(U.current),U.current=null;return}try{const Q=await sh(J);if(Q.ready&&Q.data&&(U.current&&clearInterval(U.current),U.current=null,c.addMessage({kind:"refero-gallery",data:Q.data}),Q.data.suggestions?.length>0)){const W=Q.data.suggestions.map(x=>`- **${x.title}:** ${x.description} _(${x.evidence})_`).join(`
+`);c.addMessage({kind:"ai-text",content:`**Refero-based suggestions:**
+${W}`})}}catch{}},5e3)},[c]);ah(K.useCallback(J=>{switch(J.type){case"design-lint-result":c.lintResult?c.handleRescan(J.data):(c.handleLintResult(J.data),ae.current=J.data,g("export-screenshot"),c.addMessage({kind:"analysis-phase",phase:"screenshot"}));break;case"enhanced-analysis-result":{const V=J.data;V.metadata?.component&&r(V.metadata.component),V.lintResult&&c.handleLintResult(V.lintResult);break}case"analysis-error":c.addMessage({kind:"ai-text",content:`Error: ${J.data?.error||"Unknown error"}`});break;case"fix-applied":c.handleFixApplied(J.data);break;case"fix-error":c.addMessage({kind:"ai-text",content:`Fix failed: ${J.data?.error||"Unknown error"}`});break;case"batch-fix-v2-result":c.handleBatchFixResult(J.data);break;case"rescan-complete":break;case"screenshot-result":{const V=J.data;X.current=V,xe.current=V.nodeId,g("load-baseline",{nodeId:V.nodeId}),ae.current&&X.current&&(oe(ae.current,X.current),ae.current=null,X.current=null);break}case"screenshot-error":ae.current=null;break;case"flow-analysis-started":{const V=J.data?.status||"analyzing",Q=J.data?.progress,W=J.data?.total,x=Q&&W?` (${Q}/${W})`:"";c.addMessage({kind:"ai-text",content:`Flow analysis: ${V}${x}...`});break}case"flow-analysis-result":{const V=J.data;c.addMessage({kind:"flow-result",data:V}),E&&Object.keys(V.screenshots).length>0&&(c.addMessage({kind:"ai-text",content:"Running AI flow analysis..."}),rh({frames:V.graph.frames,edges:V.graph.edges,graphIssues:V.graphIssues,screenshots:V.screenshots,lintResults:V.lintResults}).then(Q=>{Q.flowAnalysis&&c.addMessage({kind:"flow-result",data:{...V,aiAnalysis:Q.flowAnalysis}})}).catch(Q=>{c.addMessage({kind:"ai-text",content:`AI flow analysis unavailable: ${Q instanceof Error?Q.message:"Unknown error"}`})}));break}case"flow-analysis-error":c.addMessage({kind:"ai-text",content:`Flow analysis failed: ${J.data?.error||"Unknown error"}`});break;case"api-key-status":S(J.data?.hasKey||!1);break;case"api-key-saved":J.data?.success&&(S(!0),c.addMessage({kind:"ai-text",content:"API key saved successfully."}));break;case"baseline-saved":c.handleBaselineSaved(J.data);break;case"baseline-loaded":c.handleBaselineLoaded(J.data);break;case"diff-result":{const V=J.data;V?c.handleDiffResult(V):c.addMessage({kind:"ai-text",content:"No baseline found for this component. Save a baseline first."});break}case"selection-changed":{const V=J.data;I(V.nodeName),c.lintResult&&xe.current&&ve(V.nodeId!==xe.current);break}}},[c,g,oe])),K.useEffect(()=>()=>{U.current&&(clearInterval(U.current),U.current=null)},[]),K.useEffect(()=>{g("check-api-key"),fh().then(J=>C(J))},[g]);const Xe=K.useCallback(()=>{D.current?.abort(),D.current=null,U.current&&(clearInterval(U.current),U.current=null),c.startAnalysis(),c.addMessage({kind:"analysis-phase",phase:"lint"}),B.current=0,ve(!1),g("run-design-lint")},[c,g]),yt=K.useCallback(J=>{if(c.addMessage({kind:"user-text",content:J}),c.sessionId&&E){D.current?.abort();const V=new AbortController;D.current=V,ch(c.sessionId,J,Q=>c.appendStreamChunk(Q),()=>{D.current=null,c.finishStream()},Q=>{D.current=null,c.finishStream(),c.addMessage({kind:"ai-text",content:`Error: ${Q}`})},V.signal)}else g("chat-message",{message:J,history:c.messages})},[c,g,E]),Ht=K.useCallback((J,V)=>{switch(J){case"fix-all":{const Q=c.lintResult?.errors||[],W=[];for(const x of Q)x.errorType==="spacing"&&x.property&&W.push({type:"fixSpacingToNearest",params:{nodeId:x.nodeId,property:x.property}});for(const x of Q)x.errorType==="radius"&&W.push({type:"fixRadiusToNearest",params:{nodeId:x.nodeId}});W.length>0&&(c.addMessage({kind:"ai-text",content:`Fixing ${W.length} auto-fixable issue${W.length!==1?"s":""} (spacing + radius)...`}),g("batch-fix-v2",{fixes:W}));break}case"walkthrough":{const Q=c.lintResult?.errors;if(!Q||Q.length===0)break;const W=B.current;if(W>=Q.length){c.addMessage({kind:"ai-text",content:"All issues reviewed!"}),B.current=0;break}const x=Q[W];B.current=W+1,c.addMessage({kind:"ai-text",content:`**${W+1}/${Q.length}:** ${x.message}
 
-Layer: **${pt.nodeName}** (${pt.nodeType})`});const $t=[];pt.errorType==="spacing"&&pt.property&&$t.push({id:`fix-${pt.nodeId}`,label:"Fix to nearest",variant:"primary",action:"fix-single-spacing",params:{nodeId:pt.nodeId,property:pt.property}}),$t.push({id:`skip-${rt}`,label:rt+1<G.length?"Next issue":"Done",variant:"secondary",action:"walkthrough"}),f.addMessage({kind:"action-buttons",buttons:$t}),g("jump-to-node",{nodeId:pt.nodeId});break}case"fix-single-spacing":{U?.nodeId&&U?.property&&g("fix-spacing-to-nearest",{nodeId:U.nodeId,property:U.property});break}case"rescan":{f.addMessage({kind:"ai-text",content:"Re-scanning..."}),g("rescan-lint");break}case"export":{const G=f.lintResult;if(G){const rt=ng(G,A,f.issuesFixed,f.aiReview);navigator.clipboard.writeText(rt).then(()=>{f.addMessage({kind:"ai-text",content:"Full report copied to clipboard!"})},()=>{f.addMessage({kind:"ai-text",content:"Failed to copy report to clipboard."})})}break}case"export-json":{const G=f.lintResult;if(G){const rt={component:A||"Component",timestamp:new Date().toISOString(),lint:{summary:G.summary,errors:G.errors,issuesFixed:f.issuesFixed},aiReview:f.aiReview||void 0};navigator.clipboard.writeText(JSON.stringify(rt,null,2)).then(()=>f.addMessage({kind:"ai-text",content:"JSON report copied to clipboard!"}),()=>f.addMessage({kind:"ai-text",content:"Failed to copy JSON to clipboard."}))}break}case"analyze-flow":{f.addMessage({kind:"ai-text",content:"Starting flow analysis on current page..."}),g("analyze-flow");break}case"toggle-mode":{const G=O==="quick"?"deep":"quick";T(G),f.addMessage({kind:"ai-text",content:`Analysis mode: **${G}**. ${G==="deep"?"Refero comparison will be included in the initial response.":"Refero data loads in the background."}`});break}}},[f,g,A,O]),yl=$.useCallback(K=>{g("jump-to-node",{nodeId:K})},[g]);return s.jsxs("div",{className:"h-full flex flex-col relative",children:[J&&s.jsx(Zy,{hasApiKey:x,analysisMode:O,backendAvailable:D,onSaveApiKey:(K,U)=>g("save-api-key",{apiKey:K,provider:U}),onClearApiKey:()=>{g("clear-api-key"),M(!1)},onToggleMode:()=>{T(O==="quick"?"deep":"quick")},onClose:()=>B(!1)}),f.messages.length===0&&!f.isAnalyzing&&s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-border",children:[s.jsx("button",{className:"flex-1 py-2 bg-bg-brand text-fg-onbrand text-12 font-medium rounded-md hover:opacity-90 transition-opacity",onClick:zt,children:"Analyze Selection"}),s.jsx("button",{className:"flex-1 py-2 bg-bg-secondary text-fg text-12 font-medium rounded-md hover:bg-bg-hover transition-colors border border-border",onClick:()=>wt("analyze-flow"),children:"Analyze Flow"}),s.jsx("button",{onClick:()=>B(!0),className:"shrink-0 w-8 h-8 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors",title:"Settings",children:s.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[s.jsx("circle",{cx:"12",cy:"12",r:"3"}),s.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]})})]}),s.jsx(Xy,{state:f,componentName:A,analysisMode:O,onAnalyze:zt,onSendMessage:Bt,onAction:wt,onJumpToNode:yl,onOpenSettings:()=>B(!0)})]})}function ng(f,g,A,o){const x=[`# Design Review Report: ${g||"Component"}`,"",`Total lint issues: ${f.summary.totalErrors} across ${f.summary.nodesWithErrors} layers`,...A?[`Fixed: ${A}`]:[],""];x.push("## Lint Issues","");const M=f.summary.byType;if(M.fill>0&&x.push(`- **Fill styles:** ${M.fill} missing`),M.stroke>0&&x.push(`- **Stroke styles:** ${M.stroke} missing`),M.effect>0&&x.push(`- **Effect styles:** ${M.effect} missing`),M.text>0&&x.push(`- **Text styles:** ${M.text} missing`),M.radius>0&&x.push(`- **Border radius:** ${M.radius} non-standard`),M.spacing>0&&x.push(`- **Spacing:** ${M.spacing} off-grid`),M.autoLayout>0&&x.push(`- **Auto Layout:** ${M.autoLayout} missing`),o){x.push("","## AI Design Review",""),x.push("| Category | Rating |"),x.push("|----------|--------|"),x.push(`| Visual Hierarchy | ${o.visualHierarchy.rating.toUpperCase()} |`),x.push(`| States Coverage | ${o.statesCoverage.rating.toUpperCase()} |`),x.push(`| Platform Alignment | ${o.platformAlignment.rating.toUpperCase()} (${o.platformAlignment.detectedPlatform}) |`),x.push(`| Color Harmony | ${o.colorHarmony.rating.toUpperCase()} |`);const D=o.statesCoverage?.missingStates||[];if(D.length>0&&x.push("",`**Missing states:** ${D.join(", ")}`),o.recommendations.length>0){x.push("","### Recommendations","");for(const q of o.recommendations)x.push(`- **[${q.severity.toUpperCase()}]** ${q.title}: ${q.description}`)}o.summary&&x.push("",`> ${o.summary}`)}if(f.errors.length>0){x.push("","## All Issues","");for(const D of f.errors)x.push(`- **[${D.errorType.toUpperCase()}]** ${D.nodeName}: ${D.message}`)}return x.join(`
-`)}py.createRoot(document.getElementById("root")).render(s.jsx(ry.StrictMode,{children:s.jsx(ag,{})}));</script>
-    <style rel="stylesheet" crossorigin>*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[80px\]{height:80px}.h-full{height:100%}.max-h-40{max-height:10rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-24{width:6rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[120px\]{width:120px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:var(--figma-color-border, #e6e6e6)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-bg-brand{border-color:var(--figma-color-bg-brand, #0d99ff)}.border-border{border-color:var(--figma-color-border, #e6e6e6)}.border-t-transparent{border-top-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-bg{background-color:var(--figma-color-bg, #fff)}.bg-bg-brand{background-color:var(--figma-color-bg-brand, #0d99ff)}.bg-bg-danger{background-color:var(--figma-color-bg-danger, #fce4e0)}.bg-bg-secondary{background-color:var(--figma-color-bg-secondary, #f5f5f5)}.bg-bg-success{background-color:var(--figma-color-bg-success, #e4f7ec)}.bg-bg-tertiary{background-color:var(--figma-color-bg-tertiary, #e6e6e6)}.bg-bg-warning{background-color:var(--figma-color-bg-warning, #fff3e0)}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-fg-danger{background-color:var(--figma-color-text-danger, #f24822)}.bg-fg-success{background-color:var(--figma-color-text-success, #14ae5c)}.bg-fg-warning{background-color:var(--figma-color-text-warning-secondary, #b35e00)}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-11{font-size:11px;line-height:16px}.text-12{font-size:12px;line-height:16px}.text-13{font-size:13px;line-height:20px}.text-\[20px\]{font-size:20px}.text-\[40px\]{font-size:40px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-bg-brand{color:var(--figma-color-bg-brand, #0d99ff)}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-fg{color:var(--figma-color-text, #333)}.text-fg-danger{color:var(--figma-color-text-danger, #f24822)}.text-fg-onbrand{color:var(--figma-color-text-onbrand, #fff)}.text-fg-secondary{color:var(--figma-color-text-secondary, #666)}.text-fg-success{color:var(--figma-color-text-success, #14ae5c)}.text-fg-tertiary{color:var(--figma-color-text-tertiary, #999)}.text-fg-warning{color:var(--figma-color-text-warning-secondary, #b35e00)}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--figma-color-bg: #ffffff;--figma-color-bg-secondary: #f5f5f5;--figma-color-bg-tertiary: #e6e6e6;--figma-color-bg-brand: #0d99ff;--figma-color-bg-hover: rgba(0, 0, 0, .06);--figma-color-bg-selected: #daebf7;--figma-color-bg-danger: #fce4e0;--figma-color-bg-warning: #fff3e0;--figma-color-bg-success: #e4f7ec;--figma-color-text: #333333;--figma-color-text-secondary: #666666;--figma-color-text-tertiary: #999999;--figma-color-text-disabled: #b3b3b3;--figma-color-text-onbrand: #ffffff;--figma-color-text-danger: #f24822;--figma-color-text-warning-secondary: #b35e00;--figma-color-text-success: #14ae5c;--figma-color-border: #e6e6e6;--figma-color-border-strong: #c4c4c4;--figma-color-icon: #b3b3b3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:16px;color:var(--figma-color-text);background:var(--figma-color-bg)}*{scrollbar-width:thin;scrollbar-color:var(--figma-color-border-strong) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--figma-color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--figma-color-text-tertiary)}.placeholder\:text-fg-disabled::-moz-placeholder{color:var(--figma-color-text-disabled, #b3b3b3)}.placeholder\:text-fg-disabled::placeholder{color:var(--figma-color-text-disabled, #b3b3b3)}.last\:border-0:last-child{border-width:0px}.hover\:bg-bg-hover:hover{background-color:var(--figma-color-bg-hover, rgba(0,0,0,.06))}.hover\:text-fg:hover{color:var(--figma-color-text, #333)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:border-bg-brand:focus{border-color:var(--figma-color-bg-brand, #0d99ff)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}</style>
+Layer: **${x.nodeName}** (${x.nodeType})`});const R=[];x.errorType==="spacing"&&x.property?R.push({id:`fix-${x.nodeId}`,label:"Fix to nearest",variant:"primary",action:"fix-single-spacing",params:{nodeId:x.nodeId,property:x.property}}):x.errorType==="radius"&&R.push({id:`fix-radius-${x.nodeId}`,label:"Fix radius to nearest",variant:"primary",action:"fix-single-radius",params:{nodeId:x.nodeId}}),R.push({id:`skip-${W}`,label:W+1<Q.length?"Next issue":"Done",variant:"secondary",action:"walkthrough"}),c.addMessage({kind:"action-buttons",buttons:R}),g("jump-to-node",{nodeId:x.nodeId});break}case"fix-single-spacing":{V?.nodeId&&V?.property&&g("fix-spacing-to-nearest",{nodeId:V.nodeId,property:V.property});break}case"fix-single-radius":{V?.nodeId&&g("batch-fix-v2",{fixes:[{type:"fixRadiusToNearest",params:{nodeId:V.nodeId}}]});break}case"rescan":{c.addMessage({kind:"ai-text",content:"Re-scanning..."}),g("rescan-lint");break}case"export":{const Q=c.lintResult;if(Q){const W=dh(Q,j,c.issuesFixed,c.aiReview,c.lastDiff);navigator.clipboard.writeText(W).then(()=>{c.addMessage({kind:"ai-text",content:"Full report copied to clipboard!"})},()=>{c.addMessage({kind:"ai-text",content:"Failed to copy report to clipboard."})})}break}case"export-json":{const Q=c.lintResult;if(Q){const W={component:j||"Component",timestamp:new Date().toISOString(),lint:{summary:Q.summary,errors:Q.errors,issuesFixed:c.issuesFixed},aiReview:c.aiReview||void 0,diff:c.lastDiff||void 0};navigator.clipboard.writeText(JSON.stringify(W,null,2)).then(()=>c.addMessage({kind:"ai-text",content:"JSON report copied to clipboard!"}),()=>c.addMessage({kind:"ai-text",content:"Failed to copy JSON to clipboard."}))}break}case"save-baseline":{if(!c.score||!c.lintResult){c.addMessage({kind:"ai-text",content:"Run an analysis first before saving a baseline."});break}const Q=xe.current;if(!Q)break;g("save-baseline",{nodeId:Q,nodeName:j||"Component",overall:c.score.overall,grade:c.score.grade,categories:{tokens:c.score.tokens,spacing:c.score.spacing,layout:c.score.layout,accessibility:c.score.accessibility,naming:c.score.naming,visualQuality:c.score.visualQuality,microcopy:c.score.microcopy,conversion:c.score.conversion,cognitive:c.score.cognitive},errors:c.lintResult.errors.map(W=>({errorType:W.errorType,severity:W.severity,nodeId:W.nodeId,message:W.message})),summary:c.lintResult.summary});break}case"compare-baseline":{if(!c.score||!c.lintResult){c.addMessage({kind:"ai-text",content:"Run an analysis first before comparing."});break}const Q=xe.current;if(!Q)break;g("compare-baseline",{nodeId:Q,overall:c.score.overall,grade:c.score.grade,categories:{tokens:c.score.tokens,spacing:c.score.spacing,layout:c.score.layout,accessibility:c.score.accessibility,naming:c.score.naming,visualQuality:c.score.visualQuality,microcopy:c.score.microcopy,conversion:c.score.conversion,cognitive:c.score.cognitive},errors:c.lintResult.errors.map(W=>({errorType:W.errorType,severity:W.severity,nodeId:W.nodeId,message:W.message})),summary:c.lintResult.summary});break}case"analyze-flow":{c.addMessage({kind:"ai-text",content:"Starting flow analysis on current page..."}),g("analyze-flow");break}case"toggle-mode":{const Q=O==="quick"?"deep":"quick";A(Q),c.addMessage({kind:"ai-text",content:`Analysis mode: **${Q}**. ${Q==="deep"?"Refero comparison will be included in the initial response.":"Refero data loads in the background."}`});break}}},[c,g,j,O]),ht=K.useCallback(J=>{g("jump-to-node",{nodeId:J})},[g]);return s.jsxs("div",{className:"h-full flex flex-col relative",children:[Z&&s.jsx(Wy,{hasApiKey:p,analysisMode:O,backendAvailable:E,onSaveApiKey:(J,V)=>g("save-api-key",{apiKey:J,provider:V}),onClearApiKey:()=>{g("clear-api-key"),S(!1)},onToggleMode:()=>{A(O==="quick"?"deep":"quick")},onClose:()=>q(!1)}),c.messages.length===0&&!c.isAnalyzing&&s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-border",children:[s.jsx("button",{className:"flex-1 py-2 bg-bg-brand text-fg-onbrand text-12 font-medium rounded-md hover:opacity-90 transition-opacity",onClick:Xe,children:"Analyze Selection"}),s.jsx("button",{className:"flex-1 py-2 bg-bg-secondary text-fg text-12 font-medium rounded-md hover:bg-bg-hover transition-colors border border-border",onClick:()=>Ht("analyze-flow"),children:"Analyze Flow"}),s.jsx("button",{onClick:()=>q(!0),className:"shrink-0 w-8 h-8 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors",title:"Settings",children:s.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[s.jsx("circle",{cx:"12",cy:"12",r:"3"}),s.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]})})]}),ne&&s.jsxs("div",{className:"flex items-center gap-2 px-3 py-1.5 bg-bg-warning text-fg-warning text-11 border-b border-border",children:[s.jsxs("span",{className:"flex-1",children:["Selection changed",ge?` to "${ge}"`:"",". Results may be stale."]}),s.jsx("button",{className:"shrink-0 px-2 py-0.5 bg-bg-brand text-fg-onbrand text-11 font-medium rounded hover:opacity-90",onClick:Xe,children:"Re-analyze"})]}),s.jsx($y,{state:c,componentName:j,analysisMode:O,onAnalyze:Xe,onSendMessage:yt,onAction:Ht,onJumpToNode:ht,onOpenSettings:()=>q(!0)})]})}function dh(c,g,j,r,p){const S=[`# Design Review Report: ${g||"Component"}`,"",`Total lint issues: ${c.summary.totalErrors} across ${c.summary.nodesWithErrors} layers`,...j?[`Fixed: ${j}`]:[],""];S.push("## Lint Issues","");const E=c.summary.byType;if(E.fill>0&&S.push(`- **Fill styles:** ${E.fill} missing`),E.stroke>0&&S.push(`- **Stroke styles:** ${E.stroke} missing`),E.effect>0&&S.push(`- **Effect styles:** ${E.effect} missing`),E.text>0&&S.push(`- **Text styles:** ${E.text} missing`),E.radius>0&&S.push(`- **Border radius:** ${E.radius} non-standard`),E.spacing>0&&S.push(`- **Spacing:** ${E.spacing} off-grid`),E.autoLayout>0&&S.push(`- **Auto Layout:** ${E.autoLayout} missing`),E.visualQuality>0&&S.push(`- **Visual Quality:** ${E.visualQuality} issues`),E.microcopy>0&&S.push(`- **Microcopy:** ${E.microcopy} issues`),r){S.push("","## AI Design Review",""),S.push("| Category | Rating |"),S.push("|----------|--------|"),S.push(`| Visual Hierarchy | ${r.visualHierarchy.rating.toUpperCase()} |`),S.push(`| States Coverage | ${r.statesCoverage.rating.toUpperCase()} |`),S.push(`| Platform Alignment | ${r.platformAlignment.rating.toUpperCase()} (${r.platformAlignment.detectedPlatform}) |`),S.push(`| Color Harmony | ${r.colorHarmony.rating.toUpperCase()} |`),r.visualBalance&&S.push(`| Visual Balance | ${r.visualBalance.rating.toUpperCase()} |`),r.microcopyQuality&&S.push(`| Microcopy Quality | ${r.microcopyQuality.rating.toUpperCase()} |`),r.cognitiveLoad&&S.push(`| Cognitive Load | ${r.cognitiveLoad.rating.toUpperCase()} |`);const C=r.statesCoverage?.missingStates||[];if(C.length>0&&S.push("",`**Missing states:** ${C.join(", ")}`),r.recommendations.length>0){S.push("","### Recommendations","");for(const O of r.recommendations)S.push(`- **[${O.severity.toUpperCase()}]** ${O.title}: ${O.description}`)}r.summary&&S.push("",`> ${r.summary}`)}if(p){S.push("","## Baseline Comparison","");const C=p.scoreDelta.overall,O=C>0?"+":"";S.push(`Score: ${p.scoreDelta.oldOverall} → ${p.scoreDelta.newOverall} (${O}${C})`),S.push(`Baseline from: ${new Date(p.baselineTimestamp).toLocaleString()}`),S.push(""),p.summary.totalFixed>0&&S.push(`- **Fixed:** ${p.summary.totalFixed} issues`),p.summary.totalNew>0&&S.push(`- **New:** ${p.summary.totalNew} issues`),S.push(`- **Remaining:** ${p.summary.totalRemaining} issues`);const A=p.scoreDelta.categories.filter(Z=>Z.delta!==0);if(A.length>0){S.push("","| Category | Before | After | Delta |"),S.push("|----------|--------|-------|-------|");for(const Z of A){const q=Z.delta>0?`+${Z.delta}`:`${Z.delta}`;S.push(`| ${Z.category} | ${Z.oldScore} | ${Z.newScore} | ${q} |`)}}}if(c.errors.length>0){S.push("","## All Issues","");for(const C of c.errors)S.push(`- **[${C.errorType.toUpperCase()}]** ${C.nodeName}: ${C.message}`)}return S.join(`
+`)}Sy.createRoot(document.getElementById("root")).render(s.jsx(my.StrictMode,{children:s.jsx(oh,{})}));</script>
+    <style rel="stylesheet" crossorigin>*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[80px\]{height:80px}.h-full{height:100%}.max-h-40{max-height:10rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[120px\]{width:120px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\[280px\]{max-width:280px}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:var(--figma-color-border, #e6e6e6)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-bg-brand{border-color:var(--figma-color-bg-brand, #0d99ff)}.border-border{border-color:var(--figma-color-border, #e6e6e6)}.border-t-transparent{border-top-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-bg{background-color:var(--figma-color-bg, #fff)}.bg-bg-brand{background-color:var(--figma-color-bg-brand, #0d99ff)}.bg-bg-danger{background-color:var(--figma-color-bg-danger, #fce4e0)}.bg-bg-secondary{background-color:var(--figma-color-bg-secondary, #f5f5f5)}.bg-bg-success{background-color:var(--figma-color-bg-success, #e4f7ec)}.bg-bg-tertiary{background-color:var(--figma-color-bg-tertiary, #e6e6e6)}.bg-bg-warning{background-color:var(--figma-color-bg-warning, #fff3e0)}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-fg-danger{background-color:var(--figma-color-text-danger, #f24822)}.bg-fg-success{background-color:var(--figma-color-text-success, #14ae5c)}.bg-fg-warning{background-color:var(--figma-color-text-warning-secondary, #b35e00)}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-10{font-size:10px;line-height:14px}.text-11{font-size:11px;line-height:16px}.text-12{font-size:12px;line-height:16px}.text-13{font-size:13px;line-height:20px}.text-\[10px\]{font-size:10px}.text-\[20px\]{font-size:20px}.text-\[40px\]{font-size:40px}.text-\[9px\]{font-size:9px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-bg-brand{color:var(--figma-color-bg-brand, #0d99ff)}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-fg{color:var(--figma-color-text, #333)}.text-fg-danger{color:var(--figma-color-text-danger, #f24822)}.text-fg-onbrand{color:var(--figma-color-text-onbrand, #fff)}.text-fg-secondary{color:var(--figma-color-text-secondary, #666)}.text-fg-success{color:var(--figma-color-text-success, #14ae5c)}.text-fg-tertiary{color:var(--figma-color-text-tertiary, #999)}.text-fg-warning{color:var(--figma-color-text-warning-secondary, #b35e00)}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.opacity-70{opacity:.7}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--figma-color-bg: #ffffff;--figma-color-bg-secondary: #f5f5f5;--figma-color-bg-tertiary: #e6e6e6;--figma-color-bg-brand: #0d99ff;--figma-color-bg-hover: rgba(0, 0, 0, .06);--figma-color-bg-selected: #daebf7;--figma-color-bg-danger: #fce4e0;--figma-color-bg-warning: #fff3e0;--figma-color-bg-success: #e4f7ec;--figma-color-text: #333333;--figma-color-text-secondary: #666666;--figma-color-text-tertiary: #999999;--figma-color-text-disabled: #b3b3b3;--figma-color-text-onbrand: #ffffff;--figma-color-text-danger: #f24822;--figma-color-text-warning-secondary: #b35e00;--figma-color-text-success: #14ae5c;--figma-color-border: #e6e6e6;--figma-color-border-strong: #c4c4c4;--figma-color-icon: #b3b3b3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:16px;color:var(--figma-color-text);background:var(--figma-color-bg)}*{scrollbar-width:thin;scrollbar-color:var(--figma-color-border-strong) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--figma-color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--figma-color-text-tertiary)}.placeholder\:text-fg-disabled::-moz-placeholder{color:var(--figma-color-text-disabled, #b3b3b3)}.placeholder\:text-fg-disabled::placeholder{color:var(--figma-color-text-disabled, #b3b3b3)}.last\:border-0:last-child{border-width:0px}.hover\:bg-bg-hover:hover{background-color:var(--figma-color-bg-hover, rgba(0,0,0,.06))}.hover\:text-fg:hover{color:var(--figma-color-text, #333)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:border-bg-brand:focus{border-color:var(--figma-color-bg-brand, #0d99ff)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}</style>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
index 94b12a1..8fe27f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,12 @@
       "name": "figmalint",
       "version": "2.4.0",
       "license": "ISC",
+      "dependencies": {
+        "lz-string": "^1.5.0"
+      },
       "devDependencies": {
         "@figma/plugin-typings": "^1.114.0",
+        "@types/lz-string": "^1.3.34",
         "esbuild": "^0.25.5",
         "typescript": "^5.6.3"
       }
@@ -446,6 +450,13 @@
       "dev": true,
       "license": "MIT License"
     },
+    "node_modules/@types/lz-string": {
+      "version": "1.3.34",
+      "resolved": "https://registry.npmjs.org/@types/lz-string/-/lz-string-1.3.34.tgz",
+      "integrity": "sha512-j6G1e8DULJx3ONf6NdR5JiR2ZY3K3PaaqiEuKYkLQO0Czfi1AzrtjfnfCROyWGeDd5IVMKCwsgSmMip9OWijow==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/esbuild": {
       "version": "0.25.5",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
@@ -487,6 +498,15 @@
         "@esbuild/win32-x64": "0.25.5"
       }
     },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
     "node_modules/typescript": {
       "version": "5.8.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
diff --git a/package.json b/package.json
index 85c4f57..ade36c3 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "main": "dist/code.js",
   "scripts": {
     "build": "npm run bundle && npm run build:ui && npm run copy-assets",
-    "bundle": "esbuild src/code.ts --bundle --outfile=dist/code.js --platform=neutral --target=es2017 --format=iife --loader:.ts=ts",
+    "bundle": "esbuild src/code.ts --bundle --outfile=dist/code.js --platform=neutral --target=es2017 --format=iife --loader:.ts=ts --minify --main-fields=module,main",
     "build:ui": "npm --prefix ui run build",
     "dev": "npm run bundle -- --watch",
     "copy-assets": "cp manifest.json dist/",
@@ -30,10 +30,14 @@
   "license": "ISC",
   "devDependencies": {
     "@figma/plugin-typings": "^1.114.0",
+    "@types/lz-string": "^1.3.34",
     "esbuild": "^0.25.5",
     "typescript": "^5.6.3"
   },
   "files": [
     "dist/**/*"
-  ]
+  ],
+  "dependencies": {
+    "lz-string": "^1.5.0"
+  }
 }
diff --git a/src/baseline/diff-engine.ts b/src/baseline/diff-engine.ts
new file mode 100644
index 0000000..0b2364e
--- /dev/null
+++ b/src/baseline/diff-engine.ts
@@ -0,0 +1,131 @@
+import type { BaselineSnapshot, ErrorDigest, CategoryScoreSnapshot } from './storage';
+
+/** Per-category score delta. */
+export interface CategoryDelta {
+  category: string;
+  oldScore: number;
+  newScore: number;
+  delta: number;
+}
+
+/** A single issue diff entry. */
+export interface IssueDiff {
+  errorType: string;
+  severity: string;
+  nodeId: string;
+  message: string;
+}
+
+/** Full diff result between a baseline and current scan. */
+export interface DiffResult {
+  baselineTimestamp: number;
+  currentTimestamp: number;
+  scoreDelta: {
+    overall: number;
+    oldOverall: number;
+    newOverall: number;
+    categories: CategoryDelta[];
+  };
+  newIssues: IssueDiff[];
+  fixedIssues: IssueDiff[];
+  remainingIssues: IssueDiff[];
+  summary: {
+    totalNew: number;
+    totalFixed: number;
+    totalRemaining: number;
+    oldTotal: number;
+    newTotal: number;
+  };
+}
+
+/**
+ * Create an issue key for matching baseline vs current errors.
+ * Uses errorType + nodeId + message as the composite key.
+ */
+function issueKey(e: ErrorDigest | { errorType: string; nodeId: string; message: string }): string {
+  return `${e.errorType}::${e.nodeId}::${e.message}`;
+}
+
+/**
+ * Compute a diff between a saved baseline and current scan results.
+ */
+export function computeDiff(
+  baseline: BaselineSnapshot,
+  current: {
+    overall: number;
+    grade: string;
+    categories: Record<string, CategoryScoreSnapshot>;
+    errors: ErrorDigest[];
+    summary: { totalErrors: number; totalNodes: number; nodesWithErrors: number; byType: Record<string, number> };
+  }
+): DiffResult {
+  const now = Date.now();
+
+  // ── Score deltas ──
+  const categoryNames = new Set([
+    ...Object.keys(baseline.categories),
+    ...Object.keys(current.categories),
+  ]);
+
+  const categories: CategoryDelta[] = [];
+  for (const cat of categoryNames) {
+    const oldScore = baseline.categories[cat]?.score ?? 100;
+    const newScore = current.categories[cat]?.score ?? 100;
+    categories.push({
+      category: cat,
+      oldScore,
+      newScore,
+      delta: newScore - oldScore,
+    });
+  }
+
+  // Sort by absolute delta descending (biggest changes first)
+  categories.sort((a, b) => Math.abs(b.delta) - Math.abs(a.delta));
+
+  // ── Issue matching ──
+  const baselineKeys = new Set(baseline.errors.map(issueKey));
+  const currentKeys = new Set(current.errors.map(issueKey));
+
+  const newIssues: IssueDiff[] = [];
+  const fixedIssues: IssueDiff[] = [];
+  const remainingIssues: IssueDiff[] = [];
+
+  // Issues in current but not in baseline → new
+  for (const e of current.errors) {
+    const key = issueKey(e);
+    if (!baselineKeys.has(key)) {
+      newIssues.push({ errorType: e.errorType, severity: e.severity, nodeId: e.nodeId, message: e.message });
+    } else {
+      remainingIssues.push({ errorType: e.errorType, severity: e.severity, nodeId: e.nodeId, message: e.message });
+    }
+  }
+
+  // Issues in baseline but not in current → fixed
+  for (const e of baseline.errors) {
+    const key = issueKey(e);
+    if (!currentKeys.has(key)) {
+      fixedIssues.push({ errorType: e.errorType, severity: e.severity, nodeId: e.nodeId, message: e.message });
+    }
+  }
+
+  return {
+    baselineTimestamp: baseline.timestamp,
+    currentTimestamp: now,
+    scoreDelta: {
+      overall: current.overall - baseline.overall,
+      oldOverall: baseline.overall,
+      newOverall: current.overall,
+      categories,
+    },
+    newIssues,
+    fixedIssues,
+    remainingIssues,
+    summary: {
+      totalNew: newIssues.length,
+      totalFixed: fixedIssues.length,
+      totalRemaining: remainingIssues.length,
+      oldTotal: baseline.errors.length,
+      newTotal: current.errors.length,
+    },
+  };
+}
diff --git a/src/baseline/storage.ts b/src/baseline/storage.ts
new file mode 100644
index 0000000..587181e
--- /dev/null
+++ b/src/baseline/storage.ts
@@ -0,0 +1,152 @@
+/// <reference types="@figma/plugin-typings" />
+
+import { compressToUTF16, decompressFromUTF16 } from 'lz-string';
+
+/**
+ * Compact error digest for baseline storage.
+ * Omits path/value to save space — only what's needed for diff matching.
+ */
+export interface ErrorDigest {
+  errorType: string;
+  severity: string;
+  nodeId: string;
+  message: string;
+}
+
+/** Score snapshot per category. */
+export interface CategoryScoreSnapshot {
+  score: number;
+  passed: number;
+  failed: number;
+}
+
+/** Full baseline snapshot persisted in pluginData. */
+export interface BaselineSnapshot {
+  version: 1;
+  timestamp: number;
+  nodeId: string;
+  nodeName: string;
+  overall: number;
+  grade: string;
+  categories: Record<string, CategoryScoreSnapshot>;
+  summary: {
+    totalErrors: number;
+    totalNodes: number;
+    nodesWithErrors: number;
+    byType: Record<string, number>;
+  };
+  errors: ErrorDigest[];
+}
+
+// ── Chunked pluginData helpers ──────────────────────────────
+
+const CHUNK_SIZE = 80_000; // 80 KB — safely below Figma's 90 KB per-key limit
+const PREFIX = 'baseline::';
+
+function metaKey(nodeId: string): string {
+  return `${PREFIX}${nodeId}::meta`;
+}
+
+function chunkKey(nodeId: string, index: number): string {
+  return `${PREFIX}${nodeId}::chunk_${index}`;
+}
+
+/**
+ * Save a baseline snapshot to pluginData with LZ-string compression + chunking.
+ */
+export function saveBaseline(snapshot: BaselineSnapshot): void {
+  const json = JSON.stringify(snapshot);
+  const compressed = compressToUTF16(json);
+
+  // Split into chunks
+  const chunks: string[] = [];
+  for (let i = 0; i < compressed.length; i += CHUNK_SIZE) {
+    chunks.push(compressed.slice(i, i + CHUNK_SIZE));
+  }
+
+  const nodeId = snapshot.nodeId;
+
+  // Clear old chunks first (there may be more old chunks than new ones)
+  clearBaselineChunks(nodeId);
+
+  // Write meta
+  figma.root.setPluginData(metaKey(nodeId), JSON.stringify({
+    chunkCount: chunks.length,
+    timestamp: snapshot.timestamp,
+    nodeName: snapshot.nodeName,
+    overall: snapshot.overall,
+  }));
+
+  // Write chunks
+  for (let i = 0; i < chunks.length; i++) {
+    figma.root.setPluginData(chunkKey(nodeId, i), chunks[i]);
+  }
+}
+
+/**
+ * Load a baseline snapshot from pluginData.
+ * Returns null if no baseline exists for this nodeId.
+ */
+export function loadBaseline(nodeId: string): BaselineSnapshot | null {
+  const metaRaw = figma.root.getPluginData(metaKey(nodeId));
+  if (!metaRaw) return null;
+
+  let meta: { chunkCount: number };
+  try {
+    meta = JSON.parse(metaRaw);
+  } catch {
+    return null;
+  }
+
+  // Reassemble chunks
+  const parts: string[] = [];
+  for (let i = 0; i < meta.chunkCount; i++) {
+    const chunk = figma.root.getPluginData(chunkKey(nodeId, i));
+    if (!chunk) return null; // corrupted — missing chunk
+    parts.push(chunk);
+  }
+
+  const compressed = parts.join('');
+  const json = decompressFromUTF16(compressed);
+  if (!json) return null;
+
+  try {
+    return JSON.parse(json) as BaselineSnapshot;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Delete all baseline data for a given nodeId.
+ */
+export function deleteBaseline(nodeId: string): void {
+  clearBaselineChunks(nodeId);
+  figma.root.setPluginData(metaKey(nodeId), '');
+}
+
+/**
+ * Check if a baseline exists (without fully loading it).
+ * Returns metadata or null.
+ */
+export function getBaselineMeta(nodeId: string): { timestamp: number; nodeName: string; overall: number } | null {
+  const metaRaw = figma.root.getPluginData(metaKey(nodeId));
+  if (!metaRaw) return null;
+  try {
+    return JSON.parse(metaRaw);
+  } catch {
+    return null;
+  }
+}
+
+// ── Internal helpers ────────────────────────────────────────
+
+function clearBaselineChunks(nodeId: string): void {
+  // Try clearing up to 100 chunks (more than enough for any realistic data)
+  for (let i = 0; i < 100; i++) {
+    const key = chunkKey(nodeId, i);
+    const existing = figma.root.getPluginData(key);
+    if (!existing) break;
+    figma.root.setPluginData(key, '');
+  }
+}
diff --git a/src/code.ts b/src/code.ts
index 6f7141b..c37414f 100644
--- a/src/code.ts
+++ b/src/code.ts
@@ -16,6 +16,19 @@ try {
 // Set up message handler
 figma.ui.onmessage = handleUIMessage;
 
+// Notify UI when selection changes so it can invalidate stale results
+figma.on('selectionchange', () => {
+  const sel = figma.currentPage.selection;
+  figma.ui.postMessage({
+    type: 'selection-changed',
+    data: {
+      hasSelection: sel.length > 0,
+      nodeId: sel.length > 0 ? sel[0].id : null,
+      nodeName: sel.length > 0 ? sel[0].name : null,
+    },
+  });
+});
+
 // Initialize plugin
 initializePlugin();
 
diff --git a/src/core/component-analyzer.ts b/src/core/component-analyzer.ts
index 72fe109..7ab04de 100644
--- a/src/core/component-analyzer.ts
+++ b/src/core/component-analyzer.ts
@@ -5,7 +5,7 @@ import { extractTextContent, getAllChildNodes, getLuminance, getContrastRatio, f
 import { extractDesignTokensFromNode } from './token-analyzer';
 import { extractJSONFromResponse, createEnhancedMetadataPrompt, filterDevelopmentRecommendations } from '../api/claude';
 import { callProvider, ProviderId } from '../api/providers';
-import { analyzeNamingIssues } from '../fixes/naming-fixer';
+import { analyzeNamingIssues } from '../fix/naming-fixer';
 import { runDesignLint, DEFAULT_LINT_SETTINGS } from './design-lint';
 
 /**
diff --git a/src/core/consistency-engine.ts b/src/core/consistency-engine.ts
index a0f06de..668eea8 100644
--- a/src/core/consistency-engine.ts
+++ b/src/core/consistency-engine.ts
@@ -26,7 +26,7 @@ export class ComponentConsistencyEngine {
   /**
    * Generate a deterministic hash for a component based on its structure
    */
-  generateComponentHash(context: ComponentContext, tokens: any[]): string {
+  generateComponentHash(context: ComponentContext, tokens: any[], lintSettings?: Record<string, unknown>): string {
     const hashInput = {
       name: context.name,
       type: context.type,
@@ -38,7 +38,9 @@ export class ComponentConsistencyEngine {
       staticProperties: {
         hasInteractiveElements: context.additionalContext?.hasInteractiveElements || false,
         componentFamily: context.additionalContext?.componentFamily || 'generic'
-      }
+      },
+      // Include lint settings so cache invalidates when settings change
+      lintSettingsFingerprint: lintSettings ? this.createHash(JSON.stringify(lintSettings)) : ''
     };
 
     return this.createHash(JSON.stringify(hashInput));
diff --git a/src/fixes/color-distance.ts b/src/fix/color-distance.ts
similarity index 100%
rename from src/fixes/color-distance.ts
rename to src/fix/color-distance.ts
diff --git a/src/fixes/naming-fixer.ts b/src/fix/naming-fixer.ts
similarity index 100%
rename from src/fixes/naming-fixer.ts
rename to src/fix/naming-fixer.ts
diff --git a/src/fixes/token-fixer.ts b/src/fix/token-fixer.ts
similarity index 100%
rename from src/fixes/token-fixer.ts
rename to src/fix/token-fixer.ts
diff --git a/src/flow/cross-screen-checks.ts b/src/flow/cross-screen-checks.ts
index fc26525..cc35754 100644
--- a/src/flow/cross-screen-checks.ts
+++ b/src/flow/cross-screen-checks.ts
@@ -103,14 +103,6 @@ function setDifference<T>(a: Set<T>, b: Set<T>): Set<T> {
   return diff;
 }
 
-function setIntersection<T>(a: Set<T>, b: Set<T>): Set<T> {
-  const inter = new Set<T>();
-  for (const item of a) {
-    if (b.has(item)) inter.add(item);
-  }
-  return inter;
-}
-
 /**
  * Run cross-screen consistency checks on multiple frames.
  * Returns FlowGraphIssues for any detected drift.
diff --git a/src/flow/graph-builder.ts b/src/flow/graph-builder.ts
index 69cfbf6..2822535 100644
--- a/src/flow/graph-builder.ts
+++ b/src/flow/graph-builder.ts
@@ -133,9 +133,17 @@ export function buildFlowGraph(page?: PageNode): FlowGraph {
     }
   }
 
-  // Dead ends: frames with no outgoing connections
+  // Frames that have BACK/CLOSE edges are not truly dead ends
+  const hasBackEdge = new Set<string>();
+  for (const edge of validEdges) {
+    if (edge.destinationFrameId === '__BACK__') {
+      hasBackEdge.add(edge.sourceFrameId);
+    }
+  }
+
+  // Dead ends: frames with no outgoing connections AND no BACK navigation
   const deadEnds = frames
-    .filter(f => (outgoing.get(f.id)?.size || 0) === 0)
+    .filter(f => (outgoing.get(f.id)?.size || 0) === 0 && !hasBackEdge.has(f.id))
     .map(f => f.id);
 
   // Orphans: frames with no incoming connections AND not entry points
diff --git a/src/lint/visual-quality.ts b/src/lint/visual-quality.ts
index d547634..62ccf24 100644
--- a/src/lint/visual-quality.ts
+++ b/src/lint/visual-quality.ts
@@ -1,6 +1,6 @@
 /// <reference types="@figma/plugin-typings" />
 
-import { LintIssue, LintSeverity } from './types';
+import { LintIssue } from './types';
 import { rgbToHex } from '../utils/figma-helpers';
 
 // ──────────────────────────────────────────────
diff --git a/src/types.ts b/src/types.ts
index 6be284a..9e8da76 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -220,7 +220,11 @@ export type UIMessageType =
   | 'batch-fix-v2'
   | 'rescan-lint'
   | 'export-screenshot'
-  | 'analyze-flow';
+  | 'analyze-flow'
+  | 'save-baseline'
+  | 'load-baseline'
+  | 'compare-baseline'
+  | 'delete-baseline';
 
 // Auto-fix Types
 export interface FixRequest {
diff --git a/src/ui/message-handler.ts b/src/ui/message-handler.ts
index fdf894e..8d428c8 100644
--- a/src/ui/message-handler.ts
+++ b/src/ui/message-handler.ts
@@ -23,17 +23,20 @@ import {
   findBestMatchingVariable,
   FixPreview,
   FixResult,
-} from '../fixes/token-fixer';
+} from '../fix/token-fixer';
 import {
   previewRename,
   renameLayer,
   suggestLayerName,
   RenamePreview,
-} from '../fixes/naming-fixer';
+} from '../fix/naming-fixer';
 import { FixRequest, FixPreviewRequest, BatchFixRequest, LintSettings } from '../types';
 import { exportScreenshot } from '../extract/screenshot';
 import { buildFlowGraph, analyzeFlowGraph } from '../flow/graph-builder';
 import { checkCrossScreenConsistency } from '../flow/cross-screen-checks';
+import { saveBaseline, loadBaseline, deleteBaseline, getBaselineMeta } from '../baseline/storage';
+import { computeDiff } from '../baseline/diff-engine';
+import type { BaselineSnapshot, ErrorDigest } from '../baseline/storage';
 import { fixSpacingToNearest, fixAllSpacingOnNode } from '../fix/fix-spacing';
 import { fixRadiusToNearest } from '../fix/fix-radius';
 import { renameLayerById } from '../fix/rename-layer';
@@ -44,6 +47,8 @@ import {
   ignoreError,
   ignoreAllOfType,
   clearIgnored,
+  getIgnoredState,
+  restoreIgnoredState,
   findNodesWithSameValue,
   DEFAULT_LINT_SETTINGS,
 } from '../core/design-lint';
@@ -85,7 +90,8 @@ const consistencyEngine = new ComponentConsistencyEngine({
  */
 export async function handleUIMessage(msg: PluginMessage): Promise<void> {
   const { type, data } = msg;
-  console.log('Received message:', type, data);
+  const logType = type === 'save-api-key' ? `${type} [redacted]` : type;
+  console.log('Received message:', logType);
 
   try {
     switch (type as UIMessageType) {
@@ -203,6 +209,19 @@ export async function handleUIMessage(msg: PluginMessage): Promise<void> {
       case 'analyze-flow':
         await handleAnalyzeFlow();
         break;
+      // Baseline & Diff handlers
+      case 'save-baseline':
+        handleSaveBaseline(data);
+        break;
+      case 'load-baseline':
+        handleLoadBaseline(data);
+        break;
+      case 'compare-baseline':
+        handleCompareBaseline(data);
+        break;
+      case 'delete-baseline':
+        handleDeleteBaseline(data);
+        break;
       default:
         console.warn('Unknown message type:', type);
     }
@@ -493,7 +512,7 @@ async function handleBatchAnalysis(nodes: readonly SceneNode[], _options: Enhanc
         ];
 
         // Generate component hash
-        const componentHash = consistencyEngine.generateComponentHash(componentContext, allTokens);
+        const componentHash = consistencyEngine.generateComponentHash(componentContext, allTokens, currentLintSettings as any);
 
         // Check for cached analysis first
         const cachedAnalysis = consistencyEngine.getCachedAnalysis(componentHash);
@@ -978,32 +997,58 @@ Respond naturally and helpfully to the user's question.`;
 
 let currentLintSettings: LintSettings = { ...DEFAULT_LINT_SETTINGS };
 
+/** Snapshot of node IDs from the original lint scope, used for consistent re-scans. */
+let lintScopeNodeIds: string[] | null = null;
+
 function handleRunDesignLint(data?: any): void {
   const settings = data?.settings || currentLintSettings;
+  // On first run or explicit re-scan, capture scope from current selection
+  if (!lintScopeNodeIds || data?.resetScope) {
+    lintScopeNodeIds = figma.currentPage.selection.map(n => n.id);
+  }
+  // Restore the original lint scope before running
+  const nodes = lintScopeNodeIds
+    .map(id => figma.getNodeById(id))
+    .filter((n): n is SceneNode => n !== null && n.type !== 'DOCUMENT' && n.type !== 'PAGE');
+  if (nodes.length > 0) {
+    figma.currentPage.selection = nodes;
+  }
   const result = lintSelection(settings);
   sendMessageToUI('design-lint-result', result);
 }
 
+/** Persist ignored state to document-level plugin data so it survives restarts. */
+function persistIgnoredState(): void {
+  try {
+    const state = getIgnoredState();
+    figma.root.setPluginData('ignoredState', JSON.stringify(state));
+  } catch {
+    // Best-effort — don't break lint flow if persistence fails
+  }
+}
+
 function handleLintIgnoreNode(data: { nodeId: string }): void {
   ignoreNode(data.nodeId);
-  // Re-run lint to update results
+  persistIgnoredState();
   handleRunDesignLint();
 }
 
 function handleLintIgnoreError(data: { nodeId: string; errorType: string; value?: string }): void {
   ignoreError(data.nodeId, data.errorType as any, data.value);
+  persistIgnoredState();
   handleRunDesignLint();
 }
 
 function handleLintIgnoreAllOfType(data: { errorType: string }): void {
-  // Get current results first, then ignore all matching
   const result = lintSelection(currentLintSettings);
   ignoreAllOfType(result.errors, data.errorType as any);
+  persistIgnoredState();
   handleRunDesignLint();
 }
 
 function handleLintClearIgnored(): void {
   clearIgnored();
+  persistIgnoredState();
   handleRunDesignLint();
 }
 
@@ -1081,7 +1126,8 @@ function handleLoadTeamConfig(): void {
     const raw = figma.root.getSharedPluginData('figmalint', 'config');
     if (raw) {
       const config = JSON.parse(raw);
-      // Merge team config into current lint settings
+      // Reset to defaults before applying team config to prevent stale fields
+      currentLintSettings = { ...DEFAULT_LINT_SETTINGS };
       if (config.scales?.spacing) {
         currentLintSettings.spacingScale = config.scales.spacing;
       }
@@ -1168,12 +1214,34 @@ async function handleExportScreenshot(data: { nodeId?: string }): Promise<void>
     }
 
     const base64 = await exportScreenshot(node);
+    const hasAutoLayout = 'layoutMode' in node && node.layoutMode !== 'NONE';
+    const childCount = 'children' in node ? (node as FrameNode).children.length : 0;
+
+    // Extract token analysis summary for the AI review
+    let tokenSummary: { totalTokens: number; boundToVariables: number; boundToStyles: number; hardCoded: number } | undefined;
+    try {
+      const tokenData = await extractDesignTokensFromNode(node);
+      const allTokens = [...tokenData.colors, ...tokenData.spacing, ...tokenData.typography, ...tokenData.effects, ...tokenData.borders];
+      tokenSummary = {
+        totalTokens: allTokens.length,
+        boundToVariables: allTokens.filter(t => t.source === 'figma-variable').length,
+        boundToStyles: allTokens.filter(t => t.source === 'figma-style').length,
+        hardCoded: allTokens.filter(t => t.source === 'hard-coded').length,
+      };
+    } catch {
+      // Token extraction is best-effort — don't block screenshot
+    }
+
     sendMessageToUI('screenshot-result', {
       nodeId: node.id,
       nodeName: node.name,
+      nodeType: node.type,
       screenshot: base64,
       width: node.width,
       height: node.height,
+      hasAutoLayout,
+      childCount,
+      tokenSummary,
     });
   } catch (error) {
     console.warn('Could not export screenshot:', error);
@@ -1322,6 +1390,15 @@ async function handleBatchFixV2(data: { fixes: BatchFixAction[] }): Promise<void
 }
 
 function handleRescanLint(): void {
+  // Restore original lint scope for consistent re-scans
+  if (lintScopeNodeIds) {
+    const nodes = lintScopeNodeIds
+      .map(id => figma.getNodeById(id))
+      .filter((n): n is SceneNode => n !== null && n.type !== 'DOCUMENT' && n.type !== 'PAGE');
+    if (nodes.length > 0) {
+      figma.currentPage.selection = nodes;
+    }
+  }
   const result = lintSelection(currentLintSettings);
   sendMessageToUI('design-lint-result', result);
   sendMessageToUI('rescan-complete', {
@@ -1449,6 +1526,18 @@ export async function initializePlugin(): Promise<void> {
 
     console.log(`Plugin initialized with provider: ${selectedProvider}, model: ${selectedModel}`);
 
+    // Restore persisted ignore state from document
+    try {
+      const raw = figma.root.getPluginData('ignoredState');
+      if (raw) {
+        const state = JSON.parse(raw);
+        restoreIgnoredState(state);
+        console.log(`Restored ${state.nodeIds?.length || 0} ignored nodes, ${state.errorKeys?.length || 0} ignored errors`);
+      }
+    } catch {
+      // Ignore parse errors — start fresh
+    }
+
     // Initialize design systems knowledge in background
     console.log('🔄 Initializing design systems knowledge...');
     consistencyEngine.loadDesignSystemsKnowledge()
@@ -1465,6 +1554,100 @@ export async function initializePlugin(): Promise<void> {
   }
 }
 
+// ============================================================================
+// Baseline & Diff Handler Functions
+// ============================================================================
+
+/**
+ * Save the current lint result + score as a baseline snapshot in pluginData.
+ * Expects `data` to contain the full lint result and score breakdown from the UI.
+ */
+function handleSaveBaseline(data: {
+  nodeId: string;
+  nodeName: string;
+  overall: number;
+  grade: string;
+  categories: Record<string, { score: number; passed: number; failed: number }>;
+  errors: Array<{ errorType: string; severity?: string; nodeId: string; message: string }>;
+  summary: { totalErrors: number; totalNodes: number; nodesWithErrors: number; byType: Record<string, number> };
+}): void {
+  const snapshot: BaselineSnapshot = {
+    version: 1,
+    timestamp: Date.now(),
+    nodeId: data.nodeId,
+    nodeName: data.nodeName,
+    overall: data.overall,
+    grade: data.grade,
+    categories: data.categories,
+    summary: data.summary,
+    errors: data.errors.map(e => ({
+      errorType: e.errorType,
+      severity: e.severity || 'warning',
+      nodeId: e.nodeId,
+      message: e.message,
+    })),
+  };
+
+  saveBaseline(snapshot);
+
+  sendMessageToUI('baseline-saved', {
+    nodeId: data.nodeId,
+    nodeName: data.nodeName,
+    timestamp: snapshot.timestamp,
+    overall: data.overall,
+  });
+}
+
+/**
+ * Load baseline metadata for the given nodeId.
+ */
+function handleLoadBaseline(data: { nodeId: string }): void {
+  const meta = getBaselineMeta(data.nodeId);
+  sendMessageToUI('baseline-loaded', meta);
+}
+
+/**
+ * Compare current lint results against the saved baseline.
+ */
+function handleCompareBaseline(data: {
+  nodeId: string;
+  overall: number;
+  grade: string;
+  categories: Record<string, { score: number; passed: number; failed: number }>;
+  errors: Array<{ errorType: string; severity?: string; nodeId: string; message: string }>;
+  summary: { totalErrors: number; totalNodes: number; nodesWithErrors: number; byType: Record<string, number> };
+}): void {
+  const baseline = loadBaseline(data.nodeId);
+  if (!baseline) {
+    sendMessageToUI('diff-result', null);
+    return;
+  }
+
+  const currentErrors: ErrorDigest[] = data.errors.map(e => ({
+    errorType: e.errorType,
+    severity: e.severity || 'warning',
+    nodeId: e.nodeId,
+    message: e.message,
+  }));
+
+  const diff = computeDiff(baseline, {
+    overall: data.overall,
+    grade: data.grade,
+    categories: data.categories,
+    errors: currentErrors,
+    summary: data.summary,
+  });
+
+  sendMessageToUI('diff-result', diff);
+}
+
+/**
+ * Delete the saved baseline for a given nodeId.
+ */
+function handleDeleteBaseline(data: { nodeId: string }): void {
+  deleteBaseline(data.nodeId);
+}
+
 // ============================================================================
 // Auto-Fix Handler Functions
 // ============================================================================
diff --git a/ui-enhanced.html b/ui-enhanced.html
deleted file mode 100644
index a9b9953..0000000
--- a/ui-enhanced.html
+++ /dev/null
@@ -1,7300 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>FigmaLint</title>
-  <style>
-    /* Carbon-Inspired Design System for FigmaLint */
-    :root {
-      /* Carbon-inspired color tokens */
-      --background: #f4f4f4;
-      --surface: #ffffff;
-      --surface-alt: #e0e0e0;
-      --surface-hover: #e8e8e8;
-      --border: #e0e0e0;
-      --border-strong: #8d8d8d;
-      --text-primary: #161616;
-      --text-secondary: #525252;
-      --text-tertiary: #a8a8a8;
-      --text-on-color: #ffffff;
-
-      /* Interactive */
-      --interactive: #0f62fe;
-      --interactive-hover: #0353e9;
-      --interactive-active: #002d9c;
-      --interactive-light: #edf5ff;
-
-      /* Semantic status */
-      --success: #198038;
-      --success-bg: #defbe6;
-      --success-text: #198038;
-      --warning: #f1c21b;
-      --warning-bg: #fdf6dd;
-      --warning-text: #8e6a00;
-      --error: #da1e28;
-      --error-bg: #fff1f1;
-      --error-text: #da1e28;
-      --info: #0043ce;
-      --info-bg: #edf5ff;
-      --info-text: #0043ce;
-
-      /* Carbon spacing scale (2px base) */
-      --spacing-01: 2px;
-      --spacing-02: 4px;
-      --spacing-03: 8px;
-      --spacing-04: 12px;
-      --spacing-05: 16px;
-      --spacing-06: 24px;
-      --spacing-07: 32px;
-      --spacing-08: 40px;
-      --spacing-09: 48px;
-
-      /* Carbon border radius */
-      --radius-sm: 2px;
-      --radius-md: 4px;
-      --radius-lg: 8px;
-
-      /* Typography */
-      --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      --font-size-xs: 0.6875rem;   /* 11px */
-      --font-size-sm: 0.75rem;     /* 12px */
-      --font-size-md: 0.875rem;    /* 14px */
-      --font-size-lg: 1rem;        /* 16px */
-      --font-weight-regular: 400;
-      --font-weight-medium: 500;
-      --font-weight-semibold: 600;
-      --line-height-tight: 1.25;
-      --line-height-normal: 1.5;
-
-      /* Shadows (subtle, Carbon-like) */
-      --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
-      --shadow-md: 0 2px 6px rgba(0,0,0,0.08);
-      --shadow-lg: 0 4px 12px rgba(0,0,0,0.12);
-
-      /* Z-index scale */
-      --z-dropdown: 100;
-      --z-tooltip: 200;
-      --z-modal: 300;
-
-      /* Transitions */
-      --transition-fast: 150ms ease;
-      --transition-base: 250ms ease;
-      --transition-slow: 350ms ease;
-
-      /* Legacy aliases (keep JS references working) */
-      --primary: var(--interactive);
-      --primary-hover: var(--interactive-hover);
-      --primary-light: var(--interactive-light);
-      --secondary: var(--text-secondary);
-      --space-xs: var(--spacing-02);
-      --space-sm: var(--spacing-03);
-      --space-md: var(--spacing-05);
-      --space-lg: var(--spacing-06);
-      --space-xl: var(--spacing-07);
-    }
-
-    * {
-      box-sizing: border-box;
-    }
-
-    body {
-      font-family: var(--font-family);
-      margin: 0;
-      padding: 0;
-      background-color: var(--background);
-      color: var(--text-primary);
-      font-size: var(--font-size-sm);
-      line-height: var(--line-height-normal);
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-    }
-
-    .container {
-      display: flex;
-      flex-direction: column;
-      height: 100vh;
-      background: var(--background);
-    }
-
-    /* Header Section */
-    .header {
-      padding: var(--spacing-05) var(--spacing-05) var(--spacing-03);
-      background: var(--surface);
-      border-bottom: 1px solid var(--border);
-      min-height: auto;
-      position: relative;
-      z-index: 10;
-      margin-bottom: 0;
-    }
-
-    /* Ensure header bottom padding is maintained */
-    .header::after {
-      content: '';
-      display: block;
-      height: 1px;
-      clear: both;
-    }
-
-    .plugin-title {
-      display: flex;
-      align-items: center;
-      gap: var(--space-sm);
-      margin-bottom: var(--space-xs);
-    }
-
-    .plugin-icon {
-      width: 20px;
-      height: 20px;
-      background: var(--interactive);
-      border-radius: var(--radius-sm);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--text-on-color);
-      font-weight: var(--font-weight-semibold);
-      font-size: var(--font-size-xs);
-    }
-
-    .plugin-name {
-      font-size: 14px;
-      font-weight: 600;
-      color: var(--text-primary);
-      margin: 0;
-    }
-
-    .plugin-description {
-      font-size: 12px;
-      color: var(--text-secondary);
-      margin: 0;
-    }
-
-    /* Tabs Navigation */
-    .tabs-navigation {
-      display: flex;
-      padding: 0 var(--spacing-05) 0;
-      border-bottom: 1px solid var(--border);
-      background: var(--surface);
-      position: sticky;
-      top: 0;
-      z-index: var(--z-dropdown);
-    }
-
-
-    /* Main Content */
-    .content {
-      flex: 1;
-      padding: var(--space-md);
-      overflow-y: auto;
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-md);
-    }
-
-    /* Card Component */
-    .card {
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: var(--spacing-05);
-      transition: border-color var(--transition-fast);
-    }
-
-    .card:hover {
-      border-color: var(--border-strong);
-    }
-
-    .card-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: var(--space-sm);
-      flex-wrap: wrap;
-      gap: var(--space-sm);
-    }
-
-    .card-title {
-      font-size: 12px;
-      font-weight: 600;
-      color: var(--text-primary);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      margin: 0;
-    }
-
-    .card-subtitle {
-      font-size: 11px;
-      color: var(--text-tertiary);
-      margin: 2px 0 0 0;
-      line-height: 1.3;
-    }
-
-    /* Collapsible Sections */
-    .collapsible {
-      margin-bottom: var(--spacing-05);
-    }
-
-    .collapsible-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: var(--spacing-03) var(--spacing-05);
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      transition: background var(--transition-fast);
-      user-select: none;
-    }
-
-    .collapsible-header:hover {
-      background: var(--surface-hover);
-    }
-
-    .collapsible-header.active {
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    .collapsible-title {
-      font-size: var(--font-size-md);
-      font-weight: var(--font-weight-semibold);
-      color: var(--text-primary);
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
-
-    .collapsible-title > .tooltip {
-      /* tooltip positioning handled by general tooltip rules */
-    }
-
-    .collapsible-icon {
-      transition: transform var(--transition-fast);
-      font-size: var(--font-size-sm);
-      color: var(--text-secondary);
-      width: 16px;
-      text-align: center;
-    }
-
-    .collapsible-header.active .collapsible-icon {
-      transform: rotate(90deg);
-    }
-
-    .collapsible-content {
-      display: none;
-      padding: var(--spacing-05);
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-top: none;
-      border-bottom-left-radius: var(--radius-md);
-      border-bottom-right-radius: var(--radius-md);
-    }
-
-    .collapsible-content.active {
-      display: block;
-    }
-
-    /* Form Elements */
-    .form-group {
-      display: flex;
-      flex-direction: column;
-      gap: 2px;
-      margin-bottom: var(--space-md);
-    }
-
-    .form-group:last-child {
-      margin-bottom: 0;
-    }
-
-    label {
-      font-size: 11px;
-      font-weight: 500;
-      color: var(--text-secondary);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-
-    .input-wrapper {
-      position: relative;
-      display: flex;
-      align-items: center;
-    }
-
-    input, textarea, select {
-      width: 100%;
-      padding: var(--spacing-03) var(--spacing-04);
-      border: 1px solid var(--border-strong);
-      border-radius: var(--radius-sm);
-      font-size: var(--font-size-sm);
-      font-family: inherit;
-      background: var(--surface);
-      color: var(--text-primary);
-      transition: border-color var(--transition-fast);
-      min-height: 32px;
-    }
-
-    textarea {
-      min-height: 80px !important;
-      resize: vertical;
-    }
-
-    input:hover, textarea:hover, select:hover {
-      border-color: var(--text-tertiary);
-    }
-
-    input:focus, textarea:focus, select:focus {
-      outline: none;
-      border-color: var(--interactive);
-      box-shadow: 0 0 0 2px var(--interactive);
-    }
-
-    input::placeholder, textarea::placeholder {
-      color: var(--text-tertiary);
-    }
-
-    .input-icon {
-      position: absolute;
-      right: var(--space-sm);
-      color: var(--text-tertiary);
-      pointer-events: none;
-    }
-
-    /* Button Styles (Carbon spec) */
-    .button {
-      padding: var(--spacing-02) var(--spacing-04);
-      border: none;
-      border-radius: var(--radius-sm);
-      font-size: var(--font-size-xs);
-      font-weight: var(--font-weight-medium);
-      font-family: inherit;
-      cursor: pointer;
-      transition: background var(--transition-fast), border-color var(--transition-fast);
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      gap: var(--spacing-02);
-      min-height: 32px;
-    }
-
-    .button-primary {
-      background: var(--interactive);
-      color: var(--text-on-color);
-    }
-
-    .button-primary:hover:not(:disabled) {
-      background: var(--interactive-hover);
-    }
-
-    .button-primary:active:not(:disabled) {
-      background: var(--interactive-active);
-    }
-
-    .button-secondary {
-      background: transparent;
-      color: var(--text-primary);
-      border: 1px solid var(--border-strong);
-    }
-
-    .button-secondary:hover:not(:disabled) {
-      background: var(--surface-hover);
-      border-color: var(--text-primary);
-    }
-
-    .button-ghost {
-      background: transparent;
-      color: var(--interactive);
-      border: 1px solid transparent;
-    }
-
-    .button-ghost:hover:not(:disabled) {
-      background: var(--interactive-light);
-    }
-
-    .button-danger {
-      background: var(--error);
-      color: var(--text-on-color);
-    }
-
-    .button-danger:hover:not(:disabled) {
-      background: #ba1b23;
-    }
-
-    .button:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .button-group {
-      display: flex;
-      gap: var(--spacing-03);
-      align-items: center;
-      margin-bottom: var(--spacing-05);
-    }
-
-    .button-icon {
-      width: 16px;
-      height: 16px;
-    }
-
-    /* Status Messages (Carbon inline notification) */
-    .status-banner {
-      padding: var(--spacing-04);
-      border-radius: var(--radius-sm);
-      font-size: var(--font-size-sm);
-      display: flex;
-      align-items: center;
-      gap: var(--spacing-03);
-      transition: background var(--transition-fast);
-      border-left: 4px solid transparent;
-    }
-
-    .status-icon {
-      width: 16px;
-      height: 16px;
-      flex-shrink: 0;
-    }
-
-    .status-info {
-      background: var(--info-bg);
-      color: var(--info-text);
-      border-left-color: var(--info);
-    }
-
-    .status-success {
-      background: var(--success-bg);
-      color: var(--success-text);
-      border-left-color: var(--success);
-    }
-
-    .status-error {
-      background: var(--error-bg);
-      color: var(--error-text);
-      border-left-color: var(--error);
-    }
-
-    .status-warning {
-      background: var(--warning-bg);
-      color: var(--warning-text);
-      border-left-color: var(--warning);
-    }
-
-    /* Audit View Styles */
-    .audit-section:not(:last-child) {
-      margin-bottom: var(--spacing-06);
-    }
-
-    .audit-item {
-      display: flex;
-      padding: var(--spacing-03);
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      margin-bottom: var(--spacing-03);
-      gap: var(--spacing-03);
-    }
-
-    .audit-item.pass-item {
-      background: var(--success-bg);
-    }
-
-    .audit-item.fail-item {
-      background: var(--error-bg);
-    }
-
-    .audit-item.warning-item {
-      background: var(--warning-bg);
-    }
-
-    .audit-status {
-      width: 16px;
-      height: 16px;
-      flex-shrink: 0;
-    }
-
-    .audit-status.pass {
-      color: var(--success);
-    }
-
-    .audit-status.fail {
-      color: var(--error);
-    }
-
-    .audit-status.warning {
-      color: var(--warning-text);
-    }
-
-    .audit-status.info {
-      color: var(--info);
-    }
-
-    .audit-content {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .audit-label {
-      flex: 1;
-      font-size: var(--font-size-sm);
-      color: var(--text-primary);
-    }
-
-    .audit-action {
-      font-size: var(--font-size-xs);
-      color: var(--interactive);
-      cursor: pointer;
-      text-decoration: none;
-    }
-
-    .audit-action:hover {
-      text-decoration: underline;
-    }
-
-    .audit-action-button {
-      font-size: var(--font-size-xs);
-      color: var(--interactive);
-      background: transparent;
-      border: 1px solid var(--interactive);
-      border-radius: var(--radius-sm);
-      padding: var(--spacing-02) var(--spacing-04);
-      cursor: pointer;
-      transition: background var(--transition-fast);
-      min-height: 24px;
-    }
-
-    .audit-action-button:hover {
-      background: var(--interactive-light);
-    }
-
-    /* Property Cheat Sheet */
-    .property-table {
-      width: 100%;
-      border-collapse: collapse;
-      font-size: 12px;
-      table-layout: fixed;
-    }
-
-    .property-table th {
-      text-align: left;
-      padding: var(--space-sm);
-      background: var(--surface);
-      border-bottom: 1px solid var(--border);
-      font-weight: 600;
-      color: var(--text-secondary);
-      text-transform: uppercase;
-      font-size: 11px;
-      letter-spacing: 0.5px;
-    }
-
-    .property-table th:first-child {
-      width: 25%;
-    }
-
-    .property-table th:last-child {
-      width: 22%;
-    }
-
-    .property-table td {
-      padding: var(--space-sm);
-      border-bottom: 1px solid var(--border);
-      color: var(--text-primary);
-      vertical-align: top;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .property-values-cell {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 4px;
-    }
-
-    .property-table tr:hover {
-      background: var(--surface);
-    }
-
-    .property-value {
-      display: inline-block;
-      padding: 2px 6px;
-      background: var(--interactive-light);
-      color: var(--interactive);
-      border-radius: var(--radius-sm);
-      font-size: var(--font-size-xs);
-      white-space: nowrap;
-      vertical-align: middle;
-    }
-
-    .property-default-value {
-      font-size: var(--font-size-xs);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      display: block;
-    }
-
-    /* Token Analysis */
-    .token-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-      gap: var(--space-sm);
-    }
-
-    .token-item {
-      padding: var(--space-sm);
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      font-size: 11px;
-      text-align: center;
-      cursor: pointer;
-      transition: all var(--transition-fast);
-    }
-
-    .token-item:hover {
-      background: var(--surface-hover);
-      border-color: var(--primary);
-    }
-
-    .token-preview {
-      width: 100%;
-      height: 24px;
-      border-radius: var(--radius-sm);
-      margin-bottom: var(--space-xs);
-    }
-
-    /* Enhanced Token Display */
-    .token-item-enhanced {
-      display: flex;
-      align-items: center;
-      padding: var(--space-sm);
-      background: var(--surface);
-      border-radius: var(--radius-sm);
-      margin-bottom: var(--space-xs);
-      gap: var(--space-sm);
-      border: 1px solid var(--border);
-      transition: all var(--transition-base);
-    }
-
-    .token-item-enhanced:hover {
-      border-color: var(--interactive);
-    }
-
-    .token-item-enhanced.suggestion {
-      background: var(--interactive-light);
-      border-left: 3px solid var(--interactive);
-    }
-
-    /* Compact Token Display */
-    .token-item-compact {
-      display: flex;
-      padding: var(--spacing-03);
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      margin-bottom: var(--spacing-02);
-      gap: var(--spacing-03);
-      transition: border-color var(--transition-fast);
-    }
-
-    .token-item-compact:hover {
-      border-color: var(--interactive);
-    }
-
-    .token-item-compact.warning {
-      background: var(--warning-bg);
-      border-left: 3px solid var(--warning);
-    }
-
-    .token-item-compact.suggestion {
-      background: var(--interactive-light);
-      border-left: 3px solid var(--interactive);
-    }
-
-    .token-swatch-spacing {
-      height: 12px;
-      border-radius: 2px;
-      background: var(--primary);
-      flex-shrink: 0;
-    }
-
-
-    .token-preview-border {
-      width: 20px;
-      height: 20px;
-      background: var(--surface);
-      border: 1px solid var(--border);
-      flex-shrink: 0;
-    }
-
-    .token-preview-text {
-      width: 24px;
-      height: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 2px;
-      background: var(--surface);
-      flex-shrink: 0;
-      font-size: 12px;
-      font-weight: 500;
-    }
-
-    .token-info {
-      flex: 1;
-    }
-
-    .token-name {
-      font-size: var(--font-size-xs);
-      font-weight: var(--font-weight-semibold);
-      color: var(--text-primary);
-      margin-bottom: 2px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .token-usage {
-      font-size: 10px;
-      color: var(--text-secondary);
-      line-height: var(--line-height-tight);
-      word-wrap: break-word;
-    }
-
-    .token-value {
-      font-size: 10px;
-      color: var(--text-tertiary);
-      font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
-    }
-
-    .token-preview-spacing {
-      max-width: 40px;
-      min-height: 8px;
-      border-radius: var(--radius-sm);
-    }
-
-    .token-preview-text {
-      width: 32px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      color: var(--text-primary);
-    }
-
-    .token-swatch {
-      width: 20px;
-      height: 20px;
-      border-radius: var(--radius-sm);
-      border: 1px solid rgba(0,0,0,0.1);
-      flex-shrink: 0;
-      cursor: pointer;
-      transition: transform var(--transition-fast);
-    }
-
-    .token-swatch:hover {
-      transform: scale(1.1);
-    }
-
-    .token-swatch-spacing {
-      height: 12px;
-      min-width: 8px;
-      max-width: 40px;
-      border-radius: var(--radius-sm);
-      border: 1px solid rgba(0,0,0,0.1);
-      flex-shrink: 0;
-    }
-
-    .token-details {
-      flex: 1;
-      min-width: 0;
-    }
-
-    /* (.token-name and .token-usage consolidated above) */
-
-    /* Playground Grid */
-    .playground-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-      gap: var(--space-md);
-      padding: var(--space-md);
-      background: var(--surface);
-      border-radius: var(--radius-md);
-    }
-
-    .playground-item {
-      background: var(--background);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: var(--space-md);
-      text-align: center;
-      min-height: 120px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: var(--space-sm);
-    }
-
-    .playground-label {
-      font-size: 11px;
-      color: var(--text-secondary);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-
-    /* Documentation Frame */
-    .doc-preview {
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: var(--space-lg);
-      min-height: 200px;
-    }
-
-    .doc-section {
-      margin-bottom: var(--space-lg);
-    }
-
-    .doc-section:last-child {
-      margin-bottom: 0;
-    }
-
-    .doc-heading {
-      font-size: 14px;
-      font-weight: 600;
-      color: var(--text-primary);
-      margin-bottom: var(--space-sm);
-    }
-
-    .doc-content {
-      font-size: 12px;
-      color: var(--text-secondary);
-      line-height: 1.8;
-    }
-
-    /* Export Options */
-    .export-options {
-      display: flex;
-      gap: var(--space-md);
-      align-items: stretch;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      min-width: 0;
-    }
-
-    .export-options .button {
-      font-size: 12px;
-      padding: 6px 16px;
-      min-height: 30px;
-      flex: 0 0 auto;
-    }
-
-    .export-options select {
-      font-size: 12px;
-      padding: 6px 12px;
-      min-height: 30px;
-    }
-
-    .export-select {
-      min-width: 120px;
-      font-size: 12px;
-    }
-
-    /* Batch Mode */
-    .batch-toggle {
-      display: flex;
-      align-items: center;
-      gap: var(--space-sm);
-      padding: var(--space-sm);
-      background: var(--warning);
-      color: white;
-      border-radius: var(--radius-md);
-      font-size: 12px;
-      margin-bottom: var(--space-md);
-    }
-
-    .batch-list {
-      max-height: 200px;
-      overflow-y: auto;
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: var(--space-sm);
-    }
-
-    .batch-item {
-      display: flex;
-      align-items: center;
-      padding: var(--space-xs) var(--space-sm);
-      font-size: 12px;
-      border-radius: var(--radius-sm);
-      cursor: pointer;
-    }
-
-    .batch-item:hover {
-      background: var(--surface);
-    }
-
-    .batch-item.selected {
-      background: var(--primary-light);
-      color: var(--primary);
-    }
-
-    /* Loading States */
-    .skeleton {
-      background: linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 50%, var(--surface) 75%);
-      background-size: 200% 100%;
-      animation: skeleton-loading 1.5s infinite;
-      border-radius: var(--radius-sm);
-      height: 16px;
-      margin: var(--space-xs) 0;
-    }
-
-    @keyframes skeleton-loading {
-      0% { background-position: 200% 0; }
-      100% { background-position: -200% 0; }
-    }
-
-    /* Spinner */
-    .spinner {
-      width: 16px;
-      height: 16px;
-      border: 2px solid var(--surface);
-      border-top-color: var(--primary);
-      border-radius: 50%;
-      animation: spin 0.8s linear infinite;
-    }
-
-    @keyframes spin {
-      to { transform: rotate(360deg); }
-    }
-
-    /* Footer Links */
-    .footer-links {
-      padding: var(--spacing-03);
-      text-align: center;
-      border-top: 1px solid var(--border);
-      background: var(--surface);
-      margin-top: auto;
-    }
-
-    .footer-link {
-      font-size: var(--font-size-xs);
-      color: var(--text-secondary);
-      text-decoration: none;
-      transition: color var(--transition-fast);
-      padding: var(--spacing-02) var(--spacing-03);
-      border-radius: var(--radius-sm);
-      display: inline-block;
-      background: transparent;
-      border: 1px solid transparent;
-    }
-
-    .footer-link:hover {
-      color: var(--interactive);
-      text-decoration: underline;
-    }
-
-    /* Utility Classes */
-    .hidden {
-      display: none !important;
-    }
-
-    /* Tooltip Styles (JS-positioned) */
-    .tooltip {
-      position: relative;
-      display: inline-flex;
-      cursor: help;
-      margin-left: 0;
-    }
-
-    .tooltip .tooltiptext {
-      display: none;
-    }
-
-    .tooltip-popup {
-      position: fixed;
-      z-index: var(--z-tooltip);
-      background: var(--surface);
-      color: var(--text-primary);
-      text-align: left;
-      border-radius: var(--radius-md);
-      padding: var(--spacing-03) var(--spacing-04);
-      font-size: var(--font-size-xs);
-      line-height: 1.4;
-      box-shadow: var(--shadow-md);
-      border: 1px solid var(--border);
-      max-width: 280px;
-      pointer-events: none;
-    }
-
-    .tooltip-popup::before {
-      content: "";
-      position: absolute;
-      left: 16px;
-      border-width: 5px;
-      border-style: solid;
-    }
-
-    .tooltip-popup.tooltip-above::before {
-      top: 100%;
-      border-color: var(--border) transparent transparent transparent;
-    }
-
-    .tooltip-popup.tooltip-below::before {
-      bottom: 100%;
-      border-color: transparent transparent var(--border) transparent;
-    }
-
-    .section-header {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      margin-bottom: var(--spacing-03);
-    }
-
-    .section-title {
-      font-size: var(--font-size-sm);
-      font-weight: var(--font-weight-semibold);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      color: var(--text-secondary);
-      margin: 0;
-    }
-
-    .info-icon {
-      width: 16px;
-      height: 16px;
-      border-radius: 50%;
-      background: var(--text-tertiary);
-      color: var(--surface);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 10px;
-      font-weight: var(--font-weight-semibold);
-      margin-left: var(--spacing-02);
-    }
-
-    .mt-sm { margin-top: var(--space-sm); }
-    .mt-md { margin-top: var(--space-md); }
-    .mb-sm { margin-bottom: var(--space-sm); }
-    .mb-md { margin-bottom: var(--space-md); }
-
-    .token-section-divider {
-      border: none;
-      border-top: 1px solid var(--border);
-      margin: 12px 0;
-    }
-
-    /* Responsive Design */
-    @media (max-height: 600px) {
-      .header {
-        padding: var(--space-sm) var(--space-md);
-      }
-
-      .content {
-        padding: var(--space-sm) var(--space-md);
-      }
-    }
-
-    /* Toggle Switch */
-    .toggle-switch {
-      position: relative;
-      display: inline-block;
-      width: 40px;
-      height: 22px;
-    }
-
-    .toggle-switch input {
-      opacity: 0;
-      width: 0;
-      height: 0;
-    }
-
-    .toggle-slider {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: var(--border);
-      transition: var(--transition-fast);
-      border-radius: 22px;
-    }
-
-    .toggle-slider:before {
-      position: absolute;
-      content: "";
-      height: 16px;
-      width: 16px;
-      left: 3px;
-      bottom: 3px;
-      background-color: white;
-      transition: var(--transition-fast);
-      border-radius: 50%;
-    }
-
-    input:checked + .toggle-slider {
-      background-color: var(--interactive);
-    }
-
-    input:checked + .toggle-slider:before {
-      transform: translateX(18px);
-    }
-
-    /* Quick Actions Bar */
-    .quick-actions-bar {
-      display: flex;
-      gap: var(--space-sm);
-      padding: var(--space-md);
-      background: var(--surface);
-      border-radius: var(--radius-md);
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .quick-actions-bar .button {
-      flex: 1;
-    }
-
-    .quick-actions-bar .button-ghost {
-      flex: 0 0 auto;
-    }
-
-    .tab-button {
-      padding: var(--spacing-03) var(--spacing-05) calc(var(--spacing-03) + 1px);
-      background: transparent;
-      border: none;
-      border-bottom: 2px solid transparent;
-      color: var(--text-secondary);
-      font-size: var(--font-size-md);
-      font-weight: var(--font-weight-medium);
-      cursor: pointer;
-      transition: color var(--transition-fast), border-color var(--transition-fast);
-      position: relative;
-      margin-bottom: -1px;
-    }
-
-    .tab-button:hover:not(.active) {
-      color: var(--text-primary);
-      border-bottom-color: var(--border-strong);
-    }
-
-    .tab-button.active {
-      color: var(--interactive);
-      border-bottom-color: var(--interactive);
-    }
-
-    .tab-button:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    /* Tab Content */
-    .tab-content {
-      display: none;
-      flex: 1;
-      overflow-y: auto;
-    }
-
-    .tab-content.active {
-      display: flex;
-      flex-direction: column;
-    }
-
-    /* Chat Interface Styles - Cleaner Layout */
-    .chat-wrapper {
-      display: flex;
-      flex-direction: column;
-      height: calc(100vh - 160px);
-      max-height: 650px;
-    }
-
-    .chat-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 0 0 var(--space-sm);
-      background: var(--background);
-      min-height: 32px;
-    }
-
-    .chat-title h2 {
-      font-size: var(--font-size-sm);
-      font-weight: var(--font-weight-semibold);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      color: var(--text-secondary);
-      margin: 0;
-    }
-
-    .component-context {
-      background: var(--primary-light);
-      border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
-      border-radius: var(--radius-md);
-      padding: 8px 10px;
-      margin: 0 0 var(--space-sm) 0;
-    }
-
-    .context-badge {
-      font-size: 11px;
-      font-weight: 600;
-      color: var(--primary);
-      margin-bottom: 2px;
-      display: flex;
-      align-items: center;
-      gap: 4px;
-    }
-
-    .context-info {
-      font-size: 11px;
-      color: var(--text-secondary);
-    }
-
-    .chat-empty {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: var(--space-md);
-    }
-
-    .chat-empty-content {
-      text-align: center;
-      max-width: 350px;
-    }
-
-    .chat-empty-icon {
-      font-size: 36px;
-      opacity: 0.2;
-      display: block;
-      margin-bottom: var(--space-sm);
-    }
-
-    .chat-empty-text h3 {
-      font-size: 14px;
-      font-weight: 600;
-      margin: 0 0 var(--space-xs) 0;
-      color: var(--text-primary);
-    }
-
-    .chat-empty-text p {
-      font-size: 12px;
-      color: var(--text-tertiary);
-      margin: 0 0 var(--space-md) 0;
-      line-height: 1.4;
-    }
-
-    .chat-suggestions {
-      display: flex;
-      flex-wrap: wrap;
-      gap: var(--space-xs);
-      justify-content: center;
-    }
-
-    .chat-suggestion {
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: var(--spacing-02) var(--spacing-03);
-      font-size: var(--font-size-xs);
-      color: var(--text-primary);
-      cursor: pointer;
-      transition: background var(--transition-fast), border-color var(--transition-fast);
-    }
-
-    .chat-suggestion:hover {
-      background: var(--interactive-light);
-      border-color: var(--interactive);
-      color: var(--interactive);
-    }
-
-    .chat-container {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-    }
-
-    .chat-messages {
-      flex: 1;
-      overflow-y: auto;
-      padding: var(--space-sm) 0;
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-sm);
-    }
-
-    .chat-message {
-      display: flex;
-      flex-direction: column;
-      max-width: 90%;
-      animation: fadeInUp 0.2s ease;
-    }
-
-    .chat-message.user {
-      align-self: flex-end;
-      max-width: 80%;
-    }
-
-    .chat-message.assistant {
-      align-self: flex-start;
-      max-width: 100%;
-    }
-
-    .chat-message-content {
-      padding: 10px 12px;
-      border-radius: var(--radius-md);
-      font-size: 12px;
-      line-height: 1.5;
-      word-wrap: break-word;
-    }
-
-    .chat-message.user .chat-message-content {
-      background: var(--interactive);
-      color: var(--text-on-color);
-      border-bottom-right-radius: var(--radius-sm);
-    }
-
-    .chat-message.assistant .chat-message-content {
-      background: var(--surface);
-      color: var(--text-primary);
-      border: 1px solid var(--border);
-      border-bottom-left-radius: var(--radius-sm);
-    }
-
-    .chat-message-meta {
-      font-size: 11px;
-      color: var(--text-tertiary);
-      margin-top: var(--space-xs);
-      display: flex;
-      align-items: center;
-      gap: var(--space-xs);
-    }
-
-    .chat-message.user .chat-message-meta {
-      justify-content: flex-end;
-    }
-
-    .chat-message.assistant .chat-message-meta {
-      justify-content: flex-start;
-    }
-
-    .chat-sources {
-      margin-top: var(--space-sm);
-      padding: var(--space-sm);
-      background: var(--primary-light);
-      border-radius: var(--radius-sm);
-      font-size: 11px;
-    }
-
-    .chat-sources-title {
-      font-weight: 600;
-      color: var(--primary);
-      margin-bottom: var(--space-xs);
-      display: flex;
-      align-items: center;
-      gap: var(--space-xs);
-    }
-
-    .chat-source {
-      padding: var(--space-xs);
-      margin-bottom: var(--space-xs);
-      background: var(--surface);
-      border-radius: var(--radius-sm);
-      border-left: 2px solid var(--primary);
-    }
-
-    .chat-source:last-child {
-      margin-bottom: 0;
-    }
-
-    .chat-source-title {
-      font-weight: 500;
-      color: var(--text-primary);
-      margin-bottom: 2px;
-      font-size: 11px;
-    }
-
-    .chat-source-content {
-      color: var(--text-secondary);
-      font-size: 10px;
-      line-height: 1.4;
-    }
-
-    .chat-input-container {
-      border-top: 1px solid var(--border);
-      padding: var(--space-sm) 0 0;
-    }
-
-    .chat-input-wrapper {
-      display: flex;
-      gap: var(--space-sm);
-      align-items: flex-end;
-    }
-
-    .chat-input-wrapper textarea {
-      flex: 1;
-      min-height: 36px;
-      max-height: 120px;
-      resize: none;
-      font-size: 12px;
-      line-height: 1.5;
-      padding: 8px 12px;
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      background: var(--background);
-      transition: all var(--transition-fast);
-      font-family: inherit;
-      color: var(--text-primary);
-    }
-
-    .chat-input-wrapper textarea:focus {
-      outline: none;
-      border-color: var(--primary);
-      box-shadow: 0 0 0 3px var(--primary-light);
-    }
-
-    .chat-input-wrapper textarea:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .chat-send-button {
-      padding: var(--spacing-03);
-      min-width: 36px;
-      height: 36px;
-      background: var(--interactive);
-      color: var(--text-on-color);
-      border: none;
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      transition: background var(--transition-fast);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .chat-send-button:hover:not(:disabled) {
-      background: var(--interactive-hover);
-    }
-
-    .chat-send-button:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .chat-status {
-      margin-top: var(--space-sm);
-      padding: var(--space-xs) var(--space-sm);
-      background: var(--primary-light);
-      border-radius: var(--radius-sm);
-      font-size: 11px;
-      color: var(--primary);
-      display: flex;
-      align-items: center;
-      gap: var(--space-xs);
-    }
-
-    .chat-status::before {
-      content: '';
-      width: 12px;
-      height: 12px;
-      border: 2px solid var(--primary);
-      border-top-color: transparent;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-    }
-
-    /* Standard Article/Prose Styling for Chat Content */
-    .chat-article {
-      line-height: 1.6;
-      font-size: 12px;
-    }
-
-    .chat-article h2 {
-      font-size: 13px;
-      font-weight: 600;
-      margin: 1em 0 0.5em 0;
-      color: var(--text-primary);
-      border-bottom: 1px solid var(--border);
-      padding-bottom: 0.3em;
-    }
-
-    .chat-article h3 {
-      font-size: 12px;
-      font-weight: 600;
-      margin: 0.8em 0 0.4em 0;
-      color: var(--text-primary);
-    }
-
-    .chat-article h4 {
-      font-size: 12px;
-      font-weight: 600;
-      margin: 0.6em 0 0.3em 0;
-      color: var(--text-secondary);
-    }
-
-    .chat-article ul,
-    .chat-article ol {
-      margin: 0.4em 0;
-      padding-left: 1.6em;
-    }
-
-    .chat-article ul {
-      list-style-type: disc;
-    }
-
-    .chat-article ol {
-      list-style-type: decimal;
-    }
-
-    .chat-article li {
-      margin-bottom: 0.25em;
-    }
-
-    .chat-article li > ul,
-    .chat-article li > ol {
-      margin-top: 0.2em;
-      margin-bottom: 0.2em;
-    }
-
-    .chat-article code {
-      background: rgba(0, 0, 0, 0.06);
-      padding: 0.15em 0.4em;
-      border-radius: 3px;
-      font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
-      font-size: 0.88em;
-    }
-
-    .chat-article pre {
-      background: var(--surface-secondary, #f4f4f4);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      padding: 10px 12px;
-      margin: 0.5em 0;
-      overflow-x: auto;
-      font-size: 11px;
-      line-height: 1.5;
-    }
-
-    .chat-article pre code {
-      background: none;
-      padding: 0;
-      border-radius: 0;
-      font-size: inherit;
-    }
-
-    .chat-article strong {
-      font-weight: 600;
-    }
-
-    .chat-article em {
-      font-style: italic;
-    }
-
-    .chat-article p {
-      margin: 0.4em 0 0.5em;
-    }
-
-    .chat-article hr {
-      border: none;
-      border-top: 1px solid var(--border);
-      margin: 0.8em 0;
-    }
-
-    .chat-article > *:first-child {
-      margin-top: 0;
-    }
-
-    .chat-article > *:last-child {
-      margin-bottom: 0;
-    }
-
-    @keyframes fadeInUp {
-      from {
-        opacity: 0;
-        transform: translateY(10px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-
-    @keyframes dots {
-      0%, 20% { opacity: 0; }
-      50% { opacity: 1; }
-      80%, 100% { opacity: 0; }
-    }
-
-    @keyframes chatLoadingDot {
-      0%, 80%, 100% {
-        transform: scale(0.8);
-        opacity: 0.5;
-      }
-      40% {
-        transform: scale(1);
-        opacity: 1;
-      }
-    }
-
-    .loading-dots {
-      display: inline-flex;
-      gap: 2px;
-    }
-
-    .loading-dots span {
-      width: 4px;
-      height: 4px;
-      border-radius: 50%;
-      background: var(--text-tertiary);
-      animation: dots 1.4s infinite ease-in-out;
-    }
-
-    .loading-dots span:nth-child(1) { animation-delay: -0.32s; }
-    .loading-dots span:nth-child(2) { animation-delay: -0.16s; }
-    .loading-dots span:nth-child(3) { animation-delay: 0s; }
-
-    /* (duplicate chat-suggestion removed - consolidated above) */
-
-    /* Select node button styles */
-    .select-node-btn {
-      background: var(--interactive);
-      color: var(--text-on-color);
-      border: none;
-      border-radius: var(--radius-sm);
-      padding: var(--spacing-02);
-      cursor: pointer;
-      transition: background var(--transition-fast);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-width: 26px;
-      height: 26px;
-      margin-left: auto;
-      flex-shrink: 0;
-    }
-
-    .select-node-btn:hover {
-      background: var(--interactive-hover);
-    }
-
-    .select-node-btn:active {
-      background: var(--interactive-active);
-    }
-
-    .select-node-btn svg {
-      width: 14px;
-      height: 14px;
-    }
-
-    /* Token item layout - select button accommodation */
-
-    .token-item-compact .token-details {
-      flex: 1;
-      min-width: 0; /* Allow text to truncate */
-    }
-
-    .chat-loading {
-      display: flex;
-      align-items: center;
-      gap: var(--space-xs);
-      padding: var(--space-sm) var(--space-md);
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      border-bottom-left-radius: var(--radius-sm);
-    }
-
-    .chat-loading-dots {
-      display: flex;
-      gap: 3px;
-    }
-
-    .chat-loading-dot {
-      width: 4px;
-      height: 4px;
-      background: var(--text-tertiary);
-      border-radius: 50%;
-      animation: chatLoadingDot 1.4s ease-in-out infinite both;
-    }
-
-    .chat-loading-dot:nth-child(1) { animation-delay: -0.32s; }
-    .chat-loading-dot:nth-child(2) { animation-delay: -0.16s; }
-
-    /* Confirmation Modal Styles */
-    .modal-overlay {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(22, 22, 22, 0.5);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: var(--z-modal);
-      opacity: 0;
-      visibility: hidden;
-      transition: opacity var(--transition-fast), visibility var(--transition-fast);
-    }
-
-    .modal-overlay.active {
-      opacity: 1;
-      visibility: visible;
-    }
-
-    .modal-container {
-      background: var(--surface);
-      border-radius: var(--radius-lg);
-      box-shadow: var(--shadow-lg);
-      width: 90%;
-      max-width: 480px;
-      max-height: 80vh;
-      overflow: hidden;
-      transform: scale(0.95);
-      transition: transform var(--transition-fast);
-    }
-
-    .modal-overlay.active .modal-container {
-      transform: scale(1);
-    }
-
-    .modal-header {
-      padding: var(--space-md);
-      border-bottom: 1px solid var(--border);
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .modal-title {
-      font-size: 14px;
-      font-weight: 600;
-      color: var(--text-primary);
-      margin: 0;
-    }
-
-    .modal-close {
-      background: none;
-      border: none;
-      cursor: pointer;
-      color: var(--text-tertiary);
-      padding: 4px;
-      border-radius: var(--radius-sm);
-      transition: all var(--transition-fast);
-    }
-
-    .modal-close:hover {
-      background: var(--surface);
-      color: var(--text-primary);
-    }
-
-    .modal-body {
-      padding: var(--space-md);
-      overflow-y: auto;
-      max-height: 50vh;
-    }
-
-    .modal-footer {
-      padding: var(--space-md);
-      border-top: 1px solid var(--border);
-      display: flex;
-      gap: var(--space-sm);
-      justify-content: flex-end;
-    }
-
-    .preview-box {
-      background: var(--surface);
-      border-radius: var(--radius-md);
-      padding: var(--space-sm) var(--space-md);
-      margin-bottom: var(--space-sm);
-    }
-
-    .preview-label {
-      font-size: 10px;
-      text-transform: uppercase;
-      color: var(--text-tertiary);
-      margin-bottom: 4px;
-    }
-
-    .preview-value {
-      font-size: 13px;
-      color: var(--text-primary);
-      font-family: 'SF Mono', Monaco, monospace;
-    }
-
-    .preview-arrow {
-      text-align: center;
-      color: var(--primary);
-      font-size: 16px;
-      margin: var(--space-xs) 0;
-    }
-
-    /* Fix Button Styles */
-    .fix-btn {
-      font-size: var(--font-size-xs);
-      padding: var(--spacing-02) var(--spacing-04);
-      background: var(--interactive-light);
-      color: var(--interactive);
-      border: 1px solid var(--interactive);
-      border-radius: var(--radius-sm);
-      cursor: pointer;
-      transition: background var(--transition-fast), color var(--transition-fast);
-      white-space: nowrap;
-      min-height: 24px;
-    }
-
-    .fix-btn:hover {
-      background: var(--interactive);
-      color: var(--text-on-color);
-    }
-
-    .fix-btn:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .token-actions {
-      display: flex;
-      gap: 4px;
-      align-items: center;
-      margin-left: auto;
-    }
-
-    /* Fix Summary Bar (auto-fix actions in analysis results) */
-    .fix-summary-bar {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background: var(--interactive-light);
-      border: 1px solid var(--interactive);
-      border-left: 4px solid var(--interactive);
-      border-radius: var(--radius-sm);
-      padding: var(--spacing-03) var(--spacing-04);
-      margin-bottom: var(--spacing-04);
-      overflow: hidden;
-      flex-wrap: wrap;
-      gap: 6px;
-    }
-
-    .fix-summary-stats {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-      font-size: 11px;
-      color: var(--text-secondary);
-    }
-
-    .fix-summary-stats .stat-chip {
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: 10px;
-      padding: 2px 8px;
-      font-size: 10px;
-      white-space: nowrap;
-    }
-
-    .quick-actions-btn {
-      font-size: var(--font-size-xs);
-      padding: var(--spacing-02) var(--spacing-04);
-      background: var(--interactive);
-      color: var(--text-on-color);
-      border: none;
-      border-radius: var(--radius-sm);
-      cursor: pointer;
-      transition: background var(--transition-fast);
-      white-space: nowrap;
-      font-weight: var(--font-weight-medium);
-      min-height: 24px;
-    }
-
-    .quick-actions-btn:hover {
-      background: var(--interactive-hover);
-    }
-
-    .quick-actions-btn:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    /* Batch Action Bar (token section) */
-    .batch-action-bar {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background: var(--warning-bg);
-      border: 1px solid var(--warning);
-      border-left: 4px solid var(--warning);
-      border-radius: var(--radius-sm);
-      padding: var(--spacing-03) var(--spacing-04);
-      margin-bottom: var(--spacing-04);
-      font-size: var(--font-size-xs);
-    }
-
-    .batch-action-bar .batch-label {
-      color: var(--text-secondary);
-      font-weight: 500;
-    }
-
-    /* Metadata Action Bar */
-    .metadata-action-bar {
-      display: flex;
-      align-items: center;
-      gap: var(--space-sm);
-      background: var(--surface-secondary);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-md);
-      padding: 8px 12px;
-      margin-bottom: 12px;
-    }
-
-    .metadata-action-bar .action-label {
-      font-size: 11px;
-      color: var(--text-secondary);
-      flex: 1;
-      min-width: 0;
-    }
-
-    .metadata-action-bar .audit-action-button {
-      flex-shrink: 0;
-    }
-
-    .description-scroll-area {
-      max-height: 150px;
-      overflow-y: auto;
-      padding: 8px;
-      font-size: 12px;
-      line-height: 1.5;
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      white-space: pre-wrap;
-      word-wrap: break-word;
-      background: var(--surface);
-      color: var(--text-primary);
-    }
-
-    .description-up-to-date {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      font-size: 11px;
-      color: var(--success, #34a853);
-      padding: 6px 10px;
-      background: color-mix(in srgb, var(--success, #34a853) 8%, transparent);
-      border-radius: var(--radius-sm);
-      margin-bottom: 8px;
-    }
-
-    .description-existing-label {
-      font-size: 10px;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      color: var(--text-tertiary);
-      margin-bottom: 4px;
-    }
-
-    /* Naming Issue Arrow */
-    .naming-issue-arrow {
-      color: var(--primary);
-      font-weight: 600;
-      margin: 0 6px;
-      font-size: 12px;
-    }
-
-    /* Layer Naming Tree */
-    .naming-tree-summary {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 6px 8px;
-      background: var(--surface-secondary);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      margin-bottom: 8px;
-      font-size: 11px;
-      color: var(--text-secondary);
-    }
-    .naming-tree-summary .severity-counts {
-      display: flex;
-      gap: 8px;
-    }
-    .naming-tree-summary .sev-count {
-      display: flex;
-      align-items: center;
-      gap: 3px;
-      font-size: 10px;
-      font-weight: 500;
-    }
-    .naming-tree-toggle {
-      background: none;
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      padding: 2px 8px;
-      font-size: 10px;
-      color: var(--primary);
-      cursor: pointer;
-      transition: var(--transition-fast);
-    }
-    .naming-tree-toggle:hover {
-      background: var(--primary-light);
-      border-color: var(--primary);
-    }
-    .naming-tree-group {
-      margin-bottom: 6px;
-    }
-    .naming-tree-group-header {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      padding: 4px 0;
-      font-size: 10px;
-      font-weight: 600;
-      color: var(--text-secondary);
-      cursor: pointer;
-      user-select: none;
-    }
-    .naming-tree-group-header:hover {
-      color: var(--text-primary);
-    }
-    .naming-tree-group-header .tree-arrow {
-      display: inline-block;
-      transition: transform var(--transition-fast);
-      font-size: 8px;
-      width: 12px;
-      text-align: center;
-    }
-    .naming-tree-group-header .tree-arrow.collapsed {
-      transform: rotate(-90deg);
-    }
-    .naming-tree-group-header .group-count {
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      padding: 0 5px;
-      font-size: 9px;
-      font-weight: 500;
-      color: var(--text-tertiary);
-      margin-left: auto;
-    }
-    .naming-tree-items {
-      overflow: hidden;
-      transition: max-height var(--transition-base);
-    }
-    .naming-tree-items.collapsed {
-      max-height: 0 !important;
-    }
-    .naming-tree-item {
-      display: flex;
-      align-items: flex-start;
-      gap: 6px;
-      padding: 4px 0 4px 16px;
-      border-left: 1px solid var(--border);
-      margin-left: 5px;
-      cursor: pointer;
-    }
-    .naming-tree-item:hover {
-      background: var(--interactive-light, rgba(0, 122, 255, 0.06));
-      border-radius: var(--radius-sm);
-    }
-    .naming-tree-item .audit-content {
-      flex: 1;
-      min-width: 0;
-    }
-
-    /* Copy Button */
-    .copy-btn {
-      background: transparent;
-      border: 1px solid transparent;
-      border-radius: var(--radius-sm);
-      padding: 3px 5px;
-      cursor: pointer;
-      color: var(--text-tertiary);
-      transition: all var(--transition-fast);
-      font-size: 12px;
-      line-height: 1;
-    }
-
-    .copy-btn:hover {
-      border-color: var(--border);
-      color: var(--text-primary);
-      background: var(--surface);
-    }
-
-    .copy-btn.copied {
-      border-color: var(--success);
-      color: var(--success);
-    }
-
-    /* Fix Applied Animation */
-    @keyframes fixAppliedFlash {
-      0% { background-color: transparent; }
-      30% { background-color: rgba(52, 199, 89, 0.15); }
-      100% { background-color: transparent; }
-    }
-
-    .fix-applied-success {
-      animation: fixAppliedFlash 1.2s ease-out;
-    }
-
-    .fix-btn.fix-applied {
-      background: var(--success);
-      color: var(--text-on-color);
-      border-color: var(--success);
-      pointer-events: none;
-    }
-
-    .token-item-compact.warning[onclick]:hover {
-      background: var(--interactive-light, rgba(0, 122, 255, 0.06));
-      border-radius: var(--radius-sm);
-    }
-
-    .token-item-compact.fix-applied-success {
-      opacity: 0.4;
-    }
-
-    /* Active selection highlight while fix modal is open */
-    .token-item-compact.token-item-selected {
-      background: var(--interactive-light, rgba(0, 122, 255, 0.08));
-      border-left: 3px solid var(--interactive);
-      box-shadow: inset 0 0 0 1px var(--interactive-light, rgba(0, 122, 255, 0.12));
-    }
-
-    /* Persistent green indicator for successfully fixed items */
-    .token-item-compact.token-item-fixed {
-      background: var(--success-bg);
-      border-left: 3px solid var(--success);
-      opacity: 0.7;
-    }
-
-    .token-item-compact.token-item-fixed .token-name {
-      text-decoration: line-through;
-      color: var(--text-tertiary);
-    }
-
-    /* Editable rename input in fix modal */
-    .rename-input {
-      font-size: 13px;
-      color: var(--text-primary);
-      font-family: 'SF Mono', Monaco, monospace;
-      background: var(--bg-primary);
-      border: 1px solid var(--interactive);
-      border-radius: var(--radius-sm);
-      padding: 6px 8px;
-      width: 100%;
-      box-sizing: border-box;
-      outline: none;
-      transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
-    }
-
-    .rename-input:focus {
-      border-color: var(--primary);
-      box-shadow: 0 0 0 2px rgba(98, 77, 227, 0.15);
-    }
-
-
-    /* Inline icon system (Lucide stroke-based) */
-    .ico {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 16px;
-      height: 16px;
-      vertical-align: -3px;
-      flex-shrink: 0;
-    }
-
-    .ico svg {
-      width: 100%;
-      height: 100%;
-      fill: none;
-      stroke: currentColor;
-      stroke-width: 2;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-    }
-
-    /* Provider indicator dots */
-    .provider-dot {
-      display: inline-block;
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      vertical-align: middle;
-      margin-right: 4px;
-    }
-    .provider-dot.anthropic { background: #7C3AED; }
-    .provider-dot.openai { background: #10A37F; }
-    .provider-dot.google { background: #4285F4; }
-
-    /* Custom scrollbar (thin, Carbon-style) */
-    ::-webkit-scrollbar {
-      width: 6px;
-    }
-    ::-webkit-scrollbar-track {
-      background: transparent;
-    }
-    ::-webkit-scrollbar-thumb {
-      background: var(--surface-alt);
-      border-radius: 3px;
-    }
-    ::-webkit-scrollbar-thumb:hover {
-      background: var(--border-strong);
-    }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <!-- Header -->
-    <div class="header">
-      <div class="plugin-title">
-        <div class="plugin-icon">FL</div>
-        <h1 class="plugin-name">FigmaLint</h1>
-      </div>
-    </div>
-
-    <!-- Tab Navigation -->
-    <div class="tabs-navigation">
-      <button class="tab-button active" id="tab-analyze" onclick="switchTab('analyze')">
-        Analyze
-      </button>
-      <button class="tab-button" id="tab-lint" onclick="switchTab('lint')">
-        Lint
-      </button>
-      <button class="tab-button" id="tab-chat" onclick="switchTab('chat')">
-        Chat
-      </button>
-    </div>
-
-        <!-- Tab Content: Analyze -->
-    <div class="tab-content active" id="content-analyze">
-      <div class="content">
-        <!-- Quick Actions Bar (shown when API key is saved) -->
-        <div class="quick-actions-bar" id="quick-actions" style="display: none;">
-          <button id="quick-analyze-component" class="button button-primary">
-            <span>Analyze Component</span>
-          </button>
-          <button id="show-config" class="button button-ghost" title="Show configuration">
-            <svg width="16" height="16" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M424.5,216.5h-15.2c-12.4,0-22.8-10.7-22.8-23.4c0-6.4,2.7-12.2,7.5-16.5l9.8-9.6c9.7-9.6,9.7-25.3,0-34.9l-22.3-22.1  c-4.4-4.4-10.9-7-17.5-7c-6.6,0-13,2.6-17.5,7l-9.4,9.4c-4.5,5-10.5,7.7-17,7.7c-12.8,0-23.5-10.4-23.5-22.7V89.1  c0-13.5-10.9-25.1-24.5-25.1h-30.4c-13.6,0-24.4,11.5-24.4,25.1v15.2c0,12.3-10.7,22.7-23.5,22.7c-6.4,0-12.3-2.7-16.6-7.4l-9.7-9.6  c-4.4-4.5-10.9-7-17.5-7s-13,2.6-17.5,7L110,132c-9.6,9.6-9.6,25.3,0,34.8l9.4,9.4c5,4.5,7.8,10.5,7.8,16.9  c0,12.8-10.4,23.4-22.8,23.4H89.2c-13.7,0-25.2,10.7-25.2,24.3V256v15.2c0,13.5,11.5,24.3,25.2,24.3h15.2  c12.4,0,22.8,10.7,22.8,23.4c0,6.4-2.8,12.4-7.8,16.9l-9.4,9.3c-9.6,9.6-9.6,25.3,0,34.8l22.3,22.2c4.4,4.5,10.9,7,17.5,7  c6.6,0,13-2.6,17.5-7l9.7-9.6c4.2-4.7,10.2-7.4,16.6-7.4c12.8,0,23.5,10.4,23.5,22.7v15.2c0,13.5,10.8,25.1,24.5,25.1h30.4  c13.6,0,24.4-11.5,24.4-25.1v-15.2c0-12.3,10.7-22.7,23.5-22.7c6.4,0,12.4,2.8,17,7.7l9.4,9.4c4.5,4.4,10.9,7,17.5,7  c6.6,0,13-2.6,17.5-7l22.3-22.2c9.6-9.6,9.6-25.3,0-34.9l-9.8-9.6c-4.8-4.3-7.5-10.2-7.5-16.5c0-12.8,10.4-23.4,22.8-23.4h15.2  c13.6,0,23.3-10.7,23.3-24.3V256v-15.2C447.8,227.2,438.1,216.5,424.5,216.5z M336.8,256L336.8,256c0,44.1-35.7,80-80,80  c-44.3,0-80-35.9-80-80l0,0l0,0c0-44.1,35.7-80,80-80C301.1,176,336.8,211.9,336.8,256L336.8,256z" fill="currentColor"/>
-            </svg>
-          </button>
-        </div>
-
-        <!-- API Key Configuration -->
-        <div class="card" id="api-key-card">
-          <div class="card-header">
-            <h2 class="card-title">Configuration</h2>
-            <button id="hide-config" class="button button-ghost" style="display: none; padding: 4px 8px; font-size: 11px;">
-              <span>Hide</span>
-            </button>
-          </div>
-
-          <div id="config-content">
-            <!-- Provider Selection -->
-            <div class="form-group">
-              <label for="provider-select">AI Provider</label>
-              <select id="provider-select">
-                <option value="anthropic">Anthropic (Claude)</option>
-                <option value="openai">OpenAI (GPT)</option>
-                <option value="google">Google (Gemini)</option>
-              </select>
-              <p class="card-subtitle">Select your preferred AI provider</p>
-            </div>
-
-            <!-- API Key Input -->
-            <div class="form-group">
-              <label for="api-key"><span id="api-key-label">Claude</span> API Key</label>
-              <div class="input-wrapper">
-                <input
-                  type="password"
-                  id="api-key"
-                  placeholder="sk-ant-..."
-                  autocomplete="off"
-                >
-                <span class="input-icon"><svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M4 4v2h-.25A1.75 1.75 0 002 7.75v5.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-5.5A1.75 1.75 0 0012.25 6H12V4a4 4 0 10-8 0zm6 2V4a2 2 0 10-4 0v2h4zm-5.25 2h6.5a.25.25 0 01.25.25v5.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25z"/></svg></span>
-              </div>
-              <p class="card-subtitle" id="api-key-hint">Your API key is stored securely in this session</p>
-            </div>
-
-            <!-- Model Selection (dynamic based on provider) -->
-            <div class="form-group">
-              <label for="model-select"><span id="model-label">Claude</span> Model</label>
-              <select id="model-select">
-                <!-- Anthropic (Claude) Models -->
-                <optgroup label="Anthropic (Claude)" id="anthropic-models">
-                  <option value="claude-opus-4-5-20251218">Claude Opus 4.5 (Flagship - Advanced Reasoning)</option>
-                  <option value="claude-sonnet-4-5-20250929" selected>Claude Sonnet 4.5 (Recommended - Best Value)</option>
-                  <option value="claude-haiku-4-5-20251001">Claude Haiku 4.5 (Fast - Economy)</option>
-                </optgroup>
-                <!-- OpenAI (GPT) Models -->
-                <optgroup label="OpenAI (GPT)" id="openai-models" style="display: none;">
-                  <option value="gpt-5.2" disabled>GPT-5.2 (Flagship)</option>
-                  <option value="gpt-5.2-pro" disabled>GPT-5.2 Pro (Extended Reasoning)</option>
-                  <option value="gpt-5-mini" disabled>GPT-5 Mini (Fast - Economy)</option>
-                </optgroup>
-                <!-- Google (Gemini) Models -->
-                <optgroup label="Google (Gemini)" id="google-models" style="display: none;">
-                  <option value="gemini-3-pro-preview" disabled>Gemini 3 Pro (Flagship - Multimodal)</option>
-                  <option value="gemini-2.5-pro" disabled>Gemini 2.5 Pro (Recommended)</option>
-                  <option value="gemini-2.5-flash" disabled>Gemini 2.5 Flash (Fast - Economy)</option>
-                </optgroup>
-              </select>
-              <p class="card-subtitle">Choose the model that works best for your component analysis</p>
-            </div>
-
-            <div class="button-group mt-md">
-              <button id="save-key" class="button button-secondary">
-                <span>Save Key</span>
-              </button>
-              <button id="analyze-component" class="button button-primary" disabled>
-                <span>Analyze Component</span>
-              </button>
-            </div>
-          </div>
-
-          <!-- Status Message -->
-          <div id="status-container" class="hidden">
-            <div class="status-banner" id="status">
-              <span class="status-icon" id="status-icon"></span>
-              <span id="status-text">Ready to analyze</span>
-            </div>
-          </div>
-        </div>
-
-        <!-- Batch Mode Toggle (shown when multiple components selected) -->
-        <div class="batch-toggle hidden" id="batch-mode-toggle">
-          <span class="ico"><svg viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg></span>
-          <span>Multiple components selected</span>
-          <label class="toggle-switch">
-            <input type="checkbox" id="batch-mode-switch">
-            <span class="toggle-slider"></span>
-          </label>
-          <span>Batch Mode</span>
-        </div>
-
-        <!-- Analysis Results -->
-        <div id="analysis-results" class="hidden">
-          <!-- Design Review (CodeRabbit-style) -->
-          <div id="design-review-panel" style="display: none;"></div>
-
-          <!-- Audit View -->
-          <div class="collapsible">
-            <div class="collapsible-header active" onclick="toggleCollapsible(this)">
-              <div class="collapsible-title">
-                <span class="collapsible-icon">▶</span>
-                <span>Component Audit</span>
-                <div class="tooltip">
-                  <div class="info-icon">i</div>
-                  <span class="tooltiptext">
-                    <strong>Component Audit</strong><br>
-                    Analyzes your component for common issues that can cause problems during development. Checks for missing interactive states, accessibility compliance, naming clarity, and design system consistency.
-                  </span>
-                </div>
-              </div>
-              <span id="audit-score" class="status-banner status-info" style="padding: 2px 8px; font-size: 11px;">
-                <span>Score: --</span>
-              </span>
-            </div>
-            <div class="collapsible-content active" id="audit-content">
-              <div class="skeleton"></div>
-              <div class="skeleton" style="width: 80%;"></div>
-              <div class="skeleton" style="width: 60%;"></div>
-            </div>
-          </div>
-
-
-
-          <!-- Property Cheat Sheet -->
-          <div class="collapsible">
-            <div class="collapsible-header" onclick="toggleCollapsible(this)">
-              <div class="collapsible-title">
-                <span class="collapsible-icon">▶</span>
-                <span>Property Cheat Sheet</span>
-                <div class="tooltip">
-                  <div class="info-icon">i</div>
-                  <span class="tooltiptext">
-                    <strong>Property Cheat Sheet</strong><br>
-                    Shows the actual properties (variants) your component has and their available values. This helps developers understand exactly what options the component supports and what the default values should be.
-                  </span>
-                </div>
-              </div>
-            </div>
-            <div class="collapsible-content" id="property-cheatsheet">
-              <div class="skeleton"></div>
-              <div class="skeleton" style="width: 70%;"></div>
-            </div>
-          </div>
-
-          <!-- Token Analysis -->
-          <div class="collapsible">
-            <div class="collapsible-header" onclick="toggleCollapsible(this)">
-              <div class="collapsible-title">
-                <span class="collapsible-icon">▶</span>
-                <span>Token Analysis</span>
-                <div class="tooltip">
-                  <div class="info-icon">i</div>
-                  <span class="tooltiptext">
-                    <strong>Token Analysis</strong><br>
-                    Analyzes colors, spacing, typography, and effects to show which use design tokens versus hard-coded values. Design tokens make your components more consistent, maintainable, and easier to theme or rebrand.
-                  </span>
-                </div>
-              </div>
-            </div>
-            <div class="collapsible-content" id="token-suggestions">
-              <div class="skeleton"></div>
-              <div class="skeleton" style="width: 90%;"></div>
-            </div>
-          </div>
-
-          <!-- AI Interpretation -->
-          <div class="collapsible">
-            <div class="collapsible-header" onclick="toggleCollapsible(this)">
-              <div class="collapsible-title">
-                <span class="collapsible-icon">▶</span>
-                <span>AI Interpretation</span>
-                <div class="tooltip">
-                  <div class="info-icon">i</div>
-                  <span class="tooltiptext">
-                    <strong>AI Interpretation</strong><br>
-                    Describes how AI tools would read and interpret this component. Shows what an AI would understand from the current structure, naming, and properties — and where clarity could be improved for better code generation.
-                  </span>
-                </div>
-              </div>
-            </div>
-            <div class="collapsible-content" id="mcp-readiness">
-              <div class="skeleton"></div>
-              <div class="skeleton" style="width: 75%;"></div>
-              <div class="skeleton" style="width: 90%;"></div>
-            </div>
-          </div>
-
-          <!-- Component Metadata (moved up one position) -->
-          <div class="collapsible">
-            <div class="collapsible-header" onclick="toggleCollapsible(this)">
-              <div class="collapsible-title">
-                <span class="collapsible-icon">▶</span>
-                <span>Component Metadata</span>
-              </div>
-            </div>
-            <div class="collapsible-content" id="metadata-content">
-              <div class="skeleton"></div>
-              <div class="skeleton" style="width: 85%;"></div>
-            </div>
-          </div>
-
-          <!-- Developer Handoff (moved to bottom) -->
-          <div class="collapsible">
-            <div class="collapsible-header" onclick="toggleCollapsible(this)">
-              <div class="collapsible-title">
-                <span class="collapsible-icon">▶</span>
-                <span>Developer Handoff</span>
-                <div class="tooltip">
-                  <div class="info-icon">i</div>
-                  <span class="tooltiptext">
-                    <strong>Developer Handoff</strong><br>
-                    Export comprehensive component documentation for developer tools (ZeroHeight, Knapsack, Supernova), AI code generation prompts, or complete analysis data as JSON. Includes properties, variants, design tokens, accessibility, and audit results.
-                  </span>
-                </div>
-              </div>
-            </div>
-            <div class="collapsible-content" id="developer-export">
-              <div class="export-options" style="margin-bottom: var(--space-md);">
-                <select id="export-format" class="w-full">
-                  <option value="markdown" selected>Markdown: Developer documentation</option>
-                  <option value="ai-prompt">AI Prompt: Code generation ready</option>
-                  <option value="json">JSON: Complete analysis data</option>
-                </select>
-                <button class="button button-secondary" id="export-metadata" disabled>
-                  Export for Developers
-                </button>
-              </div>
-              <div class="skeleton"></div>
-              <div class="skeleton" style="width: 80%;"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Tab Content: Design Lint -->
-    <div class="tab-content" id="content-lint">
-      <div class="content">
-        <!-- Lint Controls -->
-        <div class="lint-controls" style="padding: var(--spacing-05); display: flex; gap: var(--spacing-03); align-items: center; border-bottom: 1px solid var(--border);">
-          <button class="button button-primary" id="run-lint-btn" onclick="runDesignLint()" style="flex: 1;">
-            Run Lint
-          </button>
-          <button class="button button-ghost" id="lint-settings-btn" onclick="toggleLintSettings()" title="Lint settings">
-            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13.5 8.5h-1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h1c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5h-1c-.8 0-1.5-.7-1.5-1.5S11.7 1 12.5 1h1c.3 0 .5-.2.5-.5C14 .2 13.8 0 13.5 0h-1C11.1 0 10 1.1 10 2.5c0 .5.2 1 .4 1.5H5.6c.3-.4.4-.9.4-1.5C6 1.1 4.9 0 3.5 0h-1C2.2 0 2 .2 2 .5s.2.5.5.5h1C4.3 1 5 1.7 5 2.5S4.3 4 3.5 4h-1c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h1C4.3 6 5 6.7 5 7.5S4.3 9 3.5 9h-1c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h1c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-1c-.3 0-.5.2-.5.5s.2.5.5.5h1C4.9 15 6 13.9 6 12.5c0-.5-.2-1-.4-1.5h4.8c-.3.4-.4.9-.4 1.5 0 1.4 1.1 2.5 2.5 2.5h1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5h-1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h1c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5h-1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5z" fill="currentColor"/></svg>
-          </button>
-        </div>
-
-        <!-- Lint Settings Panel (hidden by default) -->
-        <div id="lint-settings-panel" style="display: none; padding: var(--spacing-05); border-bottom: 1px solid var(--border); background: var(--surface);">
-          <h3 style="margin: 0 0 var(--spacing-03); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);">Lint Rules</h3>
-          <div style="display: flex; flex-direction: column; gap: var(--spacing-02);">
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-check-fills" checked onchange="updateLintSettings()"> Check fill styles
-            </label>
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-check-strokes" checked onchange="updateLintSettings()"> Check stroke styles
-            </label>
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-check-effects" checked onchange="updateLintSettings()"> Check effect styles
-            </label>
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-check-text" checked onchange="updateLintSettings()"> Check text styles
-            </label>
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-check-radius" checked onchange="updateLintSettings()"> Check border radius
-            </label>
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-skip-locked" checked onchange="updateLintSettings()"> Skip locked layers
-            </label>
-            <label style="display: flex; align-items: center; gap: var(--spacing-03); font-size: var(--font-size-xs); cursor: pointer;">
-              <input type="checkbox" id="lint-skip-hidden" checked onchange="updateLintSettings()"> Skip hidden layers
-            </label>
-          </div>
-          <div style="margin-top: var(--spacing-03);">
-            <label style="font-size: var(--font-size-xs); font-weight: var(--font-weight-medium);">Allowed radii (comma separated):</label>
-            <input type="text" id="lint-allowed-radii" value="0, 2, 4, 8, 12, 16, 24, 32" onchange="updateLintSettings()"
-              style="width: 100%; margin-top: var(--spacing-02); padding: var(--spacing-02) var(--spacing-03); font-size: var(--font-size-xs); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--background);">
-          </div>
-          <div style="margin-top: var(--spacing-03); display: flex; gap: var(--spacing-03);">
-            <button class="button button-ghost" onclick="clearLintIgnored()" style="font-size: var(--font-size-xs);">Clear Ignored</button>
-          </div>
-        </div>
-
-        <!-- Lint Summary -->
-        <div id="lint-summary" style="display: none; padding: var(--spacing-05); border-bottom: 1px solid var(--border); background: var(--surface);">
-        </div>
-
-        <!-- Lint Results -->
-        <div id="lint-results" style="flex: 1; overflow-y: auto; padding: var(--spacing-03);">
-          <div class="empty-state" style="text-align: center; padding: var(--spacing-07); color: var(--text-secondary);">
-            <p style="font-size: var(--font-size-sm); margin: 0 0 var(--spacing-02);">Select layers and click "Run Lint"</p>
-            <p style="font-size: var(--font-size-xs); margin: 0;">Checks fills, strokes, effects, text styles, and border radius against Figma styles. No API key required.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Tab Content: Chat -->
-    <div class="tab-content" id="content-chat">
-      <div class="content">
-        <div class="chat-wrapper">
-          <!-- Chat Header -->
-          <div class="chat-header">
-            <div class="chat-title">
-              <h2>Design Systems Chat</h2>
-            </div>
-            <button class="button button-ghost" id="clear-chat" title="Clear chat history">
-              <span class="ico"><svg viewBox="0 0 24 24"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg></span> Clear
-            </button>
-          </div>
-
-          <!-- Component Context (if available) -->
-          <div id="component-context-indicator" class="hidden component-context">
-            <div class="context-badge">
-              <span class="ico"><svg viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg></span> Component Context Available
-            </div>
-            <div id="current-component-info" class="context-info">
-              <!-- Component info will be injected here -->
-            </div>
-          </div>
-
-          <!-- Chat Empty State -->
-          <div id="chat-empty" class="chat-empty">
-            <div class="chat-empty-content">
-              <span class="chat-empty-icon"><svg viewBox="0 0 24 24" width="32" height="32" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22z"/></svg></span>
-              <div class="chat-empty-text">
-                <h3>Ask me about design systems!</h3>
-                <p>I have access to comprehensive design systems knowledge and can help with components, tokens, patterns, and best practices.</p>
-              </div>
-
-              <!-- Simplified Suggestions -->
-              <div id="chat-suggestions" class="chat-suggestions">
-                <!-- Suggestions will be populated by JavaScript -->
-              </div>
-            </div>
-          </div>
-
-          <!-- Chat Messages Container -->
-          <div id="chat-container" class="chat-container hidden">
-            <div id="chat-messages" class="chat-messages">
-              <!-- Chat messages will be added here -->
-            </div>
-          </div>
-
-          <!-- Chat Input -->
-          <div class="chat-input-container">
-            <div class="chat-input-wrapper">
-              <textarea
-                id="chat-input"
-                placeholder="Ask about design systems, components, tokens, or best practices..."
-                rows="1"
-                disabled
-              ></textarea>
-              <button id="send-chat" class="chat-send-button" disabled title="Send message">
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <line x1="22" y1="2" x2="11" y2="13"></line>
-                  <polygon points="22,2 15,22 11,13 2,9"></polygon>
-                </svg>
-              </button>
-            </div>
-            <div id="chat-status" class="chat-status hidden">
-              <span class="chat-status-text">Thinking...</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Confirmation Modal -->
-    <div class="modal-overlay" id="fix-modal">
-      <div class="modal-container">
-        <div class="modal-header">
-          <h3 class="modal-title" id="modal-title">Confirm Fix</h3>
-          <button class="modal-close" onclick="hideFixModal()">✕</button>
-        </div>
-        <div class="modal-body" id="modal-body">
-          <!-- Preview content will be inserted here -->
-        </div>
-        <div class="modal-footer">
-          <button class="button button-secondary" onclick="hideFixModal()">Cancel</button>
-          <button class="button button-primary" id="modal-confirm-btn" onclick="confirmFix()">Apply Fix</button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Footer -->
-    <div class="footer-links">
-      <a href="#" id="clear-api-key" class="footer-link hidden">Clear saved API key</a>
-    </div>
-  </div>
-
-  <!-- Enhanced JavaScript -->
-  <script>
-    console.log('Enhanced UI JavaScript loading...');
-
-    // Shared utility functions
-    function toTitleCase(str) {
-      return str
-        .replace(/([A-Z])/g, ' $1') // Add space before capital letters
-        .split(/[\s_-]+/) // Split on spaces, underscores, or hyphens
-        .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-        .join(' ')
-        .trim();
-    }
-
-    // SVG Icon library for professional UI
-    const ICO = {
-      info:          '<span class="ico" style="color:var(--info)"><svg viewBox="0 0 24 24" role="img" aria-label="Info"><title>Info</title><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>',
-      checkCircle:   '<span class="ico" style="color:var(--success)"><svg viewBox="0 0 24 24" role="img" aria-label="Pass"><title>Pass</title><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg></span>',
-      xCircle:       '<span class="ico" style="color:var(--error)"><svg viewBox="0 0 24 24" role="img" aria-label="Fail"><title>Fail</title><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg></span>',
-      warnTriangle:  '<span class="ico" style="color:var(--warning-text)"><svg viewBox="0 0 24 24" role="img" aria-label="Warning"><title>Warning</title><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg></span>',
-    };
-
-    // Filter out wrapper/boundary elements from token scoring
-    function filterWrapperElements(tokenSummary) {
-      // For now, apply a conservative filter that reduces hard-coded penalties
-      // for likely wrapper elements. This is a heuristic-based approach.
-
-      // If we have token data available, try to identify wrapper patterns
-      if (window.currentAnalysisData && window.currentAnalysisData.tokens) {
-        let wrapperTokenCount = 0;
-        const tokens = window.currentAnalysisData.tokens;
-
-        // Look for patterns that suggest wrapper/boundary elements:
-        // 1. Dashed/dotted strokes (common for component boundaries)
-        // 2. Arbitrary border radius on containers
-        // 3. Specific color patterns that suggest organizational use
-
-        ['colors', 'borders', 'effects'].forEach(category => {
-          if (tokens[category]) {
-            tokens[category].forEach(token => {
-              // Check if this looks like a wrapper element
-              if (isLikelyWrapperElement(token)) {
-                wrapperTokenCount++;
-              }
-            });
-          }
-        });
-
-        console.log(`[DEBUG][WRAPPER FILTER] Identified ${wrapperTokenCount} likely wrapper tokens`);
-
-        // Reduce hard-coded count by estimated wrapper elements, but be conservative
-        const filteredHardCoded = Math.max(0, tokenSummary.hardCodedValues - Math.min(wrapperTokenCount, Math.floor(tokenSummary.hardCodedValues * 0.3)));
-        const filteredTotal = Math.max(1, tokenSummary.totalTokens - Math.min(wrapperTokenCount, Math.floor(tokenSummary.totalTokens * 0.3)));
-
-        return {
-          hardCodedValues: filteredHardCoded,
-          totalTokens: filteredTotal,
-          actualTokens: tokenSummary.actualTokens,
-          wrapperElementsFiltered: wrapperTokenCount
-        };
-      }
-
-      // Fallback: no filtering if we can't detect patterns
-      return {
-        hardCodedValues: tokenSummary.hardCodedValues,
-        totalTokens: tokenSummary.totalTokens,
-        actualTokens: tokenSummary.actualTokens,
-        wrapperElementsFiltered: 0
-      };
-    }
-
-        // Heuristic to detect wrapper/boundary elements
-    function isLikelyWrapperElement(token) {
-      const context = token.context || {};
-      const value = token.value || '';
-
-      // Handle context as object (which it actually is)
-      const contextStr = typeof context === 'string' ? context :
-        `${context.nodeType || ''} ${context.nodeName || ''} ${context.property || ''}`.toLowerCase();
-
-      // Check for dashed/dotted borders (common wrapper pattern)
-      if (contextStr.includes('stroke') && (contextStr.includes('dashed') || contextStr.includes('dotted'))) {
-        return true;
-      }
-
-      // Check for arbitrary border radius on outer containers
-      if (contextStr.includes('radius') && contextStr.includes('corner') && !token.isActualToken) {
-        return true;
-      }
-
-      // Check for specific color values that suggest organizational use
-      if (contextStr.includes('stroke') || contextStr.includes('border')) {
-        // Common wrapper colors: grays, light colors, transparency
-        const colorValue = value.toLowerCase();
-        if (colorValue.includes('gray') || colorValue.includes('#f0f0f0') || colorValue.includes('#e0e0e0') ||
-            colorValue.includes('rgba') || colorValue.includes('transparent')) {
-          return true;
-        }
-      }
-
-      return false;
-    }
-
-    // UI State Management
-    let currentTab = 'analyze';
-    let apiKeySaved = false;
-    let currentMetadata = null;
-    let currentAuditResults = null;
-    let currentTokenSummary = null;
-    let batchMode = false;
-    let selectedComponents = [];
-
-    // Track the current analysis data for scoring purposes
-    let currentAnalysisData = null;
-
-    // Auto-fix state
-    let currentNamingIssues = [];
-    let currentFixableTokens = [];
-    let lastAnalyzedNodeId = null;
-    let currentExistingDescription = '';
-    let currentAuditScore = 0;
-    let quickActionsFixCount = 0;
-    let namingItemsShown = 15; // Initial limit for naming pagination
-
-    // Chat State Management
-    let chatHistory = [];
-    let chatSessionId = 'session-' + Date.now();
-    let isWaitingForResponse = false;
-
-    // DOM Elements
-    const apiKeyInput = document.getElementById('api-key');
-    const modelSelect = document.getElementById('model-select');
-    const providerSelect = document.getElementById('provider-select');
-    const apiKeyLabel = document.getElementById('api-key-label');
-    const modelLabel = document.getElementById('model-label');
-    const apiKeyHint = document.getElementById('api-key-hint');
-    const saveKeyButton = document.getElementById('save-key');
-    const analyzeButton = document.getElementById('analyze-component');
-
-    // Provider Configuration
-    const providerConfig = {
-      anthropic: {
-        name: 'Claude',
-        placeholder: 'sk-ant-...',
-        hint: 'Get your API key from console.anthropic.com',
-        defaultModel: 'claude-sonnet-4-5-20250929'
-      },
-      openai: {
-        name: 'OpenAI',
-        placeholder: 'sk-...',
-        hint: 'Get your API key from platform.openai.com',
-        defaultModel: 'gpt-5.2'
-      },
-      google: {
-        name: 'Gemini',
-        placeholder: 'AIza...',
-        hint: 'Get your API key from aistudio.google.com',
-        defaultModel: 'gemini-2.5-pro'
-      }
-    };
-
-    // Current provider state
-    let currentProvider = 'anthropic';
-    let providerApiKeys = {}; // Store keys per provider
-    const statusContainer = document.getElementById('status-container');
-    const statusDiv = document.getElementById('status');
-    const statusIcon = document.getElementById('status-icon');
-    const statusText = document.getElementById('status-text');
-    const clearApiKeyLink = document.getElementById('clear-api-key');
-
-    // Configuration UI Elements
-    const apiKeyCard = document.getElementById('api-key-card');
-    const quickActions = document.getElementById('quick-actions');
-    const quickAnalyzeButton = document.getElementById('quick-analyze-component');
-    const showConfigButton = document.getElementById('show-config');
-    const hideConfigButton = document.getElementById('hide-config');
-
-    // Batch Mode Elements
-    const batchModeToggle = document.getElementById('batch-mode-toggle');
-    const batchModeSwitch = document.getElementById('batch-mode-switch');
-
-    // Analysis Results Elements
-    const analysisResults = document.getElementById('analysis-results');
-    const auditContent = document.getElementById('audit-content');
-    const propertyCheatsheet = document.getElementById('property-cheatsheet');
-    const tokenSuggestions = document.getElementById('token-suggestions');
-    const metadataContent = document.getElementById('metadata-content');
-    const auditScore = document.getElementById('audit-score');
-    const mcpReadiness = document.getElementById('mcp-readiness');
-    const exportMetadataButton = document.getElementById('export-metadata');
-
-    // Playground elements
-    const generatePlaygroundButton = document.getElementById('generate-playground');
-    const playgroundEmpty = document.getElementById('playground-empty');
-    const playgroundContent = document.getElementById('playground-content');
-    const playgroundGrid = document.getElementById('playground-grid');
-
-    // Documentation elements
-    const exportDocsButton = document.getElementById('export-docs');
-    const generateDocsFrameButton = document.getElementById('generate-docs-frame');
-    const saveNotesButton = document.getElementById('save-notes');
-    const docsEmpty = document.getElementById('docs-empty');
-    const docsPreview = document.getElementById('docs-preview');
-    const collabNotes = document.getElementById('collab-notes');
-    // Note: export-format element is created dynamically, so we get it in the handler function
-
-    // Chat Elements
-    const chatEmpty = document.getElementById('chat-empty');
-    const chatContainer = document.getElementById('chat-container');
-    const chatMessages = document.getElementById('chat-messages');
-    const chatInput = document.getElementById('chat-input');
-    const sendChatButton = document.getElementById('send-chat');
-    const clearChatButton = document.getElementById('clear-chat');
-    const chatStatus = document.getElementById('chat-status');
-
-
-    // Status Icons
-    const statusIcons = {
-      info: ICO.info,
-      success: ICO.checkCircle,
-      error: ICO.xCircle,
-      warning: ICO.warnTriangle
-    };
-
-    // =============================================
-    // Auto-Fix Functionality
-    // =============================================
-
-    // Current fix being previewed
-    let pendingFix = null;
-
-    // Show the confirmation modal with preview
-    function showFixModal(title, previewHtml, fixData) {
-      const modal = document.getElementById('fix-modal');
-      const modalTitle = document.getElementById('modal-title');
-      const modalBody = document.getElementById('modal-body');
-
-      modalTitle.textContent = title;
-      modalBody.innerHTML = previewHtml;
-      pendingFix = fixData;
-
-      modal.classList.add('active');
-    }
-
-    // Hide the confirmation modal
-    function hideFixModal() {
-      const modal = document.getElementById('fix-modal');
-      modal.classList.remove('active');
-      pendingFix = null;
-      // Clear any token item selection highlight
-      document.querySelectorAll('.token-item-compact.token-item-selected')
-        .forEach(el => el.classList.remove('token-item-selected'));
-    }
-
-    // Confirm and apply the pending fix
-    function confirmFix() {
-      if (!pendingFix) return;
-
-      const { type, nodeId, propertyPath, newValue, tokenId, fixes } = pendingFix;
-
-      if (type === 'token') {
-        sendMessageToPlugin('apply-token-fix', {
-          type: 'token',
-          nodeId,
-          propertyPath,
-          tokenId,
-          newValue
-        });
-      } else if (type === 'naming') {
-        // Read the (possibly edited) value from the rename input, falling back to original suggestion
-        const renameInput = document.getElementById('rename-input');
-        const finalName = (renameInput ? renameInput.value.trim() : '') || newValue;
-        sendMessageToPlugin('apply-naming-fix', {
-          type: 'naming',
-          nodeId,
-          newValue: finalName
-        });
-      } else if (type === 'description') {
-        // Get the textarea value (may have been edited by user)
-        const textarea = document.getElementById('description-textarea');
-        const description = textarea ? textarea.value : pendingFix.description;
-        sendMessageToPlugin('update-description', {
-          nodeId: pendingFix.nodeId,
-          description
-        });
-      } else if (type === 'batch') {
-        // Read edited values from grouped rename inputs (if present)
-        const groupInputs = document.querySelectorAll('input[data-rename-group]');
-        if (groupInputs.length > 0) {
-          const groupValues = {};
-          groupInputs.forEach(input => {
-            groupValues[input.getAttribute('data-rename-group')] = input.value.trim();
-          });
-          fixes.forEach(fix => {
-            if (fix._groupIdx !== undefined && groupValues[fix._groupIdx]) {
-              fix.newValue = groupValues[fix._groupIdx];
-            }
-            delete fix._groupIdx;
-          });
-        }
-        sendMessageToPlugin('apply-batch-fix', {
-          fixes: fixes,
-          confirmAll: true
-        });
-      }
-
-      hideFixModal();
-      updateStatus('Applying fix...', 'info');
-    }
-
-    // Request fix preview for a token
-    function previewTokenFix(nodeId, propertyPath, currentValue) {
-      // Select the node in Figma so the user can see which element will be updated
-      selectFigmaNode(nodeId);
-
-      // Highlight the selected token item so the user can track which one they're fixing
-      document.querySelectorAll('.token-item-compact.token-item-selected')
-        .forEach(el => el.classList.remove('token-item-selected'));
-      const fixBtn = document.querySelector(`.fix-btn[data-node-id="${nodeId}"]`);
-      if (fixBtn) {
-        const tokenItem = fixBtn.closest('.token-item-compact');
-        if (tokenItem) tokenItem.classList.add('token-item-selected');
-      }
-
-      sendMessageToPlugin('preview-fix', {
-        type: 'token',
-        nodeId,
-        propertyPath,
-        suggestedValue: currentValue
-      });
-    }
-
-    // Batch fix all hard-coded tokens in a section
-    function batchFixAllTokens(sectionId) {
-      const container = document.getElementById(sectionId);
-      if (!container) return;
-
-      const items = container.querySelectorAll('.token-item-compact.warning');
-      const fixes = [];
-
-      items.forEach(item => {
-        const fixBtn = item.querySelector('.fix-btn');
-        if (!fixBtn) return;
-
-        // Extract data from the onclick attribute
-        const onclickStr = fixBtn.getAttribute('onclick') || '';
-        const match = onclickStr.match(/previewTokenFix\('([^']+)',\s*'([^']+)',\s*'([^']+)'\)/);
-        if (match) {
-          fixes.push({
-            type: 'token',
-            nodeId: match[1],
-            propertyPath: match[2],
-            newValue: match[3]
-          });
-        }
-      });
-
-      if (fixes.length === 0) {
-        updateStatus('No fixable items found in this section', 'warning');
-        return;
-      }
-
-      // Group by value to show a clear preview
-      const groups = {};
-      fixes.forEach(fix => {
-        const key = fix.newValue;
-        if (!groups[key]) groups[key] = [];
-        groups[key].push(fix);
-      });
-
-      let previewHtml = '<div style="margin-bottom: 8px; font-size: 12px;">Apply token fixes to <strong>' + fixes.length + ' item' + (fixes.length !== 1 ? 's' : '') + '</strong>:</div>';
-      Object.keys(groups).forEach(value => {
-        const count = groups[value].length;
-        const prop = groups[value][0].propertyPath;
-        previewHtml += '<div class="preview-box" style="margin-bottom: 6px;">';
-        previewHtml += '<div class="preview-value">' + escapeHtml(value) + ' (' + prop + ') — ' + count + ' node' + (count !== 1 ? 's' : '') + '</div>';
-        previewHtml += '</div>';
-      });
-      previewHtml += '<p style="font-size: 11px; color: var(--text-secondary); margin-top: 8px;">Each value will be matched to the best available design token.</p>';
-
-      showFixModal('Fix All Tokens', previewHtml, {
-        type: 'batch',
-        fixes: fixes
-      });
-    }
-
-    // Toggle a naming tree group open/collapsed
-    function toggleNamingGroup(groupId) {
-      const items = document.getElementById(groupId);
-      const arrow = document.getElementById(groupId + '-arrow');
-      if (!items || !arrow) return;
-      const isCollapsed = items.classList.contains('collapsed');
-      if (isCollapsed) {
-        items.classList.remove('collapsed');
-        items.style.maxHeight = items.scrollHeight + 'px';
-        arrow.classList.remove('collapsed');
-      } else {
-        items.classList.add('collapsed');
-        items.style.maxHeight = '0';
-        arrow.classList.add('collapsed');
-      }
-    }
-
-    // Toggle all naming tree groups
-    function toggleAllNamingGroups() {
-      const allGroups = document.querySelectorAll('.naming-tree-items');
-      const allArrows = document.querySelectorAll('.naming-tree-group-header .tree-arrow');
-      const btn = document.querySelector('.naming-tree-toggle');
-      const anyCollapsed = Array.from(allGroups).some(g => g.classList.contains('collapsed'));
-
-      allGroups.forEach(group => {
-        if (anyCollapsed) {
-          group.classList.remove('collapsed');
-          group.style.maxHeight = group.scrollHeight + 'px';
-        } else {
-          group.classList.add('collapsed');
-          group.style.maxHeight = '0';
-        }
-      });
-      allArrows.forEach(arrow => {
-        if (anyCollapsed) {
-          arrow.classList.remove('collapsed');
-        } else {
-          arrow.classList.add('collapsed');
-        }
-      });
-      if (btn) {
-        btn.textContent = anyCollapsed ? 'Collapse All' : 'Expand All';
-      }
-    }
-
-    // Show more naming issues (paginated)
-    function showMoreNamingIssues() {
-      if (!currentNamingIssues || currentNamingIssues.length === 0) return;
-
-      const container = document.getElementById('naming-scroll-container');
-      const showMoreContainer = document.getElementById('naming-show-more-container');
-      if (!container) return;
-
-      // Group all issues by path (same logic as initial render)
-      const grouped = {};
-      currentNamingIssues.forEach(issue => {
-        const pathParts = issue.path ? issue.path.split(' > ') : ['Root'];
-        const parentPath = pathParts.length > 1 ? pathParts.slice(0, -1).join(' > ') : 'Root';
-        if (!grouped[parentPath]) grouped[parentPath] = [];
-        grouped[parentPath].push(issue);
-      });
-      const groupKeys = Object.keys(grouped);
-
-      // Flatten for pagination
-      const allFlatItems = [];
-      groupKeys.forEach(groupPath => {
-        grouped[groupPath].forEach(issue => {
-          allFlatItems.push({ groupPath, issue });
-        });
-      });
-
-      const prevShown = namingItemsShown;
-      namingItemsShown = Math.min(allFlatItems.length, namingItemsShown + 20);
-
-      // Render new items
-      let html = '';
-      let currentGroup = null;
-
-      // Check what the last group was in the container
-      const existingGroups = container.querySelectorAll('.naming-tree-group');
-      let lastExistingGroup = null;
-      if (existingGroups.length > 0) {
-        const lastHeader = existingGroups[existingGroups.length - 1].querySelector('.naming-tree-group-header span:nth-child(2)');
-        if (lastHeader) lastExistingGroup = lastHeader.textContent;
-      }
-
-      for (let i = prevShown; i < namingItemsShown; i++) {
-        const entry = allFlatItems[i];
-        const issue = entry.issue;
-
-        if (entry.groupPath !== currentGroup) {
-          // Check if this group already exists from previous items
-          if (entry.groupPath === lastExistingGroup && currentGroup === null) {
-            // Append to existing group
-            const lastGroupItems = existingGroups[existingGroups.length - 1].querySelector('.naming-tree-items');
-            if (lastGroupItems) {
-              // We'll append directly to the existing group's items div
-              const severityIcon = issue.severity === 'error' ? ICO.xCircle : issue.severity === 'warning' ? ICO.warnTriangle : ICO.info;
-              const severityClass = issue.severity === 'error' ? 'fail' : issue.severity === 'warning' ? 'warning' : 'info';
-              const escapedCurrent = issue.currentName.replace(/'/g, "\\'").replace(/"/g, '&quot;');
-              const escapedSuggested = issue.suggestedName.replace(/'/g, "\\'").replace(/"/g, '&quot;');
-
-              const itemEl = document.createElement('div');
-              itemEl.className = 'naming-tree-item';
-              itemEl.setAttribute('data-node-id', issue.nodeId);
-              itemEl.setAttribute('onclick', `if(event.target.tagName!=='BUTTON')selectFigmaNode('${issue.nodeId}')`);
-              itemEl.title = 'Click to select this layer in Figma';
-              itemEl.innerHTML = `
-                <span class="audit-status ${severityClass}">${severityIcon}</span>
-                <div class="audit-content">
-                  <span class="audit-label">
-                    <code style="font-size: 10px; background: var(--surface); padding: 1px 4px; border-radius: 2px;">${escapeHtml(issue.currentName)}</code>
-                    <span class="naming-issue-arrow">&rarr;</span>
-                    <code style="font-size: 10px; background: var(--surface); padding: 1px 4px; border-radius: 2px;">${escapeHtml(issue.suggestedName)}</code>
-                  </span>
-                  <div style="font-size: 10px; color: var(--text-tertiary); margin-top: 2px;">${issue.reason}</div>
-                </div>
-                <button class="audit-action-button" data-node-id="${issue.nodeId}" onclick="event.stopPropagation();previewNamingFix('${issue.nodeId}', '${escapedCurrent}', '${escapedSuggested}')" title="Rename this layer">Rename</button>
-              `;
-              lastGroupItems.appendChild(itemEl);
-              lastGroupItems.style.maxHeight = lastGroupItems.scrollHeight + 'px';
-              currentGroup = entry.groupPath;
-              continue;
-            }
-          }
-
-          if (currentGroup !== null) html += '</div></div>';
-          currentGroup = entry.groupPath;
-          const groupId = 'naming-group-' + groupKeys.indexOf(entry.groupPath);
-          html += `<div class="naming-tree-group">`;
-          html += `<div class="naming-tree-group-header" onclick="toggleNamingGroup('${groupId}')">
-            <span class="tree-arrow" id="${groupId}-arrow">▼</span>
-            <span>${escapeHtml(entry.groupPath)}</span>
-            <span class="group-count">${grouped[entry.groupPath].length}</span>
-          </div>`;
-          html += `<div class="naming-tree-items" id="${groupId}" style="max-height: ${grouped[entry.groupPath].length * 60}px;">`;
-        }
-
-        const severityIcon = issue.severity === 'error' ? ICO.xCircle : issue.severity === 'warning' ? ICO.warnTriangle : ICO.info;
-        const severityClass = issue.severity === 'error' ? 'fail' : issue.severity === 'warning' ? 'warning' : 'info';
-        const escapedCurrent = issue.currentName.replace(/'/g, "\\'").replace(/"/g, '&quot;');
-        const escapedSuggested = issue.suggestedName.replace(/'/g, "\\'").replace(/"/g, '&quot;');
-
-        html += `
-          <div class="naming-tree-item" data-node-id="${issue.nodeId}" onclick="if(event.target.tagName!=='BUTTON')selectFigmaNode('${issue.nodeId}')" title="Click to select this layer in Figma">
-            <span class="audit-status ${severityClass}">${severityIcon}</span>
-            <div class="audit-content">
-              <span class="audit-label">
-                <code style="font-size: 10px; background: var(--surface); padding: 1px 4px; border-radius: 2px;">${escapeHtml(issue.currentName)}</code>
-                <span class="naming-issue-arrow">&rarr;</span>
-                <code style="font-size: 10px; background: var(--surface); padding: 1px 4px; border-radius: 2px;">${escapeHtml(issue.suggestedName)}</code>
-              </span>
-              <div style="font-size: 10px; color: var(--text-tertiary); margin-top: 2px;">${issue.reason}</div>
-            </div>
-            <button class="audit-action-button" data-node-id="${issue.nodeId}" onclick="event.stopPropagation();previewNamingFix('${issue.nodeId}', '${escapedCurrent}', '${escapedSuggested}')" title="Rename this layer">Rename</button>
-          </div>
-        `;
-      }
-
-      if (currentGroup !== null) html += '</div></div>';
-
-      // Append new groups to the scroll container
-      if (html) {
-        container.insertAdjacentHTML('beforeend', html);
-      }
-
-      // Update or remove "Show More" button
-      const remaining = allFlatItems.length - namingItemsShown;
-      if (remaining > 0 && showMoreContainer) {
-        const btn = document.getElementById('naming-show-more-btn');
-        if (btn) {
-          btn.textContent = `Show More (${Math.min(20, remaining)} of ${remaining} remaining)`;
-        }
-      } else if (showMoreContainer) {
-        showMoreContainer.remove();
-      }
-    }
-
-    // Request fix preview for naming
-    function previewNamingFix(nodeId, currentName, suggestedName) {
-      // Select the node in Figma so the user can see which layer will be renamed
-      selectFigmaNode(nodeId);
-      // Show preview directly since we have the info
-      const previewHtml = `
-        <div class="preview-box">
-          <div class="preview-label">Current Name</div>
-          <div class="preview-value">${escapeHtml(currentName)}</div>
-        </div>
-        <div class="preview-arrow">↓</div>
-        <div class="preview-box">
-          <div class="preview-label">New Name</div>
-          <input type="text" id="rename-input" class="rename-input" value="${escapeHtml(suggestedName)}">
-        </div>
-      `;
-
-      showFixModal('Rename Layer', previewHtml, {
-        type: 'naming',
-        nodeId,
-        newValue: suggestedName
-      });
-    }
-
-
-    // Helper to escape HTML
-    function escapeHtml(text) {
-      const div = document.createElement('div');
-      div.textContent = text;
-      return div.innerHTML;
-    }
-
-    // Initialize UI
-    function initializeUI() {
-      console.log('Initializing enhanced UI...');
-
-      // Event Listeners
-      saveKeyButton.addEventListener('click', handleSaveApiKey);
-      analyzeButton.addEventListener('click', handleAnalyzeComponent);
-      quickAnalyzeButton.addEventListener('click', handleAnalyzeComponent);
-      apiKeyInput.addEventListener('input', handleApiKeyChange);
-      apiKeyInput.addEventListener('keypress', (e) => {
-        if (e.key === 'Enter' && apiKeyInput.value.trim()) {
-          handleSaveApiKey();
-        }
-      });
-
-      // Provider selection handling
-      if (providerSelect) {
-        providerSelect.addEventListener('change', handleProviderChange);
-      }
-
-      // Model selection handling
-      modelSelect.addEventListener('change', handleModelChange);
-
-      clearApiKeyLink.addEventListener('click', handleClearApiKey);
-      batchModeSwitch.addEventListener('change', handleBatchModeToggle);
-
-      // Configuration visibility toggles
-      showConfigButton.addEventListener('click', () => {
-        apiKeyCard.style.display = 'block';
-        quickActions.style.display = 'none';
-      });
-
-      hideConfigButton.addEventListener('click', () => {
-        if (apiKeySaved) {
-          apiKeyCard.style.display = 'none';
-          quickActions.style.display = 'flex';
-        }
-      });
-
-      // Export functionality
-      if (exportMetadataButton) {
-        exportMetadataButton.addEventListener('click', handleExportMetadata);
-      }
-
-      // Playground and documentation buttons (with null checks)
-      if (generatePlaygroundButton) {
-        generatePlaygroundButton.addEventListener('click', handleGeneratePlayground);
-      }
-      if (exportDocsButton) {
-        exportDocsButton.addEventListener('click', handleExportDocs);
-      }
-      if (generateDocsFrameButton) {
-        generateDocsFrameButton.addEventListener('click', handleGenerateDocsFrame);
-      }
-      if (saveNotesButton) {
-        saveNotesButton.addEventListener('click', handleSaveNotes);
-      }
-
-      // Chat Event Listeners
-      if (sendChatButton) {
-        sendChatButton.addEventListener('click', handleSendChat);
-      }
-      if (clearChatButton) {
-        clearChatButton.addEventListener('click', handleClearChat);
-      }
-      if (chatInput) {
-        chatInput.addEventListener('keydown', handleChatKeydown);
-        chatInput.addEventListener('input', handleChatInputChange);
-      }
-
-      // Listen for messages from plugin
-      window.addEventListener('message', handlePluginMessage);
-
-      // Request current API key status
-      sendMessageToPlugin('check-api-key', {});
-    }
-
-    // Handle Export Metadata
-    function handleExportMetadata() {
-      if (!currentMetadata) {
-        updateStatus('No analysis results available', 'error');
-        return;
-      }
-
-      const exportFormatSelect = document.getElementById('export-format');
-      if (!exportFormatSelect) {
-        updateStatus('Export format not selected', 'error');
-        return;
-      }
-
-      const format = exportFormatSelect.value;
-      let content = '';
-      let mimeType = 'text/markdown';
-      let fileExt = 'md';
-      let label = 'Markdown';
-
-      if (format === 'json') {
-        // Full analysis data, not just metadata
-        const exportData = {
-          component: currentMetadata.component,
-          description: currentMetadata.description,
-          score: currentAuditScore,
-          metadata: currentMetadata,
-          tokens: currentAnalysisData ? currentAnalysisData.tokens : null,
-          audit: currentAuditResults,
-          properties: currentAnalysisData ? currentAnalysisData.properties : null,
-          namingIssues: currentNamingIssues.length > 0 ? currentNamingIssues : null,
-          existingDescription: currentExistingDescription || null,
-          exportedAt: new Date().toISOString()
-        };
-        content = JSON.stringify(exportData, null, 2);
-        mimeType = 'application/json';
-        fileExt = 'json';
-        label = 'JSON';
-      } else if (format === 'markdown') {
-        content = generateMarkdownDocumentation(currentMetadata);
-        label = 'Markdown';
-      } else if (format === 'ai-prompt') {
-        content = generateAIPrompt(currentMetadata);
-        label = 'AI Prompt';
-      }
-
-      if (content) {
-        const blob = new Blob([content], { type: mimeType });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        const componentName = (currentMetadata.component || 'component').toLowerCase().replace(/\s+/g, '-');
-        a.download = `${componentName}-${format}.${fileExt}`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        URL.revokeObjectURL(url);
-
-        updateStatus(`${label} exported successfully!`, 'success');
-      } else {
-        updateStatus('No content to export', 'error');
-      }
-    }
-
-    // Generate Markdown Documentation
-    function generateMarkdownDocumentation(metadata) {
-      const data = currentAnalysisData || {};
-      const audit = currentAuditResults || {};
-      const tokenData = data.tokens || {};
-      const tokenSummary = currentTokenSummary || {};
-      const namingIssues = currentNamingIssues || [];
-      const properties = data.properties || [];
-
-      let content = `# ${metadata.component}\n\n`;
-
-      // Score badge
-      if (currentAuditScore > 0) {
-        content += `> **Design System Readiness: ${currentAuditScore}%**\n\n`;
-      }
-
-      // Description
-      content += `${metadata.description}\n\n`;
-
-      // --- Variants ---
-      if (metadata.variants && Object.keys(metadata.variants).length > 0) {
-        content += `## Variants\n\n`;
-        content += `| Variant Group | Options |\n`;
-        content += `|---------------|--------|\n`;
-        Object.entries(metadata.variants).forEach(([group, options]) => {
-          const optionList = Array.isArray(options) ? options.join(', ') : String(options);
-          content += `| ${group} | ${optionList} |\n`;
-        });
-        content += `\n`;
-      }
-
-      // --- Properties API ---
-      if (metadata.props && metadata.props.length > 0) {
-        content += `## Properties\n\n`;
-        content += `| Property | Type | Default | Required | Description |\n`;
-        content += `|----------|------|---------|----------|-------------|\n`;
-        metadata.props.forEach(prop => {
-          if (typeof prop === 'string') {
-            content += `| ${prop} | - | - | - | - |\n`;
-          } else {
-            content += `| ${prop.name || '-'} | \`${prop.type || '-'}\` | \`${prop.defaultValue || '-'}\` | ${prop.required ? 'Yes' : 'No'} | ${prop.description || '-'} |\n`;
-          }
-        });
-        content += `\n`;
-      }
-
-      // --- Property Quick Reference ---
-      if (properties.length > 0) {
-        content += `## Property Quick Reference\n\n`;
-        content += `| Property | Values | Default |\n`;
-        content += `|----------|--------|---------|\n`;
-        properties.forEach(prop => {
-          const values = Array.isArray(prop.values) ? prop.values.join(', ') : String(prop.values || '-');
-          content += `| ${prop.name} | ${values} | \`${prop.default || '-'}\` |\n`;
-        });
-        content += `\n`;
-      }
-
-      // --- States ---
-      if (metadata.states && metadata.states.length > 0) {
-        content += `## States\n\n`;
-        // If we have audit state data, show found/missing status
-        if (audit.states && audit.states.length > 0) {
-          audit.states.forEach(state => {
-            const icon = state.found ? '✅' : '❌';
-            content += `- ${icon} \`${state.name}\`\n`;
-          });
-        } else {
-          metadata.states.forEach(state => {
-            content += `- \`${state}\`\n`;
-          });
-        }
-        content += `\n`;
-      }
-
-      // --- Slots ---
-      if (metadata.slots && metadata.slots.length > 0) {
-        content += `## Slots / Content Areas\n\n`;
-        metadata.slots.forEach(slot => {
-          content += `- ${slot}\n`;
-        });
-        content += `\n`;
-      }
-
-      // --- Usage ---
-      if (metadata.usage) {
-        content += `## Usage Guidelines\n\n${metadata.usage}\n\n`;
-      }
-
-      // --- Design Tokens ---
-      const categories = ['colors', 'spacing', 'typography', 'effects', 'borders'];
-      const hasTokenData = categories.some(cat => tokenData[cat] && tokenData[cat].length > 0);
-
-      if (hasTokenData) {
-        content += `## Design Tokens\n\n`;
-
-        // Summary
-        if (tokenSummary.totalTokens) {
-          content += `| Metric | Count |\n`;
-          content += `|--------|-------|\n`;
-          content += `| Total items | ${tokenSummary.totalTokens} |\n`;
-          content += `| Design tokens | ${tokenSummary.actualTokens} |\n`;
-          content += `| Hard-coded values | ${tokenSummary.hardCodedValues} |\n`;
-          if (tokenSummary.aiSuggestions > 0) {
-            content += `| AI suggestions | ${tokenSummary.aiSuggestions} |\n`;
-          }
-          content += `\n`;
-        }
-
-        // Per-category details
-        categories.forEach(cat => {
-          if (!tokenData[cat] || tokenData[cat].length === 0) return;
-
-          const categoryLabel = cat.charAt(0).toUpperCase() + cat.slice(1);
-          const tokens = tokenData[cat];
-          const actual = tokens.filter(t => t.isActualToken);
-          const hardCoded = tokens.filter(t => !t.isActualToken && t.source === 'hard-coded' && !t.isDefaultVariantStyle);
-
-          content += `### ${categoryLabel}\n\n`;
-
-          if (actual.length > 0) {
-            content += `**Tokens in use:**\n`;
-            actual.forEach(t => {
-              content += `- \`${t.name}\` → ${t.value}`;
-              if (t.recommendation) content += ` — ${t.recommendation}`;
-              content += `\n`;
-            });
-            content += `\n`;
-          }
-
-          if (hardCoded.length > 0) {
-            content += `**Hard-coded values (need tokens):**\n`;
-            hardCoded.forEach(t => {
-              content += `- ${t.value}`;
-              if (t.context && t.context.nodeName) content += ` on \`${t.context.nodeName}\``;
-              if (t.suggestion) content += ` → suggested: \`${t.suggestion}\``;
-              content += `\n`;
-            });
-            content += `\n`;
-          }
-        });
-      }
-
-      // --- Accessibility ---
-      const accInfo = metadata.accessibility || {};
-      const accChecks = audit.accessibility || [];
-      const hasAccessibility = Object.values(accInfo).some(v => v) || accChecks.length > 0;
-
-      if (hasAccessibility) {
-        content += `## Accessibility\n\n`;
-
-        if (accInfo.ariaLabels && accInfo.ariaLabels.length > 0) {
-          content += `**ARIA Labels:** ${Array.isArray(accInfo.ariaLabels) ? accInfo.ariaLabels.join(', ') : accInfo.ariaLabels}\n\n`;
-        }
-        if (accInfo.keyboardSupport) {
-          content += `**Keyboard Support:** ${accInfo.keyboardSupport}\n\n`;
-        }
-        if (accInfo.colorContrast) {
-          content += `**Color Contrast:** ${accInfo.colorContrast}\n\n`;
-        }
-        if (accInfo.focusManagement) {
-          content += `**Focus Management:** ${accInfo.focusManagement}\n\n`;
-        }
-
-        if (accChecks.length > 0) {
-          content += `### Accessibility Audit\n\n`;
-          content += `| Check | Status | Details |\n`;
-          content += `|-------|--------|---------|\n`;
-          accChecks.forEach(check => {
-            const statusIcon = check.status === 'pass' ? '✅ Pass' : check.status === 'fail' ? '❌ Fail' : '⚠️ Warning';
-            content += `| ${check.check} | ${statusIcon} | ${check.suggestion || '-'} |\n`;
-          });
-          content += `\n`;
-        }
-      }
-
-      // --- Component Readiness Audit ---
-      if (audit.componentReadiness && audit.componentReadiness.length > 0) {
-        content += `## Component Readiness\n\n`;
-        content += `| Check | Status | Details |\n`;
-        content += `|-------|--------|---------|\n`;
-        audit.componentReadiness.forEach(check => {
-          const statusIcon = check.status === 'pass' ? '✅ Pass' : check.status === 'fail' ? '❌ Fail' : '⚠️ Warning';
-          content += `| ${check.check} | ${statusIcon} | ${check.suggestion || '-'} |\n`;
-        });
-        content += `\n`;
-      }
-
-      // --- Layer Naming ---
-      if (namingIssues.length > 0) {
-        content += `## Layer Naming Issues\n\n`;
-        content += `| Layer | Current Name | Suggested | Severity | Reason |\n`;
-        content += `|-------|-------------|-----------|----------|--------|\n`;
-        namingIssues.forEach(issue => {
-          const sevIcon = issue.severity === 'error' ? '🔴' : issue.severity === 'warning' ? '🟡' : '🔵';
-          content += `| ${issue.layerType} | \`${issue.currentName}\` | \`${issue.suggestedName}\` | ${sevIcon} ${issue.severity} | ${issue.reason} |\n`;
-        });
-        content += `\n`;
-      }
-
-      // --- AI Interpretation ---
-      if (metadata.mcpReadiness) {
-        content += `## AI Interpretation (Score: ${currentAuditScore}%)\n\n`;
-        if (metadata.mcpReadiness.strengths && metadata.mcpReadiness.strengths.length > 0) {
-          content += `**What AI Reads Well:**\n`;
-          metadata.mcpReadiness.strengths.forEach(s => { content += `- ${s}\n`; });
-          content += `\n`;
-        }
-        if (currentAuditScore < 100 && metadata.mcpReadiness.gaps && metadata.mcpReadiness.gaps.length > 0) {
-          content += `**Where AI Gets Confused:**\n`;
-          metadata.mcpReadiness.gaps.forEach(g => { content += `- ${g}\n`; });
-          content += `\n`;
-        }
-        if (currentAuditScore < 100 && metadata.mcpReadiness.recommendations && metadata.mcpReadiness.recommendations.length > 0) {
-          content += `**How to Improve AI Understanding:**\n`;
-          metadata.mcpReadiness.recommendations.forEach(rec => { content += `- ${rec}\n`; });
-          content += `\n`;
-        }
-        if (currentAuditScore === 100) {
-          content += `**What AI Would Generate:**\nComponent is fully optimized for AI code generation. All design tokens, properties, states, and structure provide clear guidance for accurate implementation.\n\n`;
-        } else if (metadata.mcpReadiness.implementationNotes) {
-          content += `**What AI Would Generate:**\n${metadata.mcpReadiness.implementationNotes}\n\n`;
-        }
-      }
-
-      // --- Footer ---
-      content += `---\n\n`;
-      content += `*Generated by FigmaLint — ${new Date().toLocaleDateString()}*\n`;
-
-      return content;
-    }
-
-    // Generate AI Code Generation Prompt
-    function generateAIPrompt(metadata) {
-      const data = currentAnalysisData || {};
-      const audit = currentAuditResults || {};
-      const tokenData = data.tokens || {};
-      const properties = data.properties || [];
-      const namingIssues = currentNamingIssues || [];
-
-      let prompt = `You are implementing a "${metadata.component}" component based on an existing Figma design. Use the following specification to generate production-ready code that matches the design exactly.\n\n`;
-
-      // --- Component Specification ---
-      prompt += `## Component Specification\n\n`;
-      prompt += `**Name:** ${metadata.component}\n`;
-      prompt += `**Description:** ${metadata.description}\n\n`;
-
-      // --- Variants ---
-      if (metadata.variants && Object.keys(metadata.variants).length > 0) {
-        prompt += `## Variants\n\n`;
-        prompt += `This component has the following variant groups. Each combination should be supported:\n\n`;
-        Object.entries(metadata.variants).forEach(([group, options]) => {
-          const optionList = Array.isArray(options) ? options.join(', ') : String(options);
-          prompt += `- **${group}:** ${optionList}\n`;
-        });
-        prompt += `\n`;
-      }
-
-      // --- Properties API ---
-      if (metadata.props && metadata.props.length > 0) {
-        prompt += `## Component Props / API\n\n`;
-        prompt += `Implement the following props interface:\n\n`;
-        prompt += `| Prop | Type | Default | Required | Description |\n`;
-        prompt += `|------|------|---------|----------|-------------|\n`;
-        metadata.props.forEach(prop => {
-          if (typeof prop === 'string') {
-            prompt += `| ${prop} | - | - | - | - |\n`;
-          } else {
-            prompt += `| ${prop.name || '-'} | \`${prop.type || '-'}\` | \`${prop.defaultValue || '-'}\` | ${prop.required ? 'Yes' : 'No'} | ${prop.description || '-'} |\n`;
-          }
-        });
-        prompt += `\n`;
-      }
-
-      // --- Property Values Reference ---
-      if (properties.length > 0) {
-        prompt += `## Property Values Reference\n\n`;
-        prompt += `Use these exact values when implementing variant props:\n\n`;
-        properties.forEach(prop => {
-          const values = Array.isArray(prop.values) ? prop.values.join(', ') : String(prop.values || '-');
-          prompt += `- **${prop.name}:** ${values} (default: \`${prop.default || '-'}\`)\n`;
-        });
-        prompt += `\n`;
-      }
-
-      // --- States ---
-      if (metadata.states && metadata.states.length > 0) {
-        prompt += `## Interactive States\n\n`;
-        prompt += `Implement the following interactive states:\n\n`;
-        if (audit.states && audit.states.length > 0) {
-          const found = audit.states.filter(s => s.found).map(s => s.name);
-          const missing = audit.states.filter(s => !s.found).map(s => s.name);
-          if (found.length > 0) prompt += `- **Defined in design:** ${found.join(', ')}\n`;
-          if (missing.length > 0) prompt += `- **Missing from design (implement with sensible defaults):** ${missing.join(', ')}\n`;
-        } else {
-          metadata.states.forEach(state => { prompt += `- ${state}\n`; });
-        }
-        prompt += `\n`;
-      }
-
-      // --- Slots ---
-      if (metadata.slots && metadata.slots.length > 0) {
-        prompt += `## Content Slots\n\n`;
-        prompt += `The component has the following content areas that accept children or projected content:\n\n`;
-        metadata.slots.forEach(slot => { prompt += `- ${slot}\n`; });
-        prompt += `\n`;
-      }
-
-      // --- Design Tokens ---
-      const categories = ['colors', 'spacing', 'typography', 'effects', 'borders'];
-      const hasTokenData = categories.some(cat => tokenData[cat] && tokenData[cat].length > 0);
-
-      if (hasTokenData) {
-        prompt += `## Design Tokens\n\n`;
-        prompt += `Use these design tokens instead of hard-coded values. Reference them as CSS custom properties or your design system's token format:\n\n`;
-
-        categories.forEach(cat => {
-          if (!tokenData[cat] || tokenData[cat].length === 0) return;
-
-          const categoryLabel = cat.charAt(0).toUpperCase() + cat.slice(1);
-          const tokens = tokenData[cat];
-          const actual = tokens.filter(t => t.isActualToken);
-          const hardCoded = tokens.filter(t => !t.isActualToken && t.source === 'hard-coded' && !t.isDefaultVariantStyle);
-
-          prompt += `### ${categoryLabel}\n`;
-
-          if (actual.length > 0) {
-            actual.forEach(t => {
-              prompt += `- \`${t.name}\`: ${t.value}\n`;
-            });
-          }
-
-          if (hardCoded.length > 0) {
-            prompt += `\n⚠️ The following values are hard-coded in the design. Map them to your design system tokens:\n`;
-            hardCoded.forEach(t => {
-              prompt += `- ${t.value}`;
-              if (t.context && t.context.property) prompt += ` (${t.context.property})`;
-              if (t.suggestion) prompt += ` → use \`${t.suggestion}\``;
-              prompt += `\n`;
-            });
-          }
-          prompt += `\n`;
-        });
-      }
-
-      // --- Accessibility Requirements ---
-      const accInfo = metadata.accessibility || {};
-      const accChecks = audit.accessibility || [];
-
-      prompt += `## Accessibility Requirements\n\n`;
-      prompt += `Ensure the component meets WCAG 2.1 AA standards:\n\n`;
-
-      if (accInfo.ariaLabels && accInfo.ariaLabels.length > 0) {
-        prompt += `- **ARIA:** ${Array.isArray(accInfo.ariaLabels) ? accInfo.ariaLabels.join(', ') : accInfo.ariaLabels}\n`;
-      }
-      if (accInfo.keyboardSupport) {
-        prompt += `- **Keyboard:** ${accInfo.keyboardSupport}\n`;
-      }
-      if (accInfo.colorContrast) {
-        prompt += `- **Contrast:** ${accInfo.colorContrast}\n`;
-      }
-      if (accInfo.focusManagement) {
-        prompt += `- **Focus:** ${accInfo.focusManagement}\n`;
-      }
-
-      if (accChecks.length > 0) {
-        const failing = accChecks.filter(c => c.status === 'fail');
-        const warnings = accChecks.filter(c => c.status === 'warning');
-        if (failing.length > 0) {
-          prompt += `\n**Must fix:**\n`;
-          failing.forEach(c => { prompt += `- ${c.check}: ${c.suggestion}\n`; });
-        }
-        if (warnings.length > 0) {
-          prompt += `\n**Should address:**\n`;
-          warnings.forEach(c => { prompt += `- ${c.check}: ${c.suggestion}\n`; });
-        }
-      }
-      prompt += `\n`;
-
-      // --- Layer Structure Naming ---
-      if (namingIssues.length > 0) {
-        prompt += `## Layer Naming Conventions\n\n`;
-        prompt += `The Figma layers use the following naming patterns. Mirror these in your component's internal structure:\n\n`;
-        namingIssues.forEach(issue => {
-          prompt += `- \`${issue.currentName}\` → \`${issue.suggestedName}\` (${issue.reason})\n`;
-        });
-        prompt += `\n`;
-      }
-
-      // --- Usage context ---
-      if (metadata.usage) {
-        prompt += `## Usage Context\n\n${metadata.usage}\n\n`;
-      }
-
-      // --- Implementation Notes ---
-      prompt += `## Implementation Notes\n\n`;
-      prompt += `- Check the existing codebase for sub-components this component may reference before creating new ones\n`;
-      prompt += `- Follow the project's existing component patterns and naming conventions\n`;
-      prompt += `- Use the design tokens listed above instead of hard-coded color, spacing, or typography values\n`;
-      prompt += `- Ensure all interactive states have appropriate visual feedback and transitions\n`;
-
-      if (metadata.mcpReadiness && metadata.mcpReadiness.implementationNotes && currentAuditScore < 100) {
-        prompt += `- ${metadata.mcpReadiness.implementationNotes}\n`;
-      }
-
-      prompt += `\n---\n\n`;
-      prompt += `*Generated by FigmaLint — ${new Date().toLocaleDateString()}*\n`;
-
-      return prompt;
-    }
-
-    // Tab Switching
-    function switchTab(tabName) {
-      // Update active tab button
-      document.querySelectorAll('.tab-button').forEach(btn => {
-        btn.classList.remove('active');
-      });
-      document.getElementById(`tab-${tabName}`).classList.add('active');
-
-      // Update active tab content
-      document.querySelectorAll('.tab-content').forEach(content => {
-        content.classList.remove('active');
-      });
-      document.getElementById(`content-${tabName}`).classList.add('active');
-
-      currentTab = tabName;
-
-      // Update tab-specific UI
-      if (tabName === 'chat') {
-        updateChatInputState();
-        updateChatComponentContext();
-      }
-    }
-
-    // Collapsible Sections
-    function toggleCollapsible(header) {
-      header.classList.toggle('active');
-      const content = header.nextElementSibling;
-      content.classList.toggle('active');
-    }
-
-    // JS-based viewport-aware tooltip system
-    (function initTooltipSystem() {
-      let activeTooltip = null;
-
-      document.addEventListener('mouseover', function(e) {
-        const trigger = e.target.closest('.tooltip');
-        if (!trigger) return;
-
-        const textEl = trigger.querySelector('.tooltiptext');
-        if (!textEl) return;
-
-        // Remove any existing tooltip
-        if (activeTooltip) {
-          activeTooltip.remove();
-          activeTooltip = null;
-        }
-
-        const popup = document.createElement('div');
-        popup.className = 'tooltip-popup';
-        popup.innerHTML = textEl.innerHTML;
-        document.body.appendChild(popup);
-        activeTooltip = popup;
-
-        const rect = trigger.getBoundingClientRect();
-        const popupRect = popup.getBoundingClientRect();
-        const margin = 4;
-
-        // Try above first
-        let top = rect.top - popupRect.height - 8;
-        if (top < margin) {
-          // Flip below
-          top = rect.bottom + 8;
-          popup.classList.add('tooltip-below');
-        } else {
-          popup.classList.add('tooltip-above');
-        }
-
-        // Clamp horizontal position within viewport
-        let left = rect.left + rect.width / 2 - popupRect.width / 2;
-        left = Math.max(margin, Math.min(left, window.innerWidth - popupRect.width - margin));
-
-        popup.style.top = top + 'px';
-        popup.style.left = left + 'px';
-      });
-
-      document.addEventListener('mouseout', function(e) {
-        const trigger = e.target.closest('.tooltip');
-        if (!trigger) return;
-
-        if (activeTooltip) {
-          activeTooltip.remove();
-          activeTooltip = null;
-        }
-      });
-    })();
-
-    // Handle API Key Changes
-    function handleApiKeyChange() {
-      const hasApiKey = apiKeyInput.value.trim().length > 0;
-      if (hasApiKey && apiKeySaved) {
-        updateAnalyzeButtonState(true);
-      }
-    }
-
-    // Handle Provider Change
-    function handleProviderChange() {
-      const selectedProvider = providerSelect.value;
-      const config = providerConfig[selectedProvider];
-
-      if (!config) return;
-
-      // Store current provider's API key before switching
-      if (apiKeyInput.value.trim()) {
-        providerApiKeys[currentProvider] = apiKeyInput.value.trim();
-      }
-
-      // Update current provider
-      currentProvider = selectedProvider;
-
-      // Update UI labels
-      if (apiKeyLabel) apiKeyLabel.textContent = config.name;
-      if (modelLabel) modelLabel.textContent = config.name;
-      if (apiKeyHint) apiKeyHint.textContent = config.hint;
-      apiKeyInput.placeholder = config.placeholder;
-
-      // Restore saved API key for this provider (if any)
-      apiKeyInput.value = providerApiKeys[selectedProvider] || '';
-
-      // Update model dropdown — disable options not belonging to selected provider
-      const providerGroups = {
-        anthropic: document.getElementById('anthropic-models'),
-        openai: document.getElementById('openai-models'),
-        google: document.getElementById('google-models')
-      };
-
-      Object.entries(providerGroups).forEach(([key, group]) => {
-        if (!group) return;
-        const isActive = key === selectedProvider;
-        group.style.display = isActive ? '' : 'none';
-        // Disable hidden options so they can't be selected
-        Array.from(group.querySelectorAll('option')).forEach(opt => {
-          opt.disabled = !isActive;
-        });
-      });
-
-      // Select default model for this provider
-      modelSelect.value = config.defaultModel;
-
-      // Update button state based on whether we have a key for this provider
-      const hasKey = apiKeyInput.value.trim().length > 0;
-      updateAnalyzeButtonState(hasKey && apiKeySaved);
-
-      console.log('Provider changed to:', selectedProvider, 'Model:', config.defaultModel);
-    }
-
-    // Handle Save API Key
-    function handleSaveApiKey() {
-      const apiKey = apiKeyInput.value.trim();
-      const selectedModel = modelSelect.value;
-      const selectedProvider = providerSelect ? providerSelect.value : 'anthropic';
-
-      if (!apiKey) {
-        updateStatus('Please enter an API key', 'error');
-        return;
-      }
-
-      // Store key for this provider
-      providerApiKeys[selectedProvider] = apiKey;
-
-      saveKeyButton.disabled = true;
-      updateStatus(`Saving ${providerConfig[selectedProvider]?.name || 'API'} key...`, 'info');
-      sendMessageToPlugin('save-api-key', {
-        apiKey,
-        model: selectedModel,
-        provider: selectedProvider
-      });
-    }
-
-    // Handle Model Change
-    function handleModelChange() {
-      const selectedModel = modelSelect.value;
-      console.log('Model changed to:', selectedModel);
-
-      // If API key is saved, update the model immediately
-      if (apiKeySaved) {
-        sendMessageToPlugin('update-model', { model: selectedModel });
-        // Get the display name from the selected option text
-        const selectedOption = modelSelect.options[modelSelect.selectedIndex];
-        const displayName = selectedOption ? selectedOption.textContent.trim() : selectedModel;
-        updateStatus(`Model updated to ${displayName}`, 'success');
-      }
-    }
-
-    // Handle Analyze Component
-    function handleAnalyzeComponent() {
-      if (!apiKeySaved) {
-        updateStatus('Please save API key first', 'error');
-        return;
-      }
-
-      analyzeButton.disabled = true;
-      updateStatus('Analyzing selected component...', 'info');
-
-      // Reset scores immediately to avoid showing stale data
-      auditScore.innerHTML = '<span>Score: --</span>';
-      auditScore.className = 'status-banner status-info';
-      currentAuditScore = 0;
-
-      // Show analysis results with loading state
-      analysisResults.classList.remove('hidden');
-      showLoadingState();
-
-      sendMessageToPlugin('analyze-enhanced', {
-        batchMode: batchMode,
-        includeAudit: true,
-        includeTokens: true,
-        includeValidation: true
-      });
-    }
-
-    // Handle Clear API Key
-    function handleClearApiKey(e) {
-      e.preventDefault();
-      if (confirm('Are you sure you want to clear the saved API key?')) {
-        sendMessageToPlugin('clear-api-key', {});
-        apiKeyInput.value = '';
-        apiKeyInput.placeholder = 'sk-ant-...';
-        clearApiKeyLink.classList.add('hidden');
-        apiKeySaved = false;
-        updateAnalyzeButtonState(false);
-        updateStatus('API key cleared', 'info');
-
-        // Show config and hide quick actions
-        apiKeyCard.style.display = 'block';
-        quickActions.style.display = 'none';
-      }
-    }
-
-    // Handle Batch Mode Toggle
-    function handleBatchModeToggle() {
-      batchMode = batchModeSwitch.checked;
-      updateStatus(batchMode ? 'Batch mode enabled' : 'Batch mode disabled', 'info');
-    }
-
-    // Handle Generate Playground
-    function handleGeneratePlayground() {
-      if (!currentMetadata) {
-        updateStatus('No analysis results available', 'error');
-        return;
-      }
-
-      if (generatePlaygroundButton) {
-        generatePlaygroundButton.disabled = true;
-      }
-      updateStatus('Generating playground instances...', 'info');
-      sendMessageToPlugin('generate-playground', { metadata: currentMetadata });
-    }
-
-    // Handle Export Documentation (clipboard-based, legacy path)
-    function handleExportDocs() {
-      if (!currentMetadata) {
-        updateStatus('No analysis results available', 'error');
-        return;
-      }
-
-      const format = exportFormat ? exportFormat.value : 'markdown';
-      if (format === 'markdown') {
-        exportAsMarkdown();
-      } else if (format === 'ai-prompt') {
-        const content = generateAIPrompt(currentMetadata);
-        navigator.clipboard.writeText(content).then(() => {
-          updateStatus('AI Prompt copied to clipboard!', 'success');
-        });
-      } else if (format === 'json') {
-        exportAsJSON();
-      }
-    }
-
-    // Handle Generate Docs Frame
-    function handleGenerateDocsFrame() {
-      if (!currentMetadata) {
-        updateStatus('No analysis results available', 'error');
-        return;
-      }
-
-      if (generateDocsFrameButton) {
-        generateDocsFrameButton.disabled = true;
-      }
-      updateStatus('Generating documentation frame...', 'info');
-      sendMessageToPlugin('generate-docs-frame', {
-        metadata: currentMetadata,
-        notes: collabNotes && collabNotes.value ? collabNotes.value : ''
-      });
-    }
-
-    // Handle Save Notes
-    function handleSaveNotes() {
-      const notes = collabNotes.value.trim();
-      if (!notes) {
-        updateStatus('Please enter some notes', 'warning');
-        return;
-      }
-
-      sendMessageToPlugin('save-collab-notes', { notes });
-      updateStatus('Notes saved', 'success');
-    }
-
-    // Handle Plugin Messages
-    function handlePluginMessage(event) {
-      const { type, data } = event.data.pluginMessage || {};
-
-      switch (type) {
-        case 'api-key-saved':
-          handleApiKeySaved(data.success, data.provider);
-          break;
-        case 'api-key-status':
-          handleApiKeyStatus(data.hasKey, data.provider, data.model);
-          break;
-        case 'enhanced-analysis-result':
-          handleEnhancedAnalysisResult(data);
-          break;
-        case 'metadata-result':
-          // Handle old message format for backward compatibility
-          handleEnhancedAnalysisResult({
-            metadata: data.metadata,
-            audit: null,
-            properties: [],
-            tokens: {}
-          });
-          break;
-        case 'analysis-complete':
-          // Handle old message format - do nothing as the data is already displayed
-          if (data.success) {
-            console.log('Analysis completed:', data.message);
-          }
-          break;
-        case 'playground-generated':
-          handlePlaygroundGenerated(data);
-          break;
-        case 'docs-frame-generated':
-          handleDocsFrameGenerated(data);
-          break;
-        case 'batch-selection-update':
-          handleBatchSelectionUpdate(data);
-          break;
-        case 'analysis-error':
-          handleAnalysisError(data.error);
-          break;
-        case 'variants-generated':
-          handlePlaygroundGenerated(data);
-          break;
-        case 'docs-generated':
-          handleDocsFrameGenerated(data);
-          break;
-        case 'notes-saved':
-          if (data.success) {
-            updateStatus('Notes saved with visual indicator!', 'success');
-          } else {
-            updateStatus(`Failed to save notes: ${data.error}`, 'error');
-          }
-          break;
-        case 'state-added':
-          if (data.success) {
-            updateStatus(`${data.state} state added successfully!`, 'success');
-          } else {
-            updateStatus(`Failed to add state: ${data.error}`, 'error');
-          }
-          break;
-        case 'accessibility-fixed':
-          if (data.success) {
-            updateStatus(`Accessibility issue fixed!`, 'success');
-          } else {
-            updateStatus(`Failed to fix accessibility: ${data.error}`, 'error');
-          }
-          break;
-        case 'naming-fixed':
-          if (data.success) {
-            updateStatus(`Layer renamed successfully!`, 'success');
-          } else {
-            updateStatus(`Failed to rename layer: ${data.error}`, 'error');
-          }
-          break;
-        case 'chat-response':
-          handleChatResponse(data.response);
-          break;
-        case 'chat-response-loading':
-          handleChatLoading(data.isLoading);
-          break;
-        case 'chat-error':
-          handleChatError(data.error);
-          break;
-        case 'chat-history-cleared':
-          handleChatHistoryCleared();
-          break;
-        case 'fix-preview':
-          handleFixPreview(data);
-          break;
-        case 'fix-applied':
-          handleFixApplied(data);
-          break;
-        case 'batch-fix-applied':
-          handleBatchFixApplied(data);
-          break;
-        case 'description-updated':
-          handleDescriptionUpdated(data);
-          break;
-        case 'design-lint-result':
-          handleDesignLintResult(data);
-          break;
-        case 'lint-settings-loaded':
-          handleLintSettingsLoaded(data);
-          break;
-        case 'lint-selected-nodes':
-          updateStatus(`Selected ${data.count} nodes with value: ${data.value}`, 'info');
-          break;
-        default:
-          console.log('Unknown message type:', type);
-      }
-    }
-
-    // Handle API Key Saved
-    function handleApiKeySaved(success, provider) {
-      saveKeyButton.disabled = false;
-      if (success) {
-        // Ensure UI provider state matches what was saved
-        if (provider && providerSelect && providerSelect.value !== provider) {
-          providerSelect.value = provider;
-          handleProviderChange();
-        }
-        apiKeySaved = true;
-        updateStatus('API key saved successfully!', 'success');
-        updateAnalyzeButtonState(true);
-        clearApiKeyLink.classList.remove('hidden');
-        apiKeyInput.value = '';
-        apiKeyInput.placeholder = 'API key saved ✓';
-
-        // Show quick actions and hide config
-        apiKeyCard.style.display = 'none';
-        quickActions.style.display = 'flex';
-        hideConfigButton.style.display = 'inline-flex';
-
-        // Update chat input state
-        updateChatInputState();
-      } else {
-        updateStatus('Failed to save API key', 'error');
-      }
-    }
-
-    // Handle API Key Status
-    function handleApiKeyStatus(hasKey, provider, model) {
-      apiKeySaved = hasKey;
-
-      // Restore saved provider and model selections
-      if (provider && providerSelect) {
-        providerSelect.value = provider;
-        // Trigger provider change to update labels, model visibility, etc.
-        handleProviderChange();
-      }
-      if (model && modelSelect) {
-        modelSelect.value = model;
-      }
-
-      if (hasKey) {
-        updateStatus('API key is configured', 'success');
-        updateAnalyzeButtonState(true);
-        clearApiKeyLink.classList.remove('hidden');
-        apiKeyInput.placeholder = 'API key saved ✓';
-
-        // Show quick actions and hide config
-        apiKeyCard.style.display = 'none';
-        quickActions.style.display = 'flex';
-        hideConfigButton.style.display = 'inline-flex';
-
-        // Enable chat tab
-        const chatTabButton = document.getElementById('tab-chat');
-        if (chatTabButton) {
-          chatTabButton.disabled = false;
-        }
-      } else {
-        updateStatus('Enter API key to get started', 'info');
-        updateAnalyzeButtonState(false);
-        clearApiKeyLink.classList.add('hidden');
-
-        // Show config and hide quick actions
-        apiKeyCard.style.display = 'block';
-        quickActions.style.display = 'none';
-
-        // Disable chat tab and switch back to analyze if currently on chat
-        const chatTabButton = document.getElementById('tab-chat');
-        if (chatTabButton) {
-          chatTabButton.disabled = true;
-          if (currentTab === 'chat') {
-            switchTab('analyze');
-          }
-        }
-      }
-
-      // Update chat input state
-      updateChatInputState();
-    }
-
-    // Handle Enhanced Analysis Result
-    function handleEnhancedAnalysisResult(data) {
-      // Debug logging
-      console.log('UI received enhanced analysis result:', data);
-      console.log('Audit data received in UI:', data.audit);
-      console.log('Token summary received in UI:', data.tokens ? data.tokens.summary : undefined);
-
-      // Store analysis data globally for scoring
-      currentAnalysisData = data;
-      window.currentAnalysisData = data;
-
-      analyzeButton.disabled = false;
-      quickAnalyzeButton.disabled = false;
-      currentMetadata = data.metadata;
-      currentAuditResults = data.audit;
-      currentTokenSummary = data.tokens ? data.tokens.summary : undefined;
-
-      // Store naming issues and fixable tokens for auto-fix
-      currentNamingIssues = data.namingIssues || [];
-      namingItemsShown = 15; // Reset pagination on new analysis
-      currentFixableTokens = [];
-      if (data.tokens) {
-        ['colors', 'spacing', 'typography', 'effects', 'borders'].forEach(cat => {
-          if (data.tokens[cat] && Array.isArray(data.tokens[cat])) {
-            data.tokens[cat].forEach(token => {
-              if (!token.isActualToken && token.source === 'hard-coded' && !token.isDefaultVariantStyle && token.context && token.context.nodeId) {
-                currentFixableTokens.push(token);
-              }
-            });
-          }
-        });
-      }
-
-      // Store the analyzed node ID and existing description for description updates
-      lastAnalyzedNodeId = data.analyzedNodeId || null;
-      currentExistingDescription = data.existingDescription || '';
-      if (!lastAnalyzedNodeId) {
-        // Fallback: extract from token context or naming issues
-        if (currentFixableTokens.length > 0 && currentFixableTokens[0].context) {
-          lastAnalyzedNodeId = currentFixableTokens[0].context.nodeId;
-        } else if (currentNamingIssues.length > 0) {
-          lastAnalyzedNodeId = currentNamingIssues[0].nodeId;
-        }
-      }
-
-      // Update Audit View
-      if (data.audit) {
-        updateAuditView(data.audit);
-      } else {
-        // Show realistic audit with actual issues instead of fake passing scores
-        const basicAudit = {
-          states: [
-            { name: 'default', found: true },
-            { name: 'hover', found: false },
-            { name: 'focus', found: false },
-            { name: 'disabled', found: false },
-            { name: 'pressed', found: false },
-            { name: 'active', found: false }
-          ],
-          accessibility: [
-            { check: 'Focus indicator', status: 'fail', suggestion: 'Add focus indicator for keyboard navigation' },
-            { check: 'ARIA labels', status: 'warning', suggestion: 'Consider adding ARIA labels for screen readers' }
-          ],
-          naming: []
-        };
-        console.log('Using fallback basic audit with real issues:', basicAudit);
-        updateAuditView(basicAudit);
-      }
-
-      // Update Property Cheat Sheet
-      if (data.properties && data.properties.length > 0) {
-        console.log('UI: Using data.properties:', data.properties);
-        updatePropertyCheatSheet(data.properties, data.recommendations);
-      } else if (data.metadata && data.metadata.propertyCheatSheet && data.metadata.propertyCheatSheet.length > 0) {
-        console.log('UI: Using data.metadata.propertyCheatSheet:', data.metadata.propertyCheatSheet);
-        updatePropertyCheatSheet(data.metadata.propertyCheatSheet, data.recommendations);
-      } else if (data.metadata && data.metadata.props && data.metadata.props.length > 0) {
-        console.log('UI: Falling back to data.metadata.props:', data.metadata.props);
-        // Create basic properties from metadata props
-        const basicProperties = data.metadata.props.map(prop => {
-          // Handle both object format and string format
-          if (typeof prop === 'string') {
-            return {
-              name: prop,
-              values: ['true', 'false'],
-              default: 'false'
-            };
-          } else if (typeof prop === 'object' && prop !== null) {
-            return {
-              name: prop.name || 'Unknown',
-              values: prop.values || ['true', 'false'],
-              default: prop.default || prop.defaultValue || 'false'
-            };
-          } else {
-            return {
-              name: String(prop),
-              values: ['true', 'false'],
-              default: 'false'
-            };
-          }
-        });
-        updatePropertyCheatSheet(basicProperties, data.recommendations);
-      } else {
-        console.log('UI: No properties found, checking for recommendations only');
-        updatePropertyCheatSheet([], data.recommendations);
-      }
-
-      // Update Token Analysis
-      if (data.tokens && Object.keys(data.tokens).length > 0) {
-        updateTokenSuggestions(data.tokens);
-      } else {
-        // Show empty state for tokens
-        tokenSuggestions.innerHTML = '<p style="color: var(--text-tertiary); text-align: center;">No design tokens detected</p>';
-      }
-
-      // Update MCP Readiness
-      if (data.metadata && data.metadata.mcpReadiness) {
-        updateMCPReadiness(data.metadata.mcpReadiness);
-      } else {
-        mcpReadiness.innerHTML = '<p style="color: var(--text-tertiary); text-align: center; padding: 20px;">AI interpretation analysis not available</p>';
-      }
-
-      // Update Developer Export Section
-      updateDeveloperExport(data.metadata);
-
-      // Update Original Metadata
-      if (data.metadata) {
-        updateMetadataDisplay(data.metadata);
-      }
-
-      // Enable relevant buttons
-      updateUIButtonStates();
-
-      // Render Quick Actions bar (Phase 2)
-      const analysisResults = document.getElementById('analysis-results');
-      const existingBar = document.getElementById('fix-summary-bar');
-      if (existingBar) existingBar.remove();
-
-      const fixCounts = computeFixableCounts(data);
-      if (fixCounts.total > 0 && analysisResults) {
-        const barHtml = renderQuickActionsBar(fixCounts);
-        analysisResults.insertAdjacentHTML('afterbegin', barHtml);
-      }
-
-      // Render Design Review (CodeRabbit-style summary)
-      const reviewPanel = document.getElementById('design-review-panel');
-      if (data.designReview) {
-        renderDesignReview(data.designReview);
-      } else if (reviewPanel) {
-        reviewPanel.style.display = 'none';
-        reviewPanel.innerHTML = '';
-      }
-
-      // Update chat component context if we're on chat tab or switching to it
-      updateChatComponentContext();
-
-      updateStatus('Analysis complete!', 'success');
-    }
-
-    // Update Audit View
-    function updateAuditView(audit) {
-      let html = '';
-      let passCount = 0;
-      let totalCount = 0;
-      let weightedPassScore = 0;
-      let weightedTotalScore = 0;
-
-      // Backward compatibility: if no componentReadiness, migrate old accessibility checks
-      if (!audit.componentReadiness && audit.accessibility) {
-        const readinessChecks = ['Property configuration', 'Component description'];
-        audit.componentReadiness = audit.accessibility.filter(item => readinessChecks.includes(item.check));
-        audit.accessibility = audit.accessibility.filter(item => !readinessChecks.includes(item.check));
-      }
-
-      // START WITH BASELINE POSITIVE SCORING - Award points for good practices
-      console.log('[DEBUG][SCORING] Starting with baseline positive scoring...');
-
-      // Baseline points for just having a component (5 points)
-      // REMOVED: Unconditional bonus was allowing 100% scores despite warnings
-      // Components must now earn their score through actual quality checks
-      console.log('[DEBUG][SCORING] Baseline bonuses removed to make warnings count');
-
-      // Token and property bonuses removed to prevent grade inflation
-      // Score is now based purely on audit checks passing
-      // This ensures warnings properly reduce the score below 100%
-
-      // DESIGN TOKEN USAGE SCORING - High impact on overall score
-      let tokenPassCount = 0;
-      let tokenTotalCount = 0;
-      console.log(`[DEBUG][TOKEN SCORING START] currentTokenSummary exists: ${!!currentTokenSummary}, totalTokens: ${currentTokenSummary ? currentTokenSummary.totalTokens : 'undefined'}`);
-
-      if (currentTokenSummary && currentTokenSummary.totalTokens > 0) {
-        console.log(`[DEBUG][TOKEN SCORING] Entering token scoring block...`);
-        // Filter out likely wrapper/boundary elements from scoring
-        const filteredHardCoded = filterWrapperElements(currentTokenSummary);
-        const scorableHardCoded = filteredHardCoded.hardCodedValues;
-        const scorableTotal = filteredHardCoded.totalTokens;
-
-        console.log(`[DEBUG][TOKEN SCORING] Original: ${currentTokenSummary.hardCodedValues} hard-coded, ${currentTokenSummary.totalTokens} total`);
-        console.log(`[DEBUG][TOKEN SCORING] After filtering: ${scorableHardCoded} hard-coded, ${scorableTotal} total`);
-
-        if (scorableTotal > 0) {
-          console.log(`[DEBUG][TOKEN SCORING] scorableTotal > 0, proceeding with scoring...`);
-          // Each token-able property gets weighted scoring (2x weight - important for design systems)
-          tokenTotalCount = scorableTotal;
-          // IMPORTANT: Use scorable tokens for both numerator and denominator
-          // We can't give credit for filtered-out wrapper tokens
-          const scorableActualTokens = Math.min(currentTokenSummary.actualTokens, scorableTotal);
-          tokenPassCount = scorableActualTokens;
-
-          const tokenWeight = 2; // High importance for design system compliance
-          weightedTotalScore += tokenTotalCount * tokenWeight;
-          weightedPassScore += tokenPassCount * tokenWeight;
-
-          console.log(`[DEBUG][TOKEN SCORING] Added ${tokenTotalCount * tokenWeight} total token points, ${tokenPassCount * tokenWeight} passing token points`);
-          console.log(`[DEBUG][TOKEN SCORING] Running totals: ${weightedPassScore} / ${weightedTotalScore}`);
-        } else {
-          console.log(`[DEBUG][TOKEN SCORING] scorableTotal is 0 or negative, skipping token scoring`);
-        }
-      } else {
-        console.log(`[DEBUG][TOKEN SCORING] Skipped - no currentTokenSummary or totalTokens is 0`);
-      }
-
-      // States Audit
-      if (audit.states && audit.states.length > 0) {
-        html += '<div class="audit-section">';
-        html += `
-          <div class="section-header">
-            <h4 class="section-title">Interactive States</h4>
-            <div class="tooltip">
-              <div class="info-icon">i</div>
-              <span class="tooltiptext">
-                <strong>Interactive States</strong><br>
-                Components that users can interact with (buttons, inputs, links) need different visual states to provide feedback. This includes hover (when cursor is over), focus (when selected via keyboard), active (when being clicked), and disabled states. Missing states can confuse users and hurt accessibility.
-              </span>
-            </div>
-          </div>
-        `;
-
-        // Check if this is a non-interactive component (like badge) with only default state
-        const hasOnlyDefaultState = audit.states.length === 1 &&
-          audit.states[0].name === 'default' &&
-          audit.states[0].found === true;
-
-        if (hasOnlyDefaultState) {
-          // Show positive message for non-interactive components
-          html += `
-            <div class="audit-item">
-              <span class="audit-status pass">${ICO.checkCircle}</span>
-              <span class="audit-label">No interactive states needed for this component</span>
-            </div>
-          `;
-          totalCount++;
-          passCount++;
-          // High weight for states (3x) - critical for MCP compatibility
-          weightedTotalScore += 3;
-          weightedPassScore += 3;
-        } else {
-          // Show standard state audit for interactive components
-          audit.states.forEach(state => {
-            totalCount++;
-            const status = state.found ? 'pass' : 'fail';
-            if (state.found) passCount++;
-
-            // High weight for states (3x) - critical for MCP compatibility
-            weightedTotalScore += 3;
-            if (state.found) {
-              weightedPassScore += 3;
-              console.log(`[DEBUG][STATES] "${state.name}" = PASS → +3 points`);
-            } else {
-              console.log(`[DEBUG][STATES] "${state.name}" = FAIL → 0 points`);
-            }
-
-            html += `
-              <div class="audit-item">
-                ${state.found
-                  ? '<span class="audit-status pass">✓</span>'
-                  : '<span class="audit-status fail">✗</span>'}
-                <span class="audit-label">${state.name.charAt(0).toUpperCase() + state.name.slice(1).toLowerCase()} state ${state.found ? 'defined' : 'missing'}</span>
-              </div>
-            `;
-          });
-        }
-        html += '</div>';
-      }
-
-      // Design Token Usage Audit - Show token analysis in audit format
-      if (currentTokenSummary && currentTokenSummary.totalTokens > 0) {
-        html += '<div class="audit-section">';
-        html += `
-          <div class="section-header">
-            <h4 class="section-title">Design Token Usage</h4>
-            <div class="tooltip">
-              <div class="info-icon">i</div>
-              <span class="tooltiptext">
-                <strong>Design Token Usage</strong><br>
-                Components should use design tokens (variables and styles) instead of hard-coded values for colors, spacing, typography, etc. This ensures consistency, makes updates easier, and improves maintainability. Hard-coded values make it difficult to maintain design consistency across your product.
-              </span>
-            </div>
-          </div>
-        `;
-
-        // Show overall token usage summary
-        const tokenUsagePercentage = currentTokenSummary.totalTokens > 0
-          ? Math.round((currentTokenSummary.actualTokens / currentTokenSummary.totalTokens) * 100)
-          : 0;
-
-        html += `
-          <div class="audit-item">
-            <span class="audit-status ${tokenUsagePercentage >= 80 ? 'pass' : tokenUsagePercentage >= 50 ? 'warning' : 'fail'}">${
-              tokenUsagePercentage >= 80 ? ICO.checkCircle : tokenUsagePercentage >= 50 ? ICO.warnTriangle : ICO.xCircle
-            }</span>
-            <span class="audit-label">Token usage: ${currentTokenSummary.actualTokens}/${currentTokenSummary.totalTokens} properties (${tokenUsagePercentage}%)</span>
-          </div>
-        `;
-
-        // Show hard-coded values as individual failures
-        if (currentTokenSummary.hardCodedValues > 0) {
-          html += `
-            <div class="audit-item">
-              <span class="audit-status fail">${ICO.xCircle}</span>
-              <span class="audit-label">${currentTokenSummary.hardCodedValues} hard-coded values found (should use design tokens)</span>
-            </div>
-          `;
-
-          // Show breakdown by category if available
-          if (currentTokenSummary.byCategory) {
-            Object.entries(currentTokenSummary.byCategory).forEach(([category, stats]) => {
-              if (stats.hardCoded > 0) {
-                html += `
-                  <div class="audit-item" style="margin-left: 20px; opacity: 0.8;">
-                    <span class="audit-status fail">→</span>
-                    <span class="audit-label">${toTitleCase(category)}: ${stats.hardCoded} hard-coded</span>
-                  </div>
-                `;
-              }
-            });
-          }
-        } else {
-          html += `
-            <div class="audit-item">
-              <span class="audit-status pass">${ICO.checkCircle}</span>
-              <span class="audit-label">All properties use design tokens</span>
-            </div>
-          `;
-        }
-
-
-        html += '</div>';
-
-        // Update pass/total counts for this section
-        totalCount += 1; // Overall token usage check
-        if (tokenUsagePercentage >= 50) passCount += 1; // Pass if >= 50% token usage
-
-        if (currentTokenSummary.hardCodedValues > 0) {
-          totalCount += 1; // Hard-coded values check
-          // This always fails if there are hard-coded values
-        } else {
-          totalCount += 1; // Hard-coded values check
-          passCount += 1; // Pass if no hard-coded values
-        }
-      }
-
-      // Accessibility Audit
-      // Component Readiness section (property config + description)
-      if (audit.componentReadiness && audit.componentReadiness.length > 0) {
-        html += '<div class="audit-section">';
-        html += `
-          <div class="section-header">
-            <h4 class="section-title">Component Readiness</h4>
-            <div class="tooltip">
-              <div class="info-icon">i</div>
-              <span class="tooltiptext">
-                <strong>Component Readiness</strong><br>
-                Checks if your component is properly configured for AI tools, MCP integration, and developer handoff. This includes having configurable properties for customization and descriptions that help AI understand the component's purpose and usage patterns.
-              </span>
-            </div>
-          </div>
-        `;
-
-        audit.componentReadiness.forEach(item => {
-          totalCount++;
-          const status = item.status;
-          if (status === 'pass') passCount++;
-
-          weightedTotalScore += 2;
-          if (status === 'pass') {
-            weightedPassScore += 2;
-            console.log(`[DEBUG][READINESS] "${item.check}" = PASS → +2 points`);
-          } else if (status === 'warning') {
-            console.log(`[DEBUG][READINESS] "${item.check}" = WARNING → 0 points`);
-          } else {
-            console.log(`[DEBUG][READINESS] "${item.check}" = FAIL → 0 points`);
-          }
-
-          html += `
-            <div class="audit-item">
-              <span class="audit-status ${status}">${
-                status === 'pass' ? ICO.checkCircle : status === 'warning' ? ICO.warnTriangle : ICO.xCircle
-              }</span>
-              <span class="audit-label">${item.check}</span>
-            </div>
-          `;
-        });
-        html += '</div>';
-      }
-
-      // Accessibility section (real WCAG-informed checks)
-      if (audit.accessibility && audit.accessibility.length > 0) {
-        html += '<div class="audit-section">';
-        html += `
-          <div class="section-header">
-            <h4 class="section-title">Accessibility</h4>
-            <div class="tooltip">
-              <div class="info-icon">i</div>
-              <span class="tooltiptext">
-                <strong>Accessibility</strong><br>
-                WCAG-informed checks for inclusive design. Evaluates color contrast ratios, touch target sizing, focus state availability for keyboard navigation, and minimum font sizes. These checks help ensure your component works for users with disabilities.
-              </span>
-            </div>
-          </div>
-        `;
-
-        audit.accessibility.forEach(item => {
-          totalCount++;
-          const status = item.status;
-          if (status === 'pass') passCount++;
-
-          weightedTotalScore += 2;
-          if (status === 'pass') {
-            weightedPassScore += 2;
-            console.log(`[DEBUG][ACCESSIBILITY] "${item.check}" = PASS → +2 points`);
-          } else if (status === 'warning') {
-            console.log(`[DEBUG][ACCESSIBILITY] "${item.check}" = WARNING → 0 points`);
-          } else {
-            console.log(`[DEBUG][ACCESSIBILITY] "${item.check}" = FAIL → 0 points`);
-          }
-
-          html += `
-            <div class="audit-item">
-              <span class="audit-status ${status}">${
-                status === 'pass' ? ICO.checkCircle : status === 'warning' ? ICO.warnTriangle : ICO.xCircle
-              }</span>
-              <span class="audit-label">${escapeHtml(item.check)}</span>
-              ${item.suggestion ? `<div class="tooltip" style="margin-left: 4px;"><div class="info-icon" style="font-size: 9px; width: 14px; height: 14px;">i</div><span class="tooltiptext">${escapeHtml(item.suggestion)}</span></div>` : ''}
-            </div>
-          `;
-        });
-        html += '</div>';
-      }
-
-      // Design Lint Audit (deterministic style checks)
-      if (audit.designLint && audit.designLint.length > 0) {
-        html += '<div class="audit-section">';
-        html += `
-          <div class="section-header">
-            <h4 class="section-title">Style Consistency</h4>
-            <div class="tooltip">
-              <div class="info-icon">i</div>
-              <span class="tooltiptext">
-                <strong>Style Consistency</strong><br>
-                Deterministic checks for missing Figma styles. Ensures all fills, strokes, effects, text, and border radii use design styles or variables instead of hard-coded values.
-              </span>
-            </div>
-          </div>
-        `;
-
-        audit.designLint.forEach(item => {
-          totalCount++;
-          const status = item.status;
-          if (status === 'pass') passCount++;
-
-          // Weight 2.5x — critical for design system consistency
-          weightedTotalScore += 2.5;
-          if (status === 'pass') {
-            weightedPassScore += 2.5;
-          }
-
-          html += `
-            <div class="audit-item">
-              <span class="audit-status ${status}">${
-                status === 'pass' ? ICO.checkCircle : status === 'warning' ? ICO.warnTriangle : ICO.xCircle
-              }</span>
-              <span class="audit-label">${escapeHtml(item.check)}</span>
-              ${item.suggestion ? `<div class="tooltip" style="margin-left: 4px;"><div class="info-icon" style="font-size: 9px; width: 14px; height: 14px;">i</div><span class="tooltiptext">${escapeHtml(item.suggestion)}</span></div>` : ''}
-            </div>
-          `;
-        });
-        html += '</div>';
-      }
-
-      // Layer Naming Audit (Phase 3) — Tree layout grouped by parent path
-      if (currentNamingIssues && currentNamingIssues.length > 0) {
-        html += '<div class="audit-section">';
-        html += `
-          <div class="section-header">
-            <h4 class="section-title">Layer Naming</h4>
-            <div class="tooltip">
-              <div class="info-icon">i</div>
-              <span class="tooltiptext">
-                <strong>Layer Naming</strong><br>
-                Checks layer names for generic or unclear naming patterns. Semantic layer names help developers understand component structure, improve code generation quality, and make components easier to maintain.
-              </span>
-            </div>
-          </div>
-        `;
-
-        // Compute scoring for all naming issues (scoring stays the same)
-        let namingErrorCount = 0, namingWarnCount = 0, namingInfoCount = 0;
-        currentNamingIssues.forEach(issue => {
-          totalCount++;
-          weightedTotalScore += 1.5;
-          if (issue.severity === 'info') { weightedPassScore += 0.75; namingInfoCount++; }
-          else if (issue.severity === 'warning') { namingWarnCount++; }
-          else { namingErrorCount++; }
-        });
-
-        // Summary bar with severity breakdown and Rename All button
-        html += `<div class="naming-tree-summary">
-          <span>${currentNamingIssues.length} naming issue${currentNamingIssues.length !== 1 ? 's' : ''} found</span>
-          <div style="display: flex; align-items: center; gap: 8px;">
-            <div class="severity-counts">
-              ${namingErrorCount > 0 ? `<span class="sev-count">${ICO.xCircle} ${namingErrorCount}</span>` : ''}
-              ${namingWarnCount > 0 ? `<span class="sev-count">${ICO.warnTriangle} ${namingWarnCount}</span>` : ''}
-              ${namingInfoCount > 0 ? `<span class="sev-count">${ICO.info} ${namingInfoCount}</span>` : ''}
-            </div>
-            <button class="quick-actions-btn" id="rename-all-btn" onclick="handleRenameAll()" style="font-size: 10px; padding: 3px 10px;">Rename All</button>
-          </div>
-        </div>`;
-
-        // Group issues by parent path (extract parent from path)
-        const grouped = {};
-        currentNamingIssues.forEach(issue => {
-          const pathParts = issue.path ? issue.path.split(' > ') : ['Root'];
-          // Use all but last segment as group key, or 'Root' for top-level
-          const parentPath = pathParts.length > 1 ? pathParts.slice(0, -1).join(' > ') : 'Root';
-          if (!grouped[parentPath]) grouped[parentPath] = [];
-          grouped[parentPath].push(issue);
-        });
-
-        const groupKeys = Object.keys(grouped);
-
-        // Flatten all items for pagination (max 15 initially, +20 per "Show More")
-        const allFlatItems = [];
-        groupKeys.forEach(groupPath => {
-          grouped[groupPath].forEach(issue => {
-            allFlatItems.push({ groupPath, issue });
-          });
-        });
-
-        const NAMING_INITIAL_LIMIT = 15;
-        const NAMING_PAGE_SIZE = 20;
-        const totalNamingItems = allFlatItems.length;
-
-        // Scrollable container for naming items
-        html += '<div id="naming-scroll-container" style="max-height: 500px; overflow-y: auto; margin-bottom: 4px;">';
-
-        // Render items up to initial limit, grouped by path
-        let itemIndex = 0;
-        let currentGroup = null;
-
-        allFlatItems.forEach((entry, i) => {
-          if (i >= NAMING_INITIAL_LIMIT) return; // Only render initial batch
-
-          // Open new group if needed
-          if (entry.groupPath !== currentGroup) {
-            if (currentGroup !== null) html += '</div></div>'; // Close previous group
-            currentGroup = entry.groupPath;
-            const groupId = 'naming-group-' + groupKeys.indexOf(entry.groupPath);
-            html += `<div class="naming-tree-group">`;
-            html += `<div class="naming-tree-group-header" onclick="toggleNamingGroup('${groupId}')">
-              <span class="tree-arrow" id="${groupId}-arrow">▼</span>
-              <span>${escapeHtml(entry.groupPath)}</span>
-              <span class="group-count">${grouped[entry.groupPath].length}</span>
-            </div>`;
-            html += `<div class="naming-tree-items" id="${groupId}" style="max-height: ${grouped[entry.groupPath].length * 60}px;">`;
-          }
-
-          const issue = entry.issue;
-          const severityIcon = issue.severity === 'error' ? ICO.xCircle : issue.severity === 'warning' ? ICO.warnTriangle : ICO.info;
-          const severityClass = issue.severity === 'error' ? 'fail' : issue.severity === 'warning' ? 'warning' : 'info';
-          const escapedCurrent = issue.currentName.replace(/'/g, "\\'").replace(/"/g, '&quot;');
-          const escapedSuggested = issue.suggestedName.replace(/'/g, "\\'").replace(/"/g, '&quot;');
-
-          html += `
-            <div class="naming-tree-item" data-node-id="${issue.nodeId}" onclick="if(event.target.tagName!=='BUTTON')selectFigmaNode('${issue.nodeId}')" title="Click to select this layer in Figma">
-              <span class="audit-status ${severityClass}">${severityIcon}</span>
-              <div class="audit-content">
-                <span class="audit-label">
-                  <code style="font-size: 10px; background: var(--surface); padding: 1px 4px; border-radius: 2px;">${escapeHtml(issue.currentName)}</code>
-                  <span class="naming-issue-arrow">&rarr;</span>
-                  <code style="font-size: 10px; background: var(--surface); padding: 1px 4px; border-radius: 2px;">${escapeHtml(issue.suggestedName)}</code>
-                </span>
-                <div style="font-size: 10px; color: var(--text-tertiary); margin-top: 2px;">${issue.reason}</div>
-              </div>
-              <button class="audit-action-button" data-node-id="${issue.nodeId}" onclick="event.stopPropagation();previewNamingFix('${issue.nodeId}', '${escapedCurrent}', '${escapedSuggested}')" title="Rename this layer">Rename</button>
-            </div>
-          `;
-          itemIndex++;
-        });
-
-        // Close last group
-        if (currentGroup !== null) html += '</div></div>';
-
-        html += '</div>'; // Close scroll container
-
-        // "Show More" button if there are more items
-        if (totalNamingItems > NAMING_INITIAL_LIMIT) {
-          html += `<div id="naming-show-more-container" style="text-align: center; margin-top: 4px;">
-            <button class="naming-tree-toggle" id="naming-show-more-btn" onclick="showMoreNamingIssues()">
-              Show More (${Math.min(NAMING_PAGE_SIZE, totalNamingItems - NAMING_INITIAL_LIMIT)} of ${totalNamingItems - NAMING_INITIAL_LIMIT} remaining)
-            </button>
-          </div>`;
-        }
-
-        html += '</div>';
-      }
-
-      auditContent.innerHTML = html;
-
-      // Update audit score using weighted scoring for MCP compatibility focus
-      const rawPercentage = weightedTotalScore > 0 ? (weightedPassScore / weightedTotalScore) * 100 : 0;
-      const score = weightedTotalScore > 0 ? Math.min(100, Math.round(rawPercentage)) : 0;
-      console.log(`[DEBUG][FINAL SCORE] Raw calculation: ${weightedPassScore} / ${weightedTotalScore} = ${rawPercentage.toFixed(4)}%`);
-      console.log(`[DEBUG][FINAL SCORE] After Math.round(): ${score}%`);
-      console.log(`Audit scoring: ${weightedPassScore} weighted points out of ${weightedTotalScore} total = ${score}% (simple: ${passCount}/${totalCount})`);
-
-      auditScore.innerHTML = `<span>Score: ${score}%</span>`;
-      auditScore.className = `status-banner ${
-        score >= 80 ? 'status-success' : score >= 60 ? 'status-warning' : 'status-error'
-      }`;
-      auditScore.style.cssText = 'padding: 2px 8px; font-size: 11px;';
-
-      // Store globally so AI Interpretation section can reference it
-      currentAuditScore = score;
-    }
-
-    // Update Property Cheat Sheet
-    function updatePropertyCheatSheet(properties, recommendations) {
-      let html = '';
-
-      if (properties && properties.length > 0) {
-        html += '<table class="property-table">';
-        html += '<thead><tr><th>Property</th><th>Values</th><th>Default</th></tr></thead>';
-        html += '<tbody>';
-
-        properties.forEach(prop => {
-          html += '<tr>';
-          html += `<td>${toTitleCase(prop.name)}</td>`;
-          html += '<td><div class="property-values-cell">';
-          prop.values.forEach(value => {
-            // Detect hash/ID values (hex strings > 20 chars) and display as "Instance ref"
-            const isHash = /^[a-f0-9]{20,}$/i.test(value);
-            const displayValue = isHash ? 'Instance ref' : value;
-            html += `<span class="property-value" ${isHash ? `title="${value}"` : ''}>${displayValue}</span>`;
-          });
-          html += '</div></td>';
-          // Apply hash detection to default column too
-          const defaultVal = prop.default || '-';
-          const isDefaultHash = /^[a-f0-9]{20,}$/i.test(defaultVal);
-          const displayDefault = isDefaultHash ? 'Instance ref' : defaultVal;
-          html += `<td><span class="property-default-value" ${isDefaultHash ? `title="${defaultVal}"` : ''}>${displayDefault}</span></td>`;
-          html += '</tr>';
-        });
-
-        html += '</tbody></table>';
-      }
-
-      // Use only property recommendations (no slots), filtered against existing properties
-      let allRecommendations = recommendations ? [...recommendations] : [];
-
-      // UI-side safety net: filter out recommendations that match existing properties
-      // Uses semantic equivalence to catch synonyms (e.g., "Leading icon" ≈ "Icon Before")
-      if (properties && properties.length > 0 && allRecommendations.length > 0) {
-        // Semantic equivalence groups — names that refer to the same concept
-        const equivalenceGroups = [
-          ['icon before', 'leading icon', 'iconbefore', 'leadingicon', 'icon left', 'left icon', 'start icon', 'prefix icon'],
-          ['icon after', 'trailing icon', 'iconafter', 'trailingicon', 'icon right', 'right icon', 'end icon', 'suffix icon'],
-          ['slot before', 'leading slot', 'slotbefore', 'show icon before', 'has leading icon', 'icon before visible'],
-          ['slot after', 'trailing slot', 'slotafter', 'show icon after', 'has trailing icon', 'icon after visible'],
-          ['label', 'text', 'title', 'content'],
-          ['size', 'sizing', 'component size'],
-          ['disabled', 'is disabled', 'isdisabled'],
-          ['loading', 'is loading', 'isloading'],
-          ['width', 'full width', 'fullwidth', 'block'],
-          ['variant', 'style', 'appearance', 'kind'],
-          ['state', 'status', 'interaction state'],
-        ];
-
-        function getEquivalenceKeys(name) {
-          const lower = name.toLowerCase().trim();
-          const keys = new Set([lower]);
-          for (const group of equivalenceGroups) {
-            if (group.some(term => lower.includes(term) || term.includes(lower))) {
-              group.forEach(term => keys.add(term));
-            }
-          }
-          return keys;
-        }
-
-        // Build a set of all semantic keys from existing properties
-        const existingKeys = new Set();
-        properties.forEach(p => {
-          const keys = getEquivalenceKeys(p.name);
-          keys.forEach(k => existingKeys.add(k));
-        });
-
-        const beforeCount = allRecommendations.length;
-        allRecommendations = allRecommendations.filter(rec => {
-          const recKeys = getEquivalenceKeys(rec.name);
-          // Filter if ANY of the recommendation's semantic keys overlap with existing
-          for (const key of recKeys) {
-            if (existingKeys.has(key)) return false;
-          }
-          // Also check direct substring match as fallback
-          const recName = rec.name.toLowerCase();
-          const existingNames = properties.map(p => p.name.toLowerCase());
-          return !existingNames.some(existing =>
-            existing === recName ||
-            existing.includes(recName) ||
-            recName.includes(existing)
-          );
-        });
-        if (allRecommendations.length < beforeCount) {
-          console.log(`[CONFIG] Filtered ${beforeCount - allRecommendations.length} recommendations that matched existing properties (semantic matching)`);
-        }
-      }
-
-      _currentRecommendations = allRecommendations; // Store for clipboard access
-
-      console.log('[CONFIG] Property recommendations after filtering:', allRecommendations.length);
-
-      // Add recommendations section if available
-      if (allRecommendations && allRecommendations.length > 0) {
-        if (html) html += '<div style="margin-top: 20px; border-top: 1px solid var(--border); padding-top: 16px;"></div>';
-
-        html += '<div class="recommendations-section">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 12px; margin-top: 0; color: var(--primary);">Recommended Properties</h4>';
-        html += '<p style="font-size: 11px; color: var(--text-secondary); margin-bottom: 12px;">Consider adding these properties that developers typically expect for this component type:</p>';
-
-        allRecommendations.forEach((rec, index) => {
-          const typeColor = rec.type === 'slot' ? 'var(--warning)' : 'var(--interactive)';
-
-          html += `
-            <div class="recommendation-card" id="rec-card-${index}" style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 12px; margin-bottom: 8px;">
-              <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 4px;">
-                <span style="font-weight: 600; font-size: 12px;">${rec.name}</span>
-                <span style="background: ${typeColor}; color: var(--text-on-color); padding: 2px 6px; border-radius: var(--radius-sm); font-size: 9px; text-transform: uppercase; font-weight: 500;">${rec.type}</span>
-              </div>
-              <p style="font-size: 11px; color: var(--text-secondary); margin: 0 0 6px 0;">${rec.description}</p>
-              <div style="display: flex; flex-wrap: wrap; gap: 4px;">
-                ${rec.examples.map(example => `<span class="property-value">${example}</span>`).join('')}
-              </div>
-            </div>
-          `;
-        });
-
-        html += '</div>';
-      }
-
-      // Show fallback content when no properties and no recommendations
-      if (!html) {
-        html = `
-          <div style="text-align: center; padding: var(--space-lg); color: var(--text-tertiary);">
-            <p>This component has no configurable properties</p>
-            <p style="font-size: 11px; margin-top: var(--space-xs);">Simple components may not have customizable props</p>
-          </div>
-        `;
-      }
-
-      propertyCheatsheet.innerHTML = html;
-    }
-
-    // Enhanced Token Analysis Display
-    function updateTokenSuggestions(tokens) {
-      console.log('UI updateTokenSuggestions called with:', tokens);
-
-      let html = '';
-
-      // Display token summary if available
-      if (currentTokenSummary) {
-        html += '<div class="token-summary" style="background: var(--surface-secondary); border-bottom: 1px solid var(--border); padding-bottom: 12px; margin-bottom: 16px;">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 8px; margin-top: 0;">Token Analysis Summary</h4>';
-        html += '<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; font-size: 11px;">';
-        html += `<div><strong>Total Items:</strong> ${currentTokenSummary.totalTokens}</div>`;
-        html += `<div><strong>Design Tokens:</strong> <span style="color: var(--success)">${currentTokenSummary.actualTokens}</span></div>`;
-        html += `<div><strong>Hard-coded:</strong> <span style="color: var(--warning)">${currentTokenSummary.hardCodedValues}</span></div>`;
-        html += `<div><strong>AI Suggestions:</strong> <span style="color: var(--primary)">${currentTokenSummary.aiSuggestions}</span></div>`;
-        html += '</div>';
-
-        // Show breakdown by category
-        if (currentTokenSummary.byCategory) {
-          html += '<div style="margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border);">';
-          html += '<div style="font-size: 10px; color: var(--text-tertiary); margin-bottom: 4px;">By Category:</div>';
-          html += '<div style="display: flex; gap: 12px; flex-wrap: wrap; font-size: 10px;">';
-          Object.entries(currentTokenSummary.byCategory).forEach(([category, stats]) => {
-            if (stats.total > 0) {
-              html += `<div><strong>${category}:</strong> ${stats.tokens}/${stats.total}</div>`;
-            }
-          });
-          html += '</div>';
-          html += '</div>';
-        }
-
-
-        html += '</div>';
-      }
-
-      // Hard-coded values info bar
-      if (currentTokenSummary && currentTokenSummary.hardCodedValues > 0) {
-        html += `
-          <div class="batch-action-bar">
-            <span class="batch-label">${ICO.warnTriangle} ${currentTokenSummary.hardCodedValues} hard-coded value${currentTokenSummary.hardCodedValues !== 1 ? 's' : ''} found</span>
-          </div>
-        `;
-      }
-
-      // Colors - Enhanced with comprehensive analysis
-      if (tokens.colors && Array.isArray(tokens.colors) && tokens.colors.length > 0) {
-        console.log('Processing color tokens:', tokens.colors);
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px;">Color Tokens</h4>';
-
-        // Separate actual tokens from hard-coded values
-        console.log('Color tokens before filtering:', tokens.colors);
-        const actualTokens = tokens.colors.filter(token => token.isActualToken);
-        const hardCodedTokens = tokens.colors.filter(token => !token.isActualToken && token.source === 'hard-coded' && !token.isDefaultVariantStyle);
-        const defaultVariantTokens = tokens.colors.filter(token => !token.isActualToken && token.source === 'hard-coded' && token.isDefaultVariantStyle);
-        const aiSuggestions = tokens.colors.filter(token => token.source === 'ai-suggestion');
-
-        console.log('Filtered results:', {
-          actualTokens: actualTokens.length,
-          hardCodedTokens: hardCodedTokens.length,
-          aiSuggestions: aiSuggestions.length,
-          hardCodedDetails: hardCodedTokens
-        });
-
-        // Show actual design tokens first
-        if (actualTokens.length > 0) {
-          html += '<div style="margin-bottom: 12px;">';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--success); margin-bottom: 4px;">Design Tokens in Use</h5>';
-          actualTokens.forEach(token => {
-            html += `
-              <div class="token-item-compact">
-                <div class="token-swatch" style="background: ${token.value};" title="${token.value}"></div>
-                <div class="token-details">
-                  <div class="token-name">${token.name}</div>
-                  <div class="token-usage" title="${token.recommendation}">${token.recommendation}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        // Show hard-coded colors with enhanced context
-        if (hardCodedTokens.length > 0) {
-          html += '<div style="margin-bottom: 12px;" id="section-colors">';
-          const clrFixAll = hardCodedTokens.filter(t => t.context?.nodeId && t.context?.property).length > 1
-            ? `<button class="fix-btn" onclick="event.stopPropagation();batchFixAllTokens('section-colors')" title="Fix all hard-coded colors" style="margin-left: 6px; font-size: 10px;">Fix All</button>` : '';
-          html += `<h5 style="font-size: 11px; font-weight: 500; color: var(--warning); margin-bottom: 4px; display: flex; align-items: center;">Hard-coded Colors${clrFixAll}</h5>`;
-          hardCodedTokens.forEach(token => {
-            const contextInfo = token.context ?
-              `${token.context.nodeType} in "${token.context.nodeName}"${token.context.isInteractive ? ' (Interactive)' : ''}` :
-              'Unknown context';
-
-            const fixButton = token.context?.nodeId && token.context?.property ?
-              `<button class="fix-btn" data-node-id="${token.context.nodeId}" onclick="event.stopPropagation();previewTokenFix('${token.context.nodeId}', '${token.context.property || 'fills[0]'}', '${token.value}')" title="Fix this hard-coded value">Fix</button>` : '';
-
-            html += `
-              <div class="token-item-compact warning" ${token.context?.nodeId ? `onclick="selectFigmaNode('${token.context.nodeId}')" style="cursor: pointer;" title="Click to select in Figma"` : ''}>
-                <div class="token-swatch" style="background: ${token.value};" title="${token.value}"></div>
-                <div class="token-details">
-                  <div class="token-name">${token.value}</div>
-                  <div class="token-usage" title="${contextInfo} - ${token.suggestion}">${token.suggestion}</div>
-                </div>
-                <div class="token-actions">
-                  ${fixButton}
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        // Show AI suggested tokens
-        if (aiSuggestions.length > 0) {
-          html += '<div>';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--primary); margin-bottom: 4px;">AI Suggested Tokens</h5>';
-          aiSuggestions.forEach(token => {
-            html += `
-              <div class="token-item-compact suggestion">
-                <div class="token-swatch" style="background: ${token.value};" title="${token.value}"></div>
-                <div class="token-details">
-                  <div class="token-name">${token.name}</div>
-                  <div class="token-usage" title="${token.recommendation || token.suggestion || 'AI suggested token'}">${token.recommendation || token.suggestion || 'AI suggested token'}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-
-        html += '</div>';
-      }
-
-      // Effects - New comprehensive section
-      if (tokens.effects && Array.isArray(tokens.effects) && tokens.effects.length > 0) {
-        html += '<hr class="token-section-divider">';
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px;">Effect Tokens</h4>';
-
-        const actualEffectTokens = tokens.effects.filter(token => token.isActualToken);
-        const hardCodedEffects = tokens.effects.filter(token => !token.isActualToken && !token.isDefaultVariantStyle);
-
-        if (actualEffectTokens.length > 0) {
-          html += '<div style="margin-bottom: 12px;">';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--success); margin-bottom: 4px;">Effect Tokens in Use</h5>';
-          actualEffectTokens.forEach(token => {
-            html += `
-              <div class="token-item-compact">
-                <div class="token-details">
-                  <div class="token-name">${token.name}</div>
-                  <div class="token-usage" title="${token.recommendation}">${token.recommendation}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        if (hardCodedEffects.length > 0) {
-          html += '<div>';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--warning); margin-bottom: 4px;">Hard-coded Effects</h5>';
-          hardCodedEffects.forEach(token => {
-            const contextInfo = token.context ? `${token.context.nodeType} in "${token.context.nodeName}"` : 'Unknown context';
-
-            html += `
-              <div class="token-item-compact warning" ${token.context?.nodeId ? `onclick="selectFigmaNode('${token.context.nodeId}')" style="cursor: pointer;" title="Click to select in Figma"` : ''}>
-                <div class="token-details">
-                  <div class="token-name">${token.type}</div>
-                  <div class="token-usage" title="${contextInfo} - ${token.suggestion}">${token.suggestion}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        html += '</div>';
-      }
-
-      // Borders - New comprehensive section
-      if (tokens.borders && Array.isArray(tokens.borders) && tokens.borders.length > 0) {
-        html += '<hr class="token-section-divider">';
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px;">Border Tokens</h4>';
-
-        const actualBorderTokens = tokens.borders.filter(token => token.isActualToken);
-        const hardCodedBorders = tokens.borders.filter(token => !token.isActualToken && !token.isDefaultVariantStyle);
-        const defaultBorders = tokens.borders.filter(token => !token.isActualToken && token.isDefaultVariantStyle);
-
-        if (actualBorderTokens.length > 0) {
-          html += '<div style="margin-bottom: 12px;">';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--success); margin-bottom: 4px;">Border Tokens in Use</h5>';
-          actualBorderTokens.forEach(token => {
-            html += `
-              <div class="token-item-compact">
-                <div class="token-details">
-                  <div class="token-name">${token.name}</div>
-                  <div class="token-usage" title="${token.recommendation}">${token.recommendation}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        if (hardCodedBorders.length > 0) {
-          // Separate stroke weights from border radius
-          const strokeWeights = hardCodedBorders.filter(token =>
-            token.type === 'stroke-weight' ||
-            (token.context && token.context.property === 'strokeWeight')
-          );
-          const borderRadius = hardCodedBorders.filter(token =>
-            token.type !== 'stroke-weight' &&
-            !(token.context && token.context.property === 'strokeWeight')
-          );
-
-          // Stroke Weight Section
-          if (strokeWeights.length > 0) {
-            html += '<div style="margin-bottom: 12px;" id="section-stroke-weight">';
-            const swFixAll = strokeWeights.filter(t => t.context?.nodeId && t.context?.property).length > 1
-              ? `<button class="fix-btn" onclick="event.stopPropagation();batchFixAllTokens('section-stroke-weight')" title="Fix all hard-coded stroke weights" style="margin-left: 6px; font-size: 10px;">Fix All</button>` : '';
-            html += `<h5 style="font-size: 11px; font-weight: 500; color: var(--warning); margin-bottom: 4px; display: flex; align-items: center;">Hard-coded Stroke Weight${swFixAll}</h5>`;
-            strokeWeights.forEach(token => {
-              // Use the enhanced debug context for better information
-              let contextInfo = 'Unknown location';
-              if (token.context) {
-                if (token.context.description) {
-                  contextInfo = token.context.description;
-                } else if (token.context.path) {
-                  contextInfo = `Found in: ${token.context.path}`;
-                } else {
-                  contextInfo = `${token.context.nodeType} in "${token.context.nodeName}"`;
-                }
-
-                // Add property information if available
-                if (token.context.property) {
-                  contextInfo += ` (${token.context.property})`;
-                }
-              }
-
-              const fixButton = token.context?.nodeId && token.context?.property ?
-                `<button class="fix-btn" data-node-id="${token.context.nodeId}" onclick="event.stopPropagation();previewTokenFix('${token.context.nodeId}', '${token.context.property}', '${token.value}')" title="Fix this hard-coded value">Fix</button>` : '';
-
-              html += `
-                <div class="token-item-compact warning" ${token.context?.nodeId ? `onclick="selectFigmaNode('${token.context.nodeId}')" style="cursor: pointer;" title="Click to select in Figma"` : ''}>
-                  <div class="token-details">
-                    <div class="token-name">${token.value}</div>
-                    <div class="token-usage" style="font-size: 10px; color: var(--text-secondary);">${contextInfo}</div>
-                    <div class="token-usage" style="font-size: 10px; margin-top: 2px; font-style: italic;">Use appropriate stroke weight token (e.g., stroke.thin, stroke.medium)</div>
-                  </div>
-                  <div class="token-actions">
-                    ${fixButton}
-                  </div>
-                </div>
-              `;
-            });
-            html += '</div>';
-          }
-
-          // Border Radius Section
-          if (borderRadius.length > 0) {
-            html += '<div id="section-border-radius">';
-            const brFixAll = borderRadius.filter(t => t.context?.nodeId && t.context?.property).length > 1
-              ? `<button class="fix-btn" onclick="event.stopPropagation();batchFixAllTokens('section-border-radius')" title="Fix all hard-coded border radii" style="margin-left: 6px; font-size: 10px;">Fix All</button>` : '';
-            html += `<h5 style="font-size: 11px; font-weight: 500; color: var(--warning); margin-bottom: 4px; display: flex; align-items: center;">Hard-coded Border Radius${brFixAll}</h5>`;
-            borderRadius.forEach(token => {
-              // Use the enhanced debug context for better information
-              let contextInfo = 'Unknown location';
-              if (token.context) {
-                if (token.context.description) {
-                  contextInfo = token.context.description;
-                } else if (token.context.path) {
-                  contextInfo = `Found in: ${token.context.path}`;
-                } else {
-                  contextInfo = `${token.context.nodeType} in "${token.context.nodeName}"`;
-                }
-
-                // Add property information if available
-                if (token.context.property) {
-                  contextInfo += ` (${token.context.property})`;
-                }
-              }
-
-              const fixButton = token.context?.nodeId && token.context?.property ?
-                `<button class="fix-btn" data-node-id="${token.context.nodeId}" onclick="event.stopPropagation();previewTokenFix('${token.context.nodeId}', '${token.context.property}', '${token.value}')" title="Fix this hard-coded value">Fix</button>` : '';
-
-              html += `
-                <div class="token-item-compact warning" ${token.context?.nodeId ? `onclick="selectFigmaNode('${token.context.nodeId}')" style="cursor: pointer;" title="Click to select in Figma"` : ''}>
-                  <div class="token-details">
-                    <div class="token-name">${token.value}</div>
-                    <div class="token-usage" style="font-size: 10px; color: var(--text-secondary);">${contextInfo}</div>
-                    <div class="token-usage" style="font-size: 10px; margin-top: 2px; font-style: italic;">${token.suggestion}</div>
-                  </div>
-                  <div class="token-actions">
-                    ${fixButton}
-                  </div>
-                </div>
-              `;
-            });
-            html += '</div>';
-          }
-        }
-
-
-        html += '</div>';
-      }
-
-      // Spacing - Enhanced with better context
-      if (tokens.spacing && Array.isArray(tokens.spacing) && tokens.spacing.length > 0) {
-        html += '<hr class="token-section-divider">';
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px;">Spacing Tokens</h4>';
-
-        const actualSpacingTokens = tokens.spacing.filter(token => token.isActualToken);
-        const hardCodedSpacing = tokens.spacing.filter(token => !token.isActualToken && !token.isDefaultVariantStyle);
-        const defaultSpacing = tokens.spacing.filter(token => !token.isActualToken && token.isDefaultVariantStyle);
-
-        if (actualSpacingTokens.length > 0) {
-          html += '<div style="margin-bottom: 12px;">';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--success); margin-bottom: 4px;">Spacing Tokens in Use</h5>';
-          actualSpacingTokens.forEach(token => {
-            html += `
-              <div class="token-item-compact">
-                <div class="token-details">
-                  <div class="token-name">${token.name}</div>
-                  <div class="token-usage" title="${token.recommendation}">${token.recommendation}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        if (hardCodedSpacing.length > 0) {
-          html += '<div id="section-spacing">';
-          const spFixAll = hardCodedSpacing.filter(t => t.context?.nodeId && t.context?.property).length > 1
-            ? `<button class="fix-btn" onclick="event.stopPropagation();batchFixAllTokens('section-spacing')" title="Fix all hard-coded spacing" style="margin-left: 6px; font-size: 10px;">Fix All</button>` : '';
-          html += `<h5 style="font-size: 11px; font-weight: 500; color: var(--warning); margin-bottom: 4px; display: flex; align-items: center;">Hard-coded Spacing${spFixAll}</h5>`;
-          hardCodedSpacing.forEach(token => {
-            // Use the enhanced debug context for better information
-            let contextInfo = 'Unknown location';
-            if (token.context) {
-              if (token.context.description) {
-                contextInfo = token.context.description;
-              } else if (token.context.path) {
-                contextInfo = `Found in: ${token.context.path}`;
-              } else {
-                contextInfo = `${token.context.paddingType || token.type} on "${token.context.nodeName}" (${token.context.nodeType})`;
-              }
-
-              // Add property information if available
-              if (token.context.property) {
-                contextInfo += ` (${token.context.property})`;
-              }
-            }
-
-            const fixButton = token.context?.nodeId && token.context?.property ?
-              `<button class="fix-btn" data-node-id="${token.context.nodeId}" onclick="event.stopPropagation();previewTokenFix('${token.context.nodeId}', '${token.context.property}', '${token.value}')" title="Fix this hard-coded value">Fix</button>` : '';
-
-            html += `
-              <div class="token-item-compact warning" ${token.context?.nodeId ? `onclick="selectFigmaNode('${token.context.nodeId}')" style="cursor: pointer;" title="Click to select in Figma"` : ''}>
-                <div class="token-details">
-                  <div class="token-name">${token.value}</div>
-                  <div class="token-usage" style="font-size: 10px; color: var(--text-secondary);">${contextInfo}</div>
-                  <div class="token-usage" style="font-size: 10px; margin-top: 2px; font-style: italic;">${token.suggestion || 'Create or use existing spacing token'}</div>
-                </div>
-                <div class="token-actions">
-                  ${fixButton}
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-
-        html += '</div>';
-      }
-
-      // Typography - Enhanced with better context
-      if (tokens.typography && Array.isArray(tokens.typography) && tokens.typography.length > 0) {
-        html += '<hr class="token-section-divider">';
-        html += '<div>';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px;">Typography Tokens</h4>';
-
-        const actualTypographyTokens = tokens.typography.filter(token => token.isActualToken);
-        const hardCodedTypography = tokens.typography.filter(token => !token.isActualToken && !token.isDefaultVariantStyle);
-
-        if (actualTypographyTokens.length > 0) {
-          html += '<div style="margin-bottom: 12px;">';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--success); margin-bottom: 4px;">Typography Tokens in Use</h5>';
-          actualTypographyTokens.forEach(token => {
-            html += `
-              <div class="token-item-compact">
-                <div class="token-preview-text" style="font-size: ${token.value || '14px'}; font-weight: ${token.context && token.context.fontWeight ? token.context.fontWeight : '400'};">Aa</div>
-                <div class="token-details">
-                  <div class="token-name">${token.name}</div>
-                  <div class="token-usage" title="${token.recommendation}">${token.recommendation}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        if (hardCodedTypography.length > 0) {
-          html += '<div>';
-          html += '<h5 style="font-size: 11px; font-weight: 500; color: var(--warning); margin-bottom: 4px;">Hard-coded Typography</h5>';
-          hardCodedTypography.forEach(token => {
-            const contextInfo = token.context ?
-              `${token.context.fontFamily} in "${token.context.textContent || 'text element'}"` :
-              'Unknown context';
-
-            html += `
-              <div class="token-item-compact warning" ${token.context?.nodeId ? `onclick="selectFigmaNode('${token.context.nodeId}')" style="cursor: pointer;" title="Click to select in Figma"` : ''}>
-                <div class="token-preview-text" style="font-size: ${token.value || '14px'}; font-weight: ${token.context && token.context.fontWeight ? token.context.fontWeight : '400'};">Aa</div>
-                <div class="token-details">
-                  <div class="token-name">${token.value}</div>
-                  <div class="token-usage" title="${contextInfo} - ${token.suggestion}">${token.suggestion}</div>
-                </div>
-              </div>
-            `;
-          });
-          html += '</div>';
-        }
-
-        html += '</div>';
-      }
-
-      // Show comprehensive summary if no tokens found
-      if (html === '') {
-        html = `
-          <div style="text-align: center; padding: var(--space-lg); color: var(--text-tertiary);">
-            <p><strong>No design tokens detected</strong></p>
-            <p style="font-size: 11px; margin-top: var(--space-xs);">This component uses simple styling without extractable design tokens.</p>
-            <p style="font-size: 11px; margin-top: var(--space-xs);">Consider using Figma variables for colors, spacing, and typography to improve consistency.</p>
-          </div>
-        `;
-      } else {
-        // Add summary statistics
-        const allTokens = [
-          ...(tokens.colors || []),
-          ...(tokens.spacing || []),
-          ...(tokens.typography || []),
-          ...(tokens.effects || []),
-          ...(tokens.borders || [])
-        ];
-
-        // Exclude default variant styles from counts
-        const nonDefaultTokens = allTokens.filter(token => !token.isDefaultVariantStyle);
-        const totalTokens = nonDefaultTokens.length;
-        const actualTokensCount = nonDefaultTokens.filter(token => token.isActualToken).length;
-        const hardCodedCount = nonDefaultTokens.filter(token => !token.isActualToken && token.source === 'hard-coded').length;
-
-        // Removed redundant compact token summary - detailed summary above provides better info
-      }
-
-      tokenSuggestions.innerHTML = html;
-    }
-
-    // Update Metadata Display
-    function updateMetadataDisplay(metadata) {
-      let html = '';
-
-      // Description Action Bar (Phase 5) — with comparison awareness
-      if (lastAnalyzedNodeId && metadata.description) {
-        const similarity = computeDescriptionSimilarity(currentExistingDescription, metadata.description);
-        if (currentExistingDescription && similarity >= 0.8) {
-          // Descriptions are similar enough — up to date
-          html += `
-            <div class="description-up-to-date">
-              <span>&#10003;</span>
-              <span>Description is up to date</span>
-            </div>
-          `;
-        } else if (currentExistingDescription) {
-          // Existing description differs from AI — offer compare & update
-          html += `
-            <div class="metadata-action-bar">
-              <span class="action-label">AI description differs from Figma</span>
-              <button class="audit-action-button" onclick="handleUpdateDescription()">Compare &amp; Update</button>
-            </div>
-          `;
-        } else {
-          // No existing description — offer to set it
-          html += `
-            <div class="metadata-action-bar">
-              <span class="action-label">No description set in Figma</span>
-              <button class="audit-action-button" onclick="handleUpdateDescription()">Set Description</button>
-            </div>
-          `;
-        }
-      }
-
-      // Component Info
-      html += `<div class="mb-md">`;
-      html += `<h3 style="font-size: 13px; font-weight: 600; margin-top: 0;">${metadata.component}</h3>`;
-      html += `<div class="description-scroll-area">${metadata.description}</div>`;
-      html += `</div>`;
-
-      // Properties
-      if (metadata.props && metadata.props.length > 0) {
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 8px;">Properties</h4>';
-                html += '<div style="display: flex; flex-wrap: wrap; gap: 4px;">';
-
-        metadata.props.forEach(prop => {
-          // Handle both object format and string format
-          const propName = typeof prop === 'string' ? prop : (prop.name || prop);
-          const formattedPropName = toTitleCase(propName);
-          html += `<span class="property-value">${formattedPropName}</span>`;
-        });
-        html += '</div></div>';
-      }
-
-      // States (deduplicated and cleaned)
-      if (metadata.states && metadata.states.length > 0) {
-        // Remove duplicates and empty values
-        const uniqueStates = [...new Set(metadata.states)]
-          .filter(state => state && typeof state === 'string' && state.trim() !== '')
-          .map(state => state.trim());
-
-        if (uniqueStates.length > 0) {
-          html += '<div class="mb-md">';
-          html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 8px;">States</h4>';
-          html += '<div style="display: flex; flex-wrap: wrap; gap: 4px;">';
-          uniqueStates.forEach(state => {
-            html += `<span class="property-value" style="background: #E7F9F0; color: var(--success);">${state}</span>`;
-          });
-          html += '</div></div>';
-        }
-      }
-
-      // Slots (temporarily removed from metadata display - will be moved to property recommendations)
-      // if (metadata.slots && metadata.slots.length > 0) {
-      //   html += '<div class="mb-md">';
-      //   html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 8px;">Slots</h4>';
-      //   html += '<div style="display: flex; flex-wrap: wrap; gap: 4px;">';
-      //   metadata.slots.forEach(slot => {
-      //     const slotName = typeof slot === 'string' ? slot : (slot.name || 'Unnamed Slot');
-      //     html += `<span class="property-value" style="background: #FFF4E0; color: var(--warning);">${slotName}</span>`;
-      //   });
-      //   html += '</div></div>';
-      // }
-
-      metadataContent.innerHTML = html;
-    }
-
-    // Update MCP Readiness Section — score-aware narrative
-    function updateMCPReadiness(mcpData) {
-      console.log('[DEBUG] AI interpretation data received:', mcpData);
-
-      if (!mcpData) {
-        mcpReadiness.innerHTML = '<p style="color: var(--text-tertiary); text-align: center; padding: 20px;">AI interpretation analysis not available</p>';
-        return;
-      }
-
-      const score = currentAuditScore;
-      let html = '';
-
-      // Score-aware intro narrative
-      html += '<div style="font-size: 12px; color: var(--text-secondary); margin-bottom: 12px; line-height: 1.5;">';
-      if (score === 100) {
-        html += 'This component is fully ready for AI code generation. All design properties, tokens, and structure are well-defined — an AI tool can confidently translate this design into production code.';
-      } else if (score >= 80) {
-        html += 'This component is well-structured for AI code generation with only minor gaps. An AI tool can interpret most of the design accurately. Address the items below to reach full readiness.';
-      } else if (score >= 60) {
-        html += 'An AI tool can partially interpret this component, but several areas need attention for reliable code generation. Fix the items flagged in the Component Audit above to improve this interpretation.';
-      } else {
-        html += 'This component has significant gaps that would cause an AI tool to make assumptions or generate incorrect code. Review the Component Audit above and address the critical issues first.';
-      }
-      html += '</div>';
-
-      // What AI reads well (Strengths) — always show
-      if (mcpData.strengths && mcpData.strengths.length > 0) {
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px; color: var(--success); margin-top: 0;">What AI Reads Well</h4>';
-        html += '<ul style="margin: 0; padding-left: 16px; font-size: 12px; list-style: disc;">';
-        mcpData.strengths.forEach(strength => {
-          html += `<li style="margin-bottom: 2px;">${strength}</li>`;
-        });
-        html += '</ul>';
-        html += '</div>';
-      }
-
-      // Where AI gets confused (Gaps) — hide if score is 100
-      if (score < 100 && mcpData.gaps && mcpData.gaps.length > 0) {
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px; color: var(--error);">Where AI Gets Confused</h4>';
-        html += '<ul style="margin: 0; padding-left: 16px; font-size: 12px; list-style: disc;">';
-        mcpData.gaps.forEach(gap => {
-          html += `<li style="margin-bottom: 2px;">${gap}</li>`;
-        });
-        html += '</ul>';
-        html += '</div>';
-      }
-
-      // How to improve AI understanding (Recommendations) — hide if score is 100
-      if (score < 100 && mcpData.recommendations && mcpData.recommendations.length > 0) {
-        html += '<div class="mb-md">';
-        html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px; color: var(--primary);">How to Improve AI Understanding</h4>';
-        html += '<ul style="margin: 0; padding-left: 16px; font-size: 12px; list-style: disc;">';
-        mcpData.recommendations.forEach(rec => {
-          html += `<li style="margin-bottom: 2px;">${rec}</li>`;
-        });
-        html += '</ul>';
-        html += '</div>';
-      }
-
-      // What AI Would Generate — score-aware summary
-      html += '<div class="mb-md">';
-      html += '<h4 style="font-size: 12px; font-weight: 600; margin-bottom: 4px;">What AI Would Generate</h4>';
-      html += '<div style="font-size: 12px; background: var(--surface); padding: 10px 12px; border-radius: 6px; border: 1px solid var(--border); color: var(--text-secondary); line-height: 1.5;">';
-      if (score === 100) {
-        html += 'Component is fully optimized for AI code generation. All design tokens, properties, states, and structure provide clear guidance for accurate implementation.';
-      } else if (score >= 80) {
-        html += mcpData.implementationNotes || 'Component is well-structured for code generation. A few minor refinements in the audit above would provide complete clarity for AI tools.';
-      } else if (mcpData.implementationNotes) {
-        html += mcpData.implementationNotes;
-      } else {
-        html += 'Address the gaps identified above to improve the quality of AI-generated code for this component.';
-      }
-      html += '</div>';
-      html += '</div>';
-
-      // Show fallback if no content
-      if (!html) {
-        html = '<p style="color: var(--text-tertiary); text-align: center; padding: 20px;">AI interpretation data not available</p>';
-      }
-
-      mcpReadiness.innerHTML = html;
-    }
-
-    // Update Developer Export Section
-    function updateDeveloperExport(metadata) {
-      const developerExportSection = document.getElementById('developer-export');
-
-      if (!metadata) {
-        exportMetadataButton.disabled = true;
-        developerExportSection.innerHTML = `
-          <div class="export-options" style="margin-bottom: var(--space-md);">
-            <select id="export-format" class="w-full">
-              <option value="json">JSON: Complete component metadata</option>
-              <option value="markdown" selected>Markdown: Developer documentation</option>
-            </select>
-            <button class="button button-secondary" id="export-metadata" disabled>
-              Export for Developers
-            </button>
-          </div>
-          <p style="color: var(--text-tertiary); text-align: center; padding: 20px;">No analysis results available</p>
-        `;
-        return;
-      }
-
-      exportMetadataButton.disabled = false;
-
-      // Clear existing content and show proper preview
-      const previewHtml = `
-        <div class="export-options" style="margin-bottom: var(--space-md);">
-          <select id="export-format" class="w-full">
-            <option value="json">JSON: Complete component metadata</option>
-            <option value="markdown" selected>Markdown: Developer documentation</option>
-          </select>
-          <button class="button button-secondary" id="export-metadata">
-            Export for Developers
-          </button>
-        </div>
-        <div style="font-size: 12px; color: var(--text-secondary);">
-          <div style="margin-bottom: 8px;"><strong>Available exports:</strong></div>
-          <div style="margin-bottom: 4px;">• JSON: Complete component metadata</div>
-          <div style="margin-bottom: 4px;">• Markdown: Developer documentation</div>
-        </div>
-      `;
-
-      developerExportSection.innerHTML = previewHtml;
-
-      // Re-attach event listener since we replaced the button
-      const newExportButton = document.getElementById('export-metadata');
-      if (newExportButton) {
-        newExportButton.addEventListener('click', handleExportMetadata);
-      }
-    }
-
-    // Update Playground Tab
-    function updatePlaygroundTab() {
-      if (!currentMetadata) return;
-
-      if (playgroundEmpty) {
-        playgroundEmpty.classList.add('hidden');
-      }
-      if (playgroundContent) {
-        playgroundContent.classList.remove('hidden');
-      }
-
-      // Update playground preview
-      if (playgroundGrid) {
-        let html = '';
-        const hasContent = (currentMetadata.states && currentMetadata.states.length > 0) ||
-                          (currentMetadata.variants && Object.keys(currentMetadata.variants).length > 0);
-
-        if (hasContent) {
-          html = '<p style="text-align: center; color: var(--text-secondary); margin-bottom: 16px;">Click "Generate Instances" to create a visual playground of all component variations</p>';
-        } else {
-          html = '<p style="text-align: center; color: var(--text-tertiary);">No variants or states detected for this component</p>';
-        }
-
-        playgroundGrid.innerHTML = html;
-      }
-    }
-
-    // Update Documentation Tab
-    function updateDocumentationTab() {
-      if (!currentMetadata) return;
-
-      if (docsEmpty) {
-        docsEmpty.classList.add('hidden');
-      }
-      if (docsPreview) {
-        docsPreview.classList.remove('hidden');
-        // Generate documentation preview
-        const docsHtml = generateDocumentationHTML(currentMetadata);
-        docsPreview.innerHTML = docsHtml;
-      }
-
-      // Enable buttons with null checks
-      if (exportDocsButton) {
-        exportDocsButton.disabled = false;
-      }
-      if (generateDocsFrameButton) {
-        generateDocsFrameButton.disabled = false;
-      }
-      if (saveNotesButton) {
-        saveNotesButton.disabled = false;
-      }
-    }
-
-    // Generate Documentation HTML
-    function generateDocumentationHTML(metadata) {
-      let html = '';
-
-      html += '<div class="doc-section">';
-      html += `<h2 class="doc-heading">${metadata.component}</h2>`;
-      html += `<p class="doc-content">${metadata.description}</p>`;
-      html += '</div>';
-
-      if (metadata.props && metadata.props.length > 0) {
-        html += '<div class="doc-section">';
-        html += '<h3 class="doc-heading">Properties</h3>';
-        html += '<ul class="doc-content">';
-        metadata.props.forEach(prop => {
-          // Handle both object format and string format
-          const propName = typeof prop === 'string' ? prop : (prop.name || prop);
-          html += `<li>${propName}</li>`;
-        });
-        html += '</ul>';
-        html += '</div>';
-      }
-
-      if (metadata.states && metadata.states.length > 0) {
-        html += '<div class="doc-section">';
-        html += '<h3 class="doc-heading">States</h3>';
-        html += '<ul class="doc-content">';
-        metadata.states.forEach(state => {
-          html += `<li>${state}</li>`;
-        });
-        html += '</ul>';
-        html += '</div>';
-      }
-
-      if (metadata.usage) {
-        html += '<div class="doc-section">';
-        html += '<h3 class="doc-heading">Usage Guidelines</h3>';
-        html += `<p class="doc-content">${metadata.usage}</p>`;
-        html += '</div>';
-      }
-
-      if (metadata.accessibility) {
-        html += '<div class="doc-section">';
-        html += '<h3 class="doc-heading">Accessibility</h3>';
-        html += `<p class="doc-content">${metadata.accessibility}</p>`;
-        html += '</div>';
-      }
-
-      return html;
-    }
-
-    // Export as Markdown
-    function exportAsMarkdown() {
-      if (!currentMetadata) return;
-      const markdown = generateMarkdownDocumentation(currentMetadata);
-      navigator.clipboard.writeText(markdown).then(() => {
-        updateStatus('Markdown copied to clipboard!', 'success');
-      });
-    }
-
-    // Export as JSON
-    function exportAsJSON() {
-      if (!currentMetadata) return;
-      const exportData = {
-        component: currentMetadata.component,
-        description: currentMetadata.description,
-        score: currentAuditScore,
-        metadata: currentMetadata,
-        tokens: currentAnalysisData ? currentAnalysisData.tokens : null,
-        audit: currentAuditResults,
-        properties: currentAnalysisData ? currentAnalysisData.properties : null,
-        namingIssues: currentNamingIssues.length > 0 ? currentNamingIssues : null,
-        existingDescription: currentExistingDescription || null,
-        exportedAt: new Date().toISOString()
-      };
-      const jsonStr = JSON.stringify(exportData, null, 2);
-      navigator.clipboard.writeText(jsonStr).then(() => {
-        updateStatus('JSON copied to clipboard!', 'success');
-      });
-    }
-
-    // Show Loading State
-    function showLoadingState() {
-      auditContent.innerHTML = '<div class="skeleton"></div><div class="skeleton" style="width: 80%;"></div><div class="skeleton" style="width: 60%;"></div>';
-      propertyCheatsheet.innerHTML = '<div class="skeleton"></div><div class="skeleton" style="width: 70%;"></div>';
-      tokenSuggestions.innerHTML = '<div class="skeleton"></div><div class="skeleton" style="width: 90%;"></div>';
-      metadataContent.innerHTML = '<div class="skeleton"></div><div class="skeleton" style="width: 85%;"></div>';
-    }
-
-    // Update UI Button States
-    function updateUIButtonStates() {
-      const hasMetadata = currentMetadata !== null;
-
-      if (generatePlaygroundButton) {
-        generatePlaygroundButton.disabled = !hasMetadata;
-      }
-      if (exportDocsButton) {
-        exportDocsButton.disabled = !hasMetadata;
-      }
-      if (generateDocsFrameButton) {
-        generateDocsFrameButton.disabled = !hasMetadata;
-      }
-      if (saveNotesButton) {
-        saveNotesButton.disabled = !hasMetadata;
-      }
-    }
-
-    // Handle Playground Generated
-    function handlePlaygroundGenerated(data) {
-      if (generatePlaygroundButton) {
-        generatePlaygroundButton.disabled = false;
-      }
-      if (data.success) {
-        updateStatus(data.message || 'Playground generated successfully!', 'success');
-        // Switch to playground tab
-        switchTab('playground');
-      } else {
-        updateStatus(`Failed to generate playground: ${data.error}`, 'error');
-      }
-    }
-
-    // Handle Docs Frame Generated
-    function handleDocsFrameGenerated(data) {
-      if (generateDocsFrameButton) {
-        generateDocsFrameButton.disabled = false;
-      }
-      if (data.success) {
-        updateStatus('Documentation frame generated in Figma!', 'success');
-      } else {
-        updateStatus(`Failed to generate docs: ${data.error}`, 'error');
-      }
-    }
-
-    // Handle Batch Selection Update
-    function handleBatchSelectionUpdate(data) {
-      selectedComponents = data.components || [];
-      if (selectedComponents.length > 1) {
-        batchModeToggle.classList.remove('hidden');
-      } else {
-        batchModeToggle.classList.add('hidden');
-        batchMode = false;
-        batchModeSwitch.checked = false;
-      }
-    }
-
-    // Handle Analysis Error
-    function handleAnalysisError(error) {
-      analyzeButton.disabled = false;
-      quickAnalyzeButton.disabled = false;
-      updateStatus(`Error: ${error}`, 'error');
-      analysisResults.classList.add('hidden');
-    }
-
-
-
-    // Handle Fix Accessibility Button Click
-    window.handleFixAccessibility = function(issue) {
-      sendMessageToPlugin('fix-accessibility', {
-        issue: issue,
-        metadata: currentMetadata
-      });
-      updateStatus(`Fixing ${issue}...`, 'info');
-    }
-
-        // Helper function to extract clean suggestion name for display
-    function getCleanSuggestionName(suggestion) {
-      let actualName = suggestion;
-
-      // Handle "renamed to X" format
-      if (suggestion.includes('renamed to ')) {
-        actualName = suggestion.split('renamed to ')[1].trim();
-      }
-      // Handle "should be X" format
-      else if (suggestion.includes('should be ')) {
-        actualName = suggestion.split('should be ')[1].trim();
-      }
-      // Handle "→ X" format
-      else if (suggestion.startsWith('→ ')) {
-        actualName = suggestion.substring(2).trim();
-      }
-
-      // Remove any quotes that might be around the name
-      return actualName.replace(/['"]/g, '').trim();
-    }
-
-    // Handle Fix Naming Button Click
-    window.handleFixNaming = function(layerName, suggestion) {
-      // Parse the actual suggested name from various formats
-      const actualName = getCleanSuggestionName(suggestion);
-
-      sendMessageToPlugin('fix-naming', {
-        layer: layerName,
-        newName: actualName,
-        metadata: currentMetadata
-      });
-      updateStatus(`Renaming ${layerName} to ${actualName}...`, 'info');
-    }
-
-    // Update Analyze Button State
-    function updateAnalyzeButtonState(enabled) {
-      analyzeButton.disabled = !enabled;
-      quickAnalyzeButton.disabled = !enabled;
-    }
-
-    // Update Status Message
-    function updateStatus(message, type = 'info') {
-      statusContainer.classList.remove('hidden');
-      statusText.textContent = message;
-      statusIcon.innerHTML = statusIcons[type] || statusIcons.info;
-
-      statusDiv.classList.remove('status-info', 'status-success', 'status-error', 'status-warning');
-      statusDiv.classList.add(`status-${type}`);
-
-      if (type === 'success') {
-        setTimeout(() => {
-          statusContainer.classList.add('hidden');
-        }, 5000);
-      }
-    }
-
-    // Send Message to Plugin
-    function sendMessageToPlugin(type, data) {
-      console.log('Sending message to plugin:', type, data);
-      try {
-        parent.postMessage({
-          pluginMessage: { type, data }
-        }, '*');
-      } catch (error) {
-        console.error('Failed to send message to plugin:', error);
-      }
-    }
-
-    // Select a specific node in Figma
-    function selectFigmaNode(nodeId) {
-      console.log('[ACTION]Selecting Figma node:', nodeId);
-      sendMessageToPlugin('select-node', { nodeId });
-      updateStatus('Selecting node in Figma...', 'info');
-    }
-
-    // ==================== CHAT FUNCTIONALITY ====================
-
-    // Chat Event Handlers
-    function handleSendChat() {
-      if (isWaitingForResponse) return;
-
-      const message = chatInput.value.trim();
-      if (!message) return;
-
-      // Check API key
-      if (!apiKeySaved) {
-        updateStatus('Please save your Claude API key first', 'error');
-        return;
-      }
-
-      // Add user message to chat
-      addChatMessage('user', message);
-
-      // Clear input and disable
-      chatInput.value = '';
-      chatInput.disabled = true;
-      sendChatButton.disabled = true;
-      isWaitingForResponse = true;
-
-      // Show container and hide empty state
-      chatContainer.classList.remove('hidden');
-      chatEmpty.classList.add('hidden');
-
-      // Show loading state
-      showChatLoading(true);
-
-      // Send to plugin
-      sendMessageToPlugin('chat-message', {
-        message: message,
-        history: chatHistory
-      });
-    }
-
-    function handleClearChat() {
-      if (confirm('Clear chat history?')) {
-        sendMessageToPlugin('chat-clear-history', {});
-      }
-    }
-
-    function handleChatKeydown(event) {
-      if (event.key === 'Enter' && !event.shiftKey) {
-        event.preventDefault();
-        handleSendChat();
-      }
-    }
-
-    function handleChatInputChange() {
-      // Auto-resize textarea
-      chatInput.style.height = 'auto';
-      chatInput.style.height = chatInput.scrollHeight + 'px';
-    }
-
-    // Chat Message Handlers
-    function handleChatResponse(response) {
-      showChatLoading(false);
-
-      if (response && response.message) {
-        addChatMessage('assistant', response.message, response.sources);
-      }
-
-      // Re-enable input
-      chatInput.disabled = false;
-      sendChatButton.disabled = false;
-      isWaitingForResponse = false;
-      chatInput.focus();
-    }
-
-    function handleChatLoading(isLoading) {
-      showChatLoading(isLoading);
-    }
-
-    function handleChatError(error) {
-      showChatLoading(false);
-
-      addChatMessage('assistant', `Sorry, I encountered an error: ${error}`);
-
-      // Re-enable input
-      chatInput.disabled = false;
-      sendChatButton.disabled = false;
-      isWaitingForResponse = false;
-      chatInput.focus();
-    }
-
-    function handleChatHistoryCleared() {
-      chatHistory = [];
-      chatMessages.innerHTML = '';
-      chatContainer.classList.add('hidden');
-      chatEmpty.classList.remove('hidden');
-      updateChatComponentContext();
-      updateStatus('Chat history cleared', 'success');
-    }
-
-    // Handle fix preview response
-    function handleFixPreview(data) {
-      if (!data || data.error) {
-        updateStatus(data?.error || 'Failed to generate preview', 'error');
-        return;
-      }
-
-      let previewHtml = '';
-      let title = 'Confirm Fix';
-
-      if (data.type === 'token') {
-        title = 'Apply Token Fix';
-        previewHtml = `
-          <div class="preview-box">
-            <div class="preview-label">Current Value</div>
-            <div class="preview-value">${escapeHtml(data.beforeValue || 'Unknown')}</div>
-          </div>
-          <div class="preview-arrow">↓</div>
-          <div class="preview-box">
-            <div class="preview-label">Will Apply Token</div>
-            <div class="preview-value">${escapeHtml(data.afterValue || data.tokenName || 'Design Token')}</div>
-          </div>
-          ${data.nodeName ? `<p style="font-size: 11px; color: var(--text-secondary); margin-top: 8px;">On: ${escapeHtml(data.nodeName)}</p>` : ''}
-        `;
-      } else if (data.type === 'naming') {
-        title = 'Rename Layer';
-        previewHtml = `
-          <div class="preview-box">
-            <div class="preview-label">Current Name</div>
-            <div class="preview-value">${escapeHtml(data.beforeValue || 'Unknown')}</div>
-          </div>
-          <div class="preview-arrow">↓</div>
-          <div class="preview-box">
-            <div class="preview-label">New Name</div>
-            <div class="preview-value">${escapeHtml(data.afterValue || data.suggestedName)}</div>
-          </div>
-        `;
-      }
-
-      showFixModal(title, previewHtml, {
-        type: data.type,
-        nodeId: data.nodeId,
-        propertyPath: data.propertyPath,
-        tokenId: data.tokenId,
-        newValue: data.afterValue || data.suggestedName
-      });
-    }
-
-    // Handle fix applied response
-    function handleFixApplied(data) {
-      if (data.success) {
-        updateStatus(`Fix applied: ${data.message || 'Success'}`, 'success');
-        decrementQuickActionsCount(1);
-
-        // Handle naming fix — find by nodeId and disable the Rename button
-        if (data.fixType === 'naming' && data.nodeId) {
-          const btn = document.querySelector(`.audit-action-button[data-node-id="${data.nodeId}"]`);
-          if (btn) {
-            btn.textContent = '\u2713';
-            btn.classList.add('fix-applied');
-            btn.disabled = true;
-            const treeItem = btn.closest('.naming-tree-item');
-            if (treeItem) {
-              treeItem.style.opacity = '0.4';
-              treeItem.classList.add('fix-applied-success');
-              // Update the displayed suggested name to show what was actually applied
-              if (data.newName) {
-                const labelEl = treeItem.querySelector('.audit-label');
-                if (labelEl) {
-                  const codes = labelEl.querySelectorAll('code');
-                  if (codes.length >= 2) {
-                    codes[1].textContent = data.newName;
-                  }
-                }
-              }
-            }
-          }
-          // Decrement naming issues count in summary bar
-          const namingSummary = document.querySelector('.naming-tree-summary > span');
-          if (namingSummary) {
-            const match = namingSummary.textContent.match(/(\d+)/);
-            if (match) {
-              const remaining = Math.max(0, parseInt(match[1], 10) - 1);
-              namingSummary.textContent = remaining > 0
-                ? `${remaining} naming issue${remaining !== 1 ? 's' : ''} found`
-                : 'All naming issues fixed';
-            }
-          }
-          // Decrement severity count badges inside summary
-          const sevCounts = document.querySelectorAll('.naming-tree-summary .sev-count');
-          if (sevCounts.length > 0) {
-            // First sev-count is errors (most common for naming issues)
-            const firstCount = sevCounts[0];
-            const countMatch = firstCount.textContent.match(/(\d+)/);
-            if (countMatch) {
-              const remaining = Math.max(0, parseInt(countMatch[1], 10) - 1);
-              if (remaining > 0) {
-                firstCount.textContent = firstCount.textContent.replace(/\d+/, remaining.toString());
-              } else {
-                firstCount.remove();
-              }
-            }
-          }
-        }
-
-        // Handle token fix — find the Fix button by nodeId and disable it
-        if (data.fixType === 'token' && data.nodeId) {
-          // Find fix-btn inside token-item-compact that matches this nodeId
-          const fixBtns = document.querySelectorAll(`.fix-btn[data-node-id="${data.nodeId}"]`);
-          fixBtns.forEach(btn => {
-            btn.textContent = '\u2713';
-            btn.classList.add('fix-applied');
-            btn.disabled = true;
-            const tokenItem = btn.closest('.token-item-compact');
-            if (tokenItem) {
-              // Flash animation then transition to persistent green fixed state
-              tokenItem.classList.remove('warning', 'token-item-selected');
-              tokenItem.classList.add('token-item-fixed');
-              tokenItem.classList.add('fix-applied-success');
-              tokenItem.addEventListener('animationend', () => {
-                tokenItem.classList.remove('fix-applied-success');
-              }, { once: true });
-            }
-          });
-
-          // Update the batch token fix bar count
-          const batchBar = document.querySelector('.batch-action-bar .batch-label');
-          if (batchBar) {
-            const match = batchBar.textContent.match(/(\d+)/);
-            if (match) {
-              const remaining = Math.max(0, parseInt(match[1], 10) - 1);
-              if (remaining > 0) {
-                batchBar.innerHTML = `${ICO.warnTriangle} ${remaining} hard-coded value${remaining !== 1 ? 's' : ''} found`;
-              } else {
-                const bar = batchBar.closest('.batch-action-bar');
-                if (bar) {
-                  bar.innerHTML = '<span class="batch-label" style="color: var(--success);">\u2713 All hard-coded values fixed</span>';
-                }
-              }
-            }
-          }
-        }
-
-      } else {
-        updateStatus(`Failed to apply fix: ${data.error || 'Unknown error'}`, 'error');
-      }
-    }
-
-    // Update the fix summary bar with remaining fixable count
-    function updateFixSummaryCount() {
-      const bar = document.getElementById('fix-summary-bar');
-      if (!bar) return;
-
-      const countEl = bar.querySelector('strong');
-      if (countEl && quickActionsFixCount > 0) {
-        countEl.textContent = `${quickActionsFixCount} fixable issue${quickActionsFixCount !== 1 ? 's' : ''}`;
-      }
-
-      // Show completion message when all fixed (only once)
-      if (quickActionsFixCount === 0) {
-        let statusMsg = bar.querySelector('.fix-status-msg');
-        if (!statusMsg) {
-          statusMsg = document.createElement('span');
-          statusMsg.className = 'fix-status-msg';
-          statusMsg.style.cssText = 'font-size:var(--font-size-xs);color:var(--success-text);font-weight:var(--font-weight-medium);white-space:nowrap;';
-          statusMsg.textContent = 'All fixed \u2014 Re-analyze to verify';
-          bar.appendChild(statusMsg);
-        }
-        // Hide the Fix All button
-        const fixAllBtn = bar.querySelector('.quick-actions-btn');
-        if (fixAllBtn) fixAllBtn.style.display = 'none';
-      }
-    }
-
-    // Handle batch fix response
-    function handleBatchFixApplied(data) {
-      const successCount = data.success || data.appliedCount || 0;
-      const errorCount = data.errors || data.failedCount || 0;
-      const total = data.total || (successCount + errorCount);
-
-      if (errorCount === 0) {
-        updateStatus(`All ${successCount} fixes applied successfully! Re-analyze to see updated results.`, 'success');
-      } else if (successCount > 0) {
-        updateStatus(`Applied ${successCount}/${total} fixes (${errorCount} failed). Re-analyze to see updated results.`, 'warning');
-      } else {
-        updateStatus(`Failed to apply ${errorCount} fix${errorCount !== 1 ? 'es' : ''}`, 'error');
-      }
-
-      // Update quick actions count
-      decrementQuickActionsCount(successCount);
-
-      // Mark successfully fixed items in the UI (both naming and token)
-      if (data.results && data.results.length > 0) {
-        let namingSuccessCount = 0;
-        data.results.forEach(result => {
-          if (result.success && result.nodeId) {
-            // Try naming tree items first
-            const namingBtn = document.querySelector(`.audit-action-button[data-node-id="${result.nodeId}"]`);
-            if (namingBtn) {
-              namingBtn.textContent = '\u2713';
-              namingBtn.classList.add('fix-applied');
-              namingBtn.disabled = true;
-              const treeItem = namingBtn.closest('.naming-tree-item');
-              if (treeItem) {
-                treeItem.style.opacity = '0.4';
-                treeItem.classList.add('fix-applied-success');
-                // Update displayed name to show what was actually applied
-                if (result.newName) {
-                  const labelEl = treeItem.querySelector('.audit-label');
-                  if (labelEl) {
-                    const codes = labelEl.querySelectorAll('code');
-                    if (codes.length >= 2) {
-                      codes[1].textContent = result.newName;
-                    }
-                  }
-                }
-              }
-              namingSuccessCount++;
-            }
-
-            // Also update token fix buttons
-            const tokenBtns = document.querySelectorAll(`.fix-btn[data-node-id="${result.nodeId}"]`);
-            tokenBtns.forEach(btn => {
-              btn.textContent = '\u2713';
-              btn.classList.add('fix-applied');
-              btn.disabled = true;
-              const tokenItem = btn.closest('.token-item-compact');
-              if (tokenItem) {
-                tokenItem.classList.remove('warning', 'token-item-selected');
-                tokenItem.classList.add('token-item-fixed');
-                tokenItem.classList.add('fix-applied-success');
-                tokenItem.addEventListener('animationend', () => {
-                  tokenItem.classList.remove('fix-applied-success');
-                }, { once: true });
-              }
-            });
-          }
-        });
-
-        // Update naming summary count
-        if (namingSuccessCount > 0) {
-          const namingSummary = document.querySelector('.naming-tree-summary > span');
-          if (namingSummary) {
-            const match = namingSummary.textContent.match(/(\d+)/);
-            if (match) {
-              const remaining = Math.max(0, parseInt(match[1], 10) - namingSuccessCount);
-              namingSummary.textContent = remaining > 0
-                ? `${remaining} naming issue${remaining !== 1 ? 's' : ''} found`
-                : 'All naming issues fixed';
-            }
-          }
-          // Hide severity badges and Rename All button when all done
-          const renameAllBtn = document.getElementById('rename-all-btn');
-          const namingSummaryEl = document.querySelector('.naming-tree-summary > span');
-          if (namingSummaryEl && namingSummaryEl.textContent === 'All naming issues fixed') {
-            const sevCounts = document.querySelector('.naming-tree-summary .severity-counts');
-            if (sevCounts) sevCounts.style.display = 'none';
-            if (renameAllBtn) {
-              renameAllBtn.textContent = '\u2713 Done';
-              renameAllBtn.disabled = true;
-              renameAllBtn.classList.add('fix-applied');
-            }
-          }
-        }
-      }
-
-      // Disable section-level "Fix All" buttons if all items in that section are fixed
-      ['section-colors', 'section-stroke-weight', 'section-border-radius', 'section-spacing'].forEach(sectionId => {
-        const section = document.getElementById(sectionId);
-        if (!section) return;
-        const remainingWarnings = section.querySelectorAll('.token-item-compact.warning');
-        if (remainingWarnings.length === 0) {
-          const sectionFixAll = section.querySelector('.fix-btn');
-          if (sectionFixAll && !sectionFixAll.closest('.token-item-compact')) {
-            sectionFixAll.textContent = '\u2713 Done';
-            sectionFixAll.disabled = true;
-            sectionFixAll.classList.add('fix-applied');
-          }
-        }
-      });
-
-      // Update the batch token fix bar count
-      if (successCount > 0) {
-        const batchBar = document.querySelector('.batch-action-bar .batch-label');
-        if (batchBar) {
-          const match = batchBar.textContent.match(/(\d+)/);
-          if (match) {
-            const remaining = Math.max(0, parseInt(match[1], 10) - successCount);
-            if (remaining > 0) {
-              batchBar.innerHTML = `${ICO.warnTriangle} ${remaining} hard-coded value${remaining !== 1 ? 's' : ''} found`;
-            } else {
-              const bar = batchBar.closest('.batch-action-bar');
-              if (bar) {
-                bar.innerHTML = '<span class="batch-label" style="color: var(--success);">\u2713 All hard-coded values fixed</span>';
-              }
-            }
-          }
-        }
-      }
-
-      // Disable the Fix All button in the fix-summary-bar (not the Rename All button)
-      const fixAllBtn = document.querySelector('#fix-summary-bar .quick-actions-btn');
-      if (fixAllBtn && successCount > 0) {
-        fixAllBtn.textContent = '\u2713 Applied';
-        fixAllBtn.disabled = true;
-        fixAllBtn.classList.add('fix-applied');
-      }
-    }
-
-    // =============================================
-    // Auto-Fix UI Functions (Phases 2-8)
-    // =============================================
-
-    // Phase 2: Compute fixable issue counts from analysis data
-    // Only naming issues are truly auto-fixable. Token hard-coded values and
-    // accessibility failures require manual intervention.
-    function computeFixableCounts(data) {
-      const counts = { tokens: 0, naming: 0, accessibility: 0, total: 0 };
-
-      // Count naming issues (auto-fixable via rename)
-      if (data.namingIssues && data.namingIssues.length > 0) {
-        counts.naming = data.namingIssues.length;
-      }
-
-      counts.total = counts.naming;
-      return counts;
-    }
-
-    // Design Review Rendering (CodeRabbit-style)
-    function renderDesignReview(review) {
-      const panel = document.getElementById('design-review-panel');
-      if (!panel) return;
-      panel.style.display = 'block';
-
-      const verdictColors = {
-        pass: { bg: 'var(--success-bg)', border: 'var(--success)', text: 'var(--success-text)', label: 'PASSED' },
-        warn: { bg: 'var(--warning-bg)', border: 'var(--warning)', text: 'var(--warning-text)', label: 'NEEDS WORK' },
-        fail: { bg: 'var(--error-bg)', border: 'var(--error)', text: 'var(--error-text)', label: 'ISSUES FOUND' },
-      };
-      const v = verdictColors[review.verdict] || verdictColors.warn;
-
-      const severityMeta = {
-        critical: { icon: '!!', color: 'var(--error)', bg: 'var(--error-bg)' },
-        warning: { icon: '!', color: 'var(--warning-text)', bg: 'var(--warning-bg)' },
-        info: { icon: 'i', color: 'var(--info-text)', bg: 'var(--info-bg)' },
-        suggestion: { icon: '+', color: 'var(--interactive)', bg: 'var(--interactive-light)' },
-      };
-
-      let findingsHtml = '';
-      // Group findings by severity
-      const grouped = { critical: [], warning: [], info: [], suggestion: [] };
-      (review.findings || []).forEach(f => {
-        if (grouped[f.severity]) grouped[f.severity].push(f);
-        else grouped.info.push(f);
-      });
-
-      for (const [severity, items] of Object.entries(grouped)) {
-        if (items.length === 0) continue;
-        const meta = severityMeta[severity];
-        items.forEach(f => {
-          findingsHtml += `
-            <div style="display: flex; gap: var(--spacing-03); padding: var(--spacing-03) 0; border-bottom: 1px solid var(--border);" ${f.nodeId ? `onclick="selectFigmaNode('${f.nodeId}')" style="cursor: pointer;"` : ''}>
-              <span style="display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: ${meta.bg}; color: ${meta.color}; font-size: 10px; font-weight: 700; flex-shrink: 0; margin-top: 1px;">${meta.icon}</span>
-              <div style="flex: 1; min-width: 0;">
-                <div style="font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--text-primary);">
-                  ${escapeHtml(f.title)}
-                  ${f.autoFixable ? '<span style="font-size: 9px; padding: 1px 5px; background: var(--interactive-light); color: var(--interactive); border-radius: 8px; margin-left: 4px;">auto-fixable</span>' : ''}
-                </div>
-                <div style="font-size: 10px; color: var(--text-secondary); margin-top: 2px;">${escapeHtml(f.description)}</div>
-                <span style="font-size: 9px; color: var(--text-tertiary);">${escapeHtml(f.category)}</span>
-              </div>
-            </div>`;
-        });
-      }
-
-      let nextStepsHtml = '';
-      if (review.nextSteps && review.nextSteps.length > 0) {
-        nextStepsHtml = `
-          <div style="margin-top: var(--spacing-04); padding: var(--spacing-04); background: var(--interactive-light); border-radius: var(--radius-md);">
-            <div style="font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--interactive); margin-bottom: var(--spacing-02);">Next Steps</div>
-            <ol style="margin: 0; padding-left: 18px; font-size: var(--font-size-xs); color: var(--text-primary); line-height: 1.6;">
-              ${review.nextSteps.map(s => `<li>${escapeHtml(s)}</li>`).join('')}
-            </ol>
-          </div>`;
-      }
-
-      const totalFindings = (review.findings || []).length;
-      const criticalCount = grouped.critical.length;
-      const warningCount = grouped.warning.length;
-
-      panel.innerHTML = `
-        <div style="margin: var(--spacing-04); border: 1px solid ${v.border}; border-radius: var(--radius-lg); overflow: hidden;">
-          <div style="padding: var(--spacing-04) var(--spacing-05); background: ${v.bg}; display: flex; align-items: center; gap: var(--spacing-03); cursor: pointer;" onclick="toggleDesignReviewBody()">
-            <span style="font-size: var(--font-size-xs); font-weight: 700; color: ${v.text}; background: ${v.border}; color: white; padding: 2px 8px; border-radius: 10px;">${v.label}</span>
-            <span style="font-size: var(--font-size-sm); color: ${v.text}; flex: 1;">${escapeHtml(review.headline)}</span>
-            <span style="font-size: var(--font-size-xs); color: ${v.text};" id="design-review-toggle-icon">▼</span>
-          </div>
-          <div id="design-review-body" style="padding: 0 var(--spacing-05); background: var(--surface);">
-            ${totalFindings > 0 ? `
-              <div style="padding: var(--spacing-03) 0; font-size: var(--font-size-xs); color: var(--text-secondary); border-bottom: 1px solid var(--border);">
-                ${criticalCount > 0 ? `<span style="color: var(--error-text); margin-right: 12px;">${criticalCount} critical</span>` : ''}
-                ${warningCount > 0 ? `<span style="color: var(--warning-text); margin-right: 12px;">${warningCount} warning${warningCount > 1 ? 's' : ''}</span>` : ''}
-                ${grouped.info.length > 0 ? `<span style="color: var(--info-text); margin-right: 12px;">${grouped.info.length} info</span>` : ''}
-                ${grouped.suggestion.length > 0 ? `<span style="color: var(--interactive);">${grouped.suggestion.length} suggestion${grouped.suggestion.length > 1 ? 's' : ''}</span>` : ''}
-              </div>
-              ${findingsHtml}
-            ` : '<div style="padding: var(--spacing-04); text-align: center; color: var(--success-text); font-size: var(--font-size-xs);">No issues found — great job!</div>'}
-            ${nextStepsHtml}
-            <div style="height: var(--spacing-04);"></div>
-          </div>
-        </div>`;
-    }
-
-    function toggleDesignReviewBody() {
-      const body = document.getElementById('design-review-body');
-      const icon = document.getElementById('design-review-toggle-icon');
-      if (!body) return;
-      if (body.style.display === 'none') {
-        body.style.display = 'block';
-        if (icon) icon.textContent = '▼';
-      } else {
-        body.style.display = 'none';
-        if (icon) icon.textContent = '▶';
-      }
-    }
-
-    // Phase 2: Render Quick Actions bar at top of analysis results
-    function renderQuickActionsBar(counts) {
-      if (counts.total === 0) return '';
-
-      quickActionsFixCount = counts.total;
-
-      return `
-        <div class="fix-summary-bar" id="fix-summary-bar">
-          <div class="fix-summary-stats">
-            <strong>${counts.total} fixable issue${counts.total !== 1 ? 's' : ''}</strong>
-            <span class="stat-chip">${counts.naming} naming</span>
-          </div>
-          <button class="quick-actions-btn" onclick="handleRenameAll()">Rename All</button>
-        </div>
-      `;
-    }
-
-    // Handle "Rename All" from Quick Actions bar and naming tree summary
-    function handleRenameAll() {
-      if (!currentNamingIssues || currentNamingIssues.length === 0) {
-        updateStatus('No naming issues to fix', 'info');
-        return;
-      }
-
-      // Only collect issues that haven't been fixed yet
-      const unfixedIssues = currentNamingIssues.filter(issue => {
-        const btn = document.querySelector(`.audit-action-button[data-node-id="${issue.nodeId}"]`);
-        return !btn || !btn.disabled;
-      });
-
-      if (unfixedIssues.length === 0) {
-        updateStatus('All naming issues already fixed', 'info');
-        return;
-      }
-
-      // Group issues by suggested name for cleaner editing
-      const groups = {};
-      unfixedIssues.forEach(issue => {
-        const key = issue.suggestedName;
-        if (!groups[key]) groups[key] = [];
-        groups[key].push(issue);
-      });
-
-      const groupKeys = Object.keys(groups);
-
-      let previewHtml = `
-        <div style="margin-bottom: 12px;">
-          <p style="font-size: 12px; margin-bottom: 10px;">This will rename <strong>${unfixedIssues.length}</strong> layer${unfixedIssues.length !== 1 ? 's' : ''} to semantic names.</p>
-          <div style="max-height: 260px; overflow-y: auto;">
-      `;
-
-      groupKeys.forEach((suggestedName, idx) => {
-        const issues = groups[suggestedName];
-        const currentNames = [...new Set(issues.map(i => i.currentName))];
-        previewHtml += `
-            <div class="rename-group" style="background: var(--surface); border-radius: var(--radius-md); padding: 10px 12px; margin-bottom: 8px;">
-              <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;">
-                <span style="font-size: 10px; font-weight: 600; color: var(--text-tertiary); text-transform: uppercase;">${escapeHtml(currentNames.join(', '))} — ${issues.length} layer${issues.length !== 1 ? 's' : ''}</span>
-              </div>
-              <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
-                <span style="font-size: 11px; opacity: 0.6;">${escapeHtml(currentNames[0])}</span>
-                <span style="color: var(--primary); font-weight: 600;">→</span>
-                <input type="text"
-                  class="rename-input"
-                  data-rename-group="${idx}"
-                  value="${escapeHtml(suggestedName)}"
-                  style="flex: 1; min-width: 0;">
-              </div>
-              <div style="font-size: 10px; color: var(--text-tertiary); line-height: 1.5;">
-                ${issues.map(issue => {
-                  const path = issue.path || '';
-                  const shortPath = path.split(' > ').slice(-3).join(' > ');
-                  return `<div style="padding: 1px 0;">· ${escapeHtml(shortPath)}</div>`;
-                }).join('')}
-              </div>
-            </div>
-        `;
-      });
-
-      previewHtml += `
-          </div>
-        </div>
-      `;
-
-      // Build fixes array with group index metadata for reading edited values on confirm
-      const fixes = [];
-      groupKeys.forEach((suggestedName, idx) => {
-        groups[suggestedName].forEach(issue => {
-          fixes.push({
-            type: 'naming',
-            nodeId: issue.nodeId,
-            newValue: suggestedName,
-            _groupIdx: idx
-          });
-        });
-      });
-
-      showFixModal('Rename All Layers', previewHtml, {
-        type: 'batch',
-        fixes: fixes
-      });
-    }
-
-    // Compute Jaccard word-overlap similarity between two strings (0–1)
-    function computeDescriptionSimilarity(a, b) {
-      if (!a || !b) return 0;
-      const wordsA = new Set(a.toLowerCase().split(/\s+/).filter(w => w.length > 2));
-      const wordsB = new Set(b.toLowerCase().split(/\s+/).filter(w => w.length > 2));
-      if (wordsA.size === 0 && wordsB.size === 0) return 1;
-      if (wordsA.size === 0 || wordsB.size === 0) return 0;
-      let intersection = 0;
-      for (const w of wordsA) { if (wordsB.has(w)) intersection++; }
-      return intersection / (wordsA.size + wordsB.size - intersection);
-    }
-
-    // Handle update description — with comparison when existing description differs
-    function handleUpdateDescription() {
-      if (!lastAnalyzedNodeId || !currentMetadata) {
-        updateStatus('No component analyzed yet', 'info');
-        return;
-      }
-
-      const aiDesc = currentMetadata.description || '';
-      const hasExisting = currentExistingDescription && currentExistingDescription.trim().length > 0;
-      const modalTitle = hasExisting ? 'Compare & Update Description' : 'Set Component Description';
-
-      let previewHtml = '<div style="margin-bottom: 12px;">';
-
-      if (hasExisting) {
-        // Show existing Figma description (read-only) stacked above
-        previewHtml += `
-          <div style="margin-bottom: 10px;">
-            <div class="description-existing-label">Current Figma Description</div>
-            <div class="description-scroll-area" style="background: var(--surface-secondary); opacity: 0.85;">${escapeHtml(currentExistingDescription)}</div>
-          </div>
-        `;
-      } else {
-        previewHtml += `<p style="font-size: 11px; color: var(--text-tertiary); margin-bottom: 8px;">No description currently set in Figma.</p>`;
-      }
-
-      // Editable AI-generated description
-      previewHtml += `
-        <div>
-          <div class="description-existing-label">AI-Generated Description</div>
-          <textarea id="description-textarea" style="
-            width: 100%;
-            min-height: 100px;
-            padding: 8px;
-            font-size: 12px;
-            border: 1px solid var(--border);
-            border-radius: var(--radius-sm);
-            resize: vertical;
-            font-family: inherit;
-            box-sizing: border-box;
-            line-height: 1.5;
-          ">${escapeHtml(aiDesc)}</textarea>
-          <p style="font-size: 10px; color: var(--text-tertiary); margin-top: 4px;">Edit if needed, then click Apply to update the component description in Figma.</p>
-        </div>
-      `;
-
-      previewHtml += '</div>';
-
-      showFixModal(modalTitle, previewHtml, {
-        type: 'description',
-        nodeId: lastAnalyzedNodeId,
-        description: aiDesc
-      });
-    }
-
-    // Store recommendations globally for copy access
-    let _currentRecommendations = [];
-
-    // Phase 6: Copy property recommendation by index
-    function copyRecommendationByIndex(index) {
-      const rec = _currentRecommendations[index];
-      if (!rec) {
-        updateStatus('Recommendation not found', 'error');
-        return;
-      }
-      const text = `${rec.name} (${rec.type}): ${(rec.examples || []).join(', ')}`;
-      copyToClipboard(text, `[data-rec-index="${index}"]`);
-    }
-
-    // Clipboard helper with fallback for Figma plugin iframe
-    function copyToClipboard(text, btnSelector) {
-      const showSuccess = () => {
-        const btn = document.querySelector(`.copy-btn${btnSelector || ''}`);
-        if (btn) {
-          btn.classList.add('copied');
-          const origHTML = btn.innerHTML;
-          btn.innerHTML = '<svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"/></svg>';
-          setTimeout(() => {
-            btn.classList.remove('copied');
-            btn.innerHTML = origHTML;
-          }, 2000);
-        }
-        updateStatus('Copied to clipboard', 'success');
-      };
-
-      // Try modern API first, fall back to execCommand
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        navigator.clipboard.writeText(text).then(showSuccess).catch(() => {
-          fallbackCopy(text, showSuccess);
-        });
-      } else {
-        fallbackCopy(text, showSuccess);
-      }
-    }
-
-    function fallbackCopy(text, onSuccess) {
-      const ta = document.createElement('textarea');
-      ta.value = text;
-      ta.style.cssText = 'position:fixed;left:-9999px;top:-9999px';
-      document.body.appendChild(ta);
-      ta.select();
-      try {
-        document.execCommand('copy');
-        if (onSuccess) onSuccess();
-      } catch (e) {
-        updateStatus('Failed to copy to clipboard', 'error');
-      }
-      document.body.removeChild(ta);
-    }
-
-    // Phase 8: Handle description updated response
-    function handleDescriptionUpdated(data) {
-      if (data.success) {
-        updateStatus('Component description updated!', 'success');
-        // Update local metadata
-        if (currentMetadata) {
-          currentMetadata.description = data.newDescription;
-        }
-      } else {
-        updateStatus(`Failed to update description: ${data.error || 'Unknown error'}`, 'error');
-      }
-    }
-
-
-    // Phase 8: Update quick actions count after fix
-    function decrementQuickActionsCount(amount) {
-      quickActionsFixCount = Math.max(0, quickActionsFixCount - (amount || 1));
-      updateFixSummaryCount();
-    }
-
-    // Chat UI Functions
-    function addChatMessage(role, content, sources = null) {
-      const messageId = 'msg-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);
-
-      const message = {
-        id: messageId,
-        role: role,
-        content: content,
-        timestamp: Date.now(),
-        sources: sources
-      };
-
-      chatHistory.push(message);
-
-      const messageDiv = document.createElement('div');
-      messageDiv.className = `chat-message ${role}`;
-      messageDiv.dataset.messageId = messageId;
-
-      let messageHTML = `
-        <div class="chat-message-content">${formatChatContent(content)}</div>
-        <div class="chat-message-meta">
-          <span>${formatTimestamp(message.timestamp)}</span>
-        </div>
-      `;
-
-      // Add sources if available
-      if (sources && sources.length > 0) {
-        // Filter out empty or duplicate sources
-        const validSources = sources.filter(source =>
-          source &&
-          source.title &&
-          source.content &&
-          source.title.trim() !== '' &&
-          source.content.trim() !== ''
-        );
-
-        // Remove duplicates based on title
-        const uniqueSources = validSources.filter((source, index, arr) =>
-          arr.findIndex(s => s.title === source.title) === index
-        );
-
-        if (uniqueSources.length > 0) {
-          messageHTML += `
-            <div class="chat-sources">
-              <div class="chat-sources-title">
-                Sources
-              </div>
-              ${uniqueSources.map(source => `
-                <div class="chat-source">
-                  <div class="chat-source-title">${source.title}</div>
-                  <div class="chat-source-content">${source.content.substring(0, 150)}${source.content.length > 150 ? '...' : ''}</div>
-                </div>
-              `).join('')}
-            </div>
-          `;
-        }
-      }
-
-      messageDiv.innerHTML = messageHTML;
-      chatMessages.appendChild(messageDiv);
-
-      // User messages: scroll to bottom so they see their sent message
-      // Assistant messages: scroll to the top of the new message so they can read from the start
-      if (role === 'user') {
-        chatMessages.scrollTop = chatMessages.scrollHeight;
-      } else {
-        messageDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      }
-    }
-
-    function showChatLoading(isLoading) {
-      // Always remove existing loading indicator first
-      const existingLoading = document.getElementById('chat-loading');
-      if (existingLoading) {
-        existingLoading.remove();
-      }
-
-      if (isLoading) {
-        const loadingDiv = document.createElement('div');
-        loadingDiv.className = 'chat-message assistant';
-        loadingDiv.id = 'chat-loading';
-        loadingDiv.innerHTML = `
-          <div class="chat-message-content">
-            <div class="loading-dots">
-              <span></span>
-              <span></span>
-              <span></span>
-            </div>
-          </div>
-        `;
-        chatMessages.appendChild(loadingDiv);
-        chatMessages.scrollTop = chatMessages.scrollHeight;
-      }
-    }
-
-    function formatChatContent(content) {
-      // Robust markdown-to-HTML converter for chat messages
-      const lines = content.split('\n');
-      const htmlLines = [];
-      let currentBlock = null;      // 'paragraph' | 'ol' | 'ul' | 'code'
-      let currentBlockContent = [];
-      let codeLanguage = '';
-
-      const closeCurrentBlock = () => {
-        if (currentBlock === 'paragraph' && currentBlockContent.length > 0) {
-          htmlLines.push(`<p>${currentBlockContent.join(' ')}</p>`);
-        } else if (currentBlock === 'ol') {
-          htmlLines.push('</ol>');
-        } else if (currentBlock === 'ul') {
-          htmlLines.push('</ul>');
-        } else if (currentBlock === 'code') {
-          htmlLines.push(`<pre><code>${currentBlockContent.join('\n')}</code></pre>`);
-        }
-        currentBlock = null;
-        currentBlockContent = [];
-        codeLanguage = '';
-      };
-
-      function processInlineMarkdown(text) {
-        return text
-          .replace(/`([^`]+)`/g, '<code>$1</code>')
-          .replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
-          .replace(/(\s|^)\*([^*\s][^*]*)\*(\s|$)/g, '$1<em>$2</em>$3');
-      }
-
-      function escapeCodeHtml(text) {
-        return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-      }
-
-      for (let i = 0; i < lines.length; i++) {
-        const line = lines[i];
-        const trimmedLine = line.trim();
-
-        // Fenced code blocks
-        if (trimmedLine.startsWith('```')) {
-          if (currentBlock === 'code') {
-            closeCurrentBlock();
-          } else {
-            closeCurrentBlock();
-            currentBlock = 'code';
-            codeLanguage = trimmedLine.slice(3).trim();
-            currentBlockContent = [];
-          }
-          continue;
-        }
-        if (currentBlock === 'code') {
-          currentBlockContent.push(escapeCodeHtml(line));
-          continue;
-        }
-
-        // Empty line — close current block
-        if (trimmedLine === '') {
-          closeCurrentBlock();
-          continue;
-        }
-
-        // Horizontal rule
-        if (/^[-*_]{3,}$/.test(trimmedLine)) {
-          closeCurrentBlock();
-          htmlLines.push('<hr>');
-          continue;
-        }
-
-        // Headers
-        const headerMatch = line.match(/^(#{1,6})\s+(.+)$/);
-        if (headerMatch) {
-          closeCurrentBlock();
-          const level = Math.min(headerMatch[1].length + 1, 6);
-          htmlLines.push(`<h${level}>${processInlineMarkdown(headerMatch[2])}</h${level}>`);
-          continue;
-        }
-
-        // Ordered list item (any indent level)
-        const orderedMatch = line.match(/^(\s*)(\d+)[.)]\s+(.+)$/);
-        if (orderedMatch) {
-          const itemContent = orderedMatch[3];
-          const indent = orderedMatch[1].length;
-
-          if (currentBlock === 'ol') {
-            // Continue existing ordered list
-            htmlLines.push(`<li>${processInlineMarkdown(itemContent)}</li>`);
-          } else {
-            closeCurrentBlock();
-            htmlLines.push('<ol>');
-            currentBlock = 'ol';
-            htmlLines.push(`<li>${processInlineMarkdown(itemContent)}</li>`);
-          }
-          continue;
-        }
-
-        // Unordered list item: -, *, or + at any indent level
-        const unorderedMatch = line.match(/^(\s*)[-*+]\s+(.+)$/);
-        if (unorderedMatch) {
-          const itemContent = unorderedMatch[2];
-
-          if (currentBlock === 'ul') {
-            // Continue existing unordered list
-            htmlLines.push(`<li>${processInlineMarkdown(itemContent)}</li>`);
-          } else {
-            closeCurrentBlock();
-            htmlLines.push('<ul>');
-            currentBlock = 'ul';
-            htmlLines.push(`<li>${processInlineMarkdown(itemContent)}</li>`);
-          }
-          continue;
-        }
-
-        // Regular paragraph text
-        if (currentBlock !== 'paragraph') {
-          closeCurrentBlock();
-          currentBlock = 'paragraph';
-        }
-        currentBlockContent.push(processInlineMarkdown(trimmedLine));
-      }
-
-      closeCurrentBlock();
-
-      return '<div class="chat-article">' + htmlLines.join('\n') + '</div>';
-    }
-
-    function formatTimestamp(timestamp) {
-      const date = new Date(timestamp);
-      return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-    }
-
-    // Update chat input state based on API key
-    function updateChatInputState() {
-      if (chatInput && sendChatButton) {
-        chatInput.disabled = !apiKeySaved;
-        sendChatButton.disabled = !apiKeySaved;
-
-        if (apiKeySaved) {
-          chatInput.placeholder = "Ask about design systems, components, tokens, or best practices...";
-        } else {
-          chatInput.placeholder = "Save your Claude API key first to start chatting...";
-        }
-      }
-    }
-
-    // Update chat component context display
-    function updateChatComponentContext() {
-      const contextIndicator = document.getElementById('component-context-indicator');
-      const componentInfo = document.getElementById('current-component-info');
-      const chatSuggestions = document.getElementById('chat-suggestions');
-
-      if (!contextIndicator || !componentInfo || !chatSuggestions) return;
-
-      // Check if we have current component metadata
-      const hasComponent = currentMetadata !== null;
-
-      if (hasComponent && currentMetadata) {
-        // Show component context
-        contextIndicator.classList.remove('hidden');
-        componentInfo.innerHTML = `Currently analyzing: <strong>${currentMetadata.component}</strong>`;
-
-        // Update suggestions for component-specific questions
-        chatSuggestions.innerHTML = `
-          <button class="chat-suggestion" onclick="sendChatSuggestion('What issues does this component have?')">Issues</button>
-          <button class="chat-suggestion" onclick="sendChatSuggestion('How can I improve this component?')">Improvements</button>
-          <button class="chat-suggestion" onclick="sendChatSuggestion('What design tokens should I use?')">Tokens</button>
-          <button class="chat-suggestion" onclick="sendChatSuggestion('Is this component accessible?')">Accessibility</button>
-        `;
-      } else {
-        // Hide component context and show general suggestions
-        contextIndicator.classList.add('hidden');
-        chatSuggestions.innerHTML = `
-          <button class="chat-suggestion" onclick="sendChatSuggestion('What are design system best practices?')">Best Practices</button>
-          <button class="chat-suggestion" onclick="sendChatSuggestion('How do I organize design tokens?')">Tokens</button>
-          <button class="chat-suggestion" onclick="sendChatSuggestion('What makes a good component API?')">Components</button>
-          <button class="chat-suggestion" onclick="sendChatSuggestion('How do I ensure accessibility?')">Accessibility</button>
-        `;
-      }
-    }
-
-    // Send chat suggestion
-    window.sendChatSuggestion = function(suggestion) {
-      if (chatInput) {
-        chatInput.value = suggestion;
-        handleSendChat();
-      }
-    };
-
-    // ──────────────────────────────────────────────
-    // Design Lint Functions (deterministic, no AI)
-    // ──────────────────────────────────────────────
-
-    let lastLintResult = null;
-
-    function runDesignLint() {
-      const btn = document.getElementById('run-lint-btn');
-      if (btn) { btn.disabled = true; btn.textContent = 'Scanning...'; }
-      const settings = getLintSettings();
-      parent.postMessage({ pluginMessage: { type: 'run-design-lint', data: { settings } } }, '*');
-    }
-
-    function getLintSettings() {
-      return {
-        checkFills: document.getElementById('lint-check-fills')?.checked ?? true,
-        checkStrokes: document.getElementById('lint-check-strokes')?.checked ?? true,
-        checkEffects: document.getElementById('lint-check-effects')?.checked ?? true,
-        checkTextStyles: document.getElementById('lint-check-text')?.checked ?? true,
-        checkRadius: document.getElementById('lint-check-radius')?.checked ?? true,
-        skipLockedLayers: document.getElementById('lint-skip-locked')?.checked ?? true,
-        skipHiddenLayers: document.getElementById('lint-skip-hidden')?.checked ?? true,
-        allowedRadii: (document.getElementById('lint-allowed-radii')?.value || '0,2,4,8,12,16,24,32')
-          .split(',').map(s => parseInt(s.trim())).filter(n => !isNaN(n)),
-      };
-    }
-
-    function updateLintSettings() {
-      const settings = getLintSettings();
-      parent.postMessage({ pluginMessage: { type: 'lint-save-settings', data: { settings } } }, '*');
-    }
-
-    function toggleLintSettings() {
-      const panel = document.getElementById('lint-settings-panel');
-      if (panel) panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
-    }
-
-    function clearLintIgnored() {
-      parent.postMessage({ pluginMessage: { type: 'lint-clear-ignored' } }, '*');
-    }
-
-    function handleDesignLintResult(result) {
-      lastLintResult = result;
-      const btn = document.getElementById('run-lint-btn');
-      if (btn) { btn.disabled = false; btn.textContent = 'Run Lint'; }
-
-      renderLintSummary(result.summary);
-      renderLintErrors(result.errors);
-    }
-
-    function handleLintSettingsLoaded(settings) {
-      if (!settings) return;
-      const map = {
-        'lint-check-fills': settings.checkFills,
-        'lint-check-strokes': settings.checkStrokes,
-        'lint-check-effects': settings.checkEffects,
-        'lint-check-text': settings.checkTextStyles,
-        'lint-check-radius': settings.checkRadius,
-        'lint-skip-locked': settings.skipLockedLayers,
-        'lint-skip-hidden': settings.skipHiddenLayers,
-      };
-      for (const [id, val] of Object.entries(map)) {
-        const el = document.getElementById(id);
-        if (el) el.checked = val;
-      }
-      if (settings.allowedRadii) {
-        const el = document.getElementById('lint-allowed-radii');
-        if (el) el.value = settings.allowedRadii.join(', ');
-      }
-    }
-
-    function renderLintSummary(summary) {
-      const el = document.getElementById('lint-summary');
-      if (!el) return;
-      el.style.display = 'block';
-
-      if (summary.totalErrors === 0) {
-        el.innerHTML = `
-          <div style="display: flex; align-items: center; gap: var(--spacing-03); color: var(--success-text);">
-            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="2"/><path d="M5 8l2 2 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-            <span style="font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);">No issues found</span>
-            <span style="font-size: var(--font-size-xs); color: var(--text-secondary); margin-left: auto;">${summary.totalNodes} nodes checked</span>
-          </div>`;
-        return;
-      }
-
-      const typeLabels = { fill: 'Fill', stroke: 'Stroke', effect: 'Effect', text: 'Text', radius: 'Radius' };
-      const chips = Object.entries(summary.byType)
-        .filter(([, count]) => count > 0)
-        .map(([type, count]) => `<span style="display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; font-size: var(--font-size-xs); border-radius: 10px; background: var(--error-bg); color: var(--error-text);">${typeLabels[type]} ${count}</span>`)
-        .join(' ');
-
-      el.innerHTML = `
-        <div style="display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-02);">
-          <span style="font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--error-text);">${summary.totalErrors} issue${summary.totalErrors === 1 ? '' : 's'}</span>
-          <span style="font-size: var(--font-size-xs); color: var(--text-secondary);">in ${summary.nodesWithErrors} node${summary.nodesWithErrors === 1 ? '' : 's'}</span>
-          <span style="font-size: var(--font-size-xs); color: var(--text-tertiary); margin-left: auto;">${summary.totalNodes} checked</span>
-        </div>
-        <div style="margin-top: var(--spacing-02); display: flex; flex-wrap: wrap; gap: var(--spacing-02);">${chips}</div>`;
-    }
-
-    function renderLintErrors(errors) {
-      const container = document.getElementById('lint-results');
-      if (!container) return;
-
-      if (errors.length === 0) {
-        container.innerHTML = '<div style="text-align: center; padding: var(--spacing-07); color: var(--success-text); font-size: var(--font-size-sm);">All layers use proper design styles!</div>';
-        return;
-      }
-
-      // Group by node
-      const grouped = {};
-      for (const err of errors) {
-        if (!grouped[err.nodeId]) {
-          grouped[err.nodeId] = { nodeName: err.nodeName, nodeType: err.nodeType, path: err.path, errors: [] };
-        }
-        grouped[err.nodeId].errors.push(err);
-      }
-
-      const typeColors = { fill: '#0f62fe', stroke: '#8a3ffc', effect: '#f1c21b', text: '#198038', radius: '#da1e28' };
-      const typeIcons = { fill: 'F', stroke: 'S', effect: 'E', text: 'T', radius: 'R' };
-
-      let html = '';
-      for (const [nodeId, group] of Object.entries(grouped)) {
-        html += `<div style="background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); margin-bottom: var(--spacing-03); overflow: hidden;">`;
-        html += `<div style="display: flex; align-items: center; padding: var(--spacing-03) var(--spacing-04); border-bottom: 1px solid var(--border); background: var(--background); cursor: pointer;" onclick="lintSelectNode('${escapeAttr(nodeId)}')">`;
-        html += `<span style="font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" title="${escapeAttr(group.path)}">${escapeHtml(group.nodeName)}</span>`;
-        html += `<span style="font-size: var(--font-size-xs); color: var(--text-tertiary); margin-left: var(--spacing-03);">${escapeHtml(group.nodeType)}</span>`;
-        html += `<button onclick="event.stopPropagation(); lintIgnoreNode('${escapeAttr(nodeId)}')" style="margin-left: var(--spacing-03); background: none; border: none; cursor: pointer; color: var(--text-tertiary); font-size: var(--font-size-xs); padding: 2px 6px; border-radius: var(--radius-sm);" title="Ignore this layer">Ignore</button>`;
-        html += `</div>`;
-
-        for (const err of group.errors) {
-          const color = typeColors[err.errorType] || 'var(--text-secondary)';
-          const icon = typeIcons[err.errorType] || '?';
-          html += `<div style="display: flex; align-items: center; padding: var(--spacing-02) var(--spacing-04); gap: var(--spacing-03); border-bottom: 1px solid var(--border);">`;
-          html += `<span style="display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: ${color}; color: white; font-size: 9px; font-weight: 700; flex-shrink: 0;">${icon}</span>`;
-          html += `<span style="font-size: var(--font-size-xs); color: var(--text-primary); flex: 1;">${escapeHtml(err.message)}</span>`;
-          html += `<button onclick="lintIgnoreError('${escapeAttr(err.nodeId)}', '${escapeAttr(err.errorType)}', '${escapeAttr(err.value)}')" style="background: none; border: none; cursor: pointer; color: var(--text-tertiary); font-size: var(--font-size-xs); padding: 2px 6px; white-space: nowrap;" title="Ignore this error">Ignore</button>`;
-          html += `<button onclick="lintSelectAllWithValue('${escapeAttr(err.errorType)}', '${escapeAttr(err.value)}')" style="background: none; border: none; cursor: pointer; color: var(--interactive); font-size: var(--font-size-xs); padding: 2px 6px; white-space: nowrap;" title="Select all layers with this value">Select All</button>`;
-          html += `</div>`;
-        }
-
-        html += `</div>`;
-      }
-
-      container.innerHTML = html;
-    }
-
-    function escapeHtml(str) {
-      const div = document.createElement('div');
-      div.textContent = str;
-      return div.innerHTML;
-    }
-
-    function escapeAttr(str) {
-      return String(str).replace(/\\/g, '\\\\').replace(/'/g, "\\'").replace(/"/g, '&quot;').replace(/\n/g, '\\n').replace(/\r/g, '\\r');
-    }
-
-    function lintSelectNode(nodeId) {
-      parent.postMessage({ pluginMessage: { type: 'lint-select-node', data: { nodeId } } }, '*');
-    }
-
-    function lintIgnoreNode(nodeId) {
-      parent.postMessage({ pluginMessage: { type: 'lint-ignore-node', data: { nodeId } } }, '*');
-    }
-
-    function lintIgnoreError(nodeId, errorType, value) {
-      parent.postMessage({ pluginMessage: { type: 'lint-ignore-error', data: { nodeId, errorType, value } } }, '*');
-    }
-
-    function lintSelectAllWithValue(errorType, value) {
-      parent.postMessage({ pluginMessage: { type: 'lint-select-all-with-value', data: { errorType, value } } }, '*');
-    }
-
-    // Initialize when DOM is loaded
-    if (document.readyState === 'loading') {
-      document.addEventListener('DOMContentLoaded', initializeUI);
-    } else {
-      initializeUI();
-    }
-  </script>
-</body>
-</html>
diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index e8c7e11..34635db 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -3,7 +3,7 @@ import ChatContainer from './components/chat/ChatContainer';
 import SettingsPanel from './components/shared/SettingsPanel';
 import { useChat } from './hooks/useChat';
 import { usePluginMessages, usePostToPlugin } from './hooks/usePluginMessages';
-import type { PluginEvent, LintResult, LintError, AiReviewData, ReferoComparisonData, FlowAnalysisData } from './lib/messages';
+import type { PluginEvent, LintResult, LintError, AiReviewData, ReferoComparisonData, FlowAnalysisData, DiffResultData } from './lib/messages';
 import { analyzeComponent, streamChat, checkHealth, setBackendUrl, fetchReferoData, analyzeFlow } from './lib/api';
 
 export default function App() {
@@ -14,6 +14,10 @@ export default function App() {
   const [backendAvailable, setBackendAvailable] = useState(false);
   const [analysisMode, setAnalysisMode] = useState<'quick' | 'deep'>('quick');
   const [showSettings, setShowSettings] = useState(false);
+  const [selectionStale, setSelectionStale] = useState(false);
+  const [currentNodeName, setCurrentNodeName] = useState<string | null>(null);
+  const analyzedNodeId = useRef<string | null>(null);
+  const abortControllerRef = useRef<AbortController | null>(null);
   const walkthroughIndex = useRef(0);
   const referoPollingRef = useRef<ReturnType<typeof setInterval> | null>(null);
   const pendingLintResult = useRef<LintResult | null>(null);
@@ -26,10 +30,7 @@ export default function App() {
   ) => {
     if (!backendAvailable) return;
 
-    chat.addMessage({
-      kind: 'ai-text',
-      content: 'Running AI visual analysis...',
-    });
+    chat.addMessage({ kind: 'analysis-phase', phase: 'ai-review' });
 
     try {
       const result = await analyzeComponent({
@@ -39,12 +40,13 @@ export default function App() {
           componentName: componentName || screenshot.nodeName || 'Component',
           metadata: {
             nodeId: screenshot.nodeId,
-            nodeType: 'FRAME',
+            nodeType: (screenshot as any).nodeType ?? 'FRAME',
             width: screenshot.width,
             height: screenshot.height,
-            hasAutoLayout: false,
-            childCount: 0,
+            hasAutoLayout: (screenshot as any).hasAutoLayout ?? false,
+            childCount: (screenshot as any).childCount ?? 0,
           },
+          tokenSummary: (screenshot as any).tokenSummary,
         },
         sessionId: chat.sessionId || undefined,
         mode: analysisMode,
@@ -61,6 +63,8 @@ export default function App() {
         startReferoPolling(result.sessionId);
       }
     } catch (error) {
+      // Clean up analysis-phase indicator on failure
+      chat.clearAnalysisPhase();
       chat.addMessage({
         kind: 'ai-text',
         content: `AI analysis unavailable: ${error instanceof Error ? error.message : 'Unknown error'}`,
@@ -73,6 +77,8 @@ export default function App() {
     // Clear any existing poll
     if (referoPollingRef.current) clearInterval(referoPollingRef.current);
 
+    chat.addMessage({ kind: 'analysis-phase', phase: 'refero' });
+
     let attempts = 0;
     referoPollingRef.current = setInterval(async () => {
       attempts++;
@@ -112,6 +118,7 @@ export default function App() {
               // Store lint result and request screenshot for AI analysis
               pendingLintResult.current = event.data as LintResult;
               post('export-screenshot');
+              chat.addMessage({ kind: 'analysis-phase', phase: 'screenshot' });
             }
             break;
           case 'enhanced-analysis-result': {
@@ -141,13 +148,17 @@ export default function App() {
             break;
           case 'batch-fix-v2-result':
             chat.handleBatchFixResult(event.data as any);
+            // Plugin-side handleBatchFixV2 already triggers a rescan — no need for duplicate
             break;
           case 'rescan-complete':
             // Rescan lint result will arrive via 'design-lint-result' — handled there
             break;
           case 'screenshot-result': {
-            const ssData = event.data as { nodeId: string; nodeName: string; screenshot: string; width: number; height: number };
+            const ssData = event.data as { nodeId: string; nodeName: string; screenshot: string; width: number; height: number; hasAutoLayout?: boolean; childCount?: number };
             pendingScreenshot.current = ssData;
+            analyzedNodeId.current = ssData.nodeId;
+            // Check for existing baseline for this node
+            post('load-baseline', { nodeId: ssData.nodeId });
             // If we have both lint result and screenshot, trigger backend analysis
             if (pendingLintResult.current && pendingScreenshot.current) {
               tryBackendAnalysis(pendingLintResult.current, pendingScreenshot.current);
@@ -217,12 +228,46 @@ export default function App() {
               chat.addMessage({ kind: 'ai-text', content: 'API key saved successfully.' });
             }
             break;
+          case 'baseline-saved':
+            chat.handleBaselineSaved(event.data as { nodeId: string; nodeName: string; timestamp: number; overall: number });
+            break;
+          case 'baseline-loaded':
+            chat.handleBaselineLoaded(event.data as { timestamp: number; nodeName: string; overall: number } | null);
+            break;
+          case 'diff-result': {
+            const diffData = event.data as DiffResultData | null;
+            if (diffData) {
+              chat.handleDiffResult(diffData);
+            } else {
+              chat.addMessage({ kind: 'ai-text', content: 'No baseline found for this component. Save a baseline first.' });
+            }
+            break;
+          }
+          case 'selection-changed': {
+            const selData = event.data as { hasSelection: boolean; nodeId: string | null; nodeName: string | null };
+            setCurrentNodeName(selData.nodeName);
+            // Mark results as stale if selection differs from analyzed node; clear if it matches again
+            if (chat.lintResult && analyzedNodeId.current) {
+              setSelectionStale(selData.nodeId !== analyzedNodeId.current);
+            }
+            break;
+          }
         }
       },
       [chat, post, tryBackendAnalysis]
     )
   );
 
+  // Clean up Refero polling interval on unmount
+  useEffect(() => {
+    return () => {
+      if (referoPollingRef.current) {
+        clearInterval(referoPollingRef.current);
+        referoPollingRef.current = null;
+      }
+    };
+  }, []);
+
   // Check API key and backend health on mount
   useEffect(() => {
     post('check-api-key');
@@ -230,8 +275,19 @@ export default function App() {
   }, [post]);
 
   const handleAnalyze = useCallback(() => {
+    // Abort any in-flight streaming chat
+    abortControllerRef.current?.abort();
+    abortControllerRef.current = null;
+
+    // Stop any active Refero polling from a previous analysis
+    if (referoPollingRef.current) {
+      clearInterval(referoPollingRef.current);
+      referoPollingRef.current = null;
+    }
     chat.startAnalysis();
+    chat.addMessage({ kind: 'analysis-phase', phase: 'lint' });
     walkthroughIndex.current = 0;
+    setSelectionStale(false);
     post('run-design-lint');
   }, [chat, post]);
 
@@ -241,19 +297,29 @@ export default function App() {
 
       // If we have a backend session, use streaming chat
       if (chat.sessionId && backendAvailable) {
+        // Abort any previous in-flight stream
+        abortControllerRef.current?.abort();
+        const controller = new AbortController();
+        abortControllerRef.current = controller;
+
         streamChat(
           chat.sessionId,
           text,
           (chunk) => chat.appendStreamChunk(chunk),
-          () => chat.finishStream(),
+          () => {
+            abortControllerRef.current = null;
+            chat.finishStream();
+          },
           (error) => {
+            abortControllerRef.current = null;
             chat.finishStream();
             chat.addMessage({ kind: 'ai-text', content: `Error: ${error}` });
-          }
+          },
+          controller.signal
         );
       } else {
         // Fallback to plugin main thread chat
-        post('chat-message', { message: text });
+        post('chat-message', { message: text, history: chat.messages });
       }
     },
     [chat, post, backendAvailable]
@@ -263,27 +329,34 @@ export default function App() {
     (action: string, params?: Record<string, unknown>) => {
       switch (action) {
         case 'fix-all': {
-          // Collect all spacing errors and send as batch fix
-          const spacingErrors = chat.lintResult?.errors.filter(
-            (e: LintError) => e.errorType === 'spacing'
-          );
-          if (spacingErrors && spacingErrors.length > 0) {
+          const errors = chat.lintResult?.errors || [];
+          const fixes: Array<{ type: string; params: Record<string, unknown> }> = [];
+
+          // Spacing fixes
+          for (const err of errors) {
+            if (err.errorType === 'spacing' && err.property) {
+              fixes.push({
+                type: 'fixSpacingToNearest',
+                params: { nodeId: err.nodeId, property: err.property },
+              });
+            }
+          }
+
+          // Radius fixes
+          for (const err of errors) {
+            if (err.errorType === 'radius') {
+              fixes.push({
+                type: 'fixRadiusToNearest',
+                params: { nodeId: err.nodeId },
+              });
+            }
+          }
+
+          if (fixes.length > 0) {
             chat.addMessage({
               kind: 'ai-text',
-              content: `Fixing ${spacingErrors.length} spacing issue${spacingErrors.length !== 1 ? 's' : ''}...`,
+              content: `Fixing ${fixes.length} auto-fixable issue${fixes.length !== 1 ? 's' : ''} (spacing + radius)...`,
             });
-
-            // Build batch fix actions
-            const fixes = spacingErrors
-              .filter(err => err.property)
-              .map(err => ({
-                type: 'fixSpacingToNearest' as const,
-                params: {
-                  nodeId: err.nodeId,
-                  property: err.property!,
-                },
-              }));
-
             post('batch-fix-v2', { fixes });
           }
           break;
@@ -321,6 +394,14 @@ export default function App() {
               action: 'fix-single-spacing',
               params: { nodeId: issue.nodeId, property: issue.property },
             });
+          } else if (issue.errorType === 'radius') {
+            buttons.push({
+              id: `fix-radius-${issue.nodeId}`,
+              label: 'Fix radius to nearest',
+              variant: 'primary' as const,
+              action: 'fix-single-radius',
+              params: { nodeId: issue.nodeId },
+            });
           }
           buttons.push({
             id: `skip-${idx}`,
@@ -344,6 +425,15 @@ export default function App() {
           break;
         }
 
+        case 'fix-single-radius': {
+          if (params?.nodeId) {
+            post('batch-fix-v2', {
+              fixes: [{ type: 'fixRadiusToNearest', params: { nodeId: params.nodeId } }],
+            });
+          }
+          break;
+        }
+
         case 'rescan': {
           chat.addMessage({ kind: 'ai-text', content: 'Re-scanning...' });
           post('rescan-lint');
@@ -353,7 +443,7 @@ export default function App() {
         case 'export': {
           const result = chat.lintResult;
           if (result) {
-            const md = buildFullReport(result, componentName, chat.issuesFixed, chat.aiReview);
+            const md = buildFullReport(result, componentName, chat.issuesFixed, chat.aiReview, chat.lastDiff);
             navigator.clipboard.writeText(md).then(
               () => {
                 chat.addMessage({
@@ -384,6 +474,7 @@ export default function App() {
                 issuesFixed: chat.issuesFixed,
               },
               aiReview: chat.aiReview || undefined,
+              diff: chat.lastDiff || undefined,
             };
             navigator.clipboard.writeText(JSON.stringify(report, null, 2)).then(
               () => chat.addMessage({ kind: 'ai-text', content: 'JSON report copied to clipboard!' }),
@@ -393,6 +484,73 @@ export default function App() {
           break;
         }
 
+        case 'save-baseline': {
+          if (!chat.score || !chat.lintResult) {
+            chat.addMessage({ kind: 'ai-text', content: 'Run an analysis first before saving a baseline.' });
+            break;
+          }
+          const nodeId = analyzedNodeId.current;
+          if (!nodeId) break;
+          post('save-baseline', {
+            nodeId,
+            nodeName: componentName || 'Component',
+            overall: chat.score.overall,
+            grade: chat.score.grade,
+            categories: {
+              tokens: chat.score.tokens,
+              spacing: chat.score.spacing,
+              layout: chat.score.layout,
+              accessibility: chat.score.accessibility,
+              naming: chat.score.naming,
+              visualQuality: chat.score.visualQuality,
+              microcopy: chat.score.microcopy,
+              conversion: chat.score.conversion,
+              cognitive: chat.score.cognitive,
+            },
+            errors: chat.lintResult.errors.map(e => ({
+              errorType: e.errorType,
+              severity: e.severity,
+              nodeId: e.nodeId,
+              message: e.message,
+            })),
+            summary: chat.lintResult.summary,
+          });
+          break;
+        }
+
+        case 'compare-baseline': {
+          if (!chat.score || !chat.lintResult) {
+            chat.addMessage({ kind: 'ai-text', content: 'Run an analysis first before comparing.' });
+            break;
+          }
+          const diffNodeId = analyzedNodeId.current;
+          if (!diffNodeId) break;
+          post('compare-baseline', {
+            nodeId: diffNodeId,
+            overall: chat.score.overall,
+            grade: chat.score.grade,
+            categories: {
+              tokens: chat.score.tokens,
+              spacing: chat.score.spacing,
+              layout: chat.score.layout,
+              accessibility: chat.score.accessibility,
+              naming: chat.score.naming,
+              visualQuality: chat.score.visualQuality,
+              microcopy: chat.score.microcopy,
+              conversion: chat.score.conversion,
+              cognitive: chat.score.cognitive,
+            },
+            errors: chat.lintResult.errors.map(e => ({
+              errorType: e.errorType,
+              severity: e.severity,
+              nodeId: e.nodeId,
+              message: e.message,
+            })),
+            summary: chat.lintResult.summary,
+          });
+          break;
+        }
+
         case 'analyze-flow': {
           chat.addMessage({ kind: 'ai-text', content: 'Starting flow analysis on current page...' });
           post('analyze-flow');
@@ -458,7 +616,7 @@ export default function App() {
             className="shrink-0 w-8 h-8 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors"
             title="Settings"
           >
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true">
               <circle cx="12" cy="12" r="3" />
               <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
             </svg>
@@ -466,6 +624,21 @@ export default function App() {
         </div>
       )}
 
+      {/* Stale selection banner */}
+      {selectionStale && (
+        <div className="flex items-center gap-2 px-3 py-1.5 bg-bg-warning text-fg-warning text-11 border-b border-border">
+          <span className="flex-1">
+            Selection changed{currentNodeName ? ` to "${currentNodeName}"` : ''}. Results may be stale.
+          </span>
+          <button
+            className="shrink-0 px-2 py-0.5 bg-bg-brand text-fg-onbrand text-11 font-medium rounded hover:opacity-90"
+            onClick={handleAnalyze}
+          >
+            Re-analyze
+          </button>
+        </div>
+      )}
+
       <ChatContainer
         state={chat}
         componentName={componentName}
@@ -486,6 +659,7 @@ function buildFullReport(
   componentName?: string,
   issuesFixed?: number,
   aiReview?: AiReviewData | null,
+  diff?: DiffResultData | null,
 ): string {
   const lines = [
     `# Design Review Report: ${componentName || 'Component'}`,
@@ -505,6 +679,8 @@ function buildFullReport(
   if (byType.radius > 0) lines.push(`- **Border radius:** ${byType.radius} non-standard`);
   if (byType.spacing > 0) lines.push(`- **Spacing:** ${byType.spacing} off-grid`);
   if (byType.autoLayout > 0) lines.push(`- **Auto Layout:** ${byType.autoLayout} missing`);
+  if (byType.visualQuality > 0) lines.push(`- **Visual Quality:** ${byType.visualQuality} issues`);
+  if (byType.microcopy > 0) lines.push(`- **Microcopy:** ${byType.microcopy} issues`);
 
   // AI Review section (rubric-based)
   if (aiReview) {
@@ -515,6 +691,9 @@ function buildFullReport(
     lines.push(`| States Coverage | ${aiReview.statesCoverage.rating.toUpperCase()} |`);
     lines.push(`| Platform Alignment | ${aiReview.platformAlignment.rating.toUpperCase()} (${aiReview.platformAlignment.detectedPlatform}) |`);
     lines.push(`| Color Harmony | ${aiReview.colorHarmony.rating.toUpperCase()} |`);
+    if (aiReview.visualBalance) lines.push(`| Visual Balance | ${aiReview.visualBalance.rating.toUpperCase()} |`);
+    if (aiReview.microcopyQuality) lines.push(`| Microcopy Quality | ${aiReview.microcopyQuality.rating.toUpperCase()} |`);
+    if (aiReview.cognitiveLoad) lines.push(`| Cognitive Load | ${aiReview.cognitiveLoad.rating.toUpperCase()} |`);
 
     const missingStates = aiReview.statesCoverage?.missingStates || [];
     if (missingStates.length > 0) {
@@ -533,6 +712,31 @@ function buildFullReport(
     }
   }
 
+  // Baseline diff section
+  if (diff) {
+    lines.push('', '## Baseline Comparison', '');
+    const delta = diff.scoreDelta.overall;
+    const arrow = delta > 0 ? '+' : '';
+    lines.push(`Score: ${diff.scoreDelta.oldOverall} → ${diff.scoreDelta.newOverall} (${arrow}${delta})`);
+    lines.push(`Baseline from: ${new Date(diff.baselineTimestamp).toLocaleString()}`);
+    lines.push('');
+
+    if (diff.summary.totalFixed > 0) lines.push(`- **Fixed:** ${diff.summary.totalFixed} issues`);
+    if (diff.summary.totalNew > 0) lines.push(`- **New:** ${diff.summary.totalNew} issues`);
+    lines.push(`- **Remaining:** ${diff.summary.totalRemaining} issues`);
+
+    // Category deltas
+    const changed = diff.scoreDelta.categories.filter(c => c.delta !== 0);
+    if (changed.length > 0) {
+      lines.push('', '| Category | Before | After | Delta |');
+      lines.push('|----------|--------|-------|-------|');
+      for (const c of changed) {
+        const d = c.delta > 0 ? `+${c.delta}` : `${c.delta}`;
+        lines.push(`| ${c.category} | ${c.oldScore} | ${c.newScore} | ${d} |`);
+      }
+    }
+  }
+
   // All issues detail
   if (result.errors.length > 0) {
     lines.push('', '## All Issues', '');
diff --git a/ui/src/components/chat/ChatContainer.tsx b/ui/src/components/chat/ChatContainer.tsx
index 612315a..926005e 100644
--- a/ui/src/components/chat/ChatContainer.tsx
+++ b/ui/src/components/chat/ChatContainer.tsx
@@ -26,7 +26,7 @@ export default function ChatContainer({
   onJumpToNode,
   onOpenSettings,
 }: ChatContainerProps) {
-  const { messages, score, lintResult, isAnalyzing, issuesFixed } = state;
+  const { messages, score, lintResult, isAnalyzing, issuesFixed, baselineMeta, lastDiff } = state;
   const totalIssues = lintResult?.summary.totalErrors || 0;
   const hasResults = messages.length > 0;
 
@@ -49,6 +49,7 @@ export default function ChatContainer({
         score={score}
         totalIssues={totalIssues}
         issuesFixed={issuesFixed}
+        lastDiff={lastDiff}
         onOpenSettings={onOpenSettings}
       />
 
@@ -69,8 +70,9 @@ export default function ChatContainer({
         {hasResults && (
           <QuickActions
             onAnalyze={onAnalyze}
-            hasFixable={(lintResult?.errors.filter(e => e.errorType === 'spacing').length || 0) > 0}
+            hasFixable={(lintResult?.errors.filter(e => e.errorType === 'spacing' || e.errorType === 'radius').length || 0) > 0}
             analysisMode={analysisMode}
+            hasBaseline={!!baselineMeta}
             onAction={handleAction}
           />
         )}
diff --git a/ui/src/components/chat/InputBar.tsx b/ui/src/components/chat/InputBar.tsx
index feb666b..c0a6ccf 100644
--- a/ui/src/components/chat/InputBar.tsx
+++ b/ui/src/components/chat/InputBar.tsx
@@ -46,7 +46,7 @@ export default function InputBar({ onSend, placeholder = 'Ask about this compone
         title="Send"
         aria-label="Send message"
       >
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
           <line x1="22" y1="2" x2="11" y2="13" />
           <polygon points="22 2 15 22 11 13 2 9 22 2" />
         </svg>
diff --git a/ui/src/components/chat/MessageList.tsx b/ui/src/components/chat/MessageList.tsx
index b1077ad..b585771 100644
--- a/ui/src/components/chat/MessageList.tsx
+++ b/ui/src/components/chat/MessageList.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import type { ChatMessage } from '../../lib/messages';
+import type { ChatMessage, AnalysisPhase } from '../../lib/messages';
 import AiMessage from '../messages/AiMessage';
 import ScoreCard from '../messages/ScoreCard';
 import IssuesList from '../messages/IssuesList';
@@ -7,6 +7,7 @@ import FixResult from '../messages/FixResult';
 import AiReviewCard from '../messages/AiReviewCard';
 import ReferoGallery from '../messages/ReferoGallery';
 import FlowResultCard from '../messages/FlowResultCard';
+import DiffCard from '../messages/DiffCard';
 import ActionButtons from '../shared/ActionButtons';
 
 interface MessageListProps {
@@ -25,21 +26,37 @@ export default function MessageList({ messages, onAction, onJumpToNode }: Messag
   if (messages.length === 0) {
     return (
       <div className="flex-1 flex items-center justify-center px-6">
-        <div className="text-center">
-          <div className="text-[40px] mb-3">
-            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="mx-auto text-fg-tertiary">
+        <div className="text-center space-y-4 max-w-[280px]">
+          <div className="text-[40px] mb-1">
+            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="mx-auto text-fg-tertiary" aria-hidden="true">
               <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
             </svg>
           </div>
-          <p className="text-13 font-medium text-fg mb-1">Design Review Chat</p>
-          <p className="text-11 text-fg-secondary">Select a component or frame and press<br /><strong>Analyze</strong> to start</p>
+          <div>
+            <p className="text-13 font-medium text-fg mb-1">FigmaLint</p>
+            <p className="text-11 text-fg-secondary">AI-powered design quality review</p>
+          </div>
+          <div className="text-left space-y-2">
+            <div className="flex items-start gap-2 text-11">
+              <span className="shrink-0 w-5 h-5 rounded-full bg-bg-brand text-fg-onbrand flex items-center justify-center text-[10px] font-bold mt-0.5">1</span>
+              <span className="text-fg-secondary"><strong className="text-fg">Select</strong> a component or frame on the canvas</span>
+            </div>
+            <div className="flex items-start gap-2 text-11">
+              <span className="shrink-0 w-5 h-5 rounded-full bg-bg-brand text-fg-onbrand flex items-center justify-center text-[10px] font-bold mt-0.5">2</span>
+              <span className="text-fg-secondary"><strong className="text-fg">Analyze</strong> to check design rules, visual quality, and token usage</span>
+            </div>
+            <div className="flex items-start gap-2 text-11">
+              <span className="shrink-0 w-5 h-5 rounded-full bg-bg-brand text-fg-onbrand flex items-center justify-center text-[10px] font-bold mt-0.5">3</span>
+              <span className="text-fg-secondary"><strong className="text-fg">Fix</strong> auto-fixable issues with one click, or chat with AI for guidance</span>
+            </div>
+          </div>
         </div>
       </div>
     );
   }
 
   return (
-    <div className="flex-1 overflow-y-auto px-3 py-2 space-y-2">
+    <div role="log" aria-live="polite" aria-label="Chat messages" className="flex-1 overflow-y-auto px-3 py-2 space-y-2">
       {messages.map((msg) => {
         const m = msg.message;
         switch (m.kind) {
@@ -59,13 +76,26 @@ export default function MessageList({ messages, onAction, onJumpToNode }: Messag
             return <IssuesList key={msg.id} errors={m.data} onJumpToNode={onJumpToNode} />;
           case 'fix-result':
             return <FixResult key={msg.id} data={m.data} />;
+          case 'issue-detail':
+            return (
+              <div key={msg.id} className="bg-bg-secondary rounded-xl px-3 py-2 text-12 space-y-1">
+                <div className="flex items-center justify-between">
+                  <span className="font-medium text-fg">{m.data.nodeName}</span>
+                  <span className="text-10 text-fg-tertiary">{m.data.errorType}</span>
+                </div>
+                <p className="text-11 text-fg-secondary">{m.data.message}</p>
+                {m.data.value && (
+                  <p className="text-10 text-fg-tertiary font-mono">{m.data.value}</p>
+                )}
+              </div>
+            );
           case 'action-buttons':
             return <ActionButtons key={msg.id} buttons={m.buttons} onAction={onAction} />;
           case 'batch-summary':
             return (
               <div key={msg.id} className="bg-bg-success rounded-xl px-3 py-2 text-12">
                 <div className="flex items-center gap-1.5">
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-fg-success shrink-0">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-fg-success shrink-0" aria-hidden="true">
                     <polyline points="20 6 9 17 4 12" />
                   </svg>
                   <span>
@@ -79,8 +109,25 @@ export default function MessageList({ messages, onAction, onJumpToNode }: Messag
             return <AiReviewCard key={msg.id} data={m.data} />;
           case 'refero-gallery':
             return <ReferoGallery key={msg.id} data={m.data} />;
+          case 'analysis-phase':
+            return <AnalysisPhaseIndicator key={msg.id} phase={m.phase} done={m.done} />;
           case 'flow-result':
             return <FlowResultCard key={msg.id} data={m.data} onJumpToNode={onJumpToNode} />;
+          case 'diff-result':
+            return <DiffCard key={msg.id} data={m.data} />;
+          case 'baseline-saved':
+            return (
+              <div key={msg.id} className="bg-bg-success rounded-xl px-3 py-2 text-12">
+                <div className="flex items-center gap-1.5">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-fg-success shrink-0" aria-hidden="true">
+                    <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
+                    <polyline points="17 21 17 13 7 13 7 21" />
+                    <polyline points="7 3 7 8 15 8" />
+                  </svg>
+                  <span>Baseline saved (score: {m.data.overall}/100)</span>
+                </div>
+              </div>
+            );
           case 'score-update': {
             const diff = m.data.newScore - m.data.oldScore;
             const arrow = diff > 0 ? '\u2191' : diff < 0 ? '\u2193' : '\u2192';
@@ -106,3 +153,45 @@ export default function MessageList({ messages, onAction, onJumpToNode }: Messag
     </div>
   );
 }
+
+const PHASE_LABELS: Record<AnalysisPhase, string> = {
+  lint: 'Checking design rules',
+  screenshot: 'Capturing screenshot',
+  'ai-review': 'Analyzing visual quality',
+  refero: 'Finding similar designs',
+};
+
+const PHASE_ORDER: AnalysisPhase[] = ['lint', 'screenshot', 'ai-review', 'refero'];
+
+function AnalysisPhaseIndicator({ phase, done }: { phase: AnalysisPhase; done?: boolean }) {
+  const currentIdx = PHASE_ORDER.indexOf(phase);
+
+  return (
+    <div className="bg-bg-secondary rounded-xl px-3 py-2 space-y-1.5">
+      {PHASE_ORDER.map((p, i) => {
+        const isActive = i === currentIdx && !done;
+        const isComplete = i < currentIdx || (done && i === currentIdx);
+        const isPending = i > currentIdx;
+
+        return (
+          <div key={p} className="flex items-center gap-2 text-11">
+            {isComplete && (
+              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="text-fg-success shrink-0" aria-hidden="true">
+                <polyline points="20 6 9 17 4 12" />
+              </svg>
+            )}
+            {isActive && (
+              <div className="w-3 h-3 border-[1.5px] border-bg-brand border-t-transparent rounded-full animate-spin shrink-0" />
+            )}
+            {isPending && (
+              <div className="w-3 h-3 rounded-full bg-bg-tertiary shrink-0" />
+            )}
+            <span className={isActive ? 'text-fg font-medium' : isComplete ? 'text-fg-secondary' : 'text-fg-tertiary'}>
+              {PHASE_LABELS[p]}{isActive ? '...' : ''}
+            </span>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/ui/src/components/chat/StickyHeader.tsx b/ui/src/components/chat/StickyHeader.tsx
index dc716cc..cbdad69 100644
--- a/ui/src/components/chat/StickyHeader.tsx
+++ b/ui/src/components/chat/StickyHeader.tsx
@@ -1,10 +1,11 @@
-import type { ScoreBreakdown } from '../../lib/messages';
+import type { ScoreBreakdown, DiffResultData } from '../../lib/messages';
 
 interface StickyHeaderProps {
   componentName?: string;
   score: ScoreBreakdown | null;
   totalIssues: number;
   issuesFixed: number;
+  lastDiff?: DiffResultData | null;
   onOpenSettings?: () => void;
 }
 
@@ -14,12 +15,13 @@ function getVerdictInfo(score: number): { label: string; color: string; bg: stri
   return { label: 'POOR', color: 'text-fg-danger', bg: 'bg-bg-danger' };
 }
 
-export default function StickyHeader({ componentName, score, totalIssues, issuesFixed, onOpenSettings }: StickyHeaderProps) {
+export default function StickyHeader({ componentName, score, totalIssues, issuesFixed, lastDiff, onOpenSettings }: StickyHeaderProps) {
   if (!score) return null;
 
   const verdict = getVerdictInfo(score.overall);
   const clampedFixed = Math.min(issuesFixed, totalIssues);
   const remaining = Math.max(0, totalIssues - clampedFixed);
+  const trend = lastDiff?.scoreDelta.overall ?? null;
 
   return (
     <div className="flex items-center gap-2 px-3 py-2 border-b border-border bg-bg-secondary">
@@ -29,6 +31,20 @@ export default function StickyHeader({ componentName, score, totalIssues, issues
           <span className={`text-11 font-semibold px-1.5 py-0.5 rounded ${verdict.bg} ${verdict.color}`}>
             {score.overall}/100
           </span>
+          {trend !== null && trend !== 0 && (
+            <span className={`text-11 font-medium ${trend > 0 ? 'text-fg-success' : 'text-fg-danger'}`} title={`${trend > 0 ? '+' : ''}${trend} vs baseline`}>
+              {trend > 0 ? (
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="inline" aria-hidden="true">
+                  <polyline points="18 15 12 9 6 15" />
+                </svg>
+              ) : (
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="inline" aria-hidden="true">
+                  <polyline points="6 9 12 15 18 9" />
+                </svg>
+              )}
+              {trend > 0 ? '+' : ''}{trend}
+            </span>
+          )}
           <span className={`text-11 px-1.5 py-0.5 rounded ${verdict.bg} ${verdict.color}`}>
             {verdict.label}
           </span>
@@ -46,8 +62,9 @@ export default function StickyHeader({ componentName, score, totalIssues, issues
           onClick={onOpenSettings}
           className="shrink-0 w-7 h-7 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors"
           title="Settings"
+          aria-label="Open settings"
         >
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true">
             <circle cx="12" cy="12" r="3" />
             <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
           </svg>
diff --git a/ui/src/components/messages/AiReviewCard.tsx b/ui/src/components/messages/AiReviewCard.tsx
index 0253df3..a95e4e8 100644
--- a/ui/src/components/messages/AiReviewCard.tsx
+++ b/ui/src/components/messages/AiReviewCard.tsx
@@ -46,7 +46,10 @@ export default function AiReviewCard({ data }: AiReviewCardProps) {
 
   return (
     <div className="bg-bg-secondary rounded-xl p-3 space-y-2">
-      <span className="text-12 font-medium">AI Design Review</span>
+      <div className="flex items-center gap-2">
+        <span className="text-12 font-medium">AI Design Review</span>
+        <span className="text-[9px] font-semibold uppercase tracking-wider px-1.5 py-0.5 rounded bg-bg-tertiary text-fg-tertiary">AI-generated</span>
+      </div>
 
       <div className="space-y-2">
         <CategoryRow label="Visual Hierarchy" category={data.visualHierarchy} />
@@ -70,6 +73,15 @@ export default function AiReviewCard({ data }: AiReviewCardProps) {
           ) : undefined}
         />
         <CategoryRow label="Color Harmony" category={data.colorHarmony} />
+        {data.visualBalance && (
+          <CategoryRow label="Visual Balance" category={data.visualBalance} />
+        )}
+        {data.microcopyQuality && (
+          <CategoryRow label="Microcopy Quality" category={data.microcopyQuality} />
+        )}
+        {data.cognitiveLoad && (
+          <CategoryRow label="Cognitive Load" category={data.cognitiveLoad} />
+        )}
       </div>
     </div>
   );
diff --git a/ui/src/components/messages/DiffCard.tsx b/ui/src/components/messages/DiffCard.tsx
new file mode 100644
index 0000000..7776738
--- /dev/null
+++ b/ui/src/components/messages/DiffCard.tsx
@@ -0,0 +1,176 @@
+interface CategoryDelta {
+  category: string;
+  oldScore: number;
+  newScore: number;
+  delta: number;
+}
+
+interface IssueDiff {
+  errorType: string;
+  severity: string;
+  nodeId: string;
+  message: string;
+}
+
+interface DiffData {
+  baselineTimestamp: number;
+  scoreDelta: {
+    overall: number;
+    oldOverall: number;
+    newOverall: number;
+    categories: CategoryDelta[];
+  };
+  newIssues: IssueDiff[];
+  fixedIssues: IssueDiff[];
+  remainingIssues: IssueDiff[];
+  summary: {
+    totalNew: number;
+    totalFixed: number;
+    totalRemaining: number;
+    oldTotal: number;
+    newTotal: number;
+  };
+}
+
+const CATEGORY_LABELS: Record<string, string> = {
+  tokens: 'Tokens',
+  accessibility: 'A11y',
+  spacing: 'Spacing',
+  visualQuality: 'Visual',
+  conversion: 'Conversion',
+  microcopy: 'Microcopy',
+  cognitive: 'Cognitive',
+  layout: 'Layout',
+  naming: 'Naming',
+};
+
+function formatDate(ts: number): string {
+  const d = new Date(ts);
+  const month = String(d.getMonth() + 1).padStart(2, '0');
+  const day = String(d.getDate()).padStart(2, '0');
+  const hours = String(d.getHours()).padStart(2, '0');
+  const mins = String(d.getMinutes()).padStart(2, '0');
+  return `${month}/${day} ${hours}:${mins}`;
+}
+
+function DeltaArrow({ delta }: { delta: number }) {
+  if (delta > 0) return <span className="text-fg-success font-semibold">+{delta}</span>;
+  if (delta < 0) return <span className="text-fg-danger font-semibold">{delta}</span>;
+  return <span className="text-fg-tertiary">0</span>;
+}
+
+function SeverityDot({ severity }: { severity: string }) {
+  const color = severity === 'critical' ? 'bg-bg-danger' : severity === 'warning' ? 'bg-bg-warning' : 'bg-bg-tertiary';
+  return <span className={`inline-block w-1.5 h-1.5 rounded-full ${color} shrink-0 mt-1`} />;
+}
+
+export default function DiffCard({ data }: { data: DiffData }) {
+  const { scoreDelta, summary } = data;
+  const overallDelta = scoreDelta.overall;
+  const improved = overallDelta > 0;
+  const worsened = overallDelta < 0;
+
+  return (
+    <div className="bg-bg-secondary rounded-xl px-3 py-2 space-y-2">
+      {/* Header: overall score change */}
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <span className="text-12 font-medium text-fg">Baseline Diff</span>
+          <span className="text-10 text-fg-tertiary">vs {formatDate(data.baselineTimestamp)}</span>
+        </div>
+        <div className="flex items-center gap-1.5">
+          {improved && (
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-fg-success" aria-hidden="true">
+              <polyline points="18 15 12 9 6 15" />
+            </svg>
+          )}
+          {worsened && (
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-fg-danger" aria-hidden="true">
+              <polyline points="6 9 12 15 18 9" />
+            </svg>
+          )}
+          {!improved && !worsened && (
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-fg-tertiary" aria-hidden="true">
+              <line x1="5" y1="12" x2="19" y2="12" />
+            </svg>
+          )}
+          <span className={`text-13 font-bold ${improved ? 'text-fg-success' : worsened ? 'text-fg-danger' : 'text-fg-secondary'}`}>
+            {scoreDelta.oldOverall} → {scoreDelta.newOverall}
+          </span>
+        </div>
+      </div>
+
+      {/* Issue counts: new / fixed / remaining */}
+      <div className="flex gap-3 text-11">
+        {summary.totalFixed > 0 && (
+          <span className="text-fg-success">
+            {summary.totalFixed} fixed
+          </span>
+        )}
+        {summary.totalNew > 0 && (
+          <span className="text-fg-danger">
+            {summary.totalNew} new
+          </span>
+        )}
+        <span className="text-fg-secondary">
+          {summary.totalRemaining} remaining
+        </span>
+      </div>
+
+      {/* Per-category deltas (only show categories that changed) */}
+      {scoreDelta.categories.filter(c => c.delta !== 0).length > 0 && (
+        <div className="space-y-1 pt-1 border-t border-border">
+          {scoreDelta.categories
+            .filter(c => c.delta !== 0)
+            .map(c => (
+              <div key={c.category} className="flex items-center justify-between text-11">
+                <span className="text-fg-secondary">{CATEGORY_LABELS[c.category] || c.category}</span>
+                <div className="flex items-center gap-1.5">
+                  <span className="text-fg-tertiary">{c.oldScore}</span>
+                  <span className="text-fg-tertiary">→</span>
+                  <span className="text-fg-secondary">{c.newScore}</span>
+                  <DeltaArrow delta={c.delta} />
+                </div>
+              </div>
+            ))}
+        </div>
+      )}
+
+      {/* New issues (collapsible if many) */}
+      {data.newIssues.length > 0 && (
+        <div className="pt-1 border-t border-border">
+          <p className="text-11 font-medium text-fg-danger mb-1">New issues ({data.newIssues.length})</p>
+          <div className="space-y-0.5">
+            {data.newIssues.slice(0, 5).map((issue, i) => (
+              <div key={i} className="flex items-start gap-1.5 text-10 text-fg-secondary">
+                <SeverityDot severity={issue.severity} />
+                <span className="truncate">[{issue.errorType}] {issue.message}</span>
+              </div>
+            ))}
+            {data.newIssues.length > 5 && (
+              <p className="text-10 text-fg-tertiary">+{data.newIssues.length - 5} more</p>
+            )}
+          </div>
+        </div>
+      )}
+
+      {/* Fixed issues */}
+      {data.fixedIssues.length > 0 && (
+        <div className="pt-1 border-t border-border">
+          <p className="text-11 font-medium text-fg-success mb-1">Fixed ({data.fixedIssues.length})</p>
+          <div className="space-y-0.5">
+            {data.fixedIssues.slice(0, 5).map((issue, i) => (
+              <div key={i} className="flex items-start gap-1.5 text-10 text-fg-secondary line-through opacity-70">
+                <SeverityDot severity={issue.severity} />
+                <span className="truncate">[{issue.errorType}] {issue.message}</span>
+              </div>
+            ))}
+            {data.fixedIssues.length > 5 && (
+              <p className="text-10 text-fg-tertiary">+{data.fixedIssues.length - 5} more</p>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/ui/src/components/messages/FixResult.tsx b/ui/src/components/messages/FixResult.tsx
index 07103eb..1462be1 100644
--- a/ui/src/components/messages/FixResult.tsx
+++ b/ui/src/components/messages/FixResult.tsx
@@ -20,7 +20,7 @@ export default function FixResult({ data }: FixResultProps) {
   return (
     <div className="bg-bg-success rounded-xl px-3 py-2 text-12">
       <div className="flex items-center gap-1.5">
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-fg-success shrink-0">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-fg-success shrink-0" aria-hidden="true">
           <polyline points="20 6 9 17 4 12" />
         </svg>
         <span className="text-fg">
diff --git a/ui/src/components/messages/IssuesList.tsx b/ui/src/components/messages/IssuesList.tsx
index 5670c8f..6109e49 100644
--- a/ui/src/components/messages/IssuesList.tsx
+++ b/ui/src/components/messages/IssuesList.tsx
@@ -21,6 +21,8 @@ const TYPE_SEVERITY_MAP: Record<string, { label: string; color: string; bg: stri
   spacing: SEVERITY_STYLES.warning,
   autoLayout: SEVERITY_STYLES.warning,
   accessibility: SEVERITY_STYLES.critical,
+  visualQuality: SEVERITY_STYLES.warning,
+  microcopy: SEVERITY_STYLES.info,
 };
 
 const TYPE_LABELS: Record<string, string> = {
@@ -32,6 +34,8 @@ const TYPE_LABELS: Record<string, string> = {
   spacing: 'Spacing',
   autoLayout: 'Auto Layout',
   accessibility: 'A11y',
+  visualQuality: 'Visual Quality',
+  microcopy: 'Microcopy',
 };
 
 export default function IssuesList({ errors, onJumpToNode }: IssuesListProps) {
diff --git a/ui/src/components/messages/ScoreCard.tsx b/ui/src/components/messages/ScoreCard.tsx
index abfc51c..4f92b54 100644
--- a/ui/src/components/messages/ScoreCard.tsx
+++ b/ui/src/components/messages/ScoreCard.tsx
@@ -58,11 +58,15 @@ export default function ScoreCard({ data }: ScoreCardProps) {
       </div>
 
       <div className="space-y-1">
-        <CategoryBar label="Tokens" weight="30%" score={data.tokens.score} failed={data.tokens.failed} />
-        <CategoryBar label="Spacing" weight="20%" score={data.spacing.score} failed={data.spacing.failed} />
-        <CategoryBar label="Layout" weight="10%" score={data.layout.score} failed={data.layout.failed} />
-        <CategoryBar label="Accessibility" weight="30%" score={data.accessibility.score} failed={data.accessibility.failed} />
-        <CategoryBar label="Naming" weight="10%" score={data.naming.score} failed={data.naming.failed} />
+        <CategoryBar label="Tokens" weight="20%" score={data.tokens.score} failed={data.tokens.failed} />
+        <CategoryBar label="Accessibility" weight="20%" score={data.accessibility.score} failed={data.accessibility.failed} />
+        <CategoryBar label="Spacing" weight="12%" score={data.spacing.score} failed={data.spacing.failed} />
+        <CategoryBar label="Visual Quality" weight="10%" score={data.visualQuality.score} failed={data.visualQuality.failed} />
+        <CategoryBar label="Conversion" weight="10%" score={data.conversion.score} failed={data.conversion.failed} />
+        <CategoryBar label="Microcopy" weight="8%" score={data.microcopy.score} failed={data.microcopy.failed} />
+        <CategoryBar label="Cognitive" weight="8%" score={data.cognitive.score} failed={data.cognitive.failed} />
+        <CategoryBar label="Layout" weight="8%" score={data.layout.score} failed={data.layout.failed} />
+        <CategoryBar label="Naming" weight="4%" score={data.naming.score} failed={data.naming.failed} />
       </div>
     </div>
   );
diff --git a/ui/src/components/shared/QuickActions.tsx b/ui/src/components/shared/QuickActions.tsx
index c2779f3..e98a432 100644
--- a/ui/src/components/shared/QuickActions.tsx
+++ b/ui/src/components/shared/QuickActions.tsx
@@ -2,10 +2,11 @@ interface QuickActionsProps {
   onAnalyze: () => void;
   hasFixable: boolean;
   analysisMode?: 'quick' | 'deep';
+  hasBaseline?: boolean;
   onAction: (action: string, params?: Record<string, unknown>) => void;
 }
 
-export default function QuickActions({ onAnalyze, hasFixable, analysisMode = 'quick', onAction }: QuickActionsProps) {
+export default function QuickActions({ onAnalyze, hasFixable, analysisMode = 'quick', hasBaseline, onAction }: QuickActionsProps) {
   return (
     <div className="flex items-center gap-1.5 px-3 py-1 border-t border-border overflow-x-auto">
       {hasFixable && (
@@ -22,6 +23,22 @@ export default function QuickActions({ onAnalyze, hasFixable, analysisMode = 'qu
       >
         Re-scan
       </button>
+      <button
+        className="shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors"
+        onClick={() => onAction('save-baseline')}
+        title="Save current results as baseline for future comparison"
+      >
+        {hasBaseline ? 'Update Baseline' : 'Save Baseline'}
+      </button>
+      {hasBaseline && (
+        <button
+          className="shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors"
+          onClick={() => onAction('compare-baseline')}
+          title="Compare current results with saved baseline"
+        >
+          Diff
+        </button>
+      )}
       <button
         className="shrink-0 px-2 py-1 text-11 text-fg-secondary hover:bg-bg-hover rounded-md transition-colors"
         onClick={() => onAction('export')}
diff --git a/ui/src/components/shared/SettingsPanel.tsx b/ui/src/components/shared/SettingsPanel.tsx
index 7c9b3b9..e4bfa1a 100644
--- a/ui/src/components/shared/SettingsPanel.tsx
+++ b/ui/src/components/shared/SettingsPanel.tsx
@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect, useRef } from 'react';
 
 interface SettingsPanelProps {
   hasApiKey: boolean;
@@ -29,6 +29,8 @@ export default function SettingsPanel({
   const [provider, setProvider] = useState('anthropic');
   const [saving, setSaving] = useState(false);
 
+  const panelRef = useRef<HTMLDivElement>(null);
+
   const handleSave = useCallback(() => {
     if (!apiKey.trim()) return;
     setSaving(true);
@@ -39,16 +41,62 @@ export default function SettingsPanel({
     }, 500);
   }, [apiKey, provider, onSaveApiKey]);
 
+  // Focus trap + Escape key + auto-focus first element
+  useEffect(() => {
+    const panel = panelRef.current;
+    if (!panel) return;
+
+    const focusableSelector =
+      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+
+    // Auto-focus the first focusable element (close button)
+    const initialFocusable = panel.querySelectorAll<HTMLElement>(focusableSelector);
+    if (initialFocusable.length > 0) {
+      initialFocusable[0].focus();
+    }
+
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        onClose();
+        return;
+      }
+
+      if (e.key !== 'Tab') return;
+
+      const focusables = panel.querySelectorAll<HTMLElement>(focusableSelector);
+      if (focusables.length === 0) return;
+
+      const first = focusables[0];
+      const last = focusables[focusables.length - 1];
+
+      if (e.shiftKey) {
+        if (document.activeElement === first) {
+          e.preventDefault();
+          last.focus();
+        }
+      } else {
+        if (document.activeElement === last) {
+          e.preventDefault();
+          first.focus();
+        }
+      }
+    };
+
+    panel.addEventListener('keydown', handleKeyDown);
+    return () => panel.removeEventListener('keydown', handleKeyDown);
+  }, [onClose]);
+
   return (
-    <div className="absolute inset-0 z-50 bg-bg flex flex-col">
+    <div ref={panelRef} role="dialog" aria-modal="true" aria-label="Settings" className="absolute inset-0 z-50 bg-bg flex flex-col">
       {/* Header */}
       <div className="flex items-center justify-between px-3 py-2 border-b border-border">
         <span className="text-12 font-medium">Settings</span>
         <button
           onClick={onClose}
           className="w-6 h-6 flex items-center justify-center text-fg-tertiary hover:text-fg rounded-md hover:bg-bg-hover transition-colors"
+          aria-label="Close settings"
         >
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true">
             <line x1="18" y1="6" x2="6" y2="18" />
             <line x1="6" y1="6" x2="18" y2="18" />
           </svg>
@@ -97,6 +145,7 @@ export default function SettingsPanel({
                 placeholder={PROVIDERS.find(p => p.id === provider)?.placeholder}
                 className="w-full px-2 py-1.5 text-12 bg-bg-secondary border border-border rounded-md focus:outline-none focus:ring-1 focus:ring-fg-brand"
                 onKeyDown={e => { if (e.key === 'Enter') handleSave(); }}
+                aria-label="API key"
               />
               <button
                 onClick={handleSave}
diff --git a/ui/src/hooks/useChat.ts b/ui/src/hooks/useChat.ts
index e3aece6..14279b6 100644
--- a/ui/src/hooks/useChat.ts
+++ b/ui/src/hooks/useChat.ts
@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react';
-import type { ChatMessage, ChatMessageType, LintResult, LintError, ScoreBreakdown, CategoryScore, ScoreGrade, AiReviewData, ReferoComparisonData } from '../lib/messages';
+import type { ChatMessage, ChatMessageType, LintResult, LintError, ScoreBreakdown, CategoryScore, ScoreGrade, AiReviewData, ReferoComparisonData, DiffResultData, BaselineMetaData } from '../lib/messages';
 
 let messageIdCounter = 0;
 function nextId(): string {
@@ -38,7 +38,7 @@ const GENERIC_NAME_RE = /^(Frame|Group|Rectangle|Ellipse|Vector|Line|Polygon|Sta
 
 /**
  * Compute Design Health Score — purely deterministic, no AI.
- * 5 categories: Tokens (30%), Spacing (20%), Layout (10%), Accessibility (30%), Naming (10%).
+ * 9 categories: Tokens (20%), A11y (20%), Spacing (12%), Visual (10%), Microcopy (8%), Conversion (10%), Cognitive (8%), Layout (8%), Naming (4%).
  */
 function computeScoreBreakdown(result: LintResult): ScoreBreakdown {
   const total = result.summary.totalNodes || 1;
@@ -70,16 +70,36 @@ function computeScoreBreakdown(result: LintResult): ScoreBreakdown {
   );
   const naming = severityScore(namingErrors, total);
 
-  // Weighted average (30/20/10/30/10)
+  // Visual Quality
+  const visualQualityErrors = result.errors.filter(e => e.errorType === 'visualQuality');
+  const visualQuality = severityScore(visualQualityErrors, total);
+
+  // Microcopy
+  const microcopyErrors = result.errors.filter(e => e.errorType === 'microcopy');
+  const microcopy = severityScore(microcopyErrors, total);
+
+  // Conversion
+  const conversionErrors = result.errors.filter(e => e.errorType === 'conversion');
+  const conversion = severityScore(conversionErrors, total);
+
+  // Cognitive
+  const cognitiveErrors = result.errors.filter(e => e.errorType === 'cognitive');
+  const cognitive = severityScore(cognitiveErrors, total);
+
+  // Weighted average (20/20/12/10/8/10/8/8/4) — 9 categories, aligned with backend
   const overall = Math.round(
-    tokens.score * 0.30 +
-    spacing.score * 0.20 +
-    layout.score * 0.10 +
-    accessibility.score * 0.30 +
-    naming.score * 0.10
+    tokens.score * 0.20 +
+    accessibility.score * 0.20 +
+    spacing.score * 0.12 +
+    visualQuality.score * 0.10 +
+    microcopy.score * 0.08 +
+    conversion.score * 0.10 +
+    cognitive.score * 0.08 +
+    layout.score * 0.08 +
+    naming.score * 0.04
   );
 
-  return { overall, grade: getGrade(overall), tokens, spacing, layout, accessibility, naming };
+  return { overall, grade: getGrade(overall), tokens, spacing, layout, accessibility, naming, visualQuality, microcopy, conversion, cognitive };
 }
 
 export interface ChatState {
@@ -91,6 +111,8 @@ export interface ChatState {
   sessionId: string | null;
   aiReview: AiReviewData | null;
   isStreaming: boolean;
+  baselineMeta: BaselineMetaData | null;
+  lastDiff: DiffResultData | null;
 }
 
 export function useChat() {
@@ -103,6 +125,8 @@ export function useChat() {
     sessionId: null,
     aiReview: null,
     isStreaming: false,
+    baselineMeta: null,
+    lastDiff: null,
   });
 
   const addMessage = useCallback((msg: ChatMessageType) => {
@@ -221,44 +245,47 @@ export function useChat() {
 
   const handleRescan = useCallback((result: LintResult) => {
     const newScore = computeScoreBreakdown(result);
-    const oldOverall = state.score?.overall || 0;
 
-    const messages: ChatMessage[] = [];
+    setState(prev => {
+      const oldOverall = prev.score?.overall || 0;
 
-    if (result.summary.totalErrors === 0) {
-      messages.push(createMessage({
-        kind: 'ai-text',
-        content: 'All issues resolved! Component is clean.',
-      }));
-    } else {
-      messages.push(createMessage({
-        kind: 'score-update',
-        data: {
-          oldScore: oldOverall,
-          newScore: newScore.overall,
-          issuesRemaining: result.summary.totalErrors,
-        },
-      }));
-    }
+      const msgs: ChatMessage[] = [];
+
+      if (result.summary.totalErrors === 0) {
+        msgs.push(createMessage({
+          kind: 'ai-text',
+          content: 'All issues resolved! Component is clean.',
+        }));
+      } else {
+        msgs.push(createMessage({
+          kind: 'score-update',
+          data: {
+            oldScore: oldOverall,
+            newScore: newScore.overall,
+            issuesRemaining: result.summary.totalErrors,
+          },
+        }));
+      }
 
-    messages.push(createMessage({ kind: 'score-card', data: newScore }));
+      msgs.push(createMessage({ kind: 'score-card', data: newScore }));
 
-    if (result.errors.length > 0) {
-      const fixableCount = result.errors.filter(e => e.errorType === 'spacing' || e.errorType === 'radius').length;
-      messages.push(createMessage({
-        kind: 'issues-list',
-        data: result.errors,
-        fixableCount,
-      }));
-    }
+      if (result.errors.length > 0) {
+        const fixableCount = result.errors.filter(e => e.errorType === 'spacing' || e.errorType === 'radius').length;
+        msgs.push(createMessage({
+          kind: 'issues-list',
+          data: result.errors,
+          fixableCount,
+        }));
+      }
 
-    setState(prev => ({
-      ...prev,
-      lintResult: result,
-      score: newScore,
-      messages: [...prev.messages, ...messages],
-    }));
-  }, [state.score]);
+      return {
+        ...prev,
+        lintResult: result,
+        score: newScore,
+        messages: [...prev.messages, ...msgs],
+      };
+    });
+  }, []);
 
   const handleAiReview = useCallback((data: {
     sessionId: string;
@@ -331,7 +358,8 @@ export function useChat() {
       isAnalyzing: false,
       sessionId: data.sessionId,
       aiReview: data.aiReview,
-      messages: [...prev.messages, ...messages],
+      // Remove phase indicator messages, replace with actual results
+      messages: [...prev.messages.filter(m => m.message.kind !== 'analysis-phase'), ...messages],
     }));
   }, []);
 
@@ -371,6 +399,35 @@ export function useChat() {
     });
   }, []);
 
+  const handleBaselineSaved = useCallback((data: { nodeId: string; nodeName: string; timestamp: number; overall: number }) => {
+    setState(prev => ({
+      ...prev,
+      baselineMeta: { timestamp: data.timestamp, nodeName: data.nodeName, overall: data.overall },
+      messages: [
+        ...prev.messages,
+        createMessage({
+          kind: 'baseline-saved',
+          data,
+        }),
+      ],
+    }));
+  }, []);
+
+  const handleBaselineLoaded = useCallback((meta: BaselineMetaData | null) => {
+    setState(prev => ({ ...prev, baselineMeta: meta }));
+  }, []);
+
+  const handleDiffResult = useCallback((data: DiffResultData) => {
+    setState(prev => ({
+      ...prev,
+      lastDiff: data,
+      messages: [
+        ...prev.messages,
+        createMessage({ kind: 'diff-result', data }),
+      ],
+    }));
+  }, []);
+
   const clearMessages = useCallback(() => {
     setState({
       messages: [],
@@ -381,9 +438,19 @@ export function useChat() {
       sessionId: null,
       aiReview: null,
       isStreaming: false,
+      baselineMeta: null,
+      lastDiff: null,
     });
   }, []);
 
+  const clearAnalysisPhase = useCallback(() => {
+    setState(prev => ({
+      ...prev,
+      isAnalyzing: false,
+      messages: prev.messages.filter(m => m.message.kind !== 'analysis-phase'),
+    }));
+  }, []);
+
   return {
     ...state,
     addMessage,
@@ -397,6 +464,10 @@ export function useChat() {
     appendStreamChunk,
     finishStream,
     clearMessages,
+    clearAnalysisPhase,
+    handleBaselineSaved,
+    handleBaselineLoaded,
+    handleDiffResult,
   };
 }
 
@@ -417,6 +488,8 @@ function buildLintSummaryText(result: LintResult, score: ScoreBreakdown): string
   if (byType.spacing > 0) parts.push(`${byType.spacing} off-grid spacing`);
   if (byType.autoLayout > 0) parts.push(`${byType.autoLayout} missing auto-layout`);
   if (byType.accessibility > 0) parts.push(`${byType.accessibility} accessibility issues`);
+  if (byType.visualQuality > 0) parts.push(`${byType.visualQuality} visual quality issues`);
+  if (byType.microcopy > 0) parts.push(`${byType.microcopy} microcopy issues`);
 
   const fixable = result.errors.filter(e => e.errorType === 'spacing' || e.errorType === 'radius').length;
 
diff --git a/ui/src/lib/api.ts b/ui/src/lib/api.ts
index c8a1813..ef40b1f 100644
--- a/ui/src/lib/api.ts
+++ b/ui/src/lib/api.ts
@@ -34,6 +34,12 @@ export async function analyzeComponent(data: {
       hasAutoLayout: boolean;
       childCount: number;
     };
+    tokenSummary?: {
+      totalTokens: number;
+      boundToVariables: number;
+      boundToStyles: number;
+      hardCoded: number;
+    };
   };
   sessionId?: string;
   mode: 'quick' | 'deep';
@@ -99,13 +105,15 @@ export async function streamChat(
   message: string,
   onChunk: (text: string) => void,
   onDone: () => void,
-  onError: (error: string) => void
+  onError: (error: string) => void,
+  signal?: AbortSignal
 ): Promise<void> {
   try {
     const resp = await fetch(`${backendUrl}/api/stream/${sessionId}`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ message }),
+      signal,
     });
 
     if (!resp.ok) {
@@ -125,6 +133,8 @@ export async function streamChat(
     let currentEvent = '';
 
     while (true) {
+      if (signal?.aborted) break;
+
       const { done, value } = await reader.read();
       if (done) break;
 
@@ -160,6 +170,10 @@ export async function streamChat(
 
     onDone();
   } catch (error) {
+    if (error instanceof DOMException && error.name === 'AbortError') {
+      // Caller aborted — not a real error
+      return;
+    }
     onError(error instanceof Error ? error.message : 'Stream failed');
   }
 }
diff --git a/ui/src/lib/messages.ts b/ui/src/lib/messages.ts
index 4864982..908041f 100644
--- a/ui/src/lib/messages.ts
+++ b/ui/src/lib/messages.ts
@@ -100,6 +100,8 @@ export interface EnhancedAnalysisResult {
 }
 
 // Chat message types for the UI
+export type AnalysisPhase = 'lint' | 'screenshot' | 'ai-review' | 'refero';
+
 export type ChatMessageType =
   | { kind: 'ai-text'; content: string; streaming?: boolean }
   | { kind: 'user-text'; content: string }
@@ -112,7 +114,10 @@ export type ChatMessageType =
   | { kind: 'score-update'; data: { oldScore: number; newScore: number; issuesRemaining: number } }
   | { kind: 'ai-review'; data: AiReviewData }
   | { kind: 'refero-gallery'; data: ReferoComparisonData }
-  | { kind: 'flow-result'; data: FlowAnalysisData };
+  | { kind: 'analysis-phase'; phase: AnalysisPhase; done?: boolean }
+  | { kind: 'flow-result'; data: FlowAnalysisData }
+  | { kind: 'diff-result'; data: DiffResultData }
+  | { kind: 'baseline-saved'; data: { nodeId: string; nodeName: string; timestamp: number; overall: number } };
 
 export type AiRating = 'pass' | 'needs_improvement' | 'fail';
 
@@ -127,6 +132,9 @@ export interface AiReviewData {
   statesCoverage: AiReviewCategory & { missingStates: string[] };
   platformAlignment: AiReviewCategory & { detectedPlatform: string };
   colorHarmony: AiReviewCategory;
+  visualBalance?: AiReviewCategory;
+  microcopyQuality?: AiReviewCategory;
+  cognitiveLoad?: AiReviewCategory;
   recommendations: Array<{ title: string; description: string; severity: string }>;
   summary: string;
 }
@@ -167,6 +175,10 @@ export interface ScoreBreakdown {
   layout: CategoryScore;
   accessibility: CategoryScore;
   naming: CategoryScore;
+  visualQuality: CategoryScore;
+  microcopy: CategoryScore;
+  conversion: CategoryScore;
+  cognitive: CategoryScore;
 }
 
 export interface ActionButton {
@@ -194,8 +206,15 @@ export type PluginEvent =
   | { type: 'rescan-complete'; data: { totalErrors: number; nodesWithErrors: number } }
   | { type: 'api-key-status'; data: { hasKey: boolean; provider: string; model?: string } }
   | { type: 'api-key-saved'; data: { success: boolean } }
-  | { type: 'screenshot-result'; data: { nodeId: string; nodeName: string; screenshot: string; width: number; height: number } }
-  | { type: string; data: unknown };
+  | { type: 'screenshot-result'; data: { nodeId: string; nodeName: string; screenshot: string; width: number; height: number; hasAutoLayout?: boolean; childCount?: number } }
+  | { type: 'selection-changed'; data: { hasSelection: boolean; nodeId: string | null; nodeName: string | null } }
+  | { type: 'screenshot-error'; data: { error: string } }
+  | { type: 'flow-analysis-started'; data: { status: string; progress?: number; total?: number } }
+  | { type: 'flow-analysis-result'; data: FlowAnalysisData }
+  | { type: 'flow-analysis-error'; data: { error: string } }
+  | { type: 'baseline-saved'; data: { nodeId: string; nodeName: string; timestamp: number; overall: number } }
+  | { type: 'baseline-loaded'; data: { nodeId: string; nodeName: string; timestamp: number; overall: number } | null }
+  | { type: 'diff-result'; data: DiffResultData };
 
 // Flow Analysis Types
 export interface FlowGraphIssue {
@@ -261,6 +280,49 @@ export interface FlowAnalysisData {
   };
 }
 
+// ── Baseline & Diff Types ──────────────────────────────────
+
+export interface CategoryDeltaData {
+  category: string;
+  oldScore: number;
+  newScore: number;
+  delta: number;
+}
+
+export interface IssueDiffData {
+  errorType: string;
+  severity: string;
+  nodeId: string;
+  message: string;
+}
+
+export interface DiffResultData {
+  baselineTimestamp: number;
+  currentTimestamp: number;
+  scoreDelta: {
+    overall: number;
+    oldOverall: number;
+    newOverall: number;
+    categories: CategoryDeltaData[];
+  };
+  newIssues: IssueDiffData[];
+  fixedIssues: IssueDiffData[];
+  remainingIssues: IssueDiffData[];
+  summary: {
+    totalNew: number;
+    totalFixed: number;
+    totalRemaining: number;
+    oldTotal: number;
+    newTotal: number;
+  };
+}
+
+export interface BaselineMetaData {
+  timestamp: number;
+  nodeName: string;
+  overall: number;
+}
+
 // UI → Plugin message commands
 export function postToPlugin(type: string, data?: unknown): void {
   parent.postMessage({ pluginMessage: { type, data } }, '*');
diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
index 8136909..9409ec3 100644
--- a/ui/tailwind.config.js
+++ b/ui/tailwind.config.js
@@ -31,6 +31,7 @@ export default {
         },
       },
       fontSize: {
+        '10': ['10px', { lineHeight: '14px' }],
         '11': ['11px', '16px'],
         '12': ['12px', '16px'],
         '13': ['13px', '20px'],